/* 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 */

#__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: 16px; }
  .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;
      color: #00377C; }
    .container-login .card-login h1 {
      font-size: 32px !important;
      color: #00377C;
      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: #00377C;
        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: #00377C; }
    .container-login .card-login .ant-form a {
      color: #00377C;
      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; }

/**
* FORMS
*/
.kb-form-wrapper {
  width: 100%;
  max-width: 700px; }

.kb-form .ant-form-item-label,
.kb-form .ant-input,
.kb-form .ant-select-selection-item,
.kb-form .ant-select-item-option-content {
  color: #00377C !important; }
  .kb-form .ant-form-item-label label,
  .kb-form .ant-input label,
  .kb-form .ant-select-selection-item label,
  .kb-form .ant-select-item-option-content label {
    color: #00377C !important; }

.kb-form .ant-form-item-label {
  font-weight: bold;
  color: #00377C !important; }

.kb-form .ant-input {
  border: 1px solid #D8D8D8;
  height: 41px;
  border-radius: 4px; }

.kb-form .ant-picker {
  width: 100%; }

.kb-form .ant-picker-input > input {
  height: 32px; }

.kb-form .ant-input-number-input {
  border: none;
  height: 40px;
  border-radius: 4px; }

.kb-form .ant-input.kb-textarea {
  height: auto; }

.kb-form .ant-input.kb-textarea-disabled :disabled {
  height: auto;
  color: #f70d0d; }

.kb-form .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 41px; }

.kb-form .ant-select-single .ant-select-selector .ant-select-selection-item,
.kb-form .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  line-height: 41px; }

.kb-form .ant-select-item {
  border-bottom: 1px solid #00377C; }

.kb-form .ant-form-item-explain-error {
  color: #E15555; }

.ant-form-item-explain-error {
  color: #E15555; }

.kb-radio-group.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  border-right-color: #E6FDFF !important; }

.kb-radio-group.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #00377C !important;
  background: #E6FDFF !important;
  border-color: #E6FDFF !important; }

.kb-radio-group .ant-radio-button-wrapper {
  color: #00377C;
  border: 1px solid #DFEAEC !important; }
  .kb-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
    background-color: #DFEAEC !important; }

/**
* TEXT
*/
.kb-text {
  color: #00377C !important;
  font-size: 16px !important;
  line-height: 24px; }

.kb-link {
  color: #0058ff !important;
  font-size: 16px !important;
  line-height: 24px; }

/**
* STATUSES
*/
.status-pill {
  padding: 2px 10px;
  border-radius: 12px;
  line-height: 23px !important;
  font-weight: bold;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }

.status-pendiente,
.status-p-validacion {
  background-color: #fef9e5;
  color: #f2aa00 !important; }

.status-pagado {
  background-color: #e6fffa;
  color: #1ca690 !important; }

.status-aceptado {
  background-color: #00ae70;
  color: #ffffff !important; }

.status-parcial {
  background-color: #e6fdff;
  color: #00377c !important; }

.status-atrasado {
  background-color: #f2aa00;
  color: #ffffff !important; }

.status-rechazado {
  background-color: #d93025;
  color: #ffffff !important; }

.ant-upload-list-item {
  border-color: #00377C !important;
  color: #00377C !important; }
  .ant-upload-list-item .ant-upload-list-item-name {
    color: #00377C !important; }
  .ant-upload-list-item .ant-upload-list-item-card-actions .anticon {
    color: #00377C !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: #ffffff;
      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: #ffffff; }
  .kb-attachment:hover, .kb-attachment:active, .kb-attachment:focus {
    border-color: #F76B1C; }
  .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: #F76B1C; }
  .kb-attachment-image {
    background-size: cover;
    background-position: center; }

/** MODALS **/
.ant-modal-title {
  color: #00377C !important;
  font-size: 24px !important;
  font-weight: 700 !important; }

/** 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: #F76B1C;
    color: #ffffff; }
    .ant-btn.ant-btn-primary:hover {
      border-color: #F76B1C; }
    .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; }

/** TABS **/
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  color: #ffffff !important;
  background-color: #1CA690 !important;
  border: 1px solid #1CA690 !important; }
  .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn,
  .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #ffffff !important; }

.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-disabled {
  color: #979797 !important;
  background-color: #ffffff !important;
  border: 1px solid #D8D8D8 !important;
  border-bottom: 1px solid #f0f0f0 !important; }
  .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-disabled .ant-tabs-tab-btn,
  .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-disabled .ant-tabs-tab-btn {
    color: #979797 !important; }

.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 10px 10px 0 0 !important; }
  .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn,
  .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
    font-weight: 700 !important; }

.footer-mobile .ant-btn {
  background-color: #fff !important; }

/**
* TABLES
*/
@media screen and (max-width: 768px) {
  .ant-table-tbody .ant-table-cell-fix-left,
  .ant-table-tbody .ant-table-cell-fix-right {
    background-color: rgba(255, 255, 255, 0.95) !important; }
    .ant-table-tbody .ant-table-cell-fix-left button,
    .ant-table-tbody .ant-table-cell-fix-right button {
      border: 1px solid #dedede !important; } }

.clickable {
  cursor: pointer; }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown {
    position: fixed;
    top: 21% !important; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-content .ant-picker-time-panel-column {
    overflow-y: scroll; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-content .ant-picker-time-panel-column .ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
    height: 25px;
    color: #00377C; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-footer .ant-picker-ranges {
    display: block;
    align-content: center;
    text-align: center; }
    .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-footer .ant-picker-ranges .ant-picker-ok {
      float: none;
      margin-left: 0; } }

.modal-departure-container {
  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-departure-container {
      max-width: 95%; } }
  .modal-departure-container .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12rem;
    margin-bottom: .5rem; }
    .modal-departure-container .header p {
      margin: 0;
      color: #00377C;
      font-weight: 900;
      font-size: 24px !important; }
    .modal-departure-container .header button {
      padding: 0;
      color: #00377C;
      border: none;
      box-shadow: none; }
  .modal-departure-container .section {
    margin-bottom: 1rem;
    display: block; }
    .modal-departure-container .section p {
      margin: 0;
      color: #00377C;
      font-weight: bold;
      font-size: 14px !important; }
    .modal-departure-container .section .ant-select {
      width: max-content;
      display: flex;
      min-width: 10rem; }
      .modal-departure-container .section .ant-select .ant-select-selector {
        border: 1px solid #DFEAEC; }
        .modal-departure-container .section .ant-select .ant-select-selector span {
          color: #00377C;
          font-size: 14px !important;
          font-weight: 400; }
      .modal-departure-container .section .ant-select span .anticon {
        color: #00377C;
        font-size: 8px; }
    .modal-departure-container .section .ant-picker {
      border: 1px solid #DFEAEC; }
      .modal-departure-container .section .ant-picker .ant-picker-input span, .modal-departure-container .section .ant-picker .ant-picker-input input {
        color: #00377C; }
    .modal-departure-container .section .ant-input {
      border: 1px solid #DFEAEC;
      color: #00377C;
      font-size: 14px !important;
      font-variant: normal;
      font-feature-settings: normal; }
  .modal-departure-container .footer-modal button {
    display: flex;
    float: right;
    align-items: center;
    background: #F76B1C;
    border-radius: .5rem;
    color: #ffffff;
    font-size: 16px !important;
    font-weight: bold;
    border: none;
    box-shadow: none; }

.modal-attendance-container {
  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-attendance-container {
      width: 95%;
      max-width: 95%; } }
  .modal-attendance-container p {
    color: #00377C;
    margin: 0;
    font-weight: bold;
    font-size: 14px !important; }
  .modal-attendance-container .header {
    display: flex;
    align-items: center;
    gap: 6rem;
    margin-bottom: 1.5rem; }
    .modal-attendance-container .header p {
      margin: 0;
      color: #00377C;
      font-size: 24px !important;
      font-weight: 900; }
    .modal-attendance-container .header .button-close {
      padding: 0;
      border: none;
      box-shadow: none; }
      .modal-attendance-container .header .button-close .icon-close, .modal-attendance-container .header .button-close .icon-back {
        color: #00497D; }
      .modal-attendance-container .header .button-close .icon-close {
        font-size: 16px !important; }
      .modal-attendance-container .header .button-close .icon-back {
        font-size: 24px !important;
        display: none; }
        @media screen and (min-width: 575px) {
          .modal-attendance-container .header .button-close .icon-back {
            display: none; } }
  .modal-attendance-container .content {
    display: block;
    margin-bottom: 1rem;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 575px) {
      .modal-attendance-container .content {
        display: block; } }
    .modal-attendance-container .content .select {
      width: 100%;
      display: flex;
      min-width: 10rem;
      margin-bottom: 1rem; }
      .modal-attendance-container .content .select .ant-select-selector {
        border: 1px solid #DFEAEC; }
        .modal-attendance-container .content .select .ant-select-selector span {
          color: #00377C;
          font-size: 14px !important;
          font-weight: 400; }
      .modal-attendance-container .content .select span .anticon {
        color: #00377C;
        font-size: 8px; }
    .modal-attendance-container .content .check {
      display: flex;
      align-items: center;
      gap: .5rem;
      color: #00377C; }
      .modal-attendance-container .content .check .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
        background: #00377C;
        border-color: #00377C; }
  .modal-attendance-container .button-assign {
    background: #F76B1C;
    border-radius: .5rem;
    color: #ffffff;
    font-weight: bold;
    float: right;
    border: none;
    box-shadow: none; }

.body-courses {
  height: auto;
  min-height: 95vh;
  padding: 15px 20px 15px 20px;
  margin: 0; }
  .body-courses .title {
    color: #003057;
    font-weight: 900;
    font-size: 32px !important; }
    @media screen and (max-width: 350px) {
      .body-courses .title {
        font-size: 26px !important; } }
    @media screen and (max-width: 290px) {
      .body-courses .title {
        font-size: 22px !important; } }
  .body-courses .container-courses {
    width: auto; }
    .body-courses .container-courses .course-card {
      height: auto;
      border: 0;
      display: flex;
      width: 100%;
      margin-bottom: 1rem;
      align-items: center; }
      .body-courses .container-courses .course-card .img-container {
        border-radius: 100%;
        width: 64px;
        height: 64px;
        background: #DFEAEC;
        display: flex; }
        @media screen and (max-width: 350px) {
          .body-courses .container-courses .course-card .img-container {
            width: 56px;
            height: 56px; } }
        @media screen and (max-width: 290px) {
          .body-courses .container-courses .course-card .img-container {
            width: 50px;
            height: 50px; } }
        .body-courses .container-courses .course-card .img-container .no-img-course {
          border-radius: 100%;
          width: 88%;
          height: 88%;
          margin: auto;
          animation: random 5s infinite;
          align-items: center;
          justify-content: center;
          display: flex; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
          .body-courses .container-courses .course-card .img-container .no-img-course .img-text {
            color: #003057;
            font-weight: 700;
            font-size: 32px !important;
            text-transform: uppercase;
            margin: 0; }
            @media screen and (max-width: 575px) {
              .body-courses .container-courses .course-card .img-container .no-img-course .img-text {
                font-size: 26px !important; } }
            @media screen and (max-width: 350px) {
              .body-courses .container-courses .course-card .img-container .no-img-course .img-text {
                font-size: 24px !important; } }
            @media screen and (max-width: 290px) {
              .body-courses .container-courses .course-card .img-container .no-img-course .img-text {
                font-size: 18px !important; } }
        .body-courses .container-courses .course-card .img-container .container-check {
          border-radius: 100%;
          height: 25px;
          width: 25px;
          bottom: .1rem;
          position: absolute;
          background: #C5E267;
          align-items: center;
          justify-content: center;
          display: flex; }
          @media screen and (max-width: 350px) {
            .body-courses .container-courses .course-card .img-container .container-check {
              height: 20px;
              width: 20px; } }
          @media screen and (max-width: 290px) {
            .body-courses .container-courses .course-card .img-container .container-check {
              height: 16px;
              width: 16px;
              font: -webkit-small-control; } }
          .body-courses .container-courses .course-card .img-container .container-check .icon {
            color: #ffffff;
            display: inline-block;
            margin: 0;
            font-size: 12px !important; }
            @media screen and (max-width: 290px) {
              .body-courses .container-courses .course-card .img-container .container-check .icon {
                font-size: 10px !important; } }
      .body-courses .container-courses .course-card .text-container {
        width: auto;
        margin-left: 1rem;
        text-align: left; }
        .body-courses .container-courses .course-card .text-container .course-name {
          font-weight: 900;
          color: #003057;
          font-size: 24px !important;
          margin: 0; }
          @media screen and (max-width: 350px) {
            .body-courses .container-courses .course-card .text-container .course-name {
              font-size: 20px !important; } }
          @media screen and (max-width: 290px) {
            .body-courses .container-courses .course-card .text-container .course-name {
              font-size: 18px !important; } }
        .body-courses .container-courses .course-card .text-container .student-course {
          color: #003057;
          font-weight: 400;
          font-size: 12px !important;
          margin: 0; }
          @media screen and (max-width: 350px) {
            .body-courses .container-courses .course-card .text-container .student-course {
              font-size: 12px !important; } }
          @media screen and (max-width: 290px) {
            .body-courses .container-courses .course-card .text-container .student-course {
              font-size: 12px !important; } }

.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  overflow: hidden;
  opacity: 1;
  height: auto;
  max-height: 48px; }
  .ant-upload-list-picture .ant-upload-list-item-thumbnail > img,
  .ant-upload-list-picture-card .ant-upload-list-item-thumbnail > img {
    height: auto; }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown {
    position: fixed;
    top: 21% !important; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-content .ant-picker-time-panel-column {
    overflow-y: scroll; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-content .ant-picker-time-panel-column .ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
    height: 25px;
    color: #00377C; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-footer .ant-picker-ranges {
    display: block;
    align-content: center;
    text-align: center; }
    .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-footer .ant-picker-ranges .ant-picker-ok {
      float: none;
      margin-left: 0; } }

.modal-daily-report-container {
  border-radius: 16px;
  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: 95%;
  min-width: 25%;
  max-height: 80%;
  height: auto;
  display: block; }
  .modal-daily-report-container .div-close {
    height: 32px;
    display: flex;
    flex-direction: row;
    justify-content: end;
    position: relative; }
  .modal-daily-report-container .close {
    display: flex;
    margin-left: auto;
    color: #00377C;
    font-size: 14px !important;
    box-shadow: none;
    border: none;
    position: fixed;
    z-index: 9999; }
  .modal-daily-report-container .selected-students-modal-daily-report {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 10px 0px;
    border: 1px solid #00387c91;
    border-radius: 10px;
    padding: 2px 7px; }
    .modal-daily-report-container .selected-students-modal-daily-report span {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      font-weight: bold;
      color: #00377C;
      cursor: pointer;
      transition: transform 150ms; }
    .modal-daily-report-container .selected-students-modal-daily-report span.rotar {
      transform: rotate(180deg); }
    .modal-daily-report-container .selected-students-modal-daily-report .student-list {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 0px;
      margin: 0px;
      padding: 0px;
      margin-top: 2px;
      overflow-y: scroll;
      transition: height 200ms; }
    .modal-daily-report-container .selected-students-modal-daily-report .student-list li {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      color: #00377C;
      list-style: none;
      padding: 0px 5px;
      margin-bottom: 2px;
      border-radius: 10px;
      background-color: white;
      transition: background-color 150ms; }
    .modal-daily-report-container .selected-students-modal-daily-report .student-list li:hover {
      background-color: #00387c24; }
    .modal-daily-report-container .selected-students-modal-daily-report .student-list.open {
      height: 100px; }
    .modal-daily-report-container .selected-students-modal-daily-report .student-list::-webkit-scrollbar {
      width: 10px; }
    .modal-daily-report-container .selected-students-modal-daily-report .student-list::-webkit-scrollbar-track {
      border-radius: 4px; }
    .modal-daily-report-container .selected-students-modal-daily-report .student-list::-webkit-scrollbar-thumb {
      background: #00ADD1;
      border-radius: 4px; }
    .modal-daily-report-container .selected-students-modal-daily-report .student-list::-webkit-scrollbar-thumb:hover {
      background: #00ADD1; }
  .modal-daily-report-container .selected-student-name-modal-daily-report {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 10px 0px; }
    .modal-daily-report-container .selected-student-name-modal-daily-report span {
      color: #00377C;
      font-size: 20px !important;
      font-weight: 800; }
      @media screen and (max-width: 575px) {
        .modal-daily-report-container .selected-student-name-modal-daily-report span {
          font-size: 18px !important; } }
  .modal-daily-report-container .section-modal-daily-report {
    margin-bottom: 16px; }
    .modal-daily-report-container .section-modal-daily-report h2 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin-bottom: 16px; }
    .modal-daily-report-container .section-modal-daily-report .item-flex, .modal-daily-report-container .section-modal-daily-report .item-block {
      margin-bottom: 16px;
      color: #00377C; }
      .modal-daily-report-container .section-modal-daily-report .item-flex p, .modal-daily-report-container .section-modal-daily-report .item-block p {
        font-weight: bold;
        font-size: 14px !important;
        margin-bottom: 0px; }
    .modal-daily-report-container .section-modal-daily-report .item-flex {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .modal-daily-report-container .section-modal-daily-report .item-flex .checkbox-rounded .ant-checkbox .ant-checkbox-inner {
        border-radius: 100%;
        border: 1px solid #00377C; }
        .modal-daily-report-container .section-modal-daily-report .item-flex .checkbox-rounded .ant-checkbox .ant-checkbox-inner::after {
          transform: none;
          opacity: 0; }
      .modal-daily-report-container .section-modal-daily-report .item-flex .checkbox-rounded .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #F76B1C; }
      .modal-daily-report-container .section-modal-daily-report .item-flex .ant-picker-disabled, .modal-daily-report-container .section-modal-daily-report .item-flex .ant-picker {
        border: 1px solid #00377C;
        padding: 4px 8px; }
        .modal-daily-report-container .section-modal-daily-report .item-flex .ant-picker-disabled .ant-picker-input, .modal-daily-report-container .section-modal-daily-report .item-flex .ant-picker .ant-picker-input {
          flex-direction: row-reverse; }
          .modal-daily-report-container .section-modal-daily-report .item-flex .ant-picker-disabled .ant-picker-input input, .modal-daily-report-container .section-modal-daily-report .item-flex .ant-picker .ant-picker-input input {
            width: 40px; }
          .modal-daily-report-container .section-modal-daily-report .item-flex .ant-picker-disabled .ant-picker-input .ant-picker-clear, .modal-daily-report-container .section-modal-daily-report .item-flex .ant-picker .ant-picker-input .ant-picker-clear {
            display: none; }
          .modal-daily-report-container .section-modal-daily-report .item-flex .ant-picker-disabled .ant-picker-input .ant-picker-suffix, .modal-daily-report-container .section-modal-daily-report .item-flex .ant-picker .ant-picker-input .ant-picker-suffix {
            margin-right: 8px;
            color: #00377C; }
      .modal-daily-report-container .section-modal-daily-report .item-flex .btn-rounded-container {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .modal-daily-report-container .section-modal-daily-report .item-flex .btn-rounded-container .btn-rounded {
          border-radius: 100%;
          width: 32px;
          min-width: 32px;
          height: 32px;
          min-height: 32px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #E5FDFF;
          box-shadow: none;
          border: none; }
          .modal-daily-report-container .section-modal-daily-report .item-flex .btn-rounded-container .btn-rounded:first-of-type {
            margin-right: 8px; }
          .modal-daily-report-container .section-modal-daily-report .item-flex .btn-rounded-container .btn-rounded:last-of-type {
            margin-left: 8px; }
          .modal-daily-report-container .section-modal-daily-report .item-flex .btn-rounded-container .btn-rounded .anticon {
            color: #00377C;
            font-size: 12px !important; }
        .modal-daily-report-container .section-modal-daily-report .item-flex .btn-rounded-container .ant-input, .modal-daily-report-container .section-modal-daily-report .item-flex .btn-rounded-container .ant-input-disabled {
          border: 1px solid #00377C;
          background-color: #fff;
          color: #00377C;
          font-size: 14px !important;
          font-feature-settings: normal;
          font-variant: normal;
          width: 75px; }
        .modal-daily-report-container .section-modal-daily-report .item-flex .btn-rounded-container .ant-input-number {
          border: 1px solid #00377C; }
          .modal-daily-report-container .section-modal-daily-report .item-flex .btn-rounded-container .ant-input-number .ant-input-number-input-wrap input {
            width: 60px; }
      .modal-daily-report-container .section-modal-daily-report .item-flex .check-box-square .ant-checkbox .ant-checkbox-inner {
        border: 1px solid #00377C; }
      .modal-daily-report-container .section-modal-daily-report .item-flex .check-box-square .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #00377C; }
      .modal-daily-report-container .section-modal-daily-report .item-flex .ant-select, .modal-daily-report-container .section-modal-daily-report .item-flex .ant-select-disabled {
        font-variant: normal;
        font-feature-settings: normal;
        font-size: 14px !important; }
        .modal-daily-report-container .section-modal-daily-report .item-flex .ant-select .ant-select-selector, .modal-daily-report-container .section-modal-daily-report .item-flex .ant-select-disabled .ant-select-selector {
          border: 1px solid #00377C;
          background-color: #fff; }
        .modal-daily-report-container .section-modal-daily-report .item-flex .ant-select .ant-select-arrow, .modal-daily-report-container .section-modal-daily-report .item-flex .ant-select-disabled .ant-select-arrow {
          font-size: 10px !important;
          color: #00377C; }
      .modal-daily-report-container .section-modal-daily-report .item-flex .upload .ant-upload-select-text .ant-upload button {
        border-radius: 2px;
        display: flex;
        align-items: center;
        font-size: 14px !important;
        box-shadow: none;
        border: 1px solid #00377C;
        color: #00377C; }
      .modal-daily-report-container .section-modal-daily-report .item-flex .upload .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info .ant-upload-text-icon .anticon-loading {
        display: none; }
      .modal-daily-report-container .section-modal-daily-report .item-flex .flex-timepicker-siestas {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: fit-content; }
        .modal-daily-report-container .section-modal-daily-report .item-flex .flex-timepicker-siestas .ant-picker {
          margin-left: 15px; }
    .modal-daily-report-container .section-modal-daily-report .item-flex.justify-end {
      justify-content: flex-end; }
      .modal-daily-report-container .section-modal-daily-report .item-flex.justify-end p {
        margin-right: auto; }
    .modal-daily-report-container .section-modal-daily-report .item-block .btns-in-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
      grid-gap: 8px; }
      .modal-daily-report-container .section-modal-daily-report .item-block .btns-in-grid button {
        border-radius: 2px;
        border: 1px solid #00377C;
        padding: 4px;
        height: auto;
        box-shadow: none; }
        .modal-daily-report-container .section-modal-daily-report .item-block .btns-in-grid button span {
          color: #00377C;
          font-size: 13px !important; }
      .modal-daily-report-container .section-modal-daily-report .item-block .btns-in-grid .btn-food-selected {
        background-color: #9FEAF3; }
    .modal-daily-report-container .section-modal-daily-report .item-block .ant-input {
      border: 1px solid #00377C;
      font-feature-settings: normal;
      font-variant: normal;
      font-size: 14px !important;
      color: #00377C;
      resize: none; }
  .modal-daily-report-container .btns-footer {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .modal-daily-report-container .btns-footer button {
      border: none;
      border-radius: 8px;
      box-shadow: none;
      font-size: 16px !important;
      display: flex;
      padding: 4px 8px; }
    .modal-daily-report-container .btns-footer .clean {
      background-color: #F5F5F5;
      color: #00377C; }
    .modal-daily-report-container .btns-footer .save {
      background-color: #FEF4E7;
      color: #F76B1C;
      font-weight: bold; }

.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;
      gap: 10px;
      align-items: center; }
      .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; }
    .container-input-archivos-nuevo-mensaje .lista-archivos-adjuntos .archivo-imagen {
      width: 50px;
      height: 50px;
      border-radius: 2px;
      coursor: pointer; }
      .container-input-archivos-nuevo-mensaje .lista-archivos-adjuntos .archivo-imagen img {
        width: 100%;
        height: 100%;
        border-radius: 2px; }
    .container-input-archivos-nuevo-mensaje .lista-archivos-adjuntos .icon-default svg {
      width: 35px;
      height: 35px; }

.educator-profile-header-container {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 720px) {
    .educator-profile-header-container {
      display: block; } }
  .educator-profile-header-container .educator-data {
    color: #00377C; }
    .educator-profile-header-container .educator-data p {
      font-size: 20px !important;
      font-weight: 800;
      margin: 0px; }
    .educator-profile-header-container .educator-data span {
      font-size: 16px !important; }
    .educator-profile-header-container .educator-data .back {
      display: flex;
      align-items: center;
      color: #00377C;
      font-size: 16px !important;
      font-weight: bold;
      border: none;
      box-shadow: none; }
      .educator-profile-header-container .educator-data .back .anticon-left {
        font-size: 14px !important; }
  .educator-profile-header-container button {
    box-shadow: none;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px !important;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    margin-right: 8px;
    width: fit-content; }
    @media screen and (max-width: 643px) {
      .educator-profile-header-container button {
        justify-self: flex-start; } }
    .educator-profile-header-container button:last-of-type {
      margin-right: 0px; }
    @media screen and (max-width: 575px) {
      .educator-profile-header-container button {
        margin-top: 8px; } }
  .educator-profile-header-container .edit {
    color: #fff;
    background-color: #F76B1C; }
    .educator-profile-header-container .edit:active, .educator-profile-header-container .edit:focus, .educator-profile-header-container .edit:hover {
      background-color: #F76B1C; }
  .educator-profile-header-container .cancel {
    color: #0060B9;
    background-color: #E6FAFF; }
    .educator-profile-header-container .cancel:active, .educator-profile-header-container .cancel:focus, .educator-profile-header-container .cancel:hover {
      background-color: #E6FAFF; }
  .educator-profile-header-container .save {
    color: #F76B1C;
    background-color: #FEF4E7; }
    .educator-profile-header-container .save:active, .educator-profile-header-container .save:focus, .educator-profile-header-container .save:hover {
      background-color: #FEF4E7; }

.bar-educator-profile-container {
  margin-top: 16px;
  margin-bottom: 32px;
  border-radius: 8px;
  border: 1px solid #DFEAEC;
  padding: 8px;
  display: flex;
  background-color: #fff; }
  .bar-educator-profile-container button {
    border-radius: 8px;
    padding: 4px 8px;
    display: flex;
    box-shadow: none;
    border: none;
    font-size: 16px !important;
    font-weight: 800;
    color: #00377C;
    margin-right: 8px; }
    .bar-educator-profile-container button:last-of-type {
      margin-right: 0px; }

.ant-picker-dropdown {
  position: fixed; }

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

.educator-detail-container {
  overflow-y: scroll;
  padding: 1rem 2rem;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 575px) {
    .educator-detail-container {
      padding: 1rem .75rem;
      padding-bottom: 4rem; } }

.header-educators-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px; }
  .header-educators-container h1 {
    font-size: 32px !important;
    font-weight: 900;
    color: #00377C;
    margin: 0px; }
  .header-educators-container button {
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    font-size: 16px !important;
    font-weight: bold;
    color: #fff;
    background-color: #F76B1C;
    padding: 4px 8px;
    border-radius: 8px; }

.ant-dropdown .filter-grades-container {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  padding: 16px 8px;
  display: grid;
  box-shadow: 0 2px 20px 0 #005FB920; }
  .ant-dropdown .filter-grades-container p {
    font-size: 14px !important;
    font-weight: bold;
    color: #00377C;
    margin-bottom: 8px; }
  .ant-dropdown .filter-grades-container .ant-checkbox-wrapper {
    display: flex;
    align-items: center;
    width: auto;
    font-size: 14px !important;
    color: #00377C;
    margin-left: 0px;
    margin-bottom: 8px;
    text-transform: capitalize; }
    .ant-dropdown .filter-grades-container .ant-checkbox-wrapper:last-of-type {
      margin-bottom: 0px; }

.bar-educators-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  padding: 8px 16px;
  margin-bottom: 16px;
  background-color: #fff; }
  .bar-educators-container .ant-input-search {
    width: fit-content;
    border: 1px solid #DFEAEC;
    margin-right: 8px; }
    .bar-educators-container .ant-input-search .ant-input-group {
      color: #00377C;
      font-size: 14px !important;
      font-feature-settings: normal;
      font-variant: normal; }
      .bar-educators-container .ant-input-search .ant-input-group .ant-input-affix-wrapper {
        border-radius: 2px;
        border: none; }
        .bar-educators-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
          color: #00377C; }
        .bar-educators-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input {
          color: #00377C;
          font-size: 14px !important;
          font-feature-settings: normal;
          font-variant: normal; }
      .bar-educators-container .ant-input-search .ant-input-group .ant-input-group-addon {
        display: none; }
  .bar-educators-container button {
    border: none;
    box-shadow: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    font-size: 16px !important;
    font-weight: bold;
    color: #0060B9;
    background-color: #E5F6FF; }
    .bar-educators-container button span {
      display: flex; }

.table-educators {
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  overflow-x: scroll;
  overflow-y: scroll;
  margin-top: 16px;
  background-color: #fff; }
  .table-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
    border-radius: 4px; }
    .table-educators .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; }
      .table-educators .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; }
    .table-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
      text-align: right; }
    .table-educators .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: 140px; }
      @media screen and (max-width: 575px) {
        .table-educators .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; } }
      .table-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell img, .table-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        min-height: 40px;
        width: 40px;
        min-width: 40px;
        border-radius: 100%;
        object-fit: cover;
        color: #00377C;
        font-weight: bold;
        text-transform: uppercase;
        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; } }
      .table-educators .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-weight: 800;
        font-size: 14px !important; }
      .table-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell span {
        color: #00377C;
        font-size: 14px !important; }
    .table-educators .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; }
      .table-educators .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; }
        .table-educators .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; }
        .table-educators .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; }
        .table-educators .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; }
    .table-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .name-cell, .table-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .tutor-cell {
      text-transform: capitalize; }
      .table-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .name-cell button, .table-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .tutor-cell button {
        padding: 0px;
        border: none;
        box-shadow: none;
        background-color: #ffffff00; }
    .table-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .img-cell {
      padding: 8px 16px;
      width: 40px; }
    .table-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .dni-cell {
      min-width: 135px; }
  .table-educators .ant-spin-nested-loading .ant-pagination {
    padding: 0px 16px; }

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

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

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

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

.modal-educator-container {
  border-radius: 8px;
  background: #ffffff;
  z-index: 3;
  box-shadow: 0 2px 20px 0 #005FB920;
  padding: 32px 32px 24px 32px;
  position: fixed;
  overflow-y: scroll;
  top: 5%;
  left: 0;
  right: 0;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  min-width: 35%;
  max-width: 95%;
  max-height: 80%;
  display: block; }
  @media screen and (max-width: 575px) {
    .modal-educator-container {
      padding: 8px 16px; } }
  .modal-educator-container .modal-educator-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px; }
    .modal-educator-container .modal-educator-header h1 {
      margin: 0;
      color: #00377C;
      font-size: 32px !important;
      font-weight: 800; }
    .modal-educator-container .modal-educator-header button {
      box-shadow: none;
      border: none;
      font-size: 14px !important;
      color: #00377C; }
  .modal-educator-container .search-educator-container {
    color: #00377C; }
    .modal-educator-container .search-educator-container p {
      margin: 0;
      font-size: 14px !important;
      font-weight: bold; }
    .modal-educator-container .search-educator-container .ant-input-search {
      border: 1px solid #DFEAEC; }
      .modal-educator-container .search-educator-container .ant-input-search .ant-input-group {
        color: #00377C;
        font-size: 14px !important;
        font-feature-settings: normal;
        font-variant: normal; }
        .modal-educator-container .search-educator-container .ant-input-search .ant-input-group .ant-input-affix-wrapper {
          border-radius: 2px;
          border: none; }
          .modal-educator-container .search-educator-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
            color: #00377C; }
          .modal-educator-container .search-educator-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input {
            color: #00377C;
            font-size: 14px !important;
            font-feature-settings: normal;
            font-variant: normal; }
        .modal-educator-container .search-educator-container .ant-input-search .ant-input-group .ant-input-group-addon {
          display: none; }
    .modal-educator-container .search-educator-container .search-btn {
      box-shadow: none;
      border: none;
      border-radius: 8px;
      display: flex;
      padding: 4px 8px;
      font-weight: bold;
      margin-left: 8px;
      color: #fff;
      background-color: #F76B1C;
      align-items: center; }
  .modal-educator-container .modal-educator-content {
    display: grid;
    grid-template-rows: repeat(auto-fit, 1fr);
    color: #00377C; }
    @media screen and (max-width: 575px) {
      .modal-educator-container .modal-educator-content {
        display: block; } }
    .modal-educator-container .modal-educator-content .row {
      display: grid;
      grid-template-columns: repeat(2, minmax(350px, 1fr)); }
      @media screen and (max-width: 575px) {
        .modal-educator-container .modal-educator-content .row {
          grid-template-columns: repeat(1, 1fr); } }
      .modal-educator-container .modal-educator-content .row .column {
        max-width: 90%;
        height: fit-content; }
        @media screen and (max-width: 575px) {
          .modal-educator-container .modal-educator-content .row .column {
            max-width: none;
            margin-bottom: 16px; } }
        .modal-educator-container .modal-educator-content .row .column h2 {
          color: #00377C;
          font-size: 24px !important;
          font-weight: 800;
          margin-bottom: 16px; }
        .modal-educator-container .modal-educator-content .row .column h4 {
          color: #0060B9;
          font-size: 16px !important;
          font-weight: bold; }
        .modal-educator-container .modal-educator-content .row .column p {
          margin: 0px;
          font-size: 14px !important;
          font-weight: bold; }
        .modal-educator-container .modal-educator-content .row .column .item, .modal-educator-container .modal-educator-content .row .column .two-items {
          margin-bottom: 16px; }
          .modal-educator-container .modal-educator-content .row .column .item:last-of-type, .modal-educator-container .modal-educator-content .row .column .two-items:last-of-type {
            margin-bottom: 0px; }
        .modal-educator-container .modal-educator-content .row .column .two-items {
          display: grid;
          grid-template-columns: repeat(2, 47.5%);
          grid-gap: 24px; }
          @media screen and (max-width: 360px) {
            .modal-educator-container .modal-educator-content .row .column .two-items {
              grid-template-columns: repeat(1, 1fr);
              grid-gap: 16px; } }
        .modal-educator-container .modal-educator-content .row .column .ant-input {
          border: 1px solid #DFEAEC;
          font-feature-settings: normal;
          font-variant: normal;
          color: #00377C;
          padding: 4px 8px; }
        .modal-educator-container .modal-educator-content .row .column ::placeholder {
          color: #00377C; }
        .modal-educator-container .modal-educator-content .row .column .ant-input-disabled {
          color: #00377C !important;
          background-color: #fff !important;
          border: none;
          padding-left: 0;
          cursor: context-menu !important; }
        .modal-educator-container .modal-educator-content .row .column .ant-picker {
          border: 1px solid #DFEAEC;
          font-feature-settings: normal;
          font-variant: normal;
          width: fit-content;
          padding: 4px 8px; }
          .modal-educator-container .modal-educator-content .row .column .ant-picker .ant-picker-input {
            flex-direction: row-reverse;
            color: #00377C;
            font-size: 14px !important; }
            .modal-educator-container .modal-educator-content .row .column .ant-picker .ant-picker-input input {
              border: none;
              color: #00377C; }
            .modal-educator-container .modal-educator-content .row .column .ant-picker .ant-picker-input span {
              color: #00377C;
              margin-right: .5rem; }
            .modal-educator-container .modal-educator-content .row .column .ant-picker .ant-picker-input .ant-picker-clear {
              display: none; }
        .modal-educator-container .modal-educator-content .row .column .ant-picker-disabled {
          background-color: #fff !important;
          border: none;
          padding-left: 0;
          cursor: context-menu !important; }
          .modal-educator-container .modal-educator-content .row .column .ant-picker-disabled .ant-picker-input, .modal-educator-container .modal-educator-content .row .column .ant-picker-disabled input {
            cursor: context-menu !important; }
          .modal-educator-container .modal-educator-content .row .column .ant-picker-disabled ::placeholder {
            color: #00377C; }
        .modal-educator-container .modal-educator-content .row .column .ant-select {
          font-feature-settings: normal;
          font-variant: normal;
          width: 100%;
          padding: 4px 0px; }
          .modal-educator-container .modal-educator-content .row .column .ant-select .ant-select-selector {
            border: 1px solid #DFEAEC; }
            .modal-educator-container .modal-educator-content .row .column .ant-select .ant-select-selector span {
              font-size: 14px !important; }
          .modal-educator-container .modal-educator-content .row .column .ant-select span {
            color: #00377C;
            font-size: 10px !important; }
        .modal-educator-container .modal-educator-content .row .column .ant-select-disabled {
          cursor: context-menu !important;
          padding-left: 0; }
          .modal-educator-container .modal-educator-content .row .column .ant-select-disabled .ant-select-selector {
            background-color: #fff !important;
            border: none !important;
            padding-left: 0;
            cursor: context-menu !important; }
            .modal-educator-container .modal-educator-content .row .column .ant-select-disabled .ant-select-selector .ant-select-selection-search input {
              cursor: context-menu !important; }
          .modal-educator-container .modal-educator-content .row .column .ant-select-disabled .ant-select-arrow {
            display: none; }
  .modal-educator-container .modal-educator-footer {
    margin-top: 16px;
    display: flex;
    align-items: center; }
    .modal-educator-container .modal-educator-footer button {
      display: flex;
      align-items: center;
      margin-left: auto;
      border-radius: 8px;
      font-size: 16px !important;
      font-weight: bold;
      box-shadow: none;
      border: none; }
      .modal-educator-container .modal-educator-footer button:last-of-type {
        margin-left: 8px; }
    .modal-educator-container .modal-educator-footer .cancel {
      background-color: #E5F6FF;
      color: #00377C; }
    .modal-educator-container .modal-educator-footer .action {
      background-color: #F76B1C;
      color: #fff; }

.modal-bulk-load-body {
  display: grid;
  grid-gap: 16px;
  min-width: 600px; }
  @media screen and (max-width: 700px) {
    .modal-bulk-load-body {
      min-width: 0; } }
  .modal-bulk-load-body .modal-bulk-load-download-file {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 380px) {
      .modal-bulk-load-body .modal-bulk-load-download-file {
        display: block; } }
    .modal-bulk-load-body .modal-bulk-load-download-file p {
      margin: 0px;
      color: #00377C;
      font-size: 14px !important;
      font-weight: 400; }
    .modal-bulk-load-body .modal-bulk-load-download-file button {
      border: 0px;
      box-shadow: none;
      display: flex;
      align-items: center;
      padding: 4px 8px;
      border-radius: 8px;
      font-size: 14px !important;
      font-weight: 400;
      background-color: #FFF0E8;
      color: #F76B1C; }
  .modal-bulk-load-body .modal-bluk-load-period {
    display: grid;
    grid-gap: 4px;
    color: #00377C; }
    .modal-bulk-load-body .modal-bluk-load-period p {
      margin: 0px;
      font-weight: bold;
      font-size: 14px !important; }
  .modal-bulk-load-body .modal-bulk-load-dragger-container {
    height: auto;
    display: grid; }
    .modal-bulk-load-body .modal-bulk-load-dragger-container span {
      height: auto;
      display: grid; }
      .modal-bulk-load-body .modal-bulk-load-dragger-container span .modal-bulk-load-dragger {
        border: 1px dashed #D8D8D8;
        border-radius: 10px;
        background-color: #ffffff; }
        .modal-bulk-load-body .modal-bulk-load-dragger-container span .modal-bulk-load-dragger .ant-upload-btn {
          padding: 32px 0 24px 0; }
          .modal-bulk-load-body .modal-bulk-load-dragger-container span .modal-bulk-load-dragger .ant-upload-btn .ant-upload-drag-container {
            display: grid;
            justify-items: center;
            grid-gap: 8px; }
            .modal-bulk-load-body .modal-bulk-load-dragger-container span .modal-bulk-load-dragger .ant-upload-btn .ant-upload-drag-container > svg {
              fill: #00377C; }
            .modal-bulk-load-body .modal-bulk-load-dragger-container span .modal-bulk-load-dragger .ant-upload-btn .ant-upload-drag-container .anticon-cloud-upload {
              justify-self: center;
              color: #00377C;
              font-size: 32px; }
            .modal-bulk-load-body .modal-bulk-load-dragger-container span .modal-bulk-load-dragger .ant-upload-btn .ant-upload-drag-container .dragger-phrase {
              display: flex;
              color: #00377C;
              justify-content: center;
              font-size: 16px !important; }
              @media screen and (max-width: 700px) {
                .modal-bulk-load-body .modal-bulk-load-dragger-container span .modal-bulk-load-dragger .ant-upload-btn .ant-upload-drag-container .dragger-phrase {
                  display: block; } }
              .modal-bulk-load-body .modal-bulk-load-dragger-container span .modal-bulk-load-dragger .ant-upload-btn .ant-upload-drag-container .dragger-phrase span {
                text-decoration: underline; }
            .modal-bulk-load-body .modal-bulk-load-dragger-container span .modal-bulk-load-dragger .ant-upload-btn .ant-upload-drag-container .dragger-sub-phrase {
              font-size: 14px !important;
              font-weight: 400;
              color: #979797; }
      .modal-bulk-load-body .modal-bulk-load-dragger-container span .ant-upload-list {
        height: auto; }
        .modal-bulk-load-body .modal-bulk-load-dragger-container span .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info {
          border-radius: 4px;
          background-color: #26B84610;
          padding: 4px 12px;
          height: auto; }
          .modal-bulk-load-body .modal-bulk-load-dragger-container span .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info span {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .modal-bulk-load-body .modal-bulk-load-dragger-container span .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-text-icon {
              display: none; }
            .modal-bulk-load-body .modal-bulk-load-dragger-container span .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-list-item-name {
              font-size: 14px !important;
              color: #259E07; }
            .modal-bulk-load-body .modal-bulk-load-dragger-container span .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-list-item-card-actions {
              position: sticky;
              padding: 0 4px; }
            .modal-bulk-load-body .modal-bulk-load-dragger-container span .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info span button {
              opacity: 1;
              width: auto;
              height: auto; }
              .modal-bulk-load-body .modal-bulk-load-dragger-container span .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info span button:hover {
                background-color: #ffffff00; }
              .modal-bulk-load-body .modal-bulk-load-dragger-container span .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info span button > svg {
                fill: #1CA690; }
          .modal-bulk-load-body .modal-bulk-load-dragger-container span .ant-upload-list div .ant-upload-list-item .ant-upload-list-item-info ant-upload-list-item-progress {
            display: none; }

.modal-bulk-load-dragger-state-container {
  display: grid;
  grid-gap: 8px; }
  .modal-bulk-load-dragger-state-container p {
    color: #00377C;
    margin: 0px;
    font-size: 14px !important;
    font-weight: bold; }
  .modal-bulk-load-dragger-state-container .modal-bulk-load-dragger-state {
    border: 1px solid #DFEAEC;
    border-radius: 4px;
    overflow-y: scroll;
    display: grid;
    grid-gap: 4px;
    padding: 4px 8px;
    max-height: 250px; }
    .modal-bulk-load-dragger-state-container .modal-bulk-load-dragger-state .sucess {
      font-size: 14px !important;
      color: #259E07; }
    .modal-bulk-load-dragger-state-container .modal-bulk-load-dragger-state .errors {
      font-size: 14px !important;
      color: #E15555; }
    .modal-bulk-load-dragger-state-container .modal-bulk-load-dragger-state .student {
      display: grid;
      color: #E15555;
      font-weight: 400; }

.modal-bulk-load-footer {
  display: flex;
  align-items: center; }
  .modal-bulk-load-footer button {
    border-radius: 8px; }
    .modal-bulk-load-footer button:first-of-type {
      margin-left: auto;
      margin-right: 8px; }

.registration-bar-container {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  padding: 0 10px;
  grid-gap: 10px; }
  @media screen and (max-width: 900px) {
    .registration-bar-container {
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } }
  .registration-bar-container .ant-select:nth-child(n+2) {
    grid-column: 2 span; }
  @media screen and (max-width: 900px) {
    .registration-bar-container .ant-select:nth-last-child(n+1) {
      grid-column: 1 span; } }
  .registration-bar-container .search-bar-registration:nth-child(n+1) {
    grid-column: 2 span; }

.registration-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 999px) {
    .registration-header-container {
      display: grid;
      isplay: -ms-grid;
      display: -moz-grid;
      grid-gap: 10px; } }
  .registration-header-container .registration-btns-container {
    display: flex; }
    @media screen and (max-width: 830px) {
      .registration-header-container .registration-btns-container {
        display: grid;
        display: -ms-grid;
        display: -moz-grid;
        grid-gap: 10px;
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 390px) {
      .registration-header-container .registration-btns-container {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } }
    .registration-header-container .registration-btns-container button {
      border-radius: 8px;
      margin-right: 8px; }
      @media screen and (max-width: 830px) {
        .registration-header-container .registration-btns-container button {
          width: 100%; } }
      .registration-header-container .registration-btns-container button:last-of-type {
        margin-right: 0px; }

.registration-table-container .registration-cell {
  min-width: 150px; }

.registration-table-container .last-name-cell, .registration-table-container .middle-name-cell, .registration-table-container .registration-date-cell, .registration-table-container .grade-cell, .registration-table-container .schedule-cell {
  min-width: 160px; }

.registration-table-container .origin-cell div {
  border-radius: 12px;
  display: flex;
  width: fit-content;
  padding: 0px 8px;
  font-size: 14px !important;
  font-weight: 700; }

.registration-table-container .origin-cell .promoted {
  background-color: #FEF9E5;
  color: #F2AA00; }

.registration-table-container .origin-cell .new {
  background-color: #E6FFFA;
  color: #1CA690; }

.navegador {
  display: flex;
  flex-direction: row;
  position: relative;
  flex-wrap: nowrap;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: -20px; }
  @media (max-width: 768px) {
    .navegador {
      padding-top: 50px; } }
  .navegador .opcion {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 18px;
    color: #00377C;
    fill: #00377C;
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 10px;
    padding: 10px 15px;
    border: 1px solid #D8D8D8;
    cursor: pointer; }
    @media screen and (max-width: 575px) {
      .navegador .opcion {
        margin-right: 5px;
        padding: 7px; } }
    .navegador .opcion svg {
      height: auto;
      width: 18px;
      margin-right: 15px; }
      @media screen and (max-width: 575px) {
        .navegador .opcion svg {
          margin-right: 7px; } }
  .navegador .opcion.activo {
    color: white;
    fill: white;
    background-color: #1CA690;
    border: 1px solid #1CA690; }
  .navegador .btnDescarga {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    background-color: #00377C;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    top: 0px;
    right: 0px;
    transition: background-color 300ms; }
    @media (max-width: 768px) {
      .navegador .btnDescarga {
        padding: 7px;
        right: auto;
        left: 0px; } }
    .navegador .btnDescarga svg {
      display: block;
      position: relative;
      fill: white;
      height: auto;
      width: 20px;
      margin-right: 5px; }
      @media (max-width: 768px) {
        .navegador .btnDescarga svg {
          width: 17px; } }
    .navegador .btnDescarga span {
      display: block;
      position: relative;
      font-size: 14px;
      color: white;
      margin: 0px; }
      @media (max-width: 768px) {
        .navegador .btnDescarga span {
          font-size: 13px; } }
  .navegador .btnDescarga:hover {
    background-color: #052b59; }
  .navegador .btnDescarga.activo,
  .navegador .btnDescarga.activo:hover {
    background-color: #757575;
    cursor: not-allowed; }

.ant-dropdown .filter-grades-container {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  display: grid;
  box-shadow: 0 2px 20px 0 #005FB920; }
  .ant-dropdown .filter-grades-container button {
    font-weight: 500;
    text-align: start;
    padding: 5px; }

.header-new-grade {
  display: grid; }
  @media screen and (max-width: 575px) {
    .header-new-grade {
      display: grid; } }
  .header-new-grade .back {
    display: flex;
    align-items: center;
    color: #00377C;
    font-size: 16px !important;
    font-weight: bold;
    border: none;
    box-shadow: none;
    width: fit-content;
    padding-left: 0px; }
    .header-new-grade .back .anticon-left {
      font-size: 14px !important; }
  .header-new-grade .header-grade-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px; }
    @media screen and (max-width: 575px) {
      .header-new-grade .header-grade-container {
        display: grid; } }
    .header-new-grade .header-grade-container h1 {
      color: #00377C;
      font-size: 32px !important;
      font-weight: 900;
      margin: 0px; }
    .header-new-grade .header-grade-container button {
      box-shadow: none;
      border: none;
      border-radius: 8px;
      display: flex;
      padding: 4px 8px;
      font-weight: bold;
      font-size: 16px !important;
      margin-right: 8px; }
      .header-new-grade .header-grade-container button:last-of-type {
        margin-right: 0px; }
    .header-new-grade .header-grade-container .cancel {
      color: #00377C;
      background-color: #E5F6FF; }
    .header-new-grade .header-grade-container .save {
      color: #fff;
      background-color: #F76B1C; }
    .header-new-grade .header-grade-container .edit {
      align-items: center;
      color: #fff;
      background-color: #F76B1C; }

.modal-add-educators-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-add-educators-container {
      max-width: 95%; } }
  .modal-add-educators-container h2 {
    color: #00377C;
    font-size: 24px !important;
    font-weight: 800; }
  .modal-add-educators-container p {
    color: #00377C;
    font-size: 14px !important;
    font-weight: bold;
    margin-bottom: 0; }
  .modal-add-educators-container .ant-select {
    font-feature-settings: normal;
    font-variant: normal;
    width: 75%;
    padding: 4px 2px 4px 2px; }
    @media screen and (max-width: 575px) {
      .modal-add-educators-container .ant-select {
        width: 100%; } }
    .modal-add-educators-container .ant-select .ant-select-selector {
      border: 1px solid #DFEAEC; }
      .modal-add-educators-container .ant-select .ant-select-selector span {
        font-size: 14px !important; }
    .modal-add-educators-container .ant-select span {
      color: #00377C;
      font-size: 10px !important; }
  .modal-add-educators-container .ant-select-multiple .ant-select-selector .ant-select-selection-item {
    border-radius: 4px;
    background-color: #E5F6FF;
    border: none; }
    .modal-add-educators-container .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close {
      font-size: 12px !important; }
  .modal-add-educators-container .modal-add-educators-btns {
    display: flex;
    align-items: center;
    margin-top: 16px; }
    .modal-add-educators-container .modal-add-educators-btns button {
      border-radius: 8px;
      box-shadow: none;
      border: none;
      display: flex;
      font-size: 16px !important;
      font-weight: bold;
      margin-right: 8px;
      padding: 4px 8px; }
      .modal-add-educators-container .modal-add-educators-btns button:last-of-type {
        margin-right: 0px; }
      .modal-add-educators-container .modal-add-educators-btns button:first-of-type {
        margin-left: auto; }
    .modal-add-educators-container .modal-add-educators-btns .cancel {
      color: #00377C;
      background-color: #E5F6FF; }
    .modal-add-educators-container .modal-add-educators-btns .save {
      color: #fff;
      background-color: #F76B1C; }

.data-new-grade-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  color: #00377C; }
  @media screen and (max-width: 1000px) {
    .data-new-grade-container {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 16px; } }
  .data-new-grade-container h2 {
    color: #00377C;
    font-size: 24px !important;
    font-weight: 800; }
  .data-new-grade-container p {
    font-size: 14px !important;
    font-weight: bold;
    margin-bottom: 0; }
  .data-new-grade-container .column {
    max-width: 80%; }
    @media screen and (max-width: 700px) {
      .data-new-grade-container .column {
        max-width: 97.5%; } }
    .data-new-grade-container .column .item {
      margin-bottom: 1rem; }
      .data-new-grade-container .column .item .ant-input {
        border: 1px solid #DFEAEC;
        font-feature-settings: normal;
        font-variant: normal;
        width: 75%;
        color: #00377C;
        padding: 4px 8px; }
        @media screen and (max-width: 575px) {
          .data-new-grade-container .column .item .ant-input {
            width: 100%; } }
      .data-new-grade-container .column .item ::placeholder {
        color: #00377C; }
      .data-new-grade-container .column .item .ant-input-disabled {
        color: #00377C !important;
        background-color: #fff !important;
        border: none;
        padding-left: 0;
        cursor: context-menu !important;
        background-color: #FAFAFA !important; }
      .data-new-grade-container .column .item .ant-select {
        font-feature-settings: normal;
        font-variant: normal;
        width: 75%;
        padding: 4px 2px 4px 2px; }
        @media screen and (max-width: 575px) {
          .data-new-grade-container .column .item .ant-select {
            width: 100%; } }
        .data-new-grade-container .column .item .ant-select .ant-select-selector {
          border: 1px solid #DFEAEC; }
          .data-new-grade-container .column .item .ant-select .ant-select-selector span {
            font-size: 14px !important; }
        .data-new-grade-container .column .item .ant-select span {
          color: #00377C;
          font-size: 10px !important; }
      .data-new-grade-container .column .item .ant-select-disabled {
        cursor: context-menu !important;
        padding-left: 0; }
        .data-new-grade-container .column .item .ant-select-disabled .ant-select-selector {
          background-color: #fff !important;
          border: none !important;
          padding-left: 0;
          cursor: context-menu !important;
          background-color: #FAFAFA !important; }
          .data-new-grade-container .column .item .ant-select-disabled .ant-select-selector .ant-select-selection-search input {
            cursor: context-menu !important; }
        .data-new-grade-container .column .item .ant-select-disabled .ant-select-arrow {
          display: none; }
      .data-new-grade-container .column .item .ant-select-multiple .ant-select-selector .ant-select-selection-item {
        border-radius: 4px;
        background-color: #E5F6FF;
        border: none; }
        .data-new-grade-container .column .item .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close {
          font-size: 12px !important; }
      .data-new-grade-container .column .item .table-new-grade-educators {
        border-radius: 4px;
        border: 1px solid #DFEAEC;
        overflow-y: scroll;
        margin-top: 16px;
        border-bottom: 0px;
        background-color: #fff; }
        .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
          border-radius: 4px; }
          .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-thead tr th {
            background-color: #fff;
            border-bottom: 1px solid #DFEAEC;
            font-size: 14px !important;
            font-weight: 800;
            color: #00377C; }
          .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-thead tr .action-cell {
            text-align: right; }
          .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .ant-table-cell {
            border-bottom: 1px solid #DFEAEC; }
            .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .ant-table-cell p {
              color: #00377C;
              margin: 0px;
              font-weight: 800;
              font-size: 14px !important; }
            .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .ant-table-cell span {
              color: #00377C;
              font-size: 14px !important; }
            .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .ant-table-cell button {
              display: flex;
              align-items: center;
              box-shadow: none;
              border: none;
              padding: 4px 8px;
              margin-right: 8px;
              background-color: #ffffff00; }
              .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .ant-table-cell button:first-of-type {
                margin-left: auto; }
              .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .ant-table-cell button:last-of-type {
                margin-right: 0px; }
              @media screen and (max-width: 575px) {
                .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .ant-table-cell button {
                  margin-left: auto;
                  margin-right: 0px; } }
              .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .ant-table-cell button span {
                font-size: 20px !important; }
          .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .action-cell {
            display: flex;
            align-items: center; }
            @media screen and (max-width: 575px) {
              .data-new-grade-container .column .item .table-new-grade-educators .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .action-cell {
                display: table-cell; } }
      .data-new-grade-container .column .item .add {
        box-shadow: none;
        display: flex;
        align-items: center;
        margin-left: auto;
        border: none;
        border-radius: 8px;
        padding: 4px 8px;
        font-weight: bold;
        font-size: 16px !important;
        color: #0060B9;
        background-color: #E5F6FF;
        margin-top: 8px; }
    .data-new-grade-container .column .modules {
      display: grid; }
      .data-new-grade-container .column .modules .check-item {
        margin-bottom: 8px;
        display: flex;
        font-size: 16px !important;
        align-items: center; }
        .data-new-grade-container .column .modules .check-item .ant-checkbox-wrapper {
          margin-right: 12px; }
          .data-new-grade-container .column .modules .check-item .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
            border: 1px solid #00377C; }
          .data-new-grade-container .column .modules .check-item .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
            background: #00377C !important;
            border: none; }
            .data-new-grade-container .column .modules .check-item .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
              border-color: #ffffff; }

.detail-grade-container {
  overflow-y: scroll;
  padding: 16px 32px;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 575px) {
    .detail-grade-container {
      padding: 1rem .5rem 6rem .5rem; } }

.grades-header-container {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 360px) {
    .grades-header-container {
      display: grid; } }
  .grades-header-container h1 {
    color: #00377C;
    font-size: 32px !important;
    font-weight: 900; }
    @media screen and (max-width: 360px) {
      .grades-header-container h1 {
        margin-bottom: 0px; } }
  .grades-header-container .btns-container {
    display: flex; }
    @media screen and (max-width: 360px) {
      .grades-header-container .btns-container {
        margin-bottom: 16px; } }
    .grades-header-container .btns-container button {
      display: flex;
      padding: 4px 8px;
      border: none;
      box-shadow: none;
      border-radius: 8px;
      font-size: 16px !important;
      font-weight: bold;
      margin-right: 8px; }
      .grades-header-container .btns-container button:last-of-type {
        margin-right: 0px; }
    .grades-header-container .btns-container .new {
      color: #fff;
      background-color: #F76B1C; }
      .grades-header-container .btns-container .new:hover, .grades-header-container .btns-container .new:active, .grades-header-container .btns-container .new:focus {
        background-color: #F76B1C;
        color: #fff; }
    .grades-header-container .btns-container .export {
      color: #F76B1C;
      background-color: #FFF0E8; }

.ant-dropdown .filter-grades-container {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  padding: 16px 8px;
  display: grid;
  box-shadow: 0 2px 20px 0 #005FB920; }
  .ant-dropdown .filter-grades-container p {
    font-size: 14px !important;
    font-weight: bold;
    color: #00377C;
    margin-bottom: 8px; }
  .ant-dropdown .filter-grades-container .ant-checkbox-wrapper {
    display: flex;
    align-items: center;
    width: auto;
    font-size: 14px !important;
    color: #00377C;
    margin-left: 0px;
    margin-bottom: 8px;
    text-transform: capitalize; }
    .ant-dropdown .filter-grades-container .ant-checkbox-wrapper:last-of-type {
      margin-bottom: 0px; }

.bar-grades-container {
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  padding: 8px 16px;
  display: flex;
  justify-content: space-between;
  background-color: #fff; }
  .bar-grades-container .ant-input-search {
    width: fit-content;
    border: 1px solid #DFEAEC;
    margin-right: 8px; }
    .bar-grades-container .ant-input-search .ant-input-group {
      color: #00377C;
      font-size: 14px !important;
      font-feature-settings: normal;
      font-variant: normal; }
      .bar-grades-container .ant-input-search .ant-input-group .ant-input-affix-wrapper {
        border-radius: 2px;
        border: none; }
        .bar-grades-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
          color: #00377C; }
        .bar-grades-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input {
          color: #00377C;
          font-size: 14px !important;
          font-feature-settings: normal;
          font-variant: normal; }
      .bar-grades-container .ant-input-search .ant-input-group .ant-input-group-addon {
        display: none; }
  .bar-grades-container button {
    border: none;
    box-shadow: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    font-size: 16px !important;
    font-weight: bold;
    color: #0060B9;
    background-color: #E5F6FF; }
    .bar-grades-container button span {
      display: flex; }

.table-grades {
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  overflow-x: scroll;
  overflow-y: scroll;
  margin-top: 16px;
  background-color: #fff; }
  .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
    border-radius: 4px; }
    .table-grades .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; }
      .table-grades .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; }
    .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
      text-align: right; }
    .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
      border: 1px solid #00377C; }
    .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
      background-color: #00377C; }
    .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
      background-color: #00377C; }
    .table-grades .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: 50px; }
      @media screen and (max-width: 575px) {
        .table-grades .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; } }
      .table-grades .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-weight: 800;
        font-size: 14px !important; }
      .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell span {
        color: #00377C;
        font-size: 14px !important; }
    .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .action-cell {
      width: auto;
      align-items: center; }
      .table-grades .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; }
        .table-grades .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; }
        .table-grades .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; }
        .table-grades .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; }
    .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .name-cell, .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .tutor-cell {
      text-transform: capitalize; }
      .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .name-cell button, .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .tutor-cell button {
        padding: 0px;
        border: none;
        box-shadow: none;
        background-color: #ffffff00; }
    .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-selection-column .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
      border: 1px solid #00377C; }
    .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-selection-column .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
      background-color: #00377C; }
    .table-grades .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row-selected .ant-table-cell {
      background-color: #fff; }
  .table-grades .ant-spin-nested-loading .ant-pagination {
    padding: 0px 16px; }

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

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

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

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

.new-grade-container {
  overflow-y: scroll;
  padding: 16px 32px; }
  @media screen and (max-width: 575px) {
    .new-grade-container {
      padding: 1rem .5rem 6rem .5rem; } }

.header-health-control-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px; }
  @media screen and (max-width: 640px) {
    .header-health-control-container {
      display: grid;
      grid-gap: 8px; } }
  .header-health-control-container h1 {
    color: #00377C;
    font-weight: 900;
    font-size: 32px !important;
    margin: 0;
    width: fit-content; }
  .header-health-control-container .ant-picker {
    background-color: #E5F6FF;
    border-radius: .5rem;
    border: none;
    width: fit-content;
    height: fit-content;
    display: flex; }
    .header-health-control-container .ant-picker .ant-picker-input {
      flex-direction: row-reverse; }
      .header-health-control-container .ant-picker .ant-picker-input input, .header-health-control-container .ant-picker .ant-picker-input .ant-picker-suffix {
        color: #00377C;
        font-weight: bold;
        font-size: 16px !important;
        max-width: 90px; }
      .header-health-control-container .ant-picker .ant-picker-input .ant-picker-suffix {
        margin-left: 0;
        margin-right: .5rem; }

.top-bar-container-health {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  border: 1px solid #DFEAEC;
  border-radius: .25rem;
  background-color: #fff; }
  .top-bar-container-health .reload {
    border: none;
    box-shadow: none;
    border-right: 1px solid #DFEAEC !important;
    height: 100%;
    color: #00377C;
    box-shadow: none;
    width: fit-content;
    height: fit-content; }
  .top-bar-container-health .ant-input-search {
    width: fit-content;
    border-radius: .25rem;
    border: 1px solid #DFEAEC;
    padding: .25rem; }
    @media screen and (max-width: 575px) {
      .top-bar-container-health .ant-input-search {
        margin-bottom: .5rem;
        width: 100%; } }
    .top-bar-container-health .ant-input-search .ant-input-prefix {
      font-size: 14px !important; }
      .top-bar-container-health .ant-input-search .ant-input-prefix .anticon-search {
        color: #00377C; }
    .top-bar-container-health .ant-input-search .ant-input {
      color: #00377C;
      font-size: 14px !important; }
    .top-bar-container-health .ant-input-search ::placeholder {
      color: #DFEAEC; }
    .top-bar-container-health .ant-input-search .ant-input-suffix .ant-input-search-icon {
      display: none; }
  .top-bar-container-health .buttons-container {
    display: flex;
    align-items: center;
    padding: .5rem 1rem; }
    .top-bar-container-health .buttons-container button {
      border-radius: .5rem;
      display: flex;
      align-items: center;
      padding: .25rem .75rem .25rem .5rem;
      color: #fff;
      font-size: 16px !important;
      font-weight: bold;
      background-color: #F76B1C;
      margin-right: 8px;
      border: none;
      box-shadow: none;
      width: fit-content; }
      .top-bar-container-health .buttons-container button:last-of-type {
        margin-right: 0px; }
    .top-bar-container-health .buttons-container .export-button {
      background-color: #FFF0E8;
      color: #F76B1C; }

.table-health {
  border-radius: .25rem;
  border: 1px solid #DFEAEC;
  overflow-y: scroll;
  overflow-x: scroll;
  max-width: 100%;
  background-color: #fff; }
  .table-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-thead tr th {
    background-color: #fff;
    color: #00377C;
    font-size: 14px !important;
    font-weight: bold; }
    .table-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-thead tr th:first-child {
      border-top-left-radius: 4px; }
    .table-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-thead tr th:last-child {
      border-top-right-radius: 4px; }
  .table-health .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;
    text-transform: capitalize; }
    .table-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td p {
      margin: 0; }
    .table-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td .state {
      border-radius: .75rem;
      display: flex;
      justify-content: center;
      padding: 0 .5rem;
      font-weight: bold;
      width: fit-content; }
    .table-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr td button {
      background-color: #ffffff00;
      color: #00377C;
      box-shadow: none;
      font-size: 18px !important;
      padding: .25rem .5rem;
      border: none; }
  .table-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .image-column img, .table-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .image-column .img {
    height: 40px;
    min-height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    object-fit: cover;
    animation: random 15s infinite;
    text-transform: capitalize; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
  .table-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .phone-column {
    max-width: 210px;
    width: 210px; }
  .table-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content table .ant-table-tbody tr .action-column {
    display: table-cell; }
  .table-health .ant-spin-nested-loading .ant-spin-container .ant-pagination {
    padding: 0 1rem; }

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

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

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

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

.is-student, .search-student {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem; }
  .is-student p, .search-student p {
    color: #00377C;
    font-size: 14px !important;
    font-weight: bold;
    margin: 0; }
  .is-student .options, .search-student .options {
    color: #00377C; }
    .is-student .options .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner, .search-student .options .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
      border-radius: 100%;
      border: 1px solid #DFEAEC;
      padding: 1px; }
      .is-student .options .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after, .search-student .options .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
        opacity: 0; }

.search-student {
  display: block;
  margin-bottom: 1.5rem; }
  .search-student .search-container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .search-student .search-container .ant-input-search {
      width: fit-content;
      border: 1px solid #DFEAEC;
      margin-right: 8px; }
      .search-student .search-container .ant-input-search .ant-input-group {
        color: #00377C;
        font-size: 14px !important;
        font-feature-settings: normal;
        font-variant: normal; }
        .search-student .search-container .ant-input-search .ant-input-group .ant-input-affix-wrapper {
          border-radius: 2px;
          border: none; }
          .search-student .search-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
            color: #00377C; }
          .search-student .search-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input {
            color: #00377C;
            font-size: 14px !important;
            font-feature-settings: normal;
            font-variant: normal; }
        .search-student .search-container .ant-input-search .ant-input-group .ant-input-group-addon {
          display: none; }
    .search-student .search-container button {
      border: none;
      box-shadow: none;
      display: flex;
      align-items: center;
      border-radius: .5rem;
      background-color: #E5F6FF;
      color: #0060B9;
      font-size: 16px !important;
      font-weight: bold;
      margin-left: 42px;
      padding: .25rem .75rem .25rem .5rem; }

.search-result {
  display: block; }
  .search-result p {
    color: #00377C;
    font-size: 16px !important;
    font-weight: 800;
    margin: 0; }
  .search-result .results-container {
    display: block; }
    .search-result .results-container button {
      display: flex;
      align-items: center;
      height: auto;
      width: 100%;
      border: 1px solid #DFEAEC;
      border-bottom: 0;
      border-radius: 0; }
      .search-result .results-container button:last-child {
        border-bottom: 1px solid #DFEAEC; }
      .search-result .results-container button img, .search-result .results-container button .img {
        height: 40px;
        min-height: 40px;
        width: 40px;
        min-width: 40px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        object-fit: cover;
        animation: random 15s infinite;
        margin-right: .5rem;
        text-transform: uppercase;
        color: #00377C; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
      .search-result .results-container button .student-data {
        font-size: 14px !important;
        text-align: left; }
        .search-result .results-container button .student-data p {
          font-weight: bold; }
        .search-result .results-container button .student-data span, .search-result .results-container button .student-data h4 {
          font-weight: 400;
          color: #00377C;
          margin: 0; }
      .search-result .results-container button .check {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        background-color: #00E7BB;
        height: 24px;
        width: 24px;
        min-width: 24px;
        min-height: 24px;
        color: #fff;
        font-size: 10px !important;
        margin-left: auto; }

.block, .section {
  display: block;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%; }
  .block p, .section p {
    color: #00377C;
    font-size: 14px !important;
    font-weight: bold;
    margin: 0; }
  .block .ant-input, .section .ant-input {
    border: 1px solid #DFEAEC;
    width: 100%;
    color: #00377C;
    font-size: 14px !important;
    font-feature-settings: normal;
    font-variant: normal; }
  .block .ant-select .ant-select-selector, .section .ant-select .ant-select-selector {
    border: 1px solid #DFEAEC;
    min-width: 210px; }
    @media screen and (max-width: 575px) {
      .block .ant-select .ant-select-selector, .section .ant-select .ant-select-selector {
        min-width: 125px; } }
    .block .ant-select .ant-select-selector .ant-select-selection-item, .section .ant-select .ant-select-selector .ant-select-selection-item {
      color: #00377C; }
  .block .ant-select .ant-select-arrow, .section .ant-select .ant-select-arrow {
    color: #00377C;
    font-size: 10px !important; }
  .block .ant-picker, .section .ant-picker {
    border: 1px solid #DFEAEC;
    padding: .25rem .75rem; }
    .block .ant-picker .ant-picker-input input, .block .ant-picker .ant-picker-input .ant-picker-suffix, .section .ant-picker .ant-picker-input input, .section .ant-picker .ant-picker-input .ant-picker-suffix {
      color: #00377C; }

.section {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr); }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown {
    position: fixed;
    top: 21% !important; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-content .ant-picker-time-panel-column {
    overflow-y: scroll; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-content .ant-picker-time-panel-column .ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
    height: 25px;
    color: #00377C; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-footer .ant-picker-ranges {
    display: block;
    align-content: center;
    text-align: center; }
    .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-footer .ant-picker-ranges .ant-picker-ok {
      float: none;
      margin-left: 0; } }

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

.back-button {
  padding-left: 0;
  color: #00377C;
  font-weight: bold;
  font-size: 16px !important;
  box-shadow: none;
  display: flex;
  margin-bottom: .5rem;
  align-items: center; }

.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; }
    .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; }

.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;
  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 {
      border: none;
      box-shadow: none;
      display: flex;
      margin-left: auto;
      align-items: center;
      padding: 0 .5rem;
      height: min-content;
      color: #00377C; }
    .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; }

.detail-meeting-container {
  overflow-y: scroll;
  padding: 16px 32px;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 720px) {
    .detail-meeting-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .detail-meeting-container {
      padding: 8px 12px 64px 12px; } }
  .detail-meeting-container h1 {
    color: #00377C;
    font-size: 32px !important;
    font-weight: 900;
    margin-bottom: 24px; }
  .detail-meeting-container .detail-container {
    border: 1px solid #DFEAEC;
    border-radius: 4px;
    background-color: #fff; }
    .detail-meeting-container .detail-container .header-detail-meeting {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 4px 8px;
      border-bottom: 1px solid #DFEAEC; }
      .detail-meeting-container .detail-container .header-detail-meeting button {
        border: none;
        box-shadow: none;
        padding: 4px 8px;
        font-size: 18px !important;
        color: #00377C; }
        .detail-meeting-container .detail-container .header-detail-meeting button:hover {
          color: #F76B1C; }
    .detail-meeting-container .detail-container .body-detail-meeting {
      display: flex;
      padding: 28px 16px;
      overflow-x: scroll; }
      @media screen and (max-width: 575px) {
        .detail-meeting-container .detail-container .body-detail-meeting {
          padding: 16px 8px; } }
      .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting {
        display: grid;
        grid-gap: 16px;
        width: 100%; }
        .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .header-content-body {
          display: flex;
          justify-content: space-between; }
          .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .header-content-body p {
            margin-bottom: 0px;
            color: #0584C9;
            font-size: 16px !important;
            font-weight: bold; }
          .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .header-content-body span {
            font-size: 12px !important;
            color: #003057; }
        .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .detail-content-body {
          font-size: 16px !important;
          color: #00377C;
          text-align: justify;
          white-space: pre-wrap; }
          .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .detail-content-body a {
            color: #1155cc;
            font-weight: bold;
            font-size: 16px !important;
            text-decoration: underline; }
        .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .attendees {
          display: grid;
          grid-gap: 4px; }
          .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .attendees h4 {
            font-size: 20px !important;
            color: #00377C;
            margin-bottom: 0px;
            font-weight: bold; }
            .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .attendees h4 p {
              font-size: 16px !important;
              color: #00377C;
              margin-bottom: 0px; }
        .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .attatchments {
          display: grid;
          grid-gap: 8px; }
          .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .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-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .attatchments button:hover {
              color: #F76B1C; }
            .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .attatchments button p {
              margin: 0px;
              overflow: hidden;
              text-overflow: ellipsis;
              max-width: 350px; }
              @media screen and (max-width: 720px) {
                .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .attatchments button p {
                  max-width: 250px; } }
              @media screen and (max-width: 575px) {
                .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .attatchments button p {
                  max-width: 275px; } }
              @media screen and (max-width: 360px) {
                .detail-meeting-container .detail-container .body-detail-meeting .content-body-detail-meeting .attatchments button p {
                  max-width: 215px; } }

.header-meetings-container {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .header-meetings-container h1 {
    margin-bottom: 0px;
    color: #00377C;
    font-size: 32px !important;
    font-weight: 900; }
  .header-meetings-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;
    background-color: #FEF4E7;
    color: #F76B1C; }

.table-meetings-container {
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  overflow-x: scroll;
  overflow-y: scroll;
  background-color: #fff; }
  .table-meetings-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
    border-radius: 4px; }
    .table-meetings-container .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; }
    .table-meetings-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-column-sorters-with-tooltip .ant-table-column-sorters {
      padding: 0px; }
    .table-meetings-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
      text-align: right; }
    .table-meetings-container .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; }
      .table-meetings-container .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; }
    .table-meetings-container .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; }
      .table-meetings-container .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;
        height: auto;
        width: auto;
        background-color: #ffffff00; }
        .table-meetings-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .content-cell button:hover {
          background-color: #ffffff00; }
        .table-meetings-container .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 {
          text-align: left;
          white-space: pre-wrap; }
    .table-meetings-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .create-by-cell {
      min-width: 120px; }
    .table-meetings-container .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; }
      .table-meetings-container .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; }
        .table-meetings-container .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; }
        .table-meetings-container .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; }
        .table-meetings-container .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; }
        .table-meetings-container .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; }
  .table-meetings-container .ant-spin-nested-loading .ant-spin-container .ant-pagination {
    padding: 0px 16px; }

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

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

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

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

.modal-new-edit-meeting-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-edit-meeting-container {
      max-width: 95%; } }
  .modal-new-edit-meeting-container .modal-new-edit-meeting-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .modal-new-edit-meeting-container .modal-new-edit-meeting-header h3 {
      margin-bottom: 0px;
      font-size: 24px !important;
      font-weight: 800;
      color: #00377C; }
    .modal-new-edit-meeting-container .modal-new-edit-meeting-header button {
      border: none;
      box-shadow: none;
      color: #00377C; }
      .modal-new-edit-meeting-container .modal-new-edit-meeting-header button:disabled {
        background-color: #fff; }
  .modal-new-edit-meeting-container .modal-new-edit-meeting-item {
    display: grid; }
    .modal-new-edit-meeting-container .modal-new-edit-meeting-item p {
      margin-bottom: 0px;
      font-size: 14px !important;
      font-weight: bold; }
    .modal-new-edit-meeting-container .modal-new-edit-meeting-item .ant-picker {
      font-variant: normal;
      font-feature-settings: normal;
      border: 1px solid #DFEAEC;
      width: fit-content; }
      .modal-new-edit-meeting-container .modal-new-edit-meeting-item .ant-picker .ant-picker-input input {
        color: #00377C;
        font-size: 14px !important; }
      .modal-new-edit-meeting-container .modal-new-edit-meeting-item .ant-picker .ant-picker-input .ant-picker-suffix {
        color: #00377C; }
    .modal-new-edit-meeting-container .modal-new-edit-meeting-item .ant-select {
      font-variant: normal;
      font-feature-settings: normal; }
      .modal-new-edit-meeting-container .modal-new-edit-meeting-item .ant-select .ant-select-selector {
        border: 1px solid #DFEAEC; }
        .modal-new-edit-meeting-container .modal-new-edit-meeting-item .ant-select .ant-select-selector .ant-select-selection-item {
          color: #00377C;
          font-size: 14px !important; }
      .modal-new-edit-meeting-container .modal-new-edit-meeting-item .ant-select .ant-select-arrow {
        color: #00377C;
        font-size: 10px !important; }
    .modal-new-edit-meeting-container .modal-new-edit-meeting-item .ant-input {
      font-variant: normal;
      font-feature-settings: normal;
      border: 1px solid #DFEAEC;
      color: #00377C;
      font-size: 14px !important;
      resize: none; }
  .modal-new-edit-meeting-container .modal-new-edit-meeting-footer {
    display: flex;
    justify-content: space-between; }
    .modal-new-edit-meeting-container .modal-new-edit-meeting-footer button {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      display: flex;
      align-items: center;
      font-weight: bold;
      font-size: 16px !important;
      padding: 4px 8px; }
    .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .btn-attach {
      background-color: #FFF7E6;
      color: #F76B1C; }
    .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .btn-submit {
      background-color: #F76B1C;
      color: #fff; }
    .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .upload-container .ant-upload-list .ant-upload-list-item {
      border-radius: 2px;
      border: 1px solid #DFEAEC;
      padding: 8px 16px;
      height: auto; }
      .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .upload-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info {
        padding: 0px; }
        .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .upload-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info:hover {
          background-color: #fff; }
        .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .upload-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span {
          display: flex;
          align-items: center; }
          .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .upload-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-edit-meeting-container .modal-new-edit-meeting-footer .upload-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-text-icon .anticon-loading {
            display: none; }
          .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .upload-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;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 350px; }
            @media screen and (max-width: 720px) {
              .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .upload-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-list-item-name {
                max-width: 250px; } }
            @media screen and (max-width: 575px) {
              .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .upload-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-list-item-name {
                max-width: 275px; } }
            @media screen and (max-width: 360px) {
              .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .upload-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-list-item-name {
                max-width: 215px; } }
          .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .upload-container .ant-upload-list .ant-upload-list-item .ant-upload-list-item-info span .ant-upload-list-item-card-actions {
            position: initial; }
            .modal-new-edit-meeting-container .modal-new-edit-meeting-footer .upload-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-edit-meeting-container .modal-new-edit-meeting-footer .upload-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; }

.menu-page-container {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  grid-gap: 10px; }
  .menu-page-container .menu-option {
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    width: 100%;
    justify-content: left;
    color: #00377C;
    font-size: 22px !important;
    font-weight: bold;
    line-height: 24px;
    height: fit-content;
    padding: 8px;
    background-color: #ffffff; }
    .menu-page-container .menu-option .anticon {
      display: flex;
      align-self: flex-end;
      margin-left: 0px; }
    .menu-page-container .menu-option p {
      margin: 0px 0px 0px 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 75vw; }
    .menu-page-container .menu-option span {
      margin: 0px 0px 0px 10px; }
    .menu-page-container .menu-option .divContenedorSvgDolar {
      position: relative;
      width: 22px; }
      .menu-page-container .menu-option .divContenedorSvgDolar svg {
        position: absolute;
        top: -8px;
        left: 5px; }
    .menu-page-container .menu-option .divContenedorSvgMensajes {
      position: relative;
      width: 22px; }
      .menu-page-container .menu-option .divContenedorSvgMensajes .punto {
        position: absolute;
        min-width: 10px;
        min-height: 10px;
        background: red;
        border-radius: 5px;
        border: 2px solid white;
        top: -5px;
        right: -5px; }

.header-messages-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem; }
  @media screen and (max-width: 1000px) {
    .header-messages-container {
      display: grid;
      grid-gap: 8px; } }
  @media screen and (max-width: 575px) {
    .header-messages-container {
      justify-content: initial;
      margin-bottom: 8px; } }
  .header-messages-container .title-container {
    align-items: center;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 135px 1fr; }
    @media screen and (max-width: 640px) {
      .header-messages-container .title-container {
        grid-template-columns: none;
        grid-gap: 8px; } }
    .header-messages-container .title-container .title-container-mobile {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .header-messages-container .title-container .title-container-mobile h1 {
        color: #00377C;
        font-weight: 900;
        font-size: 32px !important;
        margin: 0; }
      .header-messages-container .title-container .title-container-mobile .btns-container-mobile {
        display: flex;
        align-items: center; }
        @media screen and (min-width: 575px) {
          .header-messages-container .title-container .title-container-mobile .btns-container-mobile {
            display: none; } }
        .header-messages-container .title-container .title-container-mobile .btns-container-mobile button {
          border: 0px;
          box-shadow: none;
          border-radius: 8px;
          height: 32px;
          width: 32px;
          background-color: #E5F6FF;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #00377C;
          font-size: 16px; }
          .header-messages-container .title-container .title-container-mobile .btns-container-mobile button:first-of-type {
            margin-right: 4px; }
    .header-messages-container .title-container .input-search-mobile {
      border: 1px solid #DFEAEC;
      margin-right: 8px;
      border-radius: 4px; }
      @media screen and (min-width: 575px) {
        .header-messages-container .title-container .input-search-mobile {
          display: none; } }
      .header-messages-container .title-container .input-search-mobile .ant-input-group {
        color: #00377C;
        font-size: 14px !important;
        font-feature-settings: normal;
        font-variant: normal; }
        .header-messages-container .title-container .input-search-mobile .ant-input-group .ant-input-affix-wrapper {
          border-radius: 2px;
          border: none; }
          .header-messages-container .title-container .input-search-mobile .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
            color: #00377C; }
          .header-messages-container .title-container .input-search-mobile .ant-input-group .ant-input-affix-wrapper .ant-input {
            color: #00377C;
            font-size: 14px !important;
            font-feature-settings: normal;
            font-variant: normal; }
        .header-messages-container .title-container .input-search-mobile .ant-input-group .ant-input-group-addon {
          display: none; }
    .header-messages-container .title-container .btns-container {
      border-radius: 4px;
      border: 1px solid #DFEAEC;
      display: flex;
      align-items: center;
      padding: 0px; }
      @media screen and (max-width: 575px) {
        .header-messages-container .title-container .btns-container {
          width: 100%; } }
      .header-messages-container .title-container .btns-container button {
        border: none;
        box-shadow: none;
        display: flex;
        align-items: center;
        font-size: 16px !important;
        font-weight: bold;
        color: #00377C; }
        .header-messages-container .title-container .btns-container button:first-of-type {
          border-right: 1px solid #DFEAEC; }
        .header-messages-container .title-container .btns-container button:hover {
          color: #F76B1C; }
        @media screen and (max-width: 575px) {
          .header-messages-container .title-container .btns-container button {
            width: 50%;
            justify-content: center; } }
        .header-messages-container .title-container .btns-container button .unread_qty {
          height: 16px;
          width: 16px;
          border-radius: 6px;
          background-color: #F76B1C;
          color: #fff;
          font-weight: 700;
          font-size: 10px !important;
          margin-right: 8px; }
      .header-messages-container .title-container .btns-container .active {
        background-color: #E5F6FF; }
  .header-messages-container .btns-new-container {
    display: grid;
    grid-gap: 4px;
    grid-template-columns: repeat(2, minmax(150px, 1fr)); }
    @media screen and (max-width: 575px) {
      .header-messages-container .btns-new-container {
        display: none; } }
    .header-messages-container .btns-new-container button {
      border: none;
      box-shadow: none;
      display: flex;
      align-items: center;
      border-radius: 8px;
      padding: 4px 8px;
      font-size: 16px !important;
      font-weight: bold;
      background-color: #FFF7E6;
      color: #F76B1C; }
  .header-messages-container .btn-new-topic-mobile {
    border: 0px;
    box-shadow: none;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #F76B1C;
    color: #fff;
    font-size: 16px !important;
    position: fixed;
    z-index: 3;
    bottom: 80px;
    right: 16px; }
    @media screen and (min-width: 575px) {
      .header-messages-container .btn-new-topic-mobile {
        display: none; } }
  .header-messages-container .mobile-modal-new-topic {
    display: grid;
    grid-gap: 8px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1000;
    min-height: 20vh;
    padding: 8px 16px 24px 16px;
    border-radius: 8px 8px 0px 0px;
    box-shadow: 0 -3px 16px 0 rgba(0, 78, 89, 0.2);
    background-color: #fff; }
    .header-messages-container .mobile-modal-new-topic button {
      border: none;
      box-shadow: none; }
    .header-messages-container .mobile-modal-new-topic .btn-close {
      color: #00377C;
      width: fit-content;
      display: flex;
      margin-left: auto; }
    .header-messages-container .mobile-modal-new-topic .btn-new {
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 8px;
      padding: 4px 8px;
      font-size: 16px !important;
      font-weight: bold;
      background-color: #FFF7E6;
      color: #F76B1C; }

.bar-messages-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  margin-bottom: 16px;
  padding-right: 8px;
  background-color: #fff; }
  @media screen and (max-width: 820px) {
    .bar-messages-container {
      display: block;
      padding-right: 0; } }
  @media screen and (max-width: 575px) {
    .bar-messages-container {
      display: flex;
      align-items: center;
      justify-content: initial;
      width: 100%;
      border: 0px;
      margin-bottom: 0px; } }
  .bar-messages-container .btns-container {
    display: flex;
    align-items: center;
    height: auto; }
    @media screen and (max-width: 820px) {
      .bar-messages-container .btns-container {
        display: block; } }
    @media screen and (max-width: 575px) {
      .bar-messages-container .btns-container {
        display: none; } }
    .bar-messages-container .btns-container button {
      padding: 8px 12px;
      font-weight: bold;
      height: auto;
      font-size: 16px !important;
      color: #00377C;
      border: none;
      box-shadow: none; }
      .bar-messages-container .btns-container button:disabled {
        background-color: #fff; }
      .bar-messages-container .btns-container button:hover {
        color: #F76B1C; }
      @media screen and (max-width: 820px) {
        .bar-messages-container .btns-container button {
          width: 50%;
          padding: 4px 12px; } }
    .bar-messages-container .btns-container .btn-received {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
      @media screen and (max-width: 820px) {
        .bar-messages-container .btns-container .btn-received {
          border-bottom: 1px solid #DFEAEC;
          border-right: 1px solid #DFEAEC; } }
    .bar-messages-container .btns-container .btn-sent, .bar-messages-container .btns-container .btn-reload {
      border-radius: 0; }
    @media screen and (max-width: 820px) {
      .bar-messages-container .btns-container .btn-sent {
        border-top-right-radius: 4px;
        border-bottom: 1px solid #DFEAEC; } }
    @media screen and (max-width: 820px) {
      .bar-messages-container .btns-container .btn-to-sent {
        border-right: 1px solid #DFEAEC;
        border-bottom: 1px solid #DFEAEC; } }
    .bar-messages-container .btns-container .btn-reload {
      border: 1px solid #DFEAEC;
      border-top: 0;
      border-bottom: 0;
      margin-right: 8px; }
      @media screen and (max-width: 820px) {
        .bar-messages-container .btns-container .btn-reload {
          border: none;
          border-bottom: 1px solid #DFEAEC;
          margin-right: 0px; } }
  .bar-messages-container .select-section-mobile {
    display: flex;
    align-items: center;
    width: 100%; }
    @media screen and (min-width: 575px) {
      .bar-messages-container .select-section-mobile {
        display: none; } }
    .bar-messages-container .select-section-mobile .ant-select {
      margin-right: 8px;
      font-variant: normal;
      font-feature-settings: normal;
      color: #00377C;
      width: 100%; }
      .bar-messages-container .select-section-mobile .ant-select .ant-select-arrow {
        font-size: 10px !important;
        color: #00377C; }
      .bar-messages-container .select-section-mobile .ant-select .ant-select-selector {
        border: 1px solid #DFEAEC;
        border-radius: 4px; }
        .bar-messages-container .select-section-mobile .ant-select .ant-select-selector .ant-select-selection-item {
          font-weight: 800; }
  .bar-messages-container .schedules-container {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 575px) {
      .bar-messages-container .schedules-container {
        width: 100%; } }
    .bar-messages-container .schedules-container p {
      margin: 0px;
      color: #00377C;
      font-weight: 800;
      font-size: 16px !important; }
      @media screen and (max-width: 575px) {
        .bar-messages-container .schedules-container p {
          display: none; } }
    .bar-messages-container .schedules-container .ant-select {
      margin-left: 8px;
      font-variant: normal;
      font-feature-settings: normal;
      color: #00377C; }
      @media screen and (max-width: 575px) {
        .bar-messages-container .schedules-container .ant-select {
          width: 100%;
          margin-left: 0px; } }
      .bar-messages-container .schedules-container .ant-select .ant-select-arrow {
        font-size: 10px !important;
        color: #00377C; }
      .bar-messages-container .schedules-container .ant-select .ant-select-selector {
        border: 1px solid #DFEAEC;
        border-radius: 4px; }
        .bar-messages-container .schedules-container .ant-select .ant-select-selector .ant-select-selection-item {
          font-weight: 800; }

.table-messages-container {
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  background-color: #fff; }
  .table-messages-container .input-search-container {
    padding: 8px;
    border-bottom: 1px solid #DFEAEC; }
    @media screen and (max-width: 575px) {
      .table-messages-container .input-search-container {
        display: none; } }
    .table-messages-container .input-search-container .ant-input-search {
      border: 1px solid #DFEAEC;
      margin-right: 8px;
      border-radius: 4px; }
      .table-messages-container .input-search-container .ant-input-search .ant-input-group {
        color: #00377C;
        font-size: 14px !important;
        font-feature-settings: normal;
        font-variant: normal; }
        .table-messages-container .input-search-container .ant-input-search .ant-input-group .ant-input-affix-wrapper {
          border-radius: 2px;
          border: none; }
          .table-messages-container .input-search-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
            color: #00377C; }
          .table-messages-container .input-search-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input {
            color: #00377C;
            font-size: 14px !important;
            font-feature-settings: normal;
            font-variant: normal; }
        .table-messages-container .input-search-container .ant-input-search .ant-input-group .ant-input-group-addon {
          display: none; }
  .table-messages-container .table-messages {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 70vh;
    min-width: 30vw;
    height: fit-content;
    padding-bottom: 0px;
    border-radius: 0px 0px 4px 4px; }
    .table-messages-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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: flex-start;
          justify-content: space-between;
          color: #00305780;
          margin: 0; }
          @media screen and (max-width: 575px) {
            .table-messages-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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: 27vw;
            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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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: 85vw; } }
          .table-messages-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .table-messages .ant-table-pagination {
      padding-right: 1rem; }
      .table-messages-container .table-messages .ant-table-pagination li {
        border: none; }
        .table-messages-container .table-messages .ant-table-pagination li button, .table-messages-container .table-messages .ant-table-pagination li a {
          color: #00377C;
          border: 1px solid #DFEAEC;
          align-items: center;
          justify-content: center;
          display: flex; }
          .table-messages-container .table-messages .ant-table-pagination li button:hover, .table-messages-container .table-messages .ant-table-pagination li button:active, .table-messages-container .table-messages .ant-table-pagination li a:hover, .table-messages-container .table-messages .ant-table-pagination li a:active {
            border: 1px solid #f57423; }
      .table-messages-container .table-messages .ant-table-pagination .ant-pagination-item-active a {
        color: #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; }

.header-message {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DFEAEC;
  padding-bottom: .75rem;
  align-items: start;
  margin: 0; }
  .header-message .user {
    display: flex;
    align-items: center; }
    .header-message .user .of {
      color: #00377C;
      margin: 0;
      font-size: 14px !important;
      font-weight: bold;
      margin-right: 16px; }
    .header-message .user .user-container {
      display: flex;
      align-items: center;
      line-height: normal; }
      .header-message .user .user-container img {
        min-height: 32px;
        height: 32px;
        width: 32px;
        min-width: 32px;
        object-fit: cover;
        border-radius: 100%;
        margin-right: 8px; }
      .header-message .user .user-container .name {
        color: #00377C;
        font-size: 14px !important;
        font-weight: bold;
        text-align: left;
        margin: 0;
        text-transform: capitalize; }
      .header-message .user .user-container span {
        font-size: 14px !important;
        color: #0584C9;
        font-weight: bold; }
  .header-message span {
    color: #00377C;
    font-size: 12px !important;
    font-weight: 400;
    text-transform: capitalize; }

.message-body {
  padding: 32px 0px 24px 0px;
  border-bottom: 1px solid #DFEAEC; }
  .message-body h3 {
    color: #001930;
    font-size: 20px !important;
    font-weight: bold; }
  .message-body p {
    white-space: pre-wrap;
    text-align: justify;
    color: #00377C;
    font-size: 14px !important;
    margin: 0; }
    .message-body p a {
      color: #1155cc;
      font-weight: bold;
      font-size: 14px !important;
      text-decoration: underline; }

.footer-message {
  border-bottom: 1px solid #DFEAEC;
  padding: 8px 0px; }
  .footer-message h4 {
    color: #00377C;
    font-weight: 800;
    font-size: 14px !important;
    margin-bottom: 8px; }
  .footer-message .documents-attached {
    display: grid;
    grid-gap: 8px; }
    .footer-message .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; }
      .footer-message .documents-attached button:first-of-type {
        margin-top: 0px; }
      .footer-message .documents-attached button:hover {
        color: #F76B1C; }
      .footer-message .documents-attached button p {
        max-width: 350px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0px;
        font-weight: normal;
        margin-left: 8px;
        text-align: left; }
        @media screen and (max-width: 720px) {
          .footer-message .documents-attached button p {
            max-width: 280px; } }
        @media screen and (max-width: 575px) {
          .footer-message .documents-attached button p {
            max-width: 240px; } }

/* 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: #ffffff;
        cursor: pointer; }
  .detail-message-text-editor #text-editor-input-message {
    width: 100%;
    height: 100%;
    padding: 15px 10px;
    color: #00377C;
    word-break: break-all;
    border: none;
    outline: none;
    overflow: auto;
    background-color: #ffffff; }

.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: #ffffff;
      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; }

.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: #ffffff;
        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: #ffffff; }
    .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: #ffffff;
        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: #ffffff;
    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: #ffffff; }
    @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: #ffffff;
    background-color: #F76B1C;
    box-shadow: none;
    border: none;
    outline: none; }

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

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

.message-detail-container {
  display: flex;
  position: relative;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
  padding: 0px;
  background-color: #ffffff;
  overflow: auto; }
  @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: #ffffff;
      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: 85vh; } }
    .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 .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: #ffffff;
          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: #F76B1C;
            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 .message-autorization {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px 20px;
    border-top: 1px solid #DFEAEC; }
    @media screen and (max-width: 575px) {
      .message-detail-container .message-autorization {
        padding: 15px 10px; } }
    .message-detail-container .message-autorization .titulo {
      margin-bottom: 10px; }
    .message-detail-container .message-autorization .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 .message-autorization .pills-container {
          gap: 5px 20px; } }
      .message-detail-container .message-autorization .pills-container .pill {
        display: flex;
        position: relative;
        font-size: 12px;
        padding: 8px 10px;
        cursor: pointer; }
        .message-detail-container .message-autorization .pills-container .pill span {
          font-size: 16px; }
    .message-detail-container .message-autorization .usuarios-container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      width: 100%;
      gap: 10px;
      margin-top: 10px;
      cursor: pointer; }
      .message-detail-container .message-autorization .usuarios-container p {
        font-size: 14px;
        font-weight: bold;
        color: #00377C;
        margin: 0px; }
      .message-detail-container .message-autorization .usuarios-container .emisores {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap; }
        .message-detail-container .message-autorization .usuarios-container .emisores .emisor-icon {
          margin-left: -10px; }
        .message-detail-container .message-autorization .usuarios-container .emisores .sin-margen {
          margin: 0px; }
      .message-detail-container .message-autorization .usuarios-container .drop-icon {
        height: auto;
        width: 14px;
        transition: transform 200ms; }
      .message-detail-container .message-autorization .usuarios-container .drop-icon.abierto {
        transform: rotate(180deg); }
    .message-detail-container .message-autorization .usuarios-container.sin-respuestas {
      color: #00377C;
      font-weight: bold;
      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-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: #ffffff;
        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: #ffffff;
            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;
          word-wrap: break-word;
          overflow-wrap: break-word; }
          .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: #ffffff; }
            @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: #F76B1C;
              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 .lista-usuarios-container-mobile {
    display: flex;
    z-index: 4;
    flex-direction: column;
    position: fixed;
    gap: 10px;
    border: 1px solid #EDEDED;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 16px 16px 16px;
    max-width: 95%;
    width: 250px;
    min-height: auto;
    max-height: 80vh;
    overflow-y: auto;
    border-radius: 10px;
    background-color: #ffffff; }
    .message-detail-container .lista-usuarios-container-mobile .titulo-modal {
      width: 100%;
      font-size: 16px;
      font-weight: bold;
      color: #00377C;
      padding-right: 15px; }
    .message-detail-container .lista-usuarios-container-mobile .close {
      display: block;
      position: absolute;
      top: 10px;
      right: 10px;
      height: auto;
      width: 20px;
      fill: #00377C;
      cursor: pointer; }
    .message-detail-container .lista-usuarios-container-mobile .usuarios {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      overflow: auto;
      gap: 15px; }
      .message-detail-container .lista-usuarios-container-mobile .usuarios .usuario {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        align-items: center; }
        .message-detail-container .lista-usuarios-container-mobile .usuarios .usuario .info {
          display: flex;
          flex-direction: column;
          margin-left: 10px; }
          .message-detail-container .lista-usuarios-container-mobile .usuarios .usuario .info span {
            font-size: 14px;
            line-height: 15px;
            font-weight: bold; }
            .message-detail-container .lista-usuarios-container-mobile .usuarios .usuario .info span .sede {
              color: #c3c3c3;
              font-style: italic;
              font-weight: normal; }
          .message-detail-container .lista-usuarios-container-mobile .usuarios .usuario .info .nombre {
            color: #00377C; }
          .message-detail-container .lista-usuarios-container-mobile .usuarios .usuario .info .alumno, .message-detail-container .lista-usuarios-container-mobile .usuarios .usuario .info .rol {
            color: #1CA690; }
          .message-detail-container .lista-usuarios-container-mobile .usuarios .usuario .info .fecha {
            color: #979797; }
  .message-detail-container .background-lista-usuarios-mobile {
    position: fixed;
    z-index: 3;
    background-color: #000000;
    height: 100vh;
    width: 100vw;
    left: 0px;
    top: 0px;
    opacity: 0.2; }
  .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 .pill.azul {
    color: #00377C;
    background-color: #E5F6FF; }
    .message-detail-container .pill.azul svg {
      height: auto;
      width: 20px; }
  .message-detail-container .pill.azul.cargando-pdf {
    opacity: 0.4;
    cursor: not-allowed; }
  .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: #F76B1C;
    background-color: #FFF0E8;
    box-shadow: none;
    border: none;
    outline: none; }
  .message-detail-container .primary-btn {
    font-size: 14px;
    color: #ffffff;
    background-color: #F76B1C;
    box-shadow: none;
    border: none;
    outline: none; }

/* Estos estilos estan aqui ya que se usan dentro del popover de ant-design... asi es capaz de usar estos estilos */
.popover-sin-info p {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #00377C; }

.lista-usuarios-container {
  display: flex;
  flex-direction: column;
  gap: 17px;
  width: 250px;
  height: 110%;
  max-height: 300px;
  background-color: #ffffff;
  overflow-y: auto; }
  .lista-usuarios-container .usuario {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    margin: 2px 0px; }
    .lista-usuarios-container .usuario .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; }
    .lista-usuarios-container .usuario .info {
      display: flex;
      flex-direction: column;
      margin-left: 10px; }
      .lista-usuarios-container .usuario .info span {
        font-size: 14px;
        line-height: 15px;
        font-weight: bold; }
        .lista-usuarios-container .usuario .info span .sede {
          color: #c3c3c3;
          font-style: italic;
          font-weight: normal; }
      .lista-usuarios-container .usuario .info .nombre {
        color: #00377C; }
      .lista-usuarios-container .usuario .info .alumno, .lista-usuarios-container .usuario .info .rol {
        color: #1CA690; }
      .lista-usuarios-container .usuario .info .fecha {
        color: #979797; }

.modal-photo-container {
  position: fixed;
  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 {
      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-delete, .modal-photo-container .footer-modal .button-cancel, .modal-photo-container .footer-modal .button-save {
      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-delete, .modal-photo-container .footer-modal .button-cancel, .modal-photo-container .footer-modal .button-save {
          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-container {
  display: block;
  height: auto; }
  .user-header-container .btn-back {
    display: flex;
    align-items: center;
    font-size: 16px !important;
    font-weight: 700;
    border: none;
    box-shadow: none;
    margin-bottom: 12px; }
    .user-header-container .btn-back:disabled {
      background-color: #fff; }
    .user-header-container .btn-back span {
      color: #00377C; }
    .user-header-container .btn-back .anticon-left {
      font-size: 14px !important; }
  .user-header-container .data-user-container {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 700px) {
      .user-header-container .data-user-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
        grid-gap: 8px; } }
    .user-header-container .data-user-container .data-user-header {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 575px) {
        .user-header-container .data-user-container .data-user-header {
          display: block; } }
      .user-header-container .data-user-container .data-user-header .img-container {
        display: flex;
        position: relative;
        width: 104px;
        min-width: 104px;
        min-height: 104px;
        height: 104px;
        margin-right: 20px; }
        .user-header-container .data-user-container .data-user-header .img-container img, .user-header-container .data-user-container .data-user-header .img-container .img {
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 26px;
          width: 104px;
          min-width: 104px;
          min-height: 104px;
          height: 104px;
          color: #00377C;
          object-fit: cover;
          margin-right: 24px;
          background: #f5f5f5; }
          @media screen and (max-width: 575px) {
            .user-header-container .data-user-container .data-user-header .img-container img, .user-header-container .data-user-container .data-user-header .img-container .img {
              margin-bottom: 1rem; } }
        .user-header-container .data-user-container .data-user-header .img-container 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-container .data-user-container .data-user-header .names-dni-user {
        color: #00377C; }
        .user-header-container .data-user-container .data-user-header .names-dni-user p {
          margin: 0;
          font-size: 20px !important;
          font-weight: 800; }
        .user-header-container .data-user-container .data-user-header .names-dni-user span {
          font-size: 16px !important; }
    .user-header-container .data-user-container .btns-container {
      display: flex; }
      .user-header-container .data-user-container .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-container .data-user-container .btns-container button:last-child {
          margin-right: 0px; }
      .user-header-container .data-user-container .btns-container .btn-edit {
        background-color: #F76B1C;
        color: #fff; }
      .user-header-container .data-user-container .btns-container .btn-cancel {
        background-color: #E6FAFF;
        color: #0060B9; }
      .user-header-container .data-user-container .btns-container .btn-save {
        color: #F76B1C;
        background-color: #FFF0E8; }

.bar-user-profile {
  display: flex;
  align-items: center;
  min-width: 100%;
  width: fit-content;
  border-radius: 8px;
  border: 1px solid #DFEAEC;
  padding: 8px;
  margin-top: 16px;
  margin-bottom: 24px;
  max-width: 100%;
  overflow-x: scroll; }
  @media screen and (max-width: 575px) {
    .bar-user-profile {
      justify-content: end;
      display: flex;
      width: fit-content; } }
  .bar-user-profile button {
    border-radius: 4px;
    display: flex;
    color: #00377C;
    font-size: 16px !important;
    font-weight: 800;
    margin-right: 8px;
    box-shadow: none;
    border: none; }
    .bar-user-profile button:last-of-type {
      margin-right: 0px !important; }

.bar-user-profile::-webkit-scrollbar {
  height: 0px; }

.ant-picker-dropdown {
  position: fixed; }

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

.user-profile-container {
  display: grid; }
  .user-profile-container h4 {
    color: #00377C;
    font-size: 24px !important;
    font-weight: 800; }
  .user-profile-container .grid-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
    color: #00377C;
    margin-bottom: 16px; }
    @media screen and (max-width: 1000px) {
      .user-profile-container .grid-content {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 24px; } }
    .user-profile-container .grid-content .column {
      max-width: 80%; }
      @media screen and (max-width: 575px) {
        .user-profile-container .grid-content .column {
          max-width: none; } }
      .user-profile-container .grid-content .column .item, .user-profile-container .grid-content .column .two-items {
        margin-bottom: 24px; }
        .user-profile-container .grid-content .column .item p, .user-profile-container .grid-content .column .two-items p {
          font-size: 14px !important;
          font-weight: bold;
          margin: 0; }
        .user-profile-container .grid-content .column .item .ant-input, .user-profile-container .grid-content .column .two-items .ant-input {
          border: 1px solid #DFEAEC;
          font-feature-settings: normal;
          font-variant: normal;
          color: #00377C;
          padding: 4px 8px; }
        .user-profile-container .grid-content .column .item ::placeholder, .user-profile-container .grid-content .column .two-items ::placeholder {
          color: #00377C; }
        .user-profile-container .grid-content .column .item .ant-input-disabled, .user-profile-container .grid-content .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 .grid-content .column .item .ant-picker, .user-profile-container .grid-content .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 .grid-content .column .item .ant-picker .ant-picker-input, .user-profile-container .grid-content .column .two-items .ant-picker .ant-picker-input {
            flex-direction: row-reverse;
            color: #00377C;
            font-size: 14px !important; }
            .user-profile-container .grid-content .column .item .ant-picker .ant-picker-input input, .user-profile-container .grid-content .column .two-items .ant-picker .ant-picker-input input {
              border: none;
              color: #00377C; }
            .user-profile-container .grid-content .column .item .ant-picker .ant-picker-input span, .user-profile-container .grid-content .column .two-items .ant-picker .ant-picker-input span {
              color: #00377C;
              margin-right: .5rem; }
            .user-profile-container .grid-content .column .item .ant-picker .ant-picker-input .ant-picker-clear, .user-profile-container .grid-content .column .two-items .ant-picker .ant-picker-input .ant-picker-clear {
              display: none; }
        .user-profile-container .grid-content .column .item .ant-picker-disabled, .user-profile-container .grid-content .column .two-items .ant-picker-disabled {
          background-color: #fff !important;
          border: none;
          padding-left: 0;
          cursor: context-menu !important; }
          .user-profile-container .grid-content .column .item .ant-picker-disabled .ant-picker-input, .user-profile-container .grid-content .column .item .ant-picker-disabled input, .user-profile-container .grid-content .column .two-items .ant-picker-disabled .ant-picker-input, .user-profile-container .grid-content .column .two-items .ant-picker-disabled input {
            cursor: context-menu !important; }
          .user-profile-container .grid-content .column .item .ant-picker-disabled ::placeholder, .user-profile-container .grid-content .column .two-items .ant-picker-disabled ::placeholder {
            color: #00377C; }
        .user-profile-container .grid-content .column .item .ant-select, .user-profile-container .grid-content .column .two-items .ant-select {
          font-feature-settings: normal;
          font-variant: normal;
          width: 100%; }
          .user-profile-container .grid-content .column .item .ant-select .ant-select-selector, .user-profile-container .grid-content .column .two-items .ant-select .ant-select-selector {
            border: 1px solid #DFEAEC; }
            .user-profile-container .grid-content .column .item .ant-select .ant-select-selector span, .user-profile-container .grid-content .column .two-items .ant-select .ant-select-selector span {
              font-size: 14px !important; }
          .user-profile-container .grid-content .column .item .ant-select span, .user-profile-container .grid-content .column .two-items .ant-select span {
            color: #00377C;
            font-size: 10px !important; }
        .user-profile-container .grid-content .column .item .ant-select-disabled, .user-profile-container .grid-content .column .two-items .ant-select-disabled {
          cursor: context-menu !important;
          padding-left: 0; }
          .user-profile-container .grid-content .column .item .ant-select-disabled .ant-select-selector, .user-profile-container .grid-content .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 .grid-content .column .item .ant-select-disabled .ant-select-selector .ant-select-selection-search input, .user-profile-container .grid-content .column .two-items .ant-select-disabled .ant-select-selector .ant-select-selection-search input {
              cursor: context-menu !important; }
          .user-profile-container .grid-content .column .item .ant-select-disabled .ant-select-arrow, .user-profile-container .grid-content .column .two-items .ant-select-disabled .ant-select-arrow {
            display: none; }
      .user-profile-container .grid-content .column .two-items {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        grid-gap: 1.5rem; }
        @media screen and (max-width: 575px) {
          .user-profile-container .grid-content .column .two-items {
            grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); } }
        .user-profile-container .grid-content .column .two-items .ant-input, .user-profile-container .grid-content .column .two-items .ant-select {
          width: 93%; }
  .user-profile-container .btns-container {
    display: flex;
    align-items: center; }
    .user-profile-container .btns-container button {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      display: flex;
      align-items: center;
      padding: 4px 8px;
      font-weight: bold;
      font-size: 16px !important;
      margin-right: 8px; }
      .user-profile-container .btns-container button:last-of-type {
        margin-right: 0px; }
      .user-profile-container .btns-container button:first-of-type {
        margin-left: auto; }
    .user-profile-container .btns-container .btn-cancel {
      color: #0060B9;
      background-color: #E6FAFF; }
    .user-profile-container .btns-container .btn-save {
      color: #F76B1C;
      background-color: #FFF0E8; }
    .user-profile-container .btns-container .btn-edit {
      background-color: #F76B1C;
      color: #fff; }

.password-user-container {
  display: grid; }
  .password-user-container h4 {
    font-size: 24px !important;
    font-weight: 800;
    color: #00377C;
    margin-bottom: 16px; }
  .password-user-container .item {
    display: grid;
    margin-bottom: 16px; }
    .password-user-container .item p {
      color: #00377C;
      margin: 0px;
      font-size: 14px !important;
      font-weight: bold; }
    .password-user-container .item .ant-input-password {
      width: fit-content;
      border: 1px solid #DFEAEC; }
      .password-user-container .item .ant-input-password .ant-input {
        color: #00377C;
        font-size: 14px !important;
        font-variant: normal;
        font-feature-settings: normal; }
      .password-user-container .item .ant-input-password .ant-input-suffix {
        font-size: 14px !important; }
        .password-user-container .item .ant-input-password .ant-input-suffix .anticon:hover {
          color: #00377C; }
  .password-user-container .btns-container {
    display: flex;
    align-items: center; }
    .password-user-container .btns-container button {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      padding: 4px 8px;
      font-weight: bold;
      font-size: 16px !important;
      margin-right: 8px; }
      .password-user-container .btns-container button:last-of-type {
        margin-right: 0px; }
    .password-user-container .btns-container .btn-cancel {
      background-color: #F5F5F5;
      color: #00377C; }
    .password-user-container .btns-container .btn-save {
      background-color: #F76B1C;
      color: #fff; }

@charset "UTF-8";
.user-profile-container {
  max-width: 600px;
  color: #00377C;
  display: grid;
  overflow: visible; }
  .user-profile-container h1 {
    color: #00377C;
    font-size: 18px !important;
    font-weight: 600; }
  .user-profile-container body {
    max-height: 1000px;
    overflow: visible;
    color: #00377C; }
    .user-profile-container body .steps {
      line-height: 12px; }
    .user-profile-container body .nonedit {
      color: #00377C !important;
      pointer-events: none; }
    .user-profile-container body .edit .upload img, .user-profile-container body .nonedit .upload img {
      height: 1000px; }
    .user-profile-container body .edit .upload .ant-upload-text, .user-profile-container body .nonedit .upload .ant-upload-text {
      color: #00377C; }
    .user-profile-container body .edit .upload .ant-upload-hint, .user-profile-container body .nonedit .upload .ant-upload-hint {
      color: #00377C; }
    .user-profile-container body .edit .upload .ant-upload-drag-icon svg, .user-profile-container body .nonedit .upload .ant-upload-drag-icon svg {
      fill: #00377C; }
    .user-profile-container body .ant-upload-list-item {
      display: flex;
      /* Establece el contenedor como flexbox para alinear elementos */
      justify-content: center;
      /* Centra horizontalmente */
      align-items: center;
      /* Centra verticalmente */
      margin-bottom: 50px;
      margin-top: 30px;
      width: 500px;
      padding: 0;
      border: 0; }
      .user-profile-container body .ant-upload-list-item img {
        max-width: 100%;
        /* La imagen no excederá el ancho del contenedor */
        max-height: 100%;
        /* La imagen no excederá la altura del contenedor */
        object-fit: contain; }
  .user-profile-container footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 80px;
    margin-left: 150px; }
    .user-profile-container footer .btn-cancel {
      border: none;
      color: #00377C;
      background-color: #F5F5F5; }
      .user-profile-container footer .btn-cancel svg {
        fill: #00377C; }
    .user-profile-container footer .btn-submit {
      border: none;
      color: white;
      background-color: #F76B1C; }
      .user-profile-container footer .btn-submit svg {
        fill: #fffff; }

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

.select-options-filters-evaluations-planning {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .select-options-filters-evaluations-planning .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%; }
    .select-options-filters-evaluations-planning .row .input {
      display: flex;
      position: relative;
      align-items: center;
      width: 250px;
      margin-bottom: 16px;
      color: #747474;
      margin-right: 12px;
      margin-bottom: 12px; }
      @media screen and (max-width: 820px) {
        .select-options-filters-evaluations-planning .row .input {
          width: 100%; } }
      @media screen and (max-width: 575px) {
        .select-options-filters-evaluations-planning .row .input {
          margin-right: 0px; } }
      .select-options-filters-evaluations-planning .row .input input {
        outline: none;
        border-radius: 2px;
        border: 1px solid #979797;
        padding: 0px 11px;
        padding-right: 35px;
        min-height: 32px;
        width: 100%; }
      .select-options-filters-evaluations-planning .row .input svg {
        position: absolute;
        right: 10px;
        height: auto;
        width: 18px;
        cursor: pointer; }
    .select-options-filters-evaluations-planning .row .ant-picker-range {
      outline: none;
      border-radius: 2px;
      border: 1px solid #979797;
      padding: 0px 11px;
      box-shadow: none;
      min-height: 32px;
      max-height: 32px;
      width: 250px;
      margin-right: 12px;
      margin-bottom: 12px; }
      @media screen and (max-width: 820px) {
        .select-options-filters-evaluations-planning .row .ant-picker-range {
          width: 100%; } }
      @media screen and (max-width: 575px) {
        .select-options-filters-evaluations-planning .row .ant-picker-range {
          margin-right: 0px; } }
    .select-options-filters-evaluations-planning .row .select-base-general-container {
      margin-right: 12px;
      margin-bottom: 12px; }
      @media screen and (max-width: 820px) {
        .select-options-filters-evaluations-planning .row .select-base-general-container {
          width: 100%; } }
      @media screen and (max-width: 575px) {
        .select-options-filters-evaluations-planning .row .select-base-general-container {
          margin-right: 0px; } }

.observaciones-table-container-planning {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-top: -20px;
  border-radius: 4px 4px 0px 0px;
  overflow-x: scroll; }
  .observaciones-table-container-planning .observaciones-table-planning {
    min-width: 100%;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    font-size: 14px; }
    .observaciones-table-container-planning .observaciones-table-planning thead tr {
      background-color: #1CA690;
      border: 1px solid #1CA690; }
      .observaciones-table-container-planning .observaciones-table-planning thead tr th {
        color: #ffffff;
        text-align: center;
        padding: 12px 10px;
        white-space: nowrap; }
      .observaciones-table-container-planning .observaciones-table-planning thead tr th:first-of-type {
        text-align: left;
        padding-left: 20px; }
    .observaciones-table-container-planning .observaciones-table-planning tbody tr {
      background-color: #ffffff;
      border: 1px solid #D8D8D8;
      border-top: none;
      transition: background-color 150ms; }
      .observaciones-table-container-planning .observaciones-table-planning tbody tr td:first-of-type {
        padding-left: 20px; }
      .observaciones-table-container-planning .observaciones-table-planning tbody tr td {
        padding: 10px;
        height: 100px;
        color: #00377C; }
      .observaciones-table-container-planning .observaciones-table-planning tbody tr td:nth-child(1) {
        min-width: 200px;
        width: 350px; }
      .observaciones-table-container-planning .observaciones-table-planning tbody tr td:nth-child(2) {
        width: 70px;
        white-space: nowrap;
        text-align: center; }
      .observaciones-table-container-planning .observaciones-table-planning tbody tr td:nth-child(3), .observaciones-table-container-planning .observaciones-table-planning tbody tr td:nth-child(4) {
        min-width: 50px; }
        .observaciones-table-container-planning .observaciones-table-planning tbody tr td:nth-child(3) div, .observaciones-table-container-planning .observaciones-table-planning tbody tr td:nth-child(4) div {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
          gap: 12px; }
          .observaciones-table-container-planning .observaciones-table-planning tbody tr td:nth-child(3) div .chip-base, .observaciones-table-container-planning .observaciones-table-planning tbody tr td:nth-child(4) div .chip-base {
            width: min-content;
            text-align: center; }
            .observaciones-table-container-planning .observaciones-table-planning tbody tr td:nth-child(3) div .chip-base span, .observaciones-table-container-planning .observaciones-table-planning tbody tr td:nth-child(4) div .chip-base span {
              white-space: nowrap; }
      .observaciones-table-container-planning .observaciones-table-planning tbody tr td:last-of-type .contenedor-opciones {
        display: flex;
        position: relative;
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
        padding: 0px 20px;
        gap: 20px; }
        .observaciones-table-container-planning .observaciones-table-planning tbody tr td:last-of-type .contenedor-opciones .abrir {
          height: auto;
          width: 15px;
          fill: #979797;
          cursor: pointer;
          transition: fill 100ms; }
        .observaciones-table-container-planning .observaciones-table-planning tbody tr td:last-of-type .contenedor-opciones .abrir:hover {
          fill: #F76B1C; }
    .observaciones-table-container-planning .observaciones-table-planning tbody tr:hover {
      background-color: #fbfbfb; }
  .observaciones-table-container-planning .sin-data {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #979797;
    font-size: 25px;
    font-weight: bold; }
    @media screen and (max-width: 575px) {
      .observaciones-table-container-planning .sin-data {
        font-size: 20px;
        margin-top: 15px; } }
  .observaciones-table-container-planning .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .observaciones-table-container-planning .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.table-paginator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 160px; }

.container-select-vista-actual {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 100%;
  gap: 12px;
  margin-bottom: 0px;
  overflow: auto; }
  .container-select-vista-actual .vista-actual {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: nowrap;
    gap: 10px;
    background-color: #ffffff;
    color: #00377C;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 15px;
    min-width: fit-content;
    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; }
    @media screen and (max-width: 575px) {
      .container-select-vista-actual .vista-actual {
        padding: 10px 8px; } }
    .container-select-vista-actual .vista-actual svg {
      height: auto;
      max-height: 18px;
      width: 20px;
      fill: #00377C;
      transition: fill 150px; }
      @media screen and (max-width: 575px) {
        .container-select-vista-actual .vista-actual svg {
          display: none; } }
  .container-select-vista-actual .vista-actual.selected {
    color: #ffffff;
    border: 1px solid #1CA690;
    background-color: #1CA690;
    border-bottom: none; }
    .container-select-vista-actual .vista-actual.selected svg {
      fill: #ffffff; }

.alumnos-table-container-planning {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-top: -20px;
  border-radius: 4px 4px 0px 0px;
  overflow-x: scroll; }
  .alumnos-table-container-planning .alumnos-table-planning {
    min-width: 100%;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    font-size: 14px; }
    .alumnos-table-container-planning .alumnos-table-planning thead tr {
      background-color: #1CA690;
      border: 1px solid #1CA690; }
      .alumnos-table-container-planning .alumnos-table-planning thead tr th {
        color: #ffffff;
        text-align: left;
        padding: 12px 10px;
        white-space: nowrap; }
      .alumnos-table-container-planning .alumnos-table-planning thead tr th:nth-child(1) {
        padding-left: 20px; }
    .alumnos-table-container-planning .alumnos-table-planning tbody tr {
      background-color: #ffffff;
      border: 1px solid #D8D8D8;
      border-top: none;
      transition: background-color 150ms; }
      .alumnos-table-container-planning .alumnos-table-planning tbody tr td {
        padding: 10px;
        height: 100px;
        color: #00377C; }
      .alumnos-table-container-planning .alumnos-table-planning tbody tr td:nth-child(1) {
        padding-left: 20px;
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .alumnos-table-container-planning .alumnos-table-planning tbody tr td:last-of-type .contenedor-opciones {
        display: flex;
        position: relative;
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
        padding: 0px 20px;
        gap: 20px; }
        .alumnos-table-container-planning .alumnos-table-planning tbody tr td:last-of-type .contenedor-opciones svg {
          height: auto;
          width: 18px;
          cursor: pointer;
          fill: #00377C; }
    .alumnos-table-container-planning .alumnos-table-planning tbody tr:hover {
      background-color: #fbfbfb; }
  .alumnos-table-container-planning .sin-data {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #979797;
    font-size: 25px;
    font-weight: bold; }
    @media screen and (max-width: 575px) {
      .alumnos-table-container-planning .sin-data {
        font-size: 20px;
        margin-top: 15px; } }
  .alumnos-table-container-planning .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .alumnos-table-container-planning .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.table-paginator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 160px; }

.student-detail-evaluations-planning {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%;
  margin-bottom: 15px; }
  @media screen and (max-width: 720px) {
    .student-detail-evaluations-planning {
      flex-direction: column; } }
  .student-detail-evaluations-planning .student-image {
    display: flex;
    justify-content: center;
    height: 120px;
    width: 120px;
    border-radius: 24px;
    background-color: #F5F5F5;
    background-image: url(https://kidsbook-admin-production-uvdjzpn86pcew5798w67q7fnwg4mcaeva.s3.amazonaws.com/839842a0-b80a-450d-86ad-b4d10f00cf4a/student/97c40154-52e9-48b4-8703-97142b58cf80/Captura.JPG?AWSAccessKeyId=AKIATK33IXW4GA6UTVME&Signature=2Q9Hc0Fu8cFMEtR6TBoRV%2F2p0Kw%3D&Expires=1698352641);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
  .student-detail-evaluations-planning .student-info {
    display: flex;
    flex-direction: column;
    width: 300px;
    color: #00377C; }
    @media screen and (max-width: 720px) {
      .student-detail-evaluations-planning .student-info {
        width: 100%; } }
    .student-detail-evaluations-planning .student-info .name {
      line-height: 23px;
      font-size: 23px;
      font-weight: bold;
      margin-bottom: 12px; }
    .student-detail-evaluations-planning .student-info p {
      line-height: 17px;
      font-size: 15px;
      margin: 0px; }

.advances-container-planning {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 40px;
  margin-top: -16px;
  gap: 30px;
  border: 1px solid #D8D8D8; }
  @media screen and (max-width: 575px) {
    .advances-container-planning {
      flex-direction: column;
      padding: 10px;
      gap: 15px; } }
  .advances-container-planning .advance-item {
    display: flex;
    position: relative;
    flex-direction: column;
    border: 1px solid #DFEAEC;
    border-radius: 15px;
    padding: 15px 40px 15px 15px;
    max-width: 275px;
    background-color: #ffffff;
    color: #00377C;
    box-shadow: 0px 5.89393px 14.73483px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer; }
    @media screen and (max-width: 575px) {
      .advances-container-planning .advance-item {
        max-width: 100%;
        min-width: 100%; } }
    .advances-container-planning .advance-item .porcentaje {
      font-size: 25px; }
      @media screen and (max-width: 575px) {
        .advances-container-planning .advance-item .porcentaje {
          font-size: 23px; } }
    .advances-container-planning .advance-item .titulo {
      font-size: 20px;
      font-weight: bold; }
      @media screen and (max-width: 575px) {
        .advances-container-planning .advance-item .titulo {
          font-size: 18px; } }
    .advances-container-planning .advance-item .barra {
      display: block;
      position: relative;
      width: 218px;
      height: 8px;
      margin: 10px 0px 20px 0px;
      border-radius: 10px;
      background-color: #B9F8C6;
      overflow: hidden; }
      @media screen and (max-width: 575px) {
        .advances-container-planning .advance-item .barra {
          width: 100%; } }
      .advances-container-planning .advance-item .barra .carga {
        display: block;
        position: absolute;
        height: 10px;
        width: 100%;
        background-color: #26B846; }
    .advances-container-planning .advance-item .cantidad {
      font-size: 20px;
      font-weight: lighter; }
    .advances-container-planning .advance-item .abrir {
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 8px;
      height: auto;
      width: 15px;
      fill: #979797;
      cursor: pointer;
      transition: fill 100ms; }
  .advances-container-planning .advance-item:hover .abrir {
    fill: #F76B1C; }

.select-option-filter-experience-planning {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .select-option-filter-experience-planning .select-view-btn-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    gap: 10px; }
    .select-option-filter-experience-planning .select-view-btn-container .select-view-btn {
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 10px 20px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      color: #00377C;
      border: 1px solid #D8D8D8;
      border-bottom: none;
      background-color: #ffffff;
      cursor: pointer;
      transition: background-color 150ms, border 150ms, color 150ms; }
      @media screen and (max-width: 700px) {
        .select-option-filter-experience-planning .select-view-btn-container .select-view-btn {
          padding: 5px 10px; } }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn span {
        font-size: 18px;
        font-weight: bold; }
        @media screen and (max-width: 700px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn span {
            font-size: 16px; } }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
        height: auto;
        width: 25px;
        min-width: 25px;
        margin-right: 10px;
        fill: #00377C; }
        @media screen and (max-width: 700px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
            width: 18px;
            min-width: 18px; } }
        @media screen and (max-width: 575px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
            display: none; } }
    .select-option-filter-experience-planning .select-view-btn-container .select-view-btn.active {
      border: 1px solid #1CA690;
      background-color: #1CA690;
      color: #ffffff; }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn.active svg {
        fill: #ffffff; }
  .select-option-filter-experience-planning .filters {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    border: 1px solid #D8D8D8;
    background-color: #ffffff;
    padding: 30px 20px; }
    .select-option-filter-experience-planning .filters .input {
      display: flex;
      position: relative;
      align-items: center;
      width: 50%;
      margin-bottom: 16px;
      color: #747474; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filters .input {
          width: 100%; } }
      .select-option-filter-experience-planning .filters .input input {
        outline: none;
        border-radius: 2px;
        border: 1px solid #979797;
        padding: 0px 11px;
        padding-right: 35px;
        min-height: 32px;
        width: 100%; }
      .select-option-filter-experience-planning .filters .input svg {
        position: absolute;
        right: 10px;
        height: auto;
        width: 18px;
        cursor: pointer; }
    .select-option-filter-experience-planning .filters .input.corto {
      width: 250px;
      margin-bottom: 0px; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filters .input.corto {
          width: 100%; } }
    .select-option-filter-experience-planning .filters .selects {
      display: flex;
      position: relative;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 16px;
      width: 100%; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filters .selects {
          flex-direction: column; } }

.menu-planning-container {
  padding: 50px;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
  @media screen and (max-width: 575px) {
    .menu-planning-container {
      padding: 16px; } }
  .menu-planning-container .menu-planning-option {
    border-radius: 10px;
    padding: 38px 12px;
    border: 1px solid #D8D8D8;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    display: grid;
    cursor: pointer; }
    .menu-planning-container .menu-planning-option h3 {
      color: #00377C;
      font-size: 18px !important;
      font-weight: bold;
      line-height: 21px; }
    .menu-planning-container .menu-planning-option .containerSvg {
      width: 55px;
      height: 55px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-content: center;
      margin: 0px auto;
      margin-top: 4px;
      margin-bottom: 32px;
      background-color: #F76B1C;
      padding: 12px;
      border-radius: 100%; }
      .menu-planning-container .menu-planning-option .containerSvg svg {
        display: block;
        height: auto;
        width: 30px; }
    .menu-planning-container .menu-planning-option span {
      color: #00377C;
      font-size: 14px !important;
      line-height: 16px; }

.modal-crear-ambit-planning,
.modal-seleccionar-core-planning {
  max-width: 500px !important; }
  .modal-crear-ambit-planning .body,
  .modal-seleccionar-core-planning .body {
    gap: 20px 0px;
    margin: 10px 0px 30px 0px; }
    .modal-crear-ambit-planning .body .input,
    .modal-seleccionar-core-planning .body .input {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-crear-ambit-planning .body .input .titulo,
      .modal-seleccionar-core-planning .body .input .titulo {
        font-size: 13px;
        color: #747474; }
        .modal-crear-ambit-planning .body .input .titulo span,
        .modal-seleccionar-core-planning .body .input .titulo span {
          color: #E15555; }
      .modal-crear-ambit-planning .body .input input,
      .modal-seleccionar-core-planning .body .input input {
        padding: 0px 11px;
        min-height: 32px;
        color: #747474;
        border: 1px solid #979797;
        border-radius: 2px;
        outline: none; }

.indicator-table-container-planning {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-top: 20px;
  border-radius: 4px 4px 0px 0px;
  overflow-x: scroll; }
  .indicator-table-container-planning .container-select-educational-level {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 0px; }
    .indicator-table-container-planning .container-select-educational-level .educational-level {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex-wrap: nowrap;
      background-color: #ffffff;
      color: #00377C;
      font-size: 14px;
      padding: 10px;
      min-width: fit-content;
      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; }
    .indicator-table-container-planning .container-select-educational-level .educational-level.selected {
      color: #ffffff;
      border: 1px solid #1CA690;
      background-color: #1CA690;
      border-bottom: none; }
  .indicator-table-container-planning .indicator-table-planning {
    min-width: 100%;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    font-size: 14px;
    margin-top: -5px; }
    .indicator-table-container-planning .indicator-table-planning thead tr {
      background-color: #1CA690;
      border: 1px solid #1CA690; }
      .indicator-table-container-planning .indicator-table-planning thead tr th {
        color: #ffffff;
        text-align: center;
        padding: 12px 10px; }
      .indicator-table-container-planning .indicator-table-planning thead tr th:first-of-type {
        text-align: left;
        padding-left: 20px; }
    .indicator-table-container-planning .indicator-table-planning tbody tr {
      background-color: #ffffff;
      border: 1px solid #D8D8D8;
      border-top: none;
      transition: background-color 150ms; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td {
        padding: 10px;
        height: 100px;
        color: #00377C; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(1) {
        width: 70px;
        white-space: nowrap;
        padding-left: 20px; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(2) {
        min-width: 200px;
        width: 350px; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3), .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4), .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) {
        min-width: 160px; }
        .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
          gap: 12px; }
          .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div .chip-base, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div .chip-base, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div .chip-base {
            width: min-content;
            text-align: center; }
            .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div .chip-base span, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div .chip-base span, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div .chip-base span {
              white-space: nowrap; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:last-of-type .contenedor-opciones {
        display: flex;
        position: relative;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        width: 20px;
        margin: 0px 10px; }
    .indicator-table-container-planning .indicator-table-planning tbody tr:hover {
      background-color: #fbfbfb; }
  .indicator-table-container-planning .sin-data {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #979797;
    font-size: 25px;
    font-weight: bold; }
    @media screen and (max-width: 575px) {
      .indicator-table-container-planning .sin-data {
        font-size: 20px;
        margin-top: 15px; } }
  .indicator-table-container-planning .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .indicator-table-container-planning .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.table-paginator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 160px; }

.select-option-filter-experience-planning {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .select-option-filter-experience-planning .select-view-btn-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    gap: 10px; }
    .select-option-filter-experience-planning .select-view-btn-container .select-view-btn {
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 10px 20px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      color: #00377C;
      border: 1px solid #D8D8D8;
      border-bottom: none;
      background-color: #ffffff;
      cursor: pointer;
      transition: background-color 150ms, border 150ms, color 150ms; }
      @media screen and (max-width: 700px) {
        .select-option-filter-experience-planning .select-view-btn-container .select-view-btn {
          padding: 5px 10px; } }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn span {
        font-size: 18px;
        font-weight: bold; }
        @media screen and (max-width: 700px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn span {
            font-size: 16px; } }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
        height: auto;
        width: 25px;
        min-width: 25px;
        margin-right: 10px;
        fill: #00377C; }
        @media screen and (max-width: 700px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
            width: 18px;
            min-width: 18px; } }
        @media screen and (max-width: 575px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
            display: none; } }
    .select-option-filter-experience-planning .select-view-btn-container .select-view-btn.active {
      border: 1px solid #1CA690;
      background-color: #1CA690;
      color: #ffffff; }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn.active svg {
        fill: #ffffff; }
  .select-option-filter-experience-planning .filtersn {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    padding: 10px 0px; }
    .select-option-filter-experience-planning .filtersn .input {
      display: flex;
      position: relative;
      align-items: center;
      width: 50%;
      margin-bottom: 16px;
      color: #747474; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filtersn .input {
          width: 100%; } }
      .select-option-filter-experience-planning .filtersn .input input {
        outline: none;
        border-radius: 2px;
        border: 1px solid #979797;
        padding: 0px 11px;
        padding-right: 35px;
        min-height: 32px;
        width: 100%; }
      .select-option-filter-experience-planning .filtersn .input svg {
        position: absolute;
        right: 10px;
        height: auto;
        width: 18px;
        cursor: pointer; }
    .select-option-filter-experience-planning .filtersn .input.corto {
      width: 250px;
      margin-bottom: 0px; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filtersn .input.corto {
          width: 100%; } }
    .select-option-filter-experience-planning .filtersn .selects {
      display: flex;
      position: relative;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 16px;
      width: 100%; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filtersn .selects {
          flex-direction: column; } }

.modal-crear-core-planning,
.modal-seleccionar-objetivo-aprendizaje-planning {
  max-width: 500px !important; }
  .modal-crear-core-planning .body,
  .modal-seleccionar-objetivo-aprendizaje-planning .body {
    gap: 20px 0px;
    margin: 10px 0px 30px 0px; }
    .modal-crear-core-planning .body .input,
    .modal-seleccionar-objetivo-aprendizaje-planning .body .input {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-crear-core-planning .body .input .titulo,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .input .titulo {
        font-size: 13px;
        color: #747474; }
        .modal-crear-core-planning .body .input .titulo span,
        .modal-seleccionar-objetivo-aprendizaje-planning .body .input .titulo span {
          color: #E15555; }
      .modal-crear-core-planning .body .input input,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .input input {
        padding: 0px 11px;
        min-height: 32px;
        color: #747474;
        border: 1px solid #979797;
        border-radius: 2px;
        outline: none; }

.indicator-table-container-planning {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-top: 20px;
  border-radius: 4px 4px 0px 0px;
  overflow-x: scroll; }
  .indicator-table-container-planning .container-select-educational-level {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 0px; }
    .indicator-table-container-planning .container-select-educational-level .educational-level {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex-wrap: nowrap;
      background-color: #ffffff;
      color: #00377C;
      font-size: 14px;
      padding: 10px;
      min-width: fit-content;
      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; }
    .indicator-table-container-planning .container-select-educational-level .educational-level.selected {
      color: #ffffff;
      border: 1px solid #1CA690;
      background-color: #1CA690;
      border-bottom: none; }
  .indicator-table-container-planning .indicator-table-planning {
    min-width: 100%;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    font-size: 14px;
    margin-top: -5px; }
    .indicator-table-container-planning .indicator-table-planning thead tr {
      background-color: #1CA690;
      border: 1px solid #1CA690; }
      .indicator-table-container-planning .indicator-table-planning thead tr th {
        color: #ffffff;
        text-align: center;
        padding: 12px 10px; }
      .indicator-table-container-planning .indicator-table-planning thead tr th:first-of-type {
        text-align: left;
        padding-left: 20px; }
    .indicator-table-container-planning .indicator-table-planning tbody tr {
      background-color: #ffffff;
      border: 1px solid #D8D8D8;
      border-top: none;
      transition: background-color 150ms; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td {
        padding: 10px;
        height: 100px;
        color: #00377C; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(1) {
        width: 70px;
        white-space: nowrap;
        padding-left: 20px; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(2) {
        min-width: 200px;
        width: 350px; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3), .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4), .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) {
        min-width: 160px; }
        .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
          gap: 12px; }
          .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div .chip-base, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div .chip-base, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div .chip-base {
            width: min-content;
            text-align: center; }
            .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div .chip-base span, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div .chip-base span, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div .chip-base span {
              white-space: nowrap; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:last-of-type .contenedor-opciones {
        display: flex;
        position: relative;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        max-width: 20px;
        margin: 0px 10px; }
    .indicator-table-container-planning .indicator-table-planning tbody tr:hover {
      background-color: #fbfbfb; }
  .indicator-table-container-planning .sin-data {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #979797;
    font-size: 25px;
    font-weight: bold; }
    @media screen and (max-width: 575px) {
      .indicator-table-container-planning .sin-data {
        font-size: 20px;
        margin-top: 15px; } }
  .indicator-table-container-planning .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .indicator-table-container-planning .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.table-paginator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 160px; }

.evaluations-table-container-planning {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-top: 20px;
  border-radius: 4px 4px 0px 0px;
  overflow-x: scroll; }
  .evaluations-table-container-planning .evaluations-table-planning {
    min-width: 100%;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    font-size: 14px; }
    .evaluations-table-container-planning .evaluations-table-planning thead tr {
      background-color: #1CA690;
      border: 1px solid #1CA690; }
      .evaluations-table-container-planning .evaluations-table-planning thead tr th {
        color: #ffffff;
        text-align: center;
        padding: 12px 10px; }
    .evaluations-table-container-planning .evaluations-table-planning tbody tr {
      background-color: #ffffff;
      border: 1px solid #D8D8D8;
      border-top: none;
      transition: background-color 150ms; }
      .evaluations-table-container-planning .evaluations-table-planning tbody tr td {
        padding: 15px 10px;
        color: #00377C;
        text-align: center; }
      .evaluations-table-container-planning .evaluations-table-planning tbody tr td .evaluacion-container-td,
      .evaluations-table-container-planning .evaluations-table-planning tbody tr td .sede-container-td {
        display: flex;
        justify-content: center;
        width: 100%; }
        .evaluations-table-container-planning .evaluations-table-planning tbody tr td .evaluacion-container-td .evaluacion,
        .evaluations-table-container-planning .evaluations-table-planning tbody tr td .sede-container-td .evaluacion {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 34px;
          width: 50px;
          font-size: 14px;
          font-weight: bold;
          border-radius: 5px; }
      .evaluations-table-container-planning .evaluations-table-planning tbody tr td:last-of-type .contenedor-opciones {
        display: flex;
        position: relative;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 0px 10px; }
    .evaluations-table-container-planning .evaluations-table-planning tbody tr:hover {
      background-color: #fbfbfb; }
  .evaluations-table-container-planning .sin-data {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #979797;
    font-size: 25px;
    font-weight: bold; }
    @media screen and (max-width: 575px) {
      .evaluations-table-container-planning .sin-data {
        font-size: 20px;
        margin-top: 15px; } }
  .evaluations-table-container-planning .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .evaluations-table-container-planning .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.table-paginator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 160px; }

.modal-crear-editar-learning-indicator-value-planning {
  width: 600px !important; }
  .modal-crear-editar-learning-indicator-value-planning .header {
    margin-bottom: 10px; }
  .modal-crear-editar-learning-indicator-value-planning .body {
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 15px 0px;
    width: 100%; }
    .modal-crear-editar-learning-indicator-value-planning .body .w-total {
      width: 100%; }
    .modal-crear-editar-learning-indicator-value-planning .body .w-mitad {
      width: 48%; }
      @media screen and (max-width: 575px) {
        .modal-crear-editar-learning-indicator-value-planning .body .w-mitad {
          width: 100%; } }
    .modal-crear-editar-learning-indicator-value-planning .body .w-corto {
      width: 22%; }
      @media screen and (max-width: 650px) {
        .modal-crear-editar-learning-indicator-value-planning .body .w-corto {
          width: 24%; } }
      @media screen and (max-width: 575px) {
        .modal-crear-editar-learning-indicator-value-planning .body .w-corto {
          width: 100%; } }
    @media screen and (max-width: 575px) {
      .modal-crear-editar-learning-indicator-value-planning .body .input-color-container {
        width: 48%; } }
    .modal-crear-editar-learning-indicator-value-planning .body .titulo {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      font-size: 14px;
      font-weight: bold;
      color: #00377C; }
      .modal-crear-editar-learning-indicator-value-planning .body .titulo span {
        color: #E15555; }
      .modal-crear-editar-learning-indicator-value-planning .body .titulo svg {
        height: 18px;
        width: 18px;
        color: #00377C;
        margin-left: 5px;
        transform: rotate(180deg); }
    .modal-crear-editar-learning-indicator-value-planning .body .select-base-general-container {
      width: 100%; }
      .modal-crear-editar-learning-indicator-value-planning .body .select-base-general-container .select-base-container {
        width: 48%; }
        @media screen and (max-width: 575px) {
          .modal-crear-editar-learning-indicator-value-planning .body .select-base-general-container .select-base-container {
            width: 100%; } }
      .modal-crear-editar-learning-indicator-value-planning .body .select-base-general-container .titulo-general {
        font-size: 14px;
        font-weight: bold;
        color: #00377C; }
    .modal-crear-editar-learning-indicator-value-planning .body .input {
      display: flex;
      flex-direction: column; }
      .modal-crear-editar-learning-indicator-value-planning .body .input input {
        border-radius: 2px;
        border: 1px solid #979797;
        padding: 0px 11px;
        height: 32px;
        outline: none; }
      .modal-crear-editar-learning-indicator-value-planning .body .input input[type="number"]::-webkit-inner-spin-button,
      .modal-crear-editar-learning-indicator-value-planning .body .input input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .modal-crear-editar-learning-indicator-value-planning .body .input input[type="color"] {
        opacity: 0;
        position: absolute; }
      .modal-crear-editar-learning-indicator-value-planning .body .input .label-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        border-radius: 2px;
        border: 1px solid #979797;
        outline: none; }
        .modal-crear-editar-learning-indicator-value-planning .body .input .label-container label {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          width: 100%;
          cursor: pointer; }
          .modal-crear-editar-learning-indicator-value-planning .body .input .label-container label span {
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: nowrap;
            white-space: nowrap;
            height: 32px;
            padding: 0px 11px;
            cursor: pointer; }
          .modal-crear-editar-learning-indicator-value-planning .body .input .label-container label .container-svg {
            display: flex;
            position: relative;
            justify-content: center;
            align-items: center; }
            .modal-crear-editar-learning-indicator-value-planning .body .input .label-container label .container-svg svg {
              height: 18px;
              width: 18px;
              color: #00377C; }
            .modal-crear-editar-learning-indicator-value-planning .body .input .label-container label .container-svg .color {
              height: 3px;
              width: 100%;
              position: absolute;
              bottom: 5px;
              right: 0px;
              border-radius: 1px; }
    .modal-crear-editar-learning-indicator-value-planning .body .contenedor-visualizacion-previa {
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 100%; }
      .modal-crear-editar-learning-indicator-value-planning .body .contenedor-visualizacion-previa .evaluacion-previsualizacion {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 32px;
        min-width: 48px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 5px;
        padding: 0px 2px; }
  .modal-crear-editar-learning-indicator-value-planning .footer {
    margin-top: 20px; }

.evaluation-scale-mantainer-planning-page-container {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: 100%;
  padding: 20px;
  gap: 16px;
  background-color: #FAFAFA; }
  @media screen and (max-width: 575px) {
    .evaluation-scale-mantainer-planning-page-container {
      margin-bottom: 64px;
      padding: 16px 12px; } }
  .evaluation-scale-mantainer-planning-page-container .titulo-filtros {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .evaluation-scale-mantainer-planning-page-container .titulo-filtros .titulo-tabla {
      font-size: 22px;
      font-weight: bold;
      color: #00377C;
      margin-top: 10px;
      margin-bottom: 10px; }
    .evaluation-scale-mantainer-planning-page-container .titulo-filtros .select-base-general-container {
      width: fit-content; }
  .evaluation-scale-mantainer-planning-page-container .modal-confirmar-accion {
    width: 500px !important; }
    .evaluation-scale-mantainer-planning-page-container .modal-confirmar-accion .header {
      display: flex;
      flex-direction: row !important;
      justify-content: flex-start;
      width: 100%; }
      .evaluation-scale-mantainer-planning-page-container .modal-confirmar-accion .header svg {
        height: auto;
        width: 28px;
        color: #F76B1C;
        transform: rotate(180deg); }
      .evaluation-scale-mantainer-planning-page-container .modal-confirmar-accion .header span {
        font-size: 25px;
        color: #00377C;
        font-weight: bold;
        margin-left: 10px; }
    .evaluation-scale-mantainer-planning-page-container .modal-confirmar-accion .body p {
      font-size: 16px;
      color: #00377C;
      padding: 10px 30px; }

.select-option-filter-experience-planning {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .select-option-filter-experience-planning .select-view-btn-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    gap: 10px; }
    .select-option-filter-experience-planning .select-view-btn-container .select-view-btn {
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 10px 20px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      color: #00377C;
      border: 1px solid #D8D8D8;
      border-bottom: none;
      background-color: #ffffff;
      cursor: pointer;
      transition: background-color 150ms, border 150ms, color 150ms; }
      @media screen and (max-width: 700px) {
        .select-option-filter-experience-planning .select-view-btn-container .select-view-btn {
          padding: 5px 10px; } }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn span {
        font-size: 18px;
        font-weight: bold; }
        @media screen and (max-width: 700px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn span {
            font-size: 16px; } }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
        height: auto;
        width: 25px;
        min-width: 25px;
        margin-right: 10px;
        fill: #00377C; }
        @media screen and (max-width: 700px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
            width: 18px;
            min-width: 18px; } }
        @media screen and (max-width: 575px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
            display: none; } }
    .select-option-filter-experience-planning .select-view-btn-container .select-view-btn.active {
      border: 1px solid #1CA690;
      background-color: #1CA690;
      color: #ffffff; }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn.active svg {
        fill: #ffffff; }
  .select-option-filter-experience-planning .filters {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    border: 1px solid #D8D8D8;
    background-color: #ffffff;
    padding: 30px 20px; }
    .select-option-filter-experience-planning .filters .input {
      display: flex;
      position: relative;
      align-items: center;
      width: 50%;
      margin-bottom: 16px;
      color: #747474; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filters .input {
          width: 100%; } }
      .select-option-filter-experience-planning .filters .input input {
        outline: none;
        border-radius: 2px;
        border: 1px solid #979797;
        padding: 0px 11px;
        padding-right: 35px;
        min-height: 32px;
        width: 100%; }
      .select-option-filter-experience-planning .filters .input svg {
        position: absolute;
        right: 10px;
        height: auto;
        width: 18px;
        cursor: pointer; }
    .select-option-filter-experience-planning .filters .input.corto {
      width: 250px;
      margin-bottom: 0px; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filters .input.corto {
          width: 100%; } }
    .select-option-filter-experience-planning .filters .selects {
      display: flex;
      position: relative;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 16px;
      width: 100%; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filters .selects {
          flex-direction: column; } }

.select-option-filter-experience-planning {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .select-option-filter-experience-planning .select-view-btn-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    gap: 10px; }
    .select-option-filter-experience-planning .select-view-btn-container .select-view-btn {
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 10px 20px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      color: #00377C;
      border: 1px solid #D8D8D8;
      border-bottom: none;
      background-color: #ffffff;
      cursor: pointer;
      transition: background-color 150ms, border 150ms, color 150ms; }
      @media screen and (max-width: 700px) {
        .select-option-filter-experience-planning .select-view-btn-container .select-view-btn {
          padding: 5px 10px; } }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn span {
        font-size: 18px;
        font-weight: bold; }
        @media screen and (max-width: 700px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn span {
            font-size: 16px; } }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
        height: auto;
        width: 25px;
        min-width: 25px;
        margin-right: 10px;
        fill: #00377C; }
        @media screen and (max-width: 700px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
            width: 18px;
            min-width: 18px; } }
        @media screen and (max-width: 575px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
            display: none; } }
    .select-option-filter-experience-planning .select-view-btn-container .select-view-btn.active {
      border: 1px solid #1CA690;
      background-color: #1CA690;
      color: #ffffff; }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn.active svg {
        fill: #ffffff; }
  .select-option-filter-experience-planning .filtersn {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    padding: 10px 20px; }
    .select-option-filter-experience-planning .filtersn .input {
      display: flex;
      position: relative;
      align-items: center;
      width: 50%;
      margin-bottom: 16px;
      color: #747474; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filtersn .input {
          width: 100%; } }
      .select-option-filter-experience-planning .filtersn .input input {
        outline: none;
        border-radius: 2px;
        border: 1px solid #979797;
        padding: 0px 11px;
        padding-right: 35px;
        min-height: 32px;
        width: 100%; }
      .select-option-filter-experience-planning .filtersn .input svg {
        position: absolute;
        right: 10px;
        height: auto;
        width: 18px;
        cursor: pointer; }
    .select-option-filter-experience-planning .filtersn .input.corto {
      width: 250px;
      margin-bottom: 0px; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filtersn .input.corto {
          width: 100%; } }
    .select-option-filter-experience-planning .filtersn .selects {
      display: flex;
      position: relative;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 16px;
      width: 100%; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filtersn .selects {
          flex-direction: column; } }

.modal-crear-unidad-planning,
.modal-seleccionar-objetivo-aprendizaje-planning {
  max-width: 500px !important; }
  .modal-crear-unidad-planning .body,
  .modal-seleccionar-objetivo-aprendizaje-planning .body {
    gap: 20px 0px;
    margin: 10px 0px 30px 0px; }
    .modal-crear-unidad-planning .body .input,
    .modal-seleccionar-objetivo-aprendizaje-planning .body .input {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-crear-unidad-planning .body .input .titulo,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .input .titulo {
        font-size: 13px;
        color: #747474; }
        .modal-crear-unidad-planning .body .input .titulo span,
        .modal-seleccionar-objetivo-aprendizaje-planning .body .input .titulo span {
          color: #E15555; }
      .modal-crear-unidad-planning .body .input input,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .input input {
        padding: 0px 11px;
        min-height: 32px;
        color: #747474;
        border: 1px solid #979797;
        border-radius: 2px;
        outline: none; }
    .modal-crear-unidad-planning .body .table-modal-base-planning,
    .modal-seleccionar-objetivo-aprendizaje-planning .body .table-modal-base-planning {
      margin: 12px 0px; }
    .modal-crear-unidad-planning .body .mensaje-seleccionar-opiciones,
    .modal-seleccionar-objetivo-aprendizaje-planning .body .mensaje-seleccionar-opiciones {
      display: flex;
      justify-content: center;
      width: 100%;
      margin-bottom: 10px; }
      .modal-crear-unidad-planning .body .mensaje-seleccionar-opiciones p,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .mensaje-seleccionar-opiciones p {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 10px;
        color: #979797; }
    .modal-crear-unidad-planning .body .container-svg-cargando,
    .modal-seleccionar-objetivo-aprendizaje-planning .body .container-svg-cargando {
      display: flex;
      justify-content: center;
      width: 100%;
      margin: 15px 0px; }
      .modal-crear-unidad-planning .body .container-svg-cargando svg,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .container-svg-cargando svg {
        height: auto;
        width: 45px;
        fill: #979797;
        animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.select-option-filter-experience-planning {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .select-option-filter-experience-planning .select-view-btn-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    gap: 10px; }
    .select-option-filter-experience-planning .select-view-btn-container .select-view-btn {
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 10px 20px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      color: #00377C;
      border: 1px solid #D8D8D8;
      border-bottom: none;
      background-color: #ffffff;
      cursor: pointer;
      transition: background-color 150ms, border 150ms, color 150ms; }
      @media screen and (max-width: 700px) {
        .select-option-filter-experience-planning .select-view-btn-container .select-view-btn {
          padding: 5px 10px; } }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn span {
        font-size: 18px;
        font-weight: bold; }
        @media screen and (max-width: 700px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn span {
            font-size: 16px; } }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
        height: auto;
        width: 25px;
        min-width: 25px;
        margin-right: 10px;
        fill: #00377C; }
        @media screen and (max-width: 700px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
            width: 18px;
            min-width: 18px; } }
        @media screen and (max-width: 575px) {
          .select-option-filter-experience-planning .select-view-btn-container .select-view-btn svg {
            display: none; } }
    .select-option-filter-experience-planning .select-view-btn-container .select-view-btn.active {
      border: 1px solid #1CA690;
      background-color: #1CA690;
      color: #ffffff; }
      .select-option-filter-experience-planning .select-view-btn-container .select-view-btn.active svg {
        fill: #ffffff; }
  .select-option-filter-experience-planning .filtersn {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    padding: 10px 20px; }
    .select-option-filter-experience-planning .filtersn .input {
      display: flex;
      position: relative;
      align-items: center;
      width: 50%;
      margin-bottom: 16px;
      color: #747474; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filtersn .input {
          width: 100%; } }
      .select-option-filter-experience-planning .filtersn .input input {
        outline: none;
        border-radius: 2px;
        border: 1px solid #979797;
        padding: 0px 11px;
        padding-right: 35px;
        min-height: 32px;
        width: 100%; }
      .select-option-filter-experience-planning .filtersn .input svg {
        position: absolute;
        right: 10px;
        height: auto;
        width: 18px;
        cursor: pointer; }
    .select-option-filter-experience-planning .filtersn .input.corto {
      width: 250px;
      margin-bottom: 0px; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filtersn .input.corto {
          width: 100%; } }
    .select-option-filter-experience-planning .filtersn .selects {
      display: flex;
      position: relative;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 16px;
      width: 100%; }
      @media screen and (max-width: 820px) {
        .select-option-filter-experience-planning .filtersn .selects {
          flex-direction: column; } }

.indicator-table-container-planning {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-top: 20px;
  border-radius: 4px 4px 0px 0px;
  overflow-x: scroll; }
  .indicator-table-container-planning .container-select-educational-level {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 0px; }
    .indicator-table-container-planning .container-select-educational-level .educational-level {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex-wrap: nowrap;
      background-color: #ffffff;
      color: #00377C;
      font-size: 14px;
      padding: 10px;
      min-width: fit-content;
      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; }
    .indicator-table-container-planning .container-select-educational-level .educational-level.selected {
      color: #ffffff;
      border: 1px solid #1CA690;
      background-color: #1CA690;
      border-bottom: none; }
  .indicator-table-container-planning .indicator-table-planning {
    min-width: 100%;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    font-size: 14px;
    margin-top: -5px; }
    .indicator-table-container-planning .indicator-table-planning thead tr {
      background-color: #1CA690;
      border: 1px solid #1CA690; }
      .indicator-table-container-planning .indicator-table-planning thead tr th {
        color: #ffffff;
        text-align: center;
        padding: 12px 10px; }
      .indicator-table-container-planning .indicator-table-planning thead tr th:first-of-type {
        text-align: left;
        padding-left: 20px; }
    .indicator-table-container-planning .indicator-table-planning tbody tr {
      background-color: #ffffff;
      border: 1px solid #D8D8D8;
      border-top: none;
      transition: background-color 150ms; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td {
        padding: 10px;
        height: 100px;
        color: #00377C; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(1) {
        width: 70px;
        white-space: nowrap;
        padding-left: 20px; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(2) {
        min-width: 200px;
        width: 350px; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3), .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4), .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) {
        min-width: 160px; }
        .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
          gap: 12px; }
          .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div .chip-base, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div .chip-base, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div .chip-base {
            width: min-content;
            text-align: center; }
            .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div .chip-base span, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div .chip-base span, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div .chip-base span {
              white-space: nowrap; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:last-of-type .contenedor-opciones {
        display: flex;
        position: relative;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        max-width: 20px;
        margin: 0px 10px; }
    .indicator-table-container-planning .indicator-table-planning tbody tr:hover {
      background-color: #fbfbfb; }
  .indicator-table-container-planning .sin-data {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #979797;
    font-size: 25px;
    font-weight: bold; }
    @media screen and (max-width: 575px) {
      .indicator-table-container-planning .sin-data {
        font-size: 20px;
        margin-top: 15px; } }
  .indicator-table-container-planning .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .indicator-table-container-planning .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.table-paginator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 160px; }

.modal-crear-learning-objective-planning,
.modal-seleccionar-objetivo-aprendizaje-planning {
  max-width: 500px !important; }
  .modal-crear-learning-objective-planning .body,
  .modal-seleccionar-objetivo-aprendizaje-planning .body {
    gap: 20px 0px;
    margin: 10px 0px 30px 0px; }
    .modal-crear-learning-objective-planning .body .input,
    .modal-seleccionar-objetivo-aprendizaje-planning .body .input {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-crear-learning-objective-planning .body .input .titulo,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .input .titulo {
        font-size: 13px;
        color: #747474; }
        .modal-crear-learning-objective-planning .body .input .titulo span,
        .modal-seleccionar-objetivo-aprendizaje-planning .body .input .titulo span {
          color: #E15555; }
      .modal-crear-learning-objective-planning .body .input input,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .input input {
        padding: 0px 11px;
        min-height: 32px;
        color: #747474;
        border: 1px solid #979797;
        border-radius: 2px;
        outline: none; }

.indicator-table-container-planning {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-top: 20px;
  border-radius: 4px 4px 0px 0px;
  overflow-x: scroll; }
  .indicator-table-container-planning .container-select-educational-level {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 0px; }
    .indicator-table-container-planning .container-select-educational-level .educational-level {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex-wrap: nowrap;
      background-color: #ffffff;
      color: #00377C;
      font-size: 14px;
      padding: 10px;
      min-width: fit-content;
      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; }
    .indicator-table-container-planning .container-select-educational-level .educational-level.selected {
      color: #ffffff;
      border: 1px solid #1CA690;
      background-color: #1CA690;
      border-bottom: none; }
  .indicator-table-container-planning .indicator-table-planning {
    min-width: 100%;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    font-size: 14px;
    margin-top: -5px; }
    .indicator-table-container-planning .indicator-table-planning thead tr {
      background-color: #1CA690;
      border: 1px solid #1CA690; }
      .indicator-table-container-planning .indicator-table-planning thead tr th {
        color: #ffffff;
        text-align: center;
        padding: 12px 10px; }
      .indicator-table-container-planning .indicator-table-planning thead tr th:first-of-type {
        text-align: left;
        padding-left: 20px; }
    .indicator-table-container-planning .indicator-table-planning tbody tr {
      background-color: #ffffff;
      border: 1px solid #D8D8D8;
      border-top: none;
      transition: background-color 150ms; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td {
        padding: 10px;
        height: 100px;
        color: #00377C; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(1) {
        width: 70px;
        white-space: nowrap;
        padding-left: 20px; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(2) {
        min-width: 200px;
        width: 350px; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3), .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4), .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) {
        min-width: 160px; }
        .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
          gap: 12px; }
          .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div .chip-base, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div .chip-base, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div .chip-base {
            width: min-content;
            text-align: center; }
            .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div .chip-base span, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div .chip-base span, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div .chip-base span {
              white-space: nowrap; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:last-of-type .contenedor-opciones {
        display: flex;
        position: relative;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        max-width: 20px;
        margin: 0px 10px; }
    .indicator-table-container-planning .indicator-table-planning tbody tr:hover {
      background-color: #fbfbfb; }
  .indicator-table-container-planning .sin-data {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #979797;
    font-size: 25px;
    font-weight: bold; }
    @media screen and (max-width: 575px) {
      .indicator-table-container-planning .sin-data {
        font-size: 20px;
        margin-top: 15px; } }
  .indicator-table-container-planning .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .indicator-table-container-planning .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.table-paginator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 160px; }

.select-options-filters-evaluations-planning-planning {
  display: flex;
  position: relative;
  flex-direction: row;
  width: 100%; }
  @media screen and (max-width: 1085px) {
    .select-options-filters-evaluations-planning-planning {
      flex-direction: column; } }
  .select-options-filters-evaluations-planning-planning .filtros {
    display: flex;
    flex-direction: column;
    width: 62%; }
    @media screen and (max-width: 1085px) {
      .select-options-filters-evaluations-planning-planning .filtros {
        width: 100%; } }
  .select-options-filters-evaluations-planning-planning .fecha {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 38%; }
    @media screen and (max-width: 1085px) {
      .select-options-filters-evaluations-planning-planning .fecha {
        width: 100%; } }
    @media screen and (max-width: 575px) {
      .select-options-filters-evaluations-planning-planning .fecha {
        align-items: flex-start; } }
    .select-options-filters-evaluations-planning-planning .fecha .info {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .select-options-filters-evaluations-planning-planning .fecha .info .periodo {
        display: flex;
        justify-content: flex-end; }
        @media screen and (max-width: 575px) {
          .select-options-filters-evaluations-planning-planning .fecha .info .periodo {
            justify-content: flex-start; } }
        .select-options-filters-evaluations-planning-planning .fecha .info .periodo p {
          font-size: 15px;
          color: #979797;
          font-weight: bold;
          margin: 0px; }
        .select-options-filters-evaluations-planning-planning .fecha .info .periodo svg {
          height: auto;
          width: 20px;
          min-width: 20px;
          max-width: 20px;
          fill: #979797;
          margin-left: 10px; }
    .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha {
      position: relative;
      margin-top: 20px; }
      @media screen and (max-width: 820px) {
        .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha {
          width: 100%; } }
      .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha .ant-picker {
        outline: none;
        border-radius: 5px;
        border: 1px solid #979797;
        padding: 0px 11px;
        box-shadow: none;
        width: 250px;
        min-height: 32px;
        cursor: pointer; }
        .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha .ant-picker .ant-picker-input > input {
          cursor: pointer; }
        @media screen and (max-width: 1085px) {
          .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha .ant-picker {
            margin-top: 5px; } }
        @media screen and (max-width: 820px) {
          .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha .ant-picker {
            width: 100%; } }
        @media screen and (max-width: 575px) {
          .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha .ant-picker {
            margin-right: 0px; } }
      .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha .rango-fechas {
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding: 0px 30px 0px 15px;
        font-size: 14px;
        color: #00377C;
        border: 1px solid #979797;
        border-radius: 5px;
        background-color: #ffffff;
        pointer-events: none;
        cursor: pointer; }
        .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha .rango-fechas .izq,
        .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha .rango-fechas .der {
          height: 18px;
          width: auto;
          color: #00377C;
          pointer-events: all; }
        .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha .rango-fechas .der {
          transform: rotate(180deg); }
        .select-options-filters-evaluations-planning-planning .fecha .contenedor-input-fecha .rango-fechas .logo-fecha {
          position: absolute;
          height: 18px;
          width: auto;
          color: #00377C;
          right: 8px; }
  .select-options-filters-evaluations-planning-planning .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%; }
    @media screen and (max-width: 820px) {
      .select-options-filters-evaluations-planning-planning .row .w-100 {
        width: 100%; } }
    .select-options-filters-evaluations-planning-planning .row .input {
      display: flex;
      position: relative;
      align-items: center;
      width: 250px;
      margin-bottom: 16px;
      color: #747474;
      margin-right: 12px;
      margin-bottom: 12px; }
      @media screen and (max-width: 820px) {
        .select-options-filters-evaluations-planning-planning .row .input {
          width: 100%; } }
      @media screen and (max-width: 575px) {
        .select-options-filters-evaluations-planning-planning .row .input {
          margin-right: 0px; } }
      .select-options-filters-evaluations-planning-planning .row .input input {
        outline: none;
        border-radius: 5px;
        border: 1px solid #979797;
        padding: 8px;
        padding-right: 35px;
        width: 100%; }
      .select-options-filters-evaluations-planning-planning .row .input svg {
        position: absolute;
        right: 10px;
        height: auto;
        width: 18px;
        cursor: pointer; }
    .select-options-filters-evaluations-planning-planning .row .ant-picker-range {
      outline: none;
      border-radius: 5px;
      border: 1px solid #979797;
      padding: 8px;
      box-shadow: none;
      width: 250px;
      max-height: 40px;
      margin-right: 12px;
      margin-bottom: 12px; }
      @media screen and (max-width: 820px) {
        .select-options-filters-evaluations-planning-planning .row .ant-picker-range {
          width: 100%; } }
      @media screen and (max-width: 575px) {
        .select-options-filters-evaluations-planning-planning .row .ant-picker-range {
          margin-right: 0px; } }
    .select-options-filters-evaluations-planning-planning .row .select-base-general-container {
      margin-right: 12px;
      margin-bottom: 12px; }
      .select-options-filters-evaluations-planning-planning .row .select-base-general-container .select-base-container.modal {
        min-height: 32px; }
      @media screen and (max-width: 820px) {
        .select-options-filters-evaluations-planning-planning .row .select-base-general-container {
          width: 100%;
          margin-right: 0px; } }
  .select-options-filters-evaluations-planning-planning .d-none {
    display: none; }

.dropdown-modal {
  display: flex;
  position: relative;
  justify-content: center;
  align-content: center;
  min-width: auto; }
  .dropdown-modal .dots {
    display: block;
    height: auto;
    width: 20px;
    fill: #00377C;
    cursor: pointer; }
  .dropdown-modal .dropdown-options-modal-container {
    display: flex;
    position: absolute;
    flex-direction: column;
    min-width: max-content;
    top: 100%;
    right: 0px;
    z-index: 10;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.249); }
    .dropdown-modal .dropdown-options-modal-container .dropdown-option-modal {
      display: block;
      font-size: 15px;
      padding: 10px;
      width: 100%;
      text-align: center;
      color: #00377C;
      cursor: pointer;
      background-color: #fff;
      transition: background-color 150ms; }
    .dropdown-modal .dropdown-options-modal-container .dropdown-option-modal:hover {
      background-color: #E5F6FF; }

.week-calendar-planning-container {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
  border: 1px solid #D8D8D8;
  transition: opcity 150ms;
  margin-bottom: 700px; }
  @media screen and (max-width: 920px) {
    .week-calendar-planning-container {
      flex-direction: column;
      margin-bottom: 0px; } }
  .week-calendar-planning-container .week-calendar-loading {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1; }
    .week-calendar-planning-container .week-calendar-loading .cargando {
      padding: 10px; }
  .week-calendar-planning-container .week-calendar-planning-day-container {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 10px 0px;
    width: 19.8%;
    background-color: #ffffff;
    box-shadow: 0px 0px 0px #00377C;
    transition: box-shadow 150ms; }
    @media screen and (max-width: 920px) {
      .week-calendar-planning-container .week-calendar-planning-day-container {
        width: 100%; } }
    .week-calendar-planning-container .week-calendar-planning-day-container .day-header {
      display: flex;
      position: relative;
      justify-content: center;
      align-items: center;
      padding: 15px 0px;
      background-color: #E6FFFA;
      border-bottom: 2px solid #1CA690; }
      .week-calendar-planning-container .week-calendar-planning-day-container .day-header span {
        font-size: 17px;
        font-weight: bold;
        color: #1CA690;
        text-align: center;
        width: 100%; }
    .week-calendar-planning-container .week-calendar-planning-day-container .day-header.today {
      background-color: #FFF0E8;
      border-bottom: 2px solid #F76B1C; }
      .week-calendar-planning-container .week-calendar-planning-day-container .day-header.today span {
        color: #F76B1C; }
    .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container {
      display: flex;
      position: relative;
      flex-direction: column;
      gap: 10px 0px;
      padding: 0px 5px 10px 5px;
      width: 100%;
      height: 100%;
      min-height: 400px; }
      @media screen and (max-width: 920px) {
        .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container {
          flex-direction: row;
          flex-wrap: wrap;
          min-height: 50px;
          padding: 0px 10px 10px 10px;
          gap: 10px; } }
      @media screen and (max-width: 575px) {
        .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container {
          flex-direction: column; } }
      .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .experiencia-programada-card {
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: flex-end;
        padding: 10px 10px 20px 10px;
        border-radius: 10px;
        border: 1px solid #DFEAEC;
        background: #ffffff;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        cursor: pointer; }
        @media screen and (max-width: 920px) {
          .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .experiencia-programada-card {
            width: 180px; } }
        @media screen and (max-width: 575px) {
          .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .experiencia-programada-card {
            width: 100%; } }
        .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .experiencia-programada-card .dropdown-option-modal {
          text-align: left;
          z-index: 2; }
        .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .experiencia-programada-card .titulo {
          display: flex;
          text-align: left;
          width: 100%;
          padding: 10px 0px 18px 0px;
          font-size: 16px;
          font-weight: bold;
          line-height: 20px;
          color: #00377C; }
        .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .experiencia-programada-card .info {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          flex-wrap: nowrap;
          width: 100%; }
          .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .experiencia-programada-card .info .nivelesYGrupos {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 10px;
            width: 80%; }
            .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .experiencia-programada-card .info .nivelesYGrupos .chip-base span {
              font-size: 12px; }
          .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .experiencia-programada-card .info .creador {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 35px;
            max-height: 35px;
            min-width: 35px;
            max-width: 35px;
            border-radius: 50%;
            background-color: #FFF0E8; }
            .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .experiencia-programada-card .info .creador span {
              font-size: 12px;
              font-weight: bold;
              color: #F76B1C; }
      .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .experiencia-programada-card-drop-zone {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        border-radius: 10px;
        background-color: #F76B1C;
        opacity: 0.4; }
      .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .cambio-dia-card-drop-zone {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px 10px 20px 10px;
        border-radius: 10px;
        min-height: 180px;
        border: 3px solid #F76B1C;
        background: #ffffff;
        transition: border 150ms; }
      .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .cambio-dia-card-drop-zone.drag-hover {
        border: 3px solid #F76B1C; }
        .week-calendar-planning-container .week-calendar-planning-day-container .day-body-container .cambio-dia-card-drop-zone.drag-hover .icono-agregar {
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 100%;
          height: 50px;
          min-height: 50px;
          width: 50px;
          min-width: 50px;
          font-size: 25px;
          color: #ffffff;
          background-color: #F76B1C;
          opacity: 1; }
    .week-calendar-planning-container .week-calendar-planning-day-container .day-programar-experiencias {
      display: flex;
      flex-direction: row;
      width: 100%;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px; }
      .week-calendar-planning-container .week-calendar-planning-day-container .day-programar-experiencias .icono-agregar {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        height: 50px;
        min-height: 50px;
        width: 50px;
        min-width: 50px;
        font-size: 25px;
        color: #ffffff;
        background-color: #F76B1C;
        cursor: pointer;
        opacity: 0;
        transition: 150ms; }
        @media screen and (max-width: 920px) {
          .week-calendar-planning-container .week-calendar-planning-day-container .day-programar-experiencias .icono-agregar {
            opacity: 1; } }
  .week-calendar-planning-container .week-calendar-planning-day-container:hover .day-programar-experiencias .icono-agregar {
    opacity: 1; }

.week-calendar-planning-container.no-perimitir-drag-and-drop {
  opacity: 0.5; }

.sin-data,
.cargando {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px 20px; }
  .sin-data p,
  .cargando p {
    font-size: 22px;
    font-weight: bold;
    color: #979797;
    text-align: center;
    margin: 0px; }
  .sin-data svg,
  .cargando svg {
    height: auto;
    width: 45px;
    fill: #979797;
    animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.accordion-base {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%; }
  .accordion-base .accordion-item-base {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #DFEAEC;
    margin-bottom: 15px; }
    .accordion-base .accordion-item-base .accordion-tittle-base {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      padding: 10px;
      font-weight: bold;
      font-size: 13px;
      color: #00377C;
      background-color: #E5F6FF;
      cursor: pointer;
      transition: background-color 150ms; }
      .accordion-base .accordion-item-base .accordion-tittle-base svg {
        display: block;
        height: auto;
        width: 16px;
        fill: #00377C;
        transition: transform 200ms; }
    .accordion-base .accordion-item-base .accordion-tittle-base:hover {
      background-color: #cae4f3; }
    .accordion-base .accordion-item-base .accordion-tittle-base.close svg {
      transform: rotate(180deg); }
    .accordion-base .accordion-item-base .accordion-content-base {
      display: block;
      width: 100%;
      overflow-y: auto;
      max-height: 400px;
      padding: 10px;
      font-size: 13px;
      transition: 400ms;
      color: #747474; }
      .accordion-base .accordion-item-base .accordion-content-base .titulo {
        font-weight: bold;
        margin-bottom: 0px; }
      .accordion-base .accordion-item-base .accordion-content-base .chip-base, .accordion-base .accordion-item-base .accordion-content-base p {
        margin: 0px 0px 12px 0px; }
      .accordion-base .accordion-item-base .accordion-content-base p {
        line-height: 16px; }
    .accordion-base .accordion-item-base .accordion-content-base.close {
      max-height: 0px;
      padding: 0px 10px;
      transition: 400ms; }
    .accordion-base .accordion-item-base .accordion-content-base.d-flex {
      display: flex;
      flex-direction: column;
      overflow: hidden; }
    .accordion-base .accordion-item-base .gray {
      background-color: #FAFAFA;
      color: #969696;
      pointer-events: none; }
    .accordion-base .accordion-item-base .hide {
      display: none; }

.indicator-detail-modal-planning {
  width: 350px !important;
  min-width: 350px;
  z-index: 5 !important;
  top: 50% !important;
  transform: translateY(-50%); }
  @media screen and (max-width: 575px) {
    .indicator-detail-modal-planning {
      min-width: 25%; } }
  .indicator-detail-modal-planning .header .titulo {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #979797 !important;
    margin-bottom: 10px !important; }
  .indicator-detail-modal-planning .body .titulo {
    font-size: 15px;
    font-weight: bold;
    color: #00377C;
    margin-bottom: 5px; }
  .indicator-detail-modal-planning .body p {
    font-size: 15px;
    color: #747474;
    line-height: 16px; }

.indicator-detail-modal-planning-background {
  z-index: 4 !important; }

.create-edit-observation-modal-planning {
  width: 550px !important;
  z-index: 5; }
  .create-edit-observation-modal-planning .body {
    gap: 20px; }
    .create-edit-observation-modal-planning .body .mensaje {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 10px;
      margin: 15px 0px 0px 0px;
      width: 100%;
      background-color: #FAFAFA;
      border: 1px solid #DFEAEC;
      border-radius: 5px; }
      .create-edit-observation-modal-planning .body .mensaje .alert {
        height: auto;
        min-width: 17px;
        width: 17px;
        fill: #00377C;
        transform: rotate(180deg); }
      .create-edit-observation-modal-planning .body .mensaje p {
        font-size: 12px;
        line-height: 12px;
        color: #00377C;
        margin: 0px 0px 0px 5px; }
    .create-edit-observation-modal-planning .body .accordion-item-base {
      margin: 0px; }
    .create-edit-observation-modal-planning .body .accordion-content-base {
      padding: 0px; }
      .create-edit-observation-modal-planning .body .accordion-content-base .alumno-seleccionado {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        padding: 15px;
        border-bottom: 1px solid #DFEAEC; }
        .create-edit-observation-modal-planning .body .accordion-content-base .alumno-seleccionado .checkboxPlanning {
          margin-right: 15px;
          margin-left: 0px; }
        .create-edit-observation-modal-planning .body .accordion-content-base .alumno-seleccionado .nombre {
          font-size: 13px;
          color: #00377C;
          margin-right: 10px; }
        .create-edit-observation-modal-planning .body .accordion-content-base .alumno-seleccionado .delete {
          height: auto;
          width: 20px;
          fill: #979797;
          margin-left: auto;
          cursor: pointer; }
    .create-edit-observation-modal-planning .body .textarea-descripcion {
      width: 100%;
      min-height: 120px;
      color: #00377C;
      padding: 10px;
      font-size: 14px;
      border-radius: 2px;
      border: 1px solid #D8D8D8;
      outline: none; }
  .create-edit-observation-modal-planning .contenedor-adjuntos {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 15px; }
    .create-edit-observation-modal-planning .contenedor-adjuntos .ant-upload {
      width: 100%; }
    .create-edit-observation-modal-planning .contenedor-adjuntos .btn-adjuntar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 8px 10px;
      border-radius: 5px;
      border: 1px solid #D8D8D8;
      font-size: 14px;
      color: #00377C;
      background-color: #E5F6FF;
      cursor: pointer; }
      .create-edit-observation-modal-planning .contenedor-adjuntos .btn-adjuntar svg {
        height: auto;
        width: 20px;
        color: #00377C; }
    .create-edit-observation-modal-planning .contenedor-adjuntos .lista-adjuntos {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin-top: 15px; }
      .create-edit-observation-modal-planning .contenedor-adjuntos .lista-adjuntos .titulo {
        font-size: 14px;
        font-weight: bold;
        color: #00377C;
        margin-bottom: 5px;
        width: 100%; }
      .create-edit-observation-modal-planning .contenedor-adjuntos .lista-adjuntos .archivo {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-bottom: 10px;
        color: #000000;
        padding: 5px 8px;
        border-radius: 4px;
        border: 1px solid #979797;
        background-color: #ffffff;
        transition: background-color 200ms;
        gap: 0px 7px; }
        .create-edit-observation-modal-planning .contenedor-adjuntos .lista-adjuntos .archivo span {
          font-size: 15px;
          word-break: break-all; }
        .create-edit-observation-modal-planning .contenedor-adjuntos .lista-adjuntos .archivo .anticon {
          cursor: pointer; }
          .create-edit-observation-modal-planning .contenedor-adjuntos .lista-adjuntos .archivo .anticon svg {
            height: auto;
            width: 18px; }
        .create-edit-observation-modal-planning .contenedor-adjuntos .lista-adjuntos .archivo .ml-auto {
          margin-left: auto; }
      .create-edit-observation-modal-planning .contenedor-adjuntos .lista-adjuntos .archivo:hover {
        background-color: #E5F6FF; }
      .create-edit-observation-modal-planning .contenedor-adjuntos .lista-adjuntos .archivo:last-of-type {
        margin-bottom: 0px; }
  .create-edit-observation-modal-planning .footer {
    margin-top: 25px; }

.create-edit-observation-modal-planning-background {
  z-index: 4; }

.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: 16px; }
  .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;
      border: none; }
    .container-login .card-login h1 {
      font-size: 32px !important;
      color: #00377C;
      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: #00377C;
        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: #00377C; }
    .container-login .card-login .ant-form a {
      color: #00377C;
      font-size: 14px !important;
      width: fit-content;
      justify-self: center; }
    .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;
      margin-bottom: 0; }

.header-container {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 575px) {
    .header-container {
      display: grid;
      display: -ms-grid;
      display: -moz-grid;
      grid-gap: 10px; } }
  .header-container button {
    border-radius: 8px; }

.menu-report-attendance-container {
  padding: 10px 0;
  display: flex; }
  .menu-report-attendance-container button {
    border-radius: 4px;
    color: #00377C; }
    .menu-report-attendance-container button:first-child {
      margin-right: 8px; }
    .menu-report-attendance-container button:disabled {
      color: #00377C; }
  .menu-report-attendance-container .selected {
    background-color: #E5F6FF; }

.top-bar-normal-container {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); }
  .top-bar-normal-container .custom-date-picker:nth-child(n+2), .top-bar-normal-container .ant-select:nth-child(n+2) {
    grid-column: 2 span; }
  @media screen and (max-width: 575px) {
    .top-bar-normal-container .custom-date-picker:nth-child(n+2), .top-bar-normal-container .ant-select:nth-child(n+2) {
      grid-column: 2 span; }
    .top-bar-normal-container .custom-date-picker:nth-child(n+3), .top-bar-normal-container .ant-select:nth-child(n+3) {
      grid-column: 3 span; } }

.top-bar-personalized-container {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
  .top-bar-personalized-container .ant-select:nth-child(n+1) {
    grid-column: 2 span; }

.attendance-report-resume-table .ant-table-tbody .ant-table-cell {
  padding: 8px 6px;
  border-right: 1px solid #D8D8D8; }
  .attendance-report-resume-table .ant-table-tbody .ant-table-cell:last-of-type {
    border-right: 0; }
  .attendance-report-resume-table .ant-table-tbody .ant-table-cell p {
    font-weight: bold; }

.resume-report-personalized-table {
  width: fit-content; }
  .resume-report-personalized-table .ant-table-tbody .ant-table-cell {
    padding: 8px 6px;
    border-right: 1px solid #D8D8D8; }
    .resume-report-personalized-table .ant-table-tbody .ant-table-cell:last-of-type {
      border-right: 0; }
    .resume-report-personalized-table .ant-table-tbody .ant-table-cell p {
      font-weight: bold; }

.attendece-table-report .ant-table-tbody .ant-table-cell {
  padding: 8px 6px;
  border-right: 1px solid #D8D8D8; }
  .attendece-table-report .ant-table-tbody .ant-table-cell:last-of-type {
    border-right: 0; }
  .attendece-table-report .ant-table-tbody .ant-table-cell p {
    font-weight: bold; }
  .attendece-table-report .ant-table-tbody .ant-table-cell .present {
    color: #1CA690 !important; }
  .attendece-table-report .ant-table-tbody .ant-table-cell .absence {
    color: #E15555 !important; }

.attendece-table-report .ant-table-tbody .student-name {
  min-width: 230px; }
  .attendece-table-report .ant-table-tbody .student-name p {
    font-weight: 400;
    text-align: left; }

.nomenclature {
  color: #00377C;
  font-size: 14px !important;
  font-weight: bold;
  margin-bottom: 0; }
  .nomenclature .present {
    color: #1CA690; }
  .nomenclature .absent {
    color: #E15555; }

.attendance-personalized-table .ant-table-tbody .ant-table-cell {
  padding: 8px 6px;
  border-right: 1px solid #D8D8D8; }
  .attendance-personalized-table .ant-table-tbody .ant-table-cell:last-of-type {
    border-right: 0; }
  .attendance-personalized-table .ant-table-tbody .ant-table-cell p {
    font-weight: bold; }


.ant-select-item {
  padding: 4px 8px; }
  .ant-select-item .ant-select-item-option-content {
    font-size: 14px !important;
    color: #00377C; }

.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #fff; }

.ant-select-item-option-active .ant-select-item-option-content {
  color: #FF8700; }

.container-select {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: linear-gradient(44.45deg, #69f3dd, #3fd6e8 39.76%, #25b2da 66.44%, #0584c9);
  text-align: -webkit-center;
  padding: 2.5rem; }
  @media screen and (max-width: 575px) {
    .container-select {
      padding: 1rem .75rem; } }
  .container-select img {
    height: auto;
    width: 200px;
    min-width: 200px;
    object-fit: cover;
    padding: 0; }
  .container-select .card-select-entry {
    background: #ffffff;
    padding: 2rem;
    width: fit-content;
    border-radius: 8px;
    margin-bottom: 3rem;
    display: grid; }
    @media screen and (max-width: 575px) {
      .container-select .card-select-entry {
        padding: 16px; } }
    .container-select .card-select-entry .btn-logout {
      display: flex;
      align-items: center;
      border-radius: 8px;
      border: 1px solid #FDE1D2;
      margin: 0px;
      color: #00377C;
      width: fit-content;
      height: fit-content;
      box-shadow: none;
      margin-bottom: 16px; }
    .container-select .card-select-entry h1 {
      align-items: center;
      color: #00377C;
      font-weight: 900;
      font-size: 32px !important;
      padding: 0px 16px; }
    .container-select .card-select-entry .selection-item {
      display: grid; }
      .container-select .card-select-entry .selection-item .item {
        text-align: left;
        margin-bottom: 1rem; }
        @media screen and (max-width: 330px) {
          .container-select .card-select-entry .selection-item .item {
            margin-bottom: .5rem; } }
        .container-select .card-select-entry .selection-item .item p {
          margin: 0;
          color: #00377C;
          font-weight: bold;
          font-size: 14px; }
        .container-select .card-select-entry .selection-item .item .ant-select {
          width: 100%;
          height: auto; }
          .container-select .card-select-entry .selection-item .item .ant-select .ant-select-selector {
            border: 1px solid #DFEAEC;
            font-size: 14px !important;
            color: #00377C; }
          .container-select .card-select-entry .selection-item .item .ant-select .ant-select-arrow {
            font-size: 10px !important;
            color: #00377C; }
    .container-select .card-select-entry .btn-login {
      width: fit-content;
      padding: 4px 8px;
      display: flex;
      align-items: center;
      background: #FF8700;
      border-radius: 8px;
      border: none;
      box-shadow: none;
      color: #ffffff;
      font-size: 16px !important;
      justify-self: center; }

.student-header-container {
  display: block;
  height: auto; }
  .student-header-container button {
    box-shadow: none; }
  .student-header-container .back-button {
    display: flex;
    align-items: center;
    color: #00377C;
    font-size: 16px !important;
    font-weight: bold;
    border: none;
    box-shadow: none; }
    .student-header-container .back-button .anticon-left {
      font-size: 14px !important; }
  .student-header-container .student-header-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
    .student-header-container .student-header-content .student-header-data {
      display: flex;
      align-items: center;
      color: #00377C; }
      .student-header-container .student-header-content .student-header-data .img-container {
        display: flex;
        position: relative;
        width: 104px;
        min-width: 104px;
        min-height: 104px;
        height: 104px;
        margin-right: 20px; }
        .student-header-container .student-header-content .student-header-data .img-container img, .student-header-container .student-header-content .student-header-data .img-container .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: 720px) {
          .student-header-container .student-header-content .student-header-data .img-container {
            margin-bottom: 1rem; } }
        .student-header-container .student-header-content .student-header-data .img-container 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-content .student-header-data p {
        margin: 0;
        font-size: 20px !important;
        font-weight: 800;
        text-transform: capitalize; }
      .student-header-container .student-header-content .student-header-data span {
        font-size: 16px !important; }
    .student-header-container .student-header-content .buttons-container {
      display: flex;
      justify-content: flex-end; }
      @media screen and (max-width: 700px) {
        .student-header-container .student-header-content .buttons-container {
          justify-content: flex-start; } }
      .student-header-container .student-header-content .buttons-container button {
        border-radius: 8px;
        display: flex;
        align-items: center;
        padding: 4px 8px;
        font-weight: bold;
        font-size: 16px !important;
        margin-right: 8px;
        box-shadow: none;
        border: none; }
        .student-header-container .student-header-content .buttons-container button:last-of-type {
          margin-right: 0px; }
      .student-header-container .student-header-content .buttons-container .btn-cancel {
        color: #0060B9;
        background-color: #E6FAFF; }
      .student-header-container .student-header-content .buttons-container .btn-edit {
        background-color: #F76B1C;
        color: #fff; }
      .student-header-container .student-header-content .buttons-container .btn-save, .student-header-container .student-header-content .buttons-container .btn-export {
        color: #F76B1C;
        background-color: #FFF0E8; }

.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;
  background-color: #fff; }
  .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; }

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

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

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

.new-tutor-student-container .btns {
  display: flex;
  align-items: center; }
  .new-tutor-student-container .btns button {
    display: flex;
    align-items: center;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px !important;
    padding: 4px 8px;
    margin-right: 8px; }
    .new-tutor-student-container .btns button:last-of-type {
      margin-right: 0px; }
    .new-tutor-student-container .btns button:first-of-type {
      margin-left: auto; }
  .new-tutor-student-container .btns .cancel {
    color: #0060B9;
    background-color: #E6FAFF; }
  .new-tutor-student-container .btns .save {
    color: #ffffff;
    background-color: #F76B1C; }

.modal-tutor-student-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: 95%;
  min-width: 25%;
  max-height: 80%;
  height: auto;
  display: block; }
  .modal-tutor-student-container .modal-turo-student-header {
    display: flex;
    justify-content: space-between; }
    .modal-tutor-student-container .modal-turo-student-header h1 {
      color: #00377C;
      font-size: 32px !important;
      font-weight: 800;
      margin-bottom: 16px; }
    .modal-tutor-student-container .modal-turo-student-header .close {
      border: none;
      box-shadow: none;
      font-size: 14px !important;
      color: #00377C; }
  .modal-tutor-student-container .item {
    margin-bottom: 24px; }
    .modal-tutor-student-container .item .ant-input-search {
      border: 1px solid #DFEAEC; }
      @media screen and (max-width: 575px) {
        .modal-tutor-student-container .item .ant-input-search {
          width: 100%; } }
      .modal-tutor-student-container .item .ant-input-search .ant-input-group {
        color: #00377C;
        font-size: 14px !important;
        font-feature-settings: normal;
        font-variant: normal; }
        .modal-tutor-student-container .item .ant-input-search .ant-input-group .ant-input-affix-wrapper {
          border-radius: 2px;
          border: none; }
          .modal-tutor-student-container .item .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
            color: #00377C; }
          .modal-tutor-student-container .item .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input {
            color: #00377C;
            font-size: 14px !important;
            font-feature-settings: normal;
            font-variant: normal; }
        .modal-tutor-student-container .item .ant-input-search .ant-input-group .ant-input-group-addon {
          display: none; }
    .modal-tutor-student-container .item ::placeholder {
      color: #00377C; }
    .modal-tutor-student-container .item .ant-input-affix-wrapper-disabled {
      color: #00377C;
      background-color: #ffffff; }
    .modal-tutor-student-container .item button {
      border: none;
      box-shadow: none;
      margin-left: 8px;
      border-radius: 8px;
      font-size: 16px !important;
      font-weight: bold;
      display: flex;
      align-items: center; }
      .modal-tutor-student-container .item button:disabled {
        background-color: #d9d9d9;
        color: #ffffff; }
    .modal-tutor-student-container .item .search {
      color: #F76B1C;
      background-color: #FFF0E8; }
    .modal-tutor-student-container .item h3 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin-bottom: 8px; }
    .modal-tutor-student-container .item .result-container {
      border: 1px solid #DFEAEC;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 8px 16px; }
      .modal-tutor-student-container .item .result-container .tutor {
        display: flex;
        align-items: center; }
        .modal-tutor-student-container .item .result-container .tutor img, .modal-tutor-student-container .item .result-container .tutor .img {
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 100%;
          width: 40px;
          min-width: 40px;
          max-width: 40px;
          min-height: 40px;
          height: 40px;
          font-weight: bold;
          font-size: 14px !important;
          animation: random 15s infinite;
          object-fit: cover;
          text-transform: uppercase;
          margin-right: 24px; }

@keyframes random {
  0% {
    background: #E5FDFF; }
  20% {
    background: #E5FFFA; }
  40% {
    background: #FEF9E5; }
  60% {
    background: #FFF0E8; }
  80% {
    background-color: #fcf0fc; }
  100% {
    background-color: #e0d9ff; } }
        .modal-tutor-student-container .item .result-container .tutor p, .modal-tutor-student-container .item .result-container .tutor span {
          color: #00377C;
          font-size: 14px !important;
          font-weight: 800;
          margin-bottom: 0px;
          margin-right: 38px; }
        .modal-tutor-student-container .item .result-container .tutor span {
          font-weight: 400; }
      .modal-tutor-student-container .item .result-container .add {
        color: #ffffff;
        background-color: #F76B1C; }
      .modal-tutor-student-container .item .result-container .no-result {
        display: grid;
        text-align: center;
        width: 100%;
        justify-content: center; }
        .modal-tutor-student-container .item .result-container .no-result p {
          margin-right: 0px;
          margin-bottom: 8px; }
        .modal-tutor-student-container .item .result-container .no-result button {
          color: #ffffff;
          background-color: #F76B1C; }

.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;
  max-width: 95%;
  min-width: 45%;
  max-height: 85%;
  overflow-y: scroll; }
  @media screen and (max-width: 575px) {
    .modal-who-withdraw-container {
      top: 5%;
      padding: 8px 16px; } }
  .modal-who-withdraw-container .title-container {
    display: flex;
    justify-content: space-between; }
    .modal-who-withdraw-container .title-container h1 {
      color: #00377C;
      font-size: 32px !important;
      font-weight: 800; }
    .modal-who-withdraw-container .title-container button {
      color: #00377C;
      box-shadow: none;
      border: none; }
  .modal-who-withdraw-container .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)); }
    .modal-who-withdraw-container .grid .column {
      max-width: 80%; }
      @media screen and (max-width: 575px) {
        .modal-who-withdraw-container .grid .column {
          max-width: 100%; } }
      .modal-who-withdraw-container .grid .column h2 {
        color: #00377C;
        font-size: 24px !important;
        font-weight: 800;
        margin-bottom: 16px; }
      .modal-who-withdraw-container .grid .column .item, .modal-who-withdraw-container .grid .column .two-items {
        margin-bottom: 16px; }
        .modal-who-withdraw-container .grid .column .item .ant-input, .modal-who-withdraw-container .grid .column .two-items .ant-input {
          border: 1px solid #DFEAEC;
          font-feature-settings: normal;
          font-variant: normal;
          color: #00377C;
          padding: 4px 8px;
          width: 100%; }
        .modal-who-withdraw-container .grid .column .item .ant-select, .modal-who-withdraw-container .grid .column .two-items .ant-select {
          min-width: 150px;
          text-transform: none; }
          @media screen and (max-width: 575px) {
            .modal-who-withdraw-container .grid .column .item .ant-select, .modal-who-withdraw-container .grid .column .two-items .ant-select {
              width: 100%; } }
          .modal-who-withdraw-container .grid .column .item .ant-select .ant-select-selector, .modal-who-withdraw-container .grid .column .two-items .ant-select .ant-select-selector {
            border: 1px solid #DFEAEC; }
      .modal-who-withdraw-container .grid .column .two-items {
        display: grid;
        grid-template-columns: repeat(2, 46%);
        grid-gap: 1.5rem; }
        @media screen and (max-width: 575px) {
          .modal-who-withdraw-container .grid .column .two-items {
            grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); } }
  .modal-who-withdraw-container .btns-container {
    display: flex;
    align-items: center; }
    .modal-who-withdraw-container .btns-container button {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      display: flex;
      align-items: center;
      font-weight: bold;
      font-size: 16px !important;
      margin-right: 8px; }
      .modal-who-withdraw-container .btns-container button:first-of-type {
        margin-left: auto; }
      .modal-who-withdraw-container .btns-container button:last-of-type {
        margin-right: 0px; }
    .modal-who-withdraw-container .btns-container .btn-cancel {
      background-color: #E5F6FF;
      color: #0060B9; }
    .modal-who-withdraw-container .btns-container .btn-save {
      background-color: #F76B1C;
      color: #fff; }

.tutor-header-container {
  display: block;
  height: auto; }
  .tutor-header-container .back-button {
    display: flex;
    align-items: center;
    font-size: 16px !important;
    font-weight: 700;
    border: none;
    box-shadow: none; }
    .tutor-header-container .back-button:disabled {
      background-color: #fff; }
    .tutor-header-container .back-button span {
      color: #00377C; }
    .tutor-header-container .back-button .anticon-left {
      font-size: 14px !important; }
  .tutor-header-container .data-header-tutor {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 700px) {
      .tutor-header-container .data-header-tutor {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
        grid-gap: 8px; } }
    .tutor-header-container .data-header-tutor .data-tutor-container {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 575px) {
        .tutor-header-container .data-header-tutor .data-tutor-container {
          display: block; } }
      .tutor-header-container .data-header-tutor .data-tutor-container img, .tutor-header-container .data-header-tutor .data-tutor-container .img {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 26px;
        width: 104px;
        min-width: 104px;
        min-height: 104px;
        height: 104px;
        color: #00377C;
        font-weight: bold;
        font-size: 24px !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; } }
        @media screen and (max-width: 575px) {
          .tutor-header-container .data-header-tutor .data-tutor-container img, .tutor-header-container .data-header-tutor .data-tutor-container .img {
            margin-bottom: 1rem; } }
      .tutor-header-container .data-header-tutor .data-tutor-container .names-dni-tutor {
        color: #00377C; }
        .tutor-header-container .data-header-tutor .data-tutor-container .names-dni-tutor p {
          margin: 0;
          font-size: 20px !important;
          font-weight: 800;
          text-transform: capitalize; }
        .tutor-header-container .data-header-tutor .data-tutor-container .names-dni-tutor span {
          font-size: 16px !important; }
    .tutor-header-container .data-header-tutor .btns-container {
      display: flex; }
      .tutor-header-container .data-header-tutor .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; }
        .tutor-header-container .data-header-tutor .btns-container button:last-child {
          margin-right: 0px; }
      .tutor-header-container .data-header-tutor .btns-container .btn-edit {
        background-color: #F76B1C;
        color: #fff; }
      .tutor-header-container .data-header-tutor .btns-container .btn-cancel {
        background-color: #E6FAFF;
        color: #0060B9; }
      .tutor-header-container .data-header-tutor .btns-container .btn-save {
        color: #F76B1C;
        background-color: #FFF0E8; }

.tutor-option-bar {
  border-radius: 8px;
  border: 1px solid #DFEAEC;
  padding: 8px;
  margin: 1.5rem 0;
  min-width: 100%;
  max-width: 100%;
  overflow-x: scroll;
  background-color: #fff; }
  .tutor-option-bar button {
    border-radius: 4px;
    background-color: #E5FDFF;
    color: #00377C;
    display: flex;
    font-weight: 800;
    font-size: 16px !important;
    border: none;
    box-shadow: none; }

.tutor-option-bar::-webkit-scrollbar {
  height: 0px; }

.ant-picker-dropdown {
  position: fixed; }

.tutor-profile {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  color: #00377C; }
  @media screen and (max-width: 1000px) {
    .tutor-profile {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 24px; } }
  .tutor-profile .column {
    max-width: 80%; }
    @media screen and (max-width: 575px) {
      .tutor-profile .column {
        max-width: none; } }
    .tutor-profile .column h2 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800; }
    .tutor-profile .column .item, .tutor-profile .column .two-items {
      margin-bottom: 16px; }
      .tutor-profile .column .item p, .tutor-profile .column .two-items p {
        font-size: 14px !important;
        font-weight: bold;
        margin-bottom: 0; }
      .tutor-profile .column .item .ant-input, .tutor-profile .column .two-items .ant-input {
        border: 1px solid #DFEAEC;
        font-feature-settings: normal;
        font-variant: normal;
        color: #00377C;
        padding: 4px 8px; }
      .tutor-profile .column .item ::placeholder, .tutor-profile .column .two-items ::placeholder {
        color: #00377C; }
      .tutor-profile .column .item .ant-input-disabled, .tutor-profile .column .two-items .ant-input-disabled {
        color: #00377C !important;
        background-color: #FAFAFA !important;
        border: none;
        padding-left: 0;
        cursor: context-menu !important; }
      .tutor-profile .column .item .ant-picker, .tutor-profile .column .two-items .ant-picker {
        border: 1px solid #DFEAEC;
        font-feature-settings: normal;
        font-variant: normal;
        width: fit-content;
        padding: 4px 8px; }
        .tutor-profile .column .item .ant-picker .ant-picker-input, .tutor-profile .column .two-items .ant-picker .ant-picker-input {
          flex-direction: row-reverse;
          color: #00377C;
          font-size: 14px !important; }
          .tutor-profile .column .item .ant-picker .ant-picker-input input, .tutor-profile .column .two-items .ant-picker .ant-picker-input input {
            border: none;
            color: #00377C; }
          .tutor-profile .column .item .ant-picker .ant-picker-input span, .tutor-profile .column .two-items .ant-picker .ant-picker-input span {
            color: #00377C;
            margin-right: .5rem; }
          .tutor-profile .column .item .ant-picker .ant-picker-input .ant-picker-clear, .tutor-profile .column .two-items .ant-picker .ant-picker-input .ant-picker-clear {
            display: none; }
      .tutor-profile .column .item .ant-picker-disabled, .tutor-profile .column .two-items .ant-picker-disabled {
        background-color: #FAFAFA !important;
        border: none;
        padding-left: 0;
        cursor: context-menu !important; }
        .tutor-profile .column .item .ant-picker-disabled .ant-picker-input, .tutor-profile .column .item .ant-picker-disabled input, .tutor-profile .column .two-items .ant-picker-disabled .ant-picker-input, .tutor-profile .column .two-items .ant-picker-disabled input {
          cursor: context-menu !important; }
        .tutor-profile .column .item .ant-picker-disabled ::placeholder, .tutor-profile .column .two-items .ant-picker-disabled ::placeholder {
          color: #00377C; }
      .tutor-profile .column .item .ant-select, .tutor-profile .column .two-items .ant-select {
        font-feature-settings: normal;
        font-variant: normal;
        width: 100%; }
        .tutor-profile .column .item .ant-select .ant-select-selector, .tutor-profile .column .two-items .ant-select .ant-select-selector {
          border: 1px solid #DFEAEC; }
          .tutor-profile .column .item .ant-select .ant-select-selector span, .tutor-profile .column .two-items .ant-select .ant-select-selector span {
            font-size: 14px !important; }
        .tutor-profile .column .item .ant-select span, .tutor-profile .column .two-items .ant-select span {
          color: #00377C;
          font-size: 10px !important; }
      .tutor-profile .column .item .ant-select-disabled, .tutor-profile .column .two-items .ant-select-disabled {
        cursor: context-menu !important;
        padding-left: 0; }
        .tutor-profile .column .item .ant-select-disabled .ant-select-selector, .tutor-profile .column .two-items .ant-select-disabled .ant-select-selector {
          background-color: #FAFAFA !important;
          border: none !important;
          padding-left: 0;
          cursor: context-menu !important; }
          .tutor-profile .column .item .ant-select-disabled .ant-select-selector .ant-select-selection-search input, .tutor-profile .column .two-items .ant-select-disabled .ant-select-selector .ant-select-selection-search input {
            cursor: context-menu !important; }
        .tutor-profile .column .item .ant-select-disabled .ant-select-arrow, .tutor-profile .column .two-items .ant-select-disabled .ant-select-arrow {
          display: none; }
    .tutor-profile .column .two-items {
      display: grid;
      grid-template-columns: repeat(2, 47%);
      grid-gap: 1.5rem; }
      @media screen and (max-width: 360px) {
        .tutor-profile .column .two-items {
          grid-template-columns: repeat(1, 1fr);
          grid-gap: 16px; } }
  .tutor-profile button {
    display: flex;
    align-items: center;
    margin-left: auto;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px !important;
    padding: 4px 12px;
    margin-right: 8px;
    border: none;
    box-shadow: none; }
    .tutor-profile button:last-of-type {
      margin-right: 0px !important;
      margin-left: 0px; }
  .tutor-profile .edit {
    color: #F76B1C;
    background-color: #FFF7E6;
    margin-left: auto !important; }
  .tutor-profile .cancel {
    color: #00377C;
    background-color: #F5F5F5; }
  .tutor-profile .save {
    color: #fff;
    background-color: #F76B1C; }
  .tutor-profile .call {
    color: #1CA690;
    background-color: #E5FFFA; }

.tutor-profile-container {
  padding: 2rem 2rem;
  overflow-y: scroll;
  background-color: #FAFAFA; }
  @media screen and (max-width: 720px) {
    .tutor-profile-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .tutor-profile-container {
      padding: 1rem .75rem 4rem .75rem; } }
  .tutor-profile-container .not-found {
    color: #00377C;
    font-size: 24px !important;
    font-weight: 800; }

.title-container {
  display: flex;
  align-items: center; }
  .title-container button {
    margin-left: 10px; }

.menu-finance-container {
  padding: 50px;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
  @media screen and (max-width: 575px) {
    .menu-finance-container {
      padding: 16px; } }
  .menu-finance-container .menu-finance-option {
    border-radius: 10px;
    padding: 38px 12px;
    border: 1px solid #D8D8D8;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    display: grid;
    cursor: pointer; }
    .menu-finance-container .menu-finance-option h3 {
      color: #00377C;
      font-size: 18px !important;
      font-weight: bold;
      line-height: 21px; }
    .menu-finance-container .menu-finance-option svg {
      margin: 0 auto;
      display: block;
      margin-top: 4px;
      margin-bottom: 32px; }
    .menu-finance-container .menu-finance-option span {
      color: #00377C;
      font-size: 14px !important;
      line-height: 16px; }

.menu-planning-container {
  padding: 50px;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
  @media screen and (max-width: 575px) {
    .menu-planning-container {
      padding: 16px; } }
  .menu-planning-container .menu-planning-option {
    border-radius: 10px;
    padding: 38px 12px;
    border: 1px solid #D8D8D8;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    display: grid;
    cursor: pointer; }
    .menu-planning-container .menu-planning-option h3 {
      color: #00377C;
      font-size: 18px !important;
      font-weight: bold;
      line-height: 21px; }
    .menu-planning-container .menu-planning-option .containerSvg {
      width: 55px;
      height: 55px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-content: center;
      margin: 0px auto;
      margin-top: 4px;
      margin-bottom: 32px;
      background-color: #F76B1C;
      padding: 12px;
      border-radius: 100%; }
      .menu-planning-container .menu-planning-option .containerSvg svg {
        display: block;
        height: auto;
        width: 30px; }
    .menu-planning-container .menu-planning-option span {
      color: #00377C;
      font-size: 14px !important;
      line-height: 16px; }

.page-container h1 {
  margin: 30px 0px;
  color: #00377C; }

.page-container h3 {
  font-size: 20px !important;
  margin: 0;
  color: #00377C;
  font-weight: bold; }

.page-container .no-margin-top {
  margin-top: 0px; }

.section-terms {
  display: grid;
  grid-gap: 10px;
  grid-template-rows: repeat(2, auto);
  color: #00377C; }
  .section-terms h4 {
    font-size: 18px !important; }
  .section-terms h3, .section-terms h4 {
    color: #00377C;
    font-weight: bold; }
  .section-terms .paragraph {
    text-align: justify;
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .section-terms .paragraph p {
      margin: 0;
      font-size: 14px !important;
      line-height: 24px;
      white-space: pre-wrap; }
      .section-terms .paragraph p a {
        color: #00377C;
        text-decoration: underline;
        font-weight: bold; }
        .section-terms .paragraph p a:hover {
          color: #F76B1C; }
      .section-terms .paragraph p br {
        font-size: 0; }
      .section-terms .paragraph p span {
        font-size: 16px !important; }
      .section-terms .paragraph p .bold {
        font-size: 14px !important;
        font-weight: bold; }
      .section-terms .paragraph p .sub-title {
        font-weight: bold; }
    .section-terms .paragraph ul, .section-terms .paragraph ol {
      margin: 0; }

.header-configuration-finance-container {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 1024px) {
    .header-configuration-finance-container {
      display: grid;
      grid-gap: 8px; } }
  .header-configuration-finance-container .title-container {
    display: flex;
    align-items: center; }
    .header-configuration-finance-container .title-container h1 {
      cursor: pointer; }
      @media screen and (max-width: 575px) {
        .header-configuration-finance-container .title-container h1 {
          display: none; } }
    @media screen and (max-width: 575px) {
      .header-configuration-finance-container .title-container #separator {
        display: none; } }
    .header-configuration-finance-container .title-container button {
      margin-left: 10px; }
  .header-configuration-finance-container .btns-container {
    display: flex; }
    .header-configuration-finance-container .btns-container button:last-of-type {
      margin-left: 10px; }
      @media screen and (max-width: 575px) {
        .header-configuration-finance-container .btns-container button:last-of-type {
          margin-left: 0px; } }

.bar-configuration-finance-container-dte {
  grid-gap: 10px;
  padding: 10px 30px;
  border: 1px solid #D8D8D8;
  background-color: white;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 575px) {
    .bar-configuration-finance-container-dte {
      padding: 0; } }
  .bar-configuration-finance-container-dte .search-bar-configuration-finance:nth-child(n+2) {
    grid-column: span 2; }
  .bar-configuration-finance-container-dte .svgAlert {
    height: auto;
    width: 20px;
    margin: auto 0px;
    fill: grey;
    cursor: pointer; }

.bar-configuration-finance-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 0 10px;
  width: 100%; }
  @media screen and (max-width: 575px) {
    .bar-configuration-finance-container {
      padding: 0;
      flex-direction: column; } }
  .bar-configuration-finance-container .ciclo-escolar-container {
    display: flex;
    flex-direction: row;
    align-items: center; }
  .bar-configuration-finance-container .custom-select {
    min-width: 180px;
    max-width: 180px; }
    @media screen and (max-width: 575px) {
      .bar-configuration-finance-container .custom-select {
        max-width: none;
        width: 100%; } }
  .bar-configuration-finance-container .sede-select-finanzas {
    margin-left: 15px; }
    @media screen and (max-width: 575px) {
      .bar-configuration-finance-container .sede-select-finanzas {
        margin-left: 0px; } }
  .bar-configuration-finance-container .svgAlert {
    height: auto;
    width: 20px;
    margin: auto 0px;
    margin-left: 10px;
    fill: grey;
    cursor: pointer; }

/* 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-typography {
  color: rgba(0, 0, 0, 0.85);
  overflow-wrap: break-word;
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-success {
  color: #52c41a;
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #ff4d4f;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus {
  color: #d9363e;
}
a.ant-typography.ant-typography-danger:hover {
  color: #ff7875;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
div.ant-typography-h1,
div.ant-typography-h1 > textarea,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
div.ant-typography-h2,
div.ant-typography-h2 > textarea,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
div.ant-typography-h3,
div.ant-typography-h3 > textarea,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
div.ant-typography-h4,
div.ant-typography-h4 > textarea,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
h5.ant-typography,
div.ant-typography-h5,
div.ant-typography-h5 > textarea,
.ant-typography h5 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
  margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
  display: inline-block;
  max-width: 100%;
}
a.ant-typography,
.ant-typography a {
  color: #f57423;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  text-decoration: none;
}
a.ant-typography:focus,
.ant-typography a:focus,
a.ant-typography:hover,
.ant-typography a:hover {
  color: #ff974d;
}
a.ant-typography:active,
.ant-typography a:active {
  color: #cf5413;
}
a.ant-typography:active,
.ant-typography a:active,
a.ant-typography:hover,
.ant-typography a:hover {
  text-decoration: none;
}
a.ant-typography[disabled],
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
.ant-typography a.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active,
a.ant-typography[disabled]:hover,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:hover,
.ant-typography a.ant-typography-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active {
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography kbd {
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
  font-size: 90%;
  background: rgba(150, 150, 150, 0.06);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom-width: 2px;
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #f57423;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 4px;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #ff974d;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #cf5413;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 1px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  height: 1em;
  margin: 0 !important;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul {
  list-style-type: circle;
}
.ant-typography ul ul {
  list-style-type: disc;
}
.ant-typography ol {
  list-style-type: decimal;
}
.ant-typography pre,
.ant-typography blockquote {
  margin: 1em 0;
}
.ant-typography pre {
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography pre code {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border: 0;
}
.ant-typography blockquote {
  padding: 0 0 0 0.6em;
  border-left: 4px solid rgba(100, 100, 100, 0.2);
  opacity: 0.85;
}
.ant-typography-single-line {
  white-space: nowrap;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
  vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.ant-typography-rtl {
  direction: rtl;
}
.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
  margin-right: 4px;
  margin-left: 0;
}
.ant-typography-rtl .ant-typography-expand {
  float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
  right: -12px;
  left: auto;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
  right: auto;
  left: 10px;
}
.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 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-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;
}

.detail-mural-post-container {
  overflow-y: scroll;
  padding: 16px 32px;
  background-color: #FAFAFA; }
  @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;
    background-color: #fff; }
    .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 {
        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 .pinned {
        color: #00377C; }
      .detail-mural-post-container .detail-container .body-detail-mural .unpinned {
        color: #DFEAEC; }
      .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;
          text-align: justify;
          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: 720px) {
                .detail-mural-post-container .detail-container .body-detail-mural .content-body-detail-mural .attatchments button p {
                  max-width: 250px; } }
              @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; } }

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

.kb-attachment {
  border: 1px solid #dedede;
  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: #F76B1C; }
  .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: #F76B1C; }
  .kb-attachment-image {
    background-size: cover;
    background-position: center; }

.status-container, .status-container-with-approve {
  display: grid;
  grid-template-columns: repeat(3, 33%);
  grid-gap: .25rem;
  padding: .5rem 0; }
  .status-container .status, .status-container-with-approve .status {
    width: 100%; }
  .status-container .title, .status-container-with-approve .title {
    text-align: left;
    margin: 0;
    color: #00377C;
    font-weight: bold;
    font-size: 16px !important; }
  .status-container button, .status-container-with-approve button {
    display: flex;
    align-items: center;
    border: none;
    box-shadow: none; }
    .status-container button:disabled, .status-container-with-approve button:disabled {
      background-color: #fff; }
    .status-container button .img-container, .status-container-with-approve button .img-container {
      display: flex;
      align-items: center;
      gap: .25rem; }
      .status-container button .img-container img, .status-container button .img-container .img, .status-container button .img-container .the-rest, .status-container-with-approve button .img-container img, .status-container-with-approve button .img-container .img, .status-container-with-approve button .img-container .the-rest {
        border-radius: 100%;
        height: 32px;
        width: 32px;
        min-height: 32px;
        min-width: 32px;
        object-fit: cover;
        animation: random 15s infinite;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-weight: bold;
        color: #00377C;
        font-size: 12px !important;
        text-transform: uppercase; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }

.status-container-with-approve {
  grid-template-columns: repeat(4, 25%); }
  @media screen and (max-width: 375px) {
    .status-container-with-approve {
      grid-template-columns: repeat(3, 33%); } }
  @media screen and (max-width: 360px) {
    .status-container-with-approve {
      grid-template-columns: repeat(2, 50%); } }

.responses-container {
  padding: 8px 0px;
  display: grid;
  grid-gap: 8px;
  margin-bottom: 4vh !important; }
  .responses-container .header-response-to-student {
    display: flex;
    padding: 8px 16px;
    background: #adf8ff; }
    .responses-container .header-response-to-student .title {
      color: #00377C;
      font-weight: bold;
      margin: 0;
      font-size: 14px !important;
      margin-right: 8px; }
    .responses-container .header-response-to-student img, .responses-container .header-response-to-student .img {
      display: flex;
      align-items: center;
      border-radius: 100%;
      height: 32px;
      width: 32px;
      min-width: 32px;
      min-height: 32px;
      object-fit: cover;
      justify-content: center;
      color: #00377C;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 14px !important;
      animation: random 15s infinite; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
    .responses-container .header-response-to-student .names-container {
      margin-left: 8px; }
      .responses-container .header-response-to-student .names-container p {
        color: #00377C;
        font-weight: bold;
        margin: 0;
        font-size: 14px !important; }
      .responses-container .header-response-to-student .names-container span {
        font-size: 10px !important; }
  .responses-container .response {
    padding: 16px;
    margin-bottom: 1vh !important; }
    @media screen and (max-width: 720px) {
      .responses-container .response {
        margin-bottom: 3vh !important; } }
    .responses-container .response .header-response {
      display: flex;
      padding-bottom: 8px;
      justify-content: space-between;
      color: #00377C; }
      .responses-container .response .header-response .user-container {
        display: flex;
        align-items: center; }
        .responses-container .response .header-response .user-container img {
          height: 32px;
          width: 32px;
          min-width: 32px;
          min-height: 32px;
          border-radius: 100%;
          object-fit: cover;
          margin-right: 8px; }
        .responses-container .response .header-response .user-container .info-container {
          line-height: normal; }
          .responses-container .response .header-response .user-container .info-container p {
            font-size: px !important;
            font-weight: bold;
            margin: 0;
            text-transform: capitalize; }
          .responses-container .response .header-response .user-container .info-container span {
            font-size: 14px !important;
            color: #0584C9;
            font-weight: bold; }
      .responses-container .response .header-response span {
        font-size: 12px !important;
        text-transform: capitalize; }
    .responses-container .response .body-response {
      color: #00377C;
      white-space: pre-wrap;
      font-size: 14px !important; }
      .responses-container .response .body-response p {
        margin: 0px; }
        .responses-container .response .body-response p a {
          color: #1155cc;
          font-weight: bold;
          font-size: 14px !important;
          text-decoration: underline; }
    .responses-container .response .attatchments-response {
      display: grid;
      grid-gap: 8px; }
      .responses-container .response .attatchments-response button {
        border-radius: 4px;
        background-color: #fff;
        color: #00377C;
        font-size: 14px !important;
        border: 1px solid #E5FDFF;
        box-shadow: none;
        width: fit-content;
        padding: 4px 8px;
        display: flex;
        align-items: center;
        font-size: 14px !important; }
        .responses-container .response .attatchments-response button:hover {
          color: #F76B1C; }
        .responses-container .response .attatchments-response button p {
          max-width: 350px;
          overflow: hidden;
          text-overflow: ellipsis;
          margin: 0px;
          margin-left: 8px; }
          @media screen and (max-width: 720px) {
            .responses-container .response .attatchments-response button p {
              max-width: 280px; } }
          @media screen and (max-width: 575px) {
            .responses-container .response .attatchments-response button p {
              max-width: 240px; } }
    .responses-container .response .btn-response {
      display: flex;
      border: none;
      box-shadow: none;
      border-radius: 8px;
      padding: 4px 8px;
      background-color: #FFF7E6;
      font-size: 16px !important;
      font-weight: bold;
      color: #F76B1C;
      margin-left: auto;
      margin-top: 8px;
      margin-bottom: 3vh !important; }

.modal-reader-unread-container {
  border-radius: 8px;
  background: #ffffff;
  z-index: 2;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.2);
  padding: 8px 16px;
  position: fixed;
  top: 10%;
  left: 0;
  right: 0;
  max-height: 80%;
  overflow-y: scroll;
  margin-left: auto;
  margin-right: auto;
  width: fit-content; }
  @media screen and (max-width: 575px) {
    .modal-reader-unread-container {
      height: fit-content;
      width: 90%;
      max-width: 95%;
      top: 5%;
      bottom: 5%;
      padding: 1.25rem .75rem;
      z-index: 5;
      max-height: 63.5vh; } }
  .modal-reader-unread-container .btn-close {
    border: none;
    box-shadow: none;
    display: flex;
    margin-left: auto;
    color: #00377C;
    padding-right: 8px; }
  .modal-reader-unread-container .sub-container {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-gap: .5rem;
    margin-bottom: .5rem; }
    .modal-reader-unread-container .sub-container h4 {
      margin: 0;
      color: #00377C;
      font-size: 24px !important;
      font-weight: 900; }
    .modal-reader-unread-container .sub-container .resutl-container {
      display: flex;
      gap: .5rem;
      align-items: center; }
      .modal-reader-unread-container .sub-container .resutl-container img, .modal-reader-unread-container .sub-container .resutl-container .img {
        border-radius: 100%;
        height: 32px;
        width: 32px;
        min-height: 32px;
        min-width: 32px;
        object-fit: cover;
        animation: random 15s infinite;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #00377C;
        margin: 0;
        font-weight: bold;
        font-size: 12px !important;
        text-transform: uppercase; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
      .modal-reader-unread-container .sub-container .resutl-container .info-container {
        line-height: normal; }
        .modal-reader-unread-container .sub-container .resutl-container .info-container p {
          margin: 0;
          color: #00377C;
          font-weight: bold;
          font-size: 16px !important;
          text-transform: capitalize; }
        .modal-reader-unread-container .sub-container .resutl-container .info-container span {
          margin: 0;
          color: #00377C;
          font-weight: 400;
          font-size: 14px !important; }

.modal-approve-container {
  position: relative;
  border-radius: 8px;
  background: #ffffff;
  z-index: 2;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.2);
  padding: 8px 16px;
  position: fixed;
  top: 10%;
  left: 0;
  right: 0;
  max-height: 80%;
  overflow-y: scroll;
  margin-left: auto;
  margin-right: auto;
  width: fit-content; }
  @media screen and (max-width: 575px) {
    .modal-approve-container {
      height: fit-content;
      width: 90%;
      max-width: 95%;
      top: 9%;
      bottom: 5%;
      z-index: 5;
      max-height: 63.5vh; } }
  .modal-approve-container .btn-download {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 3px 6px;
    font-size: 18px;
    height: fit-content;
    min-height: 32px;
    left: 15px;
    top: 8px;
    border-radius: 10px;
    background: #F76B1C; }
  .modal-approve-container .btn-download:hover {
    color: white; }
  .modal-approve-container .btn-close {
    display: flex;
    color: #00377C;
    align-items: center;
    margin-left: auto;
    margin-bottom: 10px;
    border: none;
    box-shadow: none; }
  .modal-approve-container .modal-approve-section {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-gap: .5rem;
    margin-bottom: .5rem; }
    .modal-approve-container .modal-approve-section h4 {
      margin: 0;
      color: #00377C;
      font-size: 24px !important;
      font-weight: 900; }
    .modal-approve-container .modal-approve-section .modal-approve-user {
      display: flex;
      gap: .5rem;
      align-items: center;
      color: #00377C; }
      .modal-approve-container .modal-approve-section .modal-approve-user img, .modal-approve-container .modal-approve-section .modal-approve-user .modal-approve-img {
        border-radius: 100%;
        height: 32px;
        width: 32px;
        min-height: 32px;
        min-width: 32px;
        object-fit: cover;
        animation: random 15s infinite;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #00377C;
        margin: 0;
        font-weight: bold;
        font-size: 12px !important;
        text-transform: uppercase; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
      .modal-approve-container .modal-approve-section .modal-approve-user p {
        margin: 0px;
        font-size: 16px !important;
        font-weight: 400; }

.table-configuration-finance .period-cell,
.table-configuration-finance .title-cell {
  min-width: 250px; }

.table-configuration-finance .value-cell {
  min-width: 200px; }

.table-configuration-finance .vertical-action-cell {
  width: 20px; }

.table-configuration-finance .state-cell .data-state {
  margin: auto;
  display: flex;
  align-items: center;
  border-radius: 10px;
  flex-direction: row;
  padding: 4px 10px;
  width: fit-content;
  font-size: 14px !important;
  font-weight: 600; }
  .table-configuration-finance .state-cell .data-state .ant-switch {
    margin-left: 12px;
    font-size: 10px !important;
    height: 12.5px;
    width: 25px;
    min-width: 0;
    background-color: #E15555; }
    .table-configuration-finance .state-cell .data-state .ant-switch .ant-switch-handle {
      width: 5px;
      height: 5px;
      top: 4px;
      left: 4px; }
  .table-configuration-finance .state-cell .data-state .ant-switch-checked {
    background-color: #1CA690; }
    .table-configuration-finance .state-cell .data-state .ant-switch-checked .ant-switch-handle {
      left: calc(100% - 8px - 2px); }

.table-configuration-finance .state-cell .inactive {
  background-color: #FFF0E8;
  color: #E15555; }

.table-configuration-finance .state-cell .active {
  background-color: #E6FFFA;
  color: #1CA690; }

.table-configuration-finance .ant-table-tbody .ant-table-cell {
  min-width: 200px; }

/* 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-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 7px 16px 6px;
}
.ant-tabs-rtl {
  direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 0;
  margin-left: 12px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-right: 8px;
  margin-left: -4px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-dropdown-rtl {
  direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right;
}
.ant-tabs-top,
.ant-tabs-bottom {
  flex-direction: column;
}
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0 0 16px 0;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #f0f0f0;
  content: '';
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 2px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  left: 0;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before {
  bottom: 0;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 24px;
  text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin: 16px 0 0 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  top: 0;
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  flex: 1 0 auto;
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid #f0f0f0;
}
.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-left: 24px;
}
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  left: 0;
}
.ant-tabs-right > .ant-tabs-content-holder,
.ant-tabs-right > div > .ant-tabs-content-holder {
  order: 0;
  margin-right: -1px;
  border-right: 1px solid #f0f0f0;
}
.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-right: 24px;
}
.ant-tabs-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';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-tabs-dropdown-hidden {
  display: none;
}
.ant-tabs-dropdown-menu {
  max-height: 200px;
  margin: 0;
  padding: 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  outline: none;
  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-tabs-dropdown-menu-item {
  display: flex;
  align-items: center;
  min-width: 120px;
  margin: 0;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-dropdown-menu-item > span {
  flex: 1;
  white-space: nowrap;
}
.ant-tabs-dropdown-menu-item-remove {
  flex: none;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ant-tabs-dropdown-menu-item-remove:hover {
  color: #ff974d;
}
.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  color: #f57423;
  background: #fff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 2px 0 0;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #fff;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 0 2px 2px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-top: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 0 0 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-right-color: #fff;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 2px 2px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff;
}
.ant-tabs {
  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: flex;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  position: relative;
  display: inline-block;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border: 0;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  content: '';
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  min-width: 40px;
  margin-left: 2px;
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
  color: #ff974d;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
  color: #cf5413;
}
.ant-tabs-extra-content {
  flex: none;
}
.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
  justify-content: center;
}
.ant-tabs-ink-bar {
  position: absolute;
  background: #f57423;
  pointer-events: none;
}
.ant-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
  color: #cf5413;
}
.ant-tabs-tab-btn {
  outline: none;
  transition: all 0.3s;
}
.ant-tabs-tab-remove {
  flex: none;
  margin-right: -4px;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-tab-remove:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs-tab:hover {
  color: #ff974d;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #f57423;
  text-shadow: 0 0 0.25px currentcolor;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-tab .anticon {
  margin-right: 12px;
}
.ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-content {
  display: flex;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}
.ant-tabs-content-animated {
  transition: margin 0.3s;
}
.ant-tabs-tabpane {
  flex: none;
  width: 100%;
  outline: none;
}

.ant-modal-body .ant-select-selection-overflow {
  flex-wrap: wrap !important; }

.modal-base-general-container .modal-base.modal-dte-issue {
  max-width: 565px; }
  @media screen and (max-width: 575px) {
    .modal-base-general-container .modal-base.modal-dte-issue {
      display: flex;
      max-width: 95%; } }
  .modal-base-general-container .modal-base.modal-dte-issue .modal-base-title {
    padding-bottom: 0px; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-dte-issue .modal-base-title {
        display: flex;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px; } }
  @media screen and (max-width: 575px) {
    .modal-base-general-container .modal-base.modal-dte-issue .modal-base-body {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-left: 0px;
      padding-right: 0px; } }
  .modal-base-general-container .modal-base.modal-dte-issue .infoGeneral {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px; }
    .modal-base-general-container .modal-base.modal-dte-issue .infoGeneral p {
      font-size: 16px;
      color: #00377C;
      line-height: 18px;
      margin-bottom: 8px; }
      @media screen and (max-width: 575px) {
        .modal-base-general-container .modal-base.modal-dte-issue .infoGeneral p {
          display: flex;
          flex-direction: column; } }
      .modal-base-general-container .modal-base.modal-dte-issue .infoGeneral p span {
        font-weight: bold; }
    .modal-base-general-container .modal-base.modal-dte-issue .infoGeneral p:last-of-type {
      margin-bottom: 0px; }
  .modal-base-general-container .modal-base.modal-dte-issue .filtro {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-dte-issue .filtro {
        justify-content: space-between; } }
    .modal-base-general-container .modal-base.modal-dte-issue .filtro .campo {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      font-size: 16px;
      font-weight: bold;
      color: #00377C;
      margin-right: 20px; }
      @media screen and (max-width: 575px) {
        .modal-base-general-container .modal-base.modal-dte-issue .filtro .campo {
          width: 45%;
          margin-right: 0px; } }
  .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail {
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 0px;
    width: 100%; }
    .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-container table > thead > tr:first-child th:first-child {
      border-top-left-radius: 5px; }
    .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-container table > thead > tr:first-child th:last-child {
      border-top-right-radius: 5px; }
    .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-thead .ant-table-cell {
      background-color: #1CA690;
      color: white;
      font-feature-settings: normal;
      font-variant: normal;
      font-size: 16px;
      font-weight: bold;
      padding: 10px;
      text-align: left;
      line-height: 18px; }
    .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-body {
      padding-bottom: 0px;
      margin-bottom: 0px; }
      .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-body .ant-table-row {
        border-bottom: none;
        margin-bottom: 0px; }
        .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-body .ant-table-row .ant-table-cell {
          background-color: white;
          padding: 16px;
          border-bottom: 1px solid #D8D8D8; }
          .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-body .ant-table-row .ant-table-cell p {
            margin: 0px;
            color: #00377C;
            font-size: 14px;
            line-height: 21px;
            font-weight: 600; }
  .modal-base-general-container .modal-base.modal-dte-issue .loading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px 0px; }
    .modal-base-general-container .modal-base.modal-dte-issue .loading svg {
      height: auto;
      width: 40px;
      fill: #00377C;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .modal-base-general-container .modal-base.modal-dte-issue .cancel-btn {
    margin-left: auto; }
  .modal-base-general-container .modal-base.modal-dte-issue .ant-input-disabledd {
    color: #979797 !important;
    background-color: #f2f2f2 !important;
    cursor: not-allowed !important; }

.modal-base-general-container .modal-base.modal-dte-issue {
  max-width: 565px; }
  @media screen and (max-width: 575px) {
    .modal-base-general-container .modal-base.modal-dte-issue {
      display: flex;
      max-width: 95%; } }
  .modal-base-general-container .modal-base.modal-dte-issue .modal-base-title {
    padding-bottom: 0px; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-dte-issue .modal-base-title {
        display: flex;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px; } }
  @media screen and (max-width: 575px) {
    .modal-base-general-container .modal-base.modal-dte-issue .modal-base-body {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-left: 0px;
      padding-right: 0px; } }
  .modal-base-general-container .modal-base.modal-dte-issue .infoGeneral {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px; }
    .modal-base-general-container .modal-base.modal-dte-issue .infoGeneral p {
      font-size: 16px;
      color: #00377C;
      line-height: 18px;
      margin-bottom: 8px; }
      @media screen and (max-width: 575px) {
        .modal-base-general-container .modal-base.modal-dte-issue .infoGeneral p {
          display: flex;
          flex-direction: column; } }
      .modal-base-general-container .modal-base.modal-dte-issue .infoGeneral p span {
        font-weight: bold; }
    .modal-base-general-container .modal-base.modal-dte-issue .infoGeneral p:last-of-type {
      margin-bottom: 0px; }
  .modal-base-general-container .modal-base.modal-dte-issue .filtro {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-dte-issue .filtro {
        justify-content: space-between; } }
    .modal-base-general-container .modal-base.modal-dte-issue .filtro .campo {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      font-size: 16px;
      font-weight: bold;
      color: #00377C;
      margin-right: 20px; }
      @media screen and (max-width: 575px) {
        .modal-base-general-container .modal-base.modal-dte-issue .filtro .campo {
          width: 45%;
          margin-right: 0px; } }
  .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail {
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 0px;
    width: 100%; }
    .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-container table > thead > tr:first-child th:first-child {
      border-top-left-radius: 5px; }
    .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-container table > thead > tr:first-child th:last-child {
      border-top-right-radius: 5px; }
    .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-thead .ant-table-cell {
      background-color: #1CA690;
      color: white;
      font-feature-settings: normal;
      font-variant: normal;
      font-size: 16px;
      font-weight: bold;
      padding: 10px;
      text-align: left;
      line-height: 18px; }
    .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-body {
      padding-bottom: 0px;
      margin-bottom: 0px; }
      .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-body .ant-table-row {
        border-bottom: none;
        margin-bottom: 0px; }
        .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-body .ant-table-row .ant-table-cell {
          background-color: white;
          padding: 16px;
          border-bottom: 1px solid #D8D8D8; }
          .modal-base-general-container .modal-base.modal-dte-issue .table-commitments-detail .ant-table-body .ant-table-row .ant-table-cell p {
            margin: 0px;
            color: #00377C;
            font-size: 14px;
            line-height: 21px;
            font-weight: 600; }
  .modal-base-general-container .modal-base.modal-dte-issue .loading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px 0px; }
    .modal-base-general-container .modal-base.modal-dte-issue .loading svg {
      height: auto;
      width: 40px;
      fill: #00377C;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .modal-base-general-container .modal-base.modal-dte-issue .cancel-btn {
    margin-left: auto; }
  .modal-base-general-container .modal-base.modal-dte-issue .ant-input-disabledd {
    color: #979797 !important;
    background-color: #f2f2f2 !important;
    cursor: not-allowed !important; }

.modal-base-general-container .modal-base.modal-dte-edit {
  max-width: 750px; }
  @media screen and (max-width: 575px) {
    .modal-base-general-container .modal-base.modal-dte-edit {
      display: flex;
      max-width: 95%; } }
  .modal-base-general-container .modal-base.modal-dte-edit .modal-base-title {
    padding-bottom: 0px; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-dte-edit .modal-base-title {
        display: flex;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px; } }
  @media screen and (max-width: 575px) {
    .modal-base-general-container .modal-base.modal-dte-edit .modal-base-body {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-left: 0px;
      padding-right: 0px; } }
  .modal-base-general-container .modal-base.modal-dte-edit .infoGeneral {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px; }
    .modal-base-general-container .modal-base.modal-dte-edit .infoGeneral p {
      font-size: 16px;
      color: #00377C;
      line-height: 18px;
      margin-bottom: 8px; }
      @media screen and (max-width: 575px) {
        .modal-base-general-container .modal-base.modal-dte-edit .infoGeneral p {
          display: flex;
          flex-direction: column; } }
      .modal-base-general-container .modal-base.modal-dte-edit .infoGeneral p span {
        font-weight: bold; }
    .modal-base-general-container .modal-base.modal-dte-edit .infoGeneral p:last-of-type {
      margin-bottom: 0px; }
  .modal-base-general-container .modal-base.modal-dte-edit .filtro {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-dte-edit .filtro {
        justify-content: space-between; } }
    .modal-base-general-container .modal-base.modal-dte-edit .filtro .campo {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      font-size: 16px;
      font-weight: bold;
      color: #00377C;
      margin-right: 20px; }
      @media screen and (max-width: 575px) {
        .modal-base-general-container .modal-base.modal-dte-edit .filtro .campo {
          width: 45%;
          margin-right: 0px; } }
  .modal-base-general-container .modal-base.modal-dte-edit .table-commitments-detail {
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 0px;
    width: 100%; }
    .modal-base-general-container .modal-base.modal-dte-edit .table-commitments-detail .ant-table-container table > thead > tr:first-child th:first-child {
      border-top-left-radius: 5px; }
    .modal-base-general-container .modal-base.modal-dte-edit .table-commitments-detail .ant-table-container table > thead > tr:first-child th:last-child {
      border-top-right-radius: 5px; }
    .modal-base-general-container .modal-base.modal-dte-edit .table-commitments-detail .ant-table-thead .ant-table-cell {
      background-color: #1CA690;
      color: white;
      font-feature-settings: normal;
      font-variant: normal;
      font-size: 16px;
      font-weight: bold;
      padding: 10px;
      text-align: left;
      line-height: 18px; }
    .modal-base-general-container .modal-base.modal-dte-edit .table-commitments-detail .ant-table-body {
      padding-bottom: 0px;
      margin-bottom: 0px; }
      .modal-base-general-container .modal-base.modal-dte-edit .table-commitments-detail .ant-table-body .ant-table-row {
        border-bottom: none;
        margin-bottom: 0px; }
        .modal-base-general-container .modal-base.modal-dte-edit .table-commitments-detail .ant-table-body .ant-table-row .ant-table-cell {
          background-color: white;
          padding: 16px;
          border-bottom: 1px solid #D8D8D8; }
          .modal-base-general-container .modal-base.modal-dte-edit .table-commitments-detail .ant-table-body .ant-table-row .ant-table-cell p {
            margin: 0px;
            color: #00377C;
            font-size: 14px;
            line-height: 21px;
            font-weight: 600; }
  .modal-base-general-container .modal-base.modal-dte-edit .loading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px 0px; }
    .modal-base-general-container .modal-base.modal-dte-edit .loading svg {
      height: auto;
      width: 40px;
      fill: #00377C;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .modal-base-general-container .modal-base.modal-dte-edit .cancel-btn {
    margin-left: auto; }
  .modal-base-general-container .modal-base.modal-dte-edit .ant-input-disabledd {
    color: #979797 !important;
    background-color: #f2f2f2 !important;
    cursor: not-allowed !important; }
  .modal-base-general-container .modal-base.modal-dte-edit .ant-select-disabled {
    cursor: not-allowed !important; }
    .modal-base-general-container .modal-base.modal-dte-edit .ant-select-disabled .ant-select-selector {
      background-color: #f2f2f2 !important;
      cursor: not-allowed !important; }
      .modal-base-general-container .modal-base.modal-dte-edit .ant-select-disabled .ant-select-selector .ant-select-selection-search input {
        cursor: not-allowed !important; }

.bar-configuration-finance-container {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
  padding: 0 10px; }
  @media screen and (max-width: 575px) {
    .bar-configuration-finance-container {
      padding: 0; } }
  .bar-configuration-finance-container .search-bar-configuration-finance:nth-child(n+2) {
    grid-column: span 2; }
  .bar-configuration-finance-container .svgAlert {
    height: auto;
    width: 20px;
    margin: auto 0px;
    fill: grey;
    cursor: pointer; }

.modal-base-general-container .modal-base.modal-payers-edit {
  max-width: 520px; }
  @media screen and (max-width: 575px) {
    .modal-base-general-container .modal-base.modal-payers-edit {
      display: flex;
      max-width: 95%; } }
  .modal-base-general-container .modal-base.modal-payers-edit .modal-base-title {
    padding-bottom: 0px; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-payers-edit .modal-base-title {
        display: flex;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px; } }
  @media screen and (max-width: 575px) {
    .modal-base-general-container .modal-base.modal-payers-edit .modal-base-body {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-left: 0px;
      padding-right: 0px; } }
  .modal-base-general-container .modal-base.modal-payers-edit .infoGeneral {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px; }
    .modal-base-general-container .modal-base.modal-payers-edit .infoGeneral p {
      font-size: 16px;
      color: #00377C;
      line-height: 18px;
      margin-bottom: 8px; }
      @media screen and (max-width: 575px) {
        .modal-base-general-container .modal-base.modal-payers-edit .infoGeneral p {
          display: flex;
          flex-direction: column; } }
      .modal-base-general-container .modal-base.modal-payers-edit .infoGeneral p span {
        font-weight: bold; }
    .modal-base-general-container .modal-base.modal-payers-edit .infoGeneral p:last-of-type {
      margin-bottom: 0px; }
  .modal-base-general-container .modal-base.modal-payers-edit .filtro {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-payers-edit .filtro {
        justify-content: space-between; } }
    .modal-base-general-container .modal-base.modal-payers-edit .filtro .campo {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      font-size: 16px;
      font-weight: bold;
      color: #00377C;
      margin-right: 20px; }
      @media screen and (max-width: 575px) {
        .modal-base-general-container .modal-base.modal-payers-edit .filtro .campo {
          width: 45%;
          margin-right: 0px; } }
  .modal-base-general-container .modal-base.modal-payers-edit .table-commitments-detail {
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 0px;
    width: 100%; }
    .modal-base-general-container .modal-base.modal-payers-edit .table-commitments-detail .ant-table-container table > thead > tr:first-child th:first-child {
      border-top-left-radius: 5px; }
    .modal-base-general-container .modal-base.modal-payers-edit .table-commitments-detail .ant-table-container table > thead > tr:first-child th:last-child {
      border-top-right-radius: 5px; }
    .modal-base-general-container .modal-base.modal-payers-edit .table-commitments-detail .ant-table-thead .ant-table-cell {
      background-color: #1CA690;
      color: white;
      font-feature-settings: normal;
      font-variant: normal;
      font-size: 16px;
      font-weight: bold;
      padding: 10px;
      text-align: left;
      line-height: 18px; }
    .modal-base-general-container .modal-base.modal-payers-edit .table-commitments-detail .ant-table-body {
      padding-bottom: 0px;
      margin-bottom: 0px; }
      .modal-base-general-container .modal-base.modal-payers-edit .table-commitments-detail .ant-table-body .ant-table-row {
        border-bottom: none;
        margin-bottom: 0px; }
        .modal-base-general-container .modal-base.modal-payers-edit .table-commitments-detail .ant-table-body .ant-table-row .ant-table-cell {
          background-color: white;
          padding: 16px;
          border-bottom: 1px solid #D8D8D8; }
          .modal-base-general-container .modal-base.modal-payers-edit .table-commitments-detail .ant-table-body .ant-table-row .ant-table-cell p {
            margin: 0px;
            color: #00377C;
            font-size: 14px;
            line-height: 21px;
            font-weight: 600; }
  .modal-base-general-container .modal-base.modal-payers-edit .loading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px 0px; }
    .modal-base-general-container .modal-base.modal-payers-edit .loading svg {
      height: auto;
      width: 40px;
      fill: #00377C;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .modal-base-general-container .modal-base.modal-payers-edit .cancel-btn {
    margin-left: auto; }
  .modal-base-general-container .modal-base.modal-payers-edit .ant-input-disabledd {
    color: #979797 !important;
    background-color: #f2f2f2 !important;
    cursor: not-allowed !important; }

.drop-base {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 8px;
  width: fit-content;
  background-color: #FFF0E8;
  cursor: pointer; }
  .drop-base .nombre {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    color: #F76B1C; }
  .drop-base ul {
    display: flex;
    position: absolute;
    flex-direction: column;
    left: 0;
    top: 100%;
    z-index: 5;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.249);
    padding: 4px 0px; }
    .drop-base ul li {
      display: flex;
      justify-content: center;
      align-items: center;
      justify-content: space-between;
      min-width: 100%;
      list-style: none;
      padding: 4px 8px;
      gap: 5px;
      font-size: 14px;
      font-weight: normal;
      color: #00377C;
      fill: #00377C;
      transition: background-color 150ms; }
    .drop-base ul li:hover {
      background-color: #f5f5f5; }
    .drop-base ul li:last-of-type {
      margin-bottom: 0px; }

.dashboard {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin-top: 20px; }
  .dashboard #linkDescargarPdf {
    display: none; }
  .dashboard .cargando {
    display: flex;
    position: absolute;
    z-index: 10;
    justify-content: center;
    align-content: center;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(3px);
    background-color: #00000013; }
    .dashboard .cargando svg {
      display: block;
      position: relative;
      height: auto;
      width: 60px;
      fill: #00377C;
      animation-name: spin;
      animation-duration: 1000ms;
      animation-iteration-count: infinite;
      animation-timing-function: linear; }
  .dashboard .montos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .dashboard .montos .monto {
      display: flex;
      flex-direction: column;
      background: #FFFFFF;
      border: 1px solid #DFEAEC;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      padding: 10px;
      margin-right: 10px;
      margin-bottom: 10px; }
      .dashboard .montos .monto .titulo {
        font-size: 12px;
        color: #979797;
        margin-bottom: 10px; }
      .dashboard .montos .monto .valor {
        font-size: 18px;
        color: #00377C; }
  .dashboard .graficos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px;
    width: 100%;
    min-height: 245px; }
    @media screen and (max-width: 1290px) {
      .dashboard .graficos {
        justify-content: space-between; } }
    @media screen and (max-width: 895px) {
      .dashboard .graficos {
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
    .dashboard .graficos .grafico {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
      background: #FFFFFF;
      border-radius: 10px;
      width: 30%;
      margin-right: 20px;
      margin-bottom: 20px;
      border: 1px solid #DFEAEC;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }
      @media screen and (max-width: 1290px) {
        .dashboard .graficos .grafico {
          width: 32%;
          margin-right: 0px; } }
      @media screen and (max-width: 1225px) {
        .dashboard .graficos .grafico {
          width: 33%; } }
      @media screen and (max-width: 1195px) {
        .dashboard .graficos .grafico {
          width: 49.5%; } }
      @media screen and (max-width: 895px) {
        .dashboard .graficos .grafico {
          width: 70%; } }
      @media screen and (max-width: 695px) {
        .dashboard .graficos .grafico {
          width: 100%; } }
      .dashboard .graficos .grafico h2 {
        display: block;
        position: relative;
        font-size: 12px;
        width: 100%;
        color: #979797;
        padding: 5px 10px;
        border-bottom: 1px solid #DFEAEC; }
        .dashboard .graficos .grafico h2 svg {
          display: block;
          position: absolute;
          top: 12px;
          right: 8px;
          height: auto;
          width: 18px; }
      .dashboard .graficos .grafico .divGraficoBar {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 10px; }
        .dashboard .graficos .grafico .divGraficoBar canvas {
          display: block;
          position: relative;
          width: 100%; }
      .dashboard .graficos .grafico .sinData {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-size: 25px;
        font-weight: bold;
        color: #979797; }
    .dashboard .graficos .grafico.circular .divGraficoCircular {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-around;
      width: 100%;
      padding: 10px; }
      .dashboard .graficos .grafico.circular .divGraficoCircular .circulo {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        position: relative;
        min-width: 180px;
        min-height: 180px;
        max-width: 180px;
        max-height: 180px;
        width: 180px;
        border-radius: 50%;
        margin: auto 0px; }
        @media screen and (max-width: 695px) {
          .dashboard .graficos .grafico.circular .divGraficoCircular .circulo {
            min-width: 130px;
            min-height: 130px;
            max-width: 130px;
            max-height: 130px;
            width: 130px; } }
        .dashboard .graficos .grafico.circular .divGraficoCircular .circulo p {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin: 0px;
          z-index: 1;
          height: 145px;
          width: 80%;
          border-radius: 50%;
          background-color: white;
          color: #979797;
          font-size: 12px; }
          @media screen and (max-width: 695px) {
            .dashboard .graficos .grafico.circular .divGraficoCircular .circulo p {
              height: 104px;
              font-size: 10px; } }
          .dashboard .graficos .grafico.circular .divGraficoCircular .circulo p span {
            font-weight: bold; }
      .dashboard .graficos .grafico.circular .divGraficoCircular .labels {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: auto; }
        .dashboard .graficos .grafico.circular .divGraficoCircular .labels .label {
          display: flex;
          flex-direction: column;
          font-size: 12px;
          align-items: center;
          color: #979797;
          margin-bottom: 5px; }
          .dashboard .graficos .grafico.circular .divGraficoCircular .labels .label span {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            font-weight: bold; }
            .dashboard .graficos .grafico.circular .divGraficoCircular .labels .label span div {
              display: block;
              height: 8px;
              width: 8px;
              margin-right: 8px; }
  .dashboard .graficos.sinBordes .grafico {
    border: 0px solid #DFEAEC;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.bar-container {
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .bar-container > div {
    flex-grow: 1;
    justify-content: flex-start; }

.filter_select {
  width: 100%; }

@media (min-width: 768px) {
  .bar-container {
    flex-direction: row; }
    .bar-container > div {
      flex-grow: unset;
      width: 15%; } }

@media (max-width: 575px) {
  .modal-base-general-container .modal-base {
    padding: 0px; } }

.modal-base-general-container .modal-base.w-800 {
  max-width: 800px;
  overflow: auto; }
  @media (max-width: 575px) {
    .modal-base-general-container .modal-base.w-800 {
      max-width: 95vw; }
      .modal-base-general-container .modal-base.w-800 .modal-base-title,
      .modal-base-general-container .modal-base.w-800 .modal-base-body {
        max-width: 95vw; } }

.modal-finanzas-marcar-como {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 100%; }
  .modal-finanzas-marcar-como .ant-form-item {
    margin-bottom: 0px; }
  .modal-finanzas-marcar-como .ant-form-item-label {
    width: 100%;
    font-weight: bold;
    padding: 0px; }
    .modal-finanzas-marcar-como .ant-form-item-label label {
      color: #00377C; }
  .modal-finanzas-marcar-como .ant-form-item-control {
    width: 100%; }
  .modal-finanzas-marcar-como .width-50 {
    margin-right: 0px;
    width: 49%; }
  .modal-finanzas-marcar-como .width-70 {
    margin-right: 0px;
    width: 70%; }
  .modal-finanzas-marcar-como .width-100 {
    width: 100%; }
  .modal-finanzas-marcar-como .display-block {
    display: block; }
  .modal-finanzas-marcar-como .margin-top-10 {
    margin-top: 10px; }
  .modal-finanzas-marcar-como .input-fecha-marcar-como {
    width: 27%;
    margin-left: auto; }
  .modal-finanzas-marcar-como .input-fecha-marcar-como.width-50 {
    width: 49%;
    margin-left: auto; }
    @media (max-width: 575px) {
      .modal-finanzas-marcar-como .input-fecha-marcar-como.width-50 {
        width: 100%;
        margin-left: 0px; } }
    .modal-finanzas-marcar-como .input-fecha-marcar-como.width-50 .ant-picker {
      width: 100%; }
  .modal-finanzas-marcar-como .contenedor-estado-pago-parcial,
  .modal-finanzas-marcar-como .contenedor-estado-pago-abono {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos,
    .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      max-width: 100%;
      border-radius: 5px;
      border: 1px solid #d9d9d9;
      max-height: 200px;
      overflow: auto; }
      .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo,
      .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: space-around;
        min-width: 550px;
        padding: 10px 5px 20px 5px;
        border-bottom: 1px solid #00387c65;
        transition: background-color 150ms;
        /*.monto span:last-of-type{
                    font-weight: bold;
                    @media (max-width: 575px) {
                        margin-left: auto;
                    }
                }*/ }
        .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo .sin-data,
        .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo .sin-data {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          padding: 10px;
          color: #00377C;
          font-size: 16px;
          font-weight: bold;
          line-height: 16px;
          text-align: center; }
        .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo .tabla-cobros-seleccionados,
        .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo .tabla-cobros-seleccionados {
          width: 100%;
          color: #00377C;
          margin-top: 10px;
          min-width: 500px; }
          .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo .tabla-cobros-seleccionados thead tr th:first-of-type,
          .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo .tabla-cobros-seleccionados thead tr th:first-of-type {
            text-align: left; }
          .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo .tabla-cobros-seleccionados tbody tr td:first-of-type,
          .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo .tabla-cobros-seleccionados tbody tr td:first-of-type {
            text-align: left; }
          .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo .tabla-cobros-seleccionados tbody tr td,
          .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo .tabla-cobros-seleccionados tbody tr td {
            text-align: center; }
          .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo .tabla-cobros-seleccionados tbody tr:last-of-type,
          .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo .tabla-cobros-seleccionados tbody tr:last-of-type {
            border-top: 1px solid #D8D8D8; }
        .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo .nombreMonto,
        .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo .nombreMonto {
          display: flex;
          flex-direction: column;
          align-items: center;
          color: #00377C;
          font-size: 14px;
          width: calc(100% / 4);
          /* span.mayor{
                      display: flex;
                      flex-direction: row;
                      flex-wrap: nowrap;
                      align-items: center;
                      justify-content: center;
                      color: rgb(220, 15, 15);
                      svg{
                        height: auto;
                        width: 16px;
                        margin-left: 5px;
                        fill: rgb(220, 15, 15);
                      }
                    } */ }
        .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo .nombreMonto,
        .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo .nombreMonto {
          text-align: left;
          padding: 0px 20px;
          width: 100%; }
          .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo .nombreMonto span,
          .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo .nombreMonto span {
            text-align: left; }
          @media (max-width: 575px) {
            .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo .nombreMonto,
            .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo .nombreMonto {
              padding: 0px;
              flex-direction: column;
              width: 100%; }
              .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo .nombreMonto span,
              .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo .nombreMonto span {
                text-align: center; } }
      .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo:hover,
      .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo:hover {
        background-color: #daebff; }
      .modal-finanzas-marcar-como .contenedor-estado-pago-parcial .cargos .cargo:last-of-type,
      .modal-finanzas-marcar-como .contenedor-estado-pago-abono .cargos .cargo:last-of-type {
        border-bottom: none; }
  .modal-finanzas-marcar-como .contenedor-botones-marcar-como {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    gap: 12px;
    margin-top: 20px; }
  @media (max-width: 575px) {
    .modal-finanzas-marcar-como {
      flex-direction: column; }
      .modal-finanzas-marcar-como .width-50 {
        width: 100%;
        margin: 0px; }
      .modal-finanzas-marcar-como .width-70 {
        width: 100%; }
      .modal-finanzas-marcar-como .ant-form-item {
        margin-bottom: 10px; }
      .modal-finanzas-marcar-como .input-fecha-marcar-como {
        width: 100%; }
        .modal-finanzas-marcar-como .input-fecha-marcar-como .ant-picker {
          width: 100%; }
      .modal-finanzas-marcar-como .margin-top-10 {
        margin-top: 0px; } }

.modal-base-general-container .modal-base.modal-commitments-detail {
  max-width: 670px;
  overflow: hidden;
  max-height: 800px; }
  @media screen and (max-width: 575px) {
    .modal-base-general-container .modal-base.modal-commitments-detail {
      display: flex;
      max-width: 100%; } }
  .modal-base-general-container .modal-base.modal-commitments-detail .modal-base-title {
    padding-bottom: 0px; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-commitments-detail .modal-base-title {
        display: flex;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px; } }
  @media screen and (max-width: 575px) {
    .modal-base-general-container .modal-base.modal-commitments-detail .modal-base-body {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-left: 0px;
      padding-right: 0px; } }
  .modal-base-general-container .modal-base.modal-commitments-detail .infoGeneral {
    display: flex;
    flex-direction: column;
    width: 50%;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-commitments-detail .infoGeneral {
        width: 100%; } }
    .modal-base-general-container .modal-base.modal-commitments-detail .infoGeneral p {
      font-size: 16px;
      color: #00377C;
      line-height: 18px;
      margin-bottom: 8px; }
      @media screen and (max-width: 575px) {
        .modal-base-general-container .modal-base.modal-commitments-detail .infoGeneral p {
          display: flex;
          flex-direction: column; } }
      .modal-base-general-container .modal-base.modal-commitments-detail .infoGeneral p span {
        font-weight: bold; }
    .modal-base-general-container .modal-base.modal-commitments-detail .infoGeneral p:last-of-type {
      margin-bottom: 0px; }
  .modal-base-general-container .modal-base.modal-commitments-detail .filtro {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-commitments-detail .filtro {
        justify-content: space-between; } }
    .modal-base-general-container .modal-base.modal-commitments-detail .filtro .campo {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      font-size: 16px;
      font-weight: bold;
      color: #00377C;
      margin-right: 20px; }
      @media screen and (max-width: 575px) {
        .modal-base-general-container .modal-base.modal-commitments-detail .filtro .campo {
          width: 45%;
          margin-right: 0px; } }
  .modal-base-general-container .modal-base.modal-commitments-detail .table-commitments-detail {
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 0px;
    width: 50%; }
    @media screen and (max-width: 575px) {
      .modal-base-general-container .modal-base.modal-commitments-detail .table-commitments-detail {
        width: 100%; } }
    .modal-base-general-container .modal-base.modal-commitments-detail .table-commitments-detail .ant-table-container table > thead > tr:first-child th:first-child {
      border-top-left-radius: 5px; }
    .modal-base-general-container .modal-base.modal-commitments-detail .table-commitments-detail .ant-table-container table > thead > tr:first-child th:last-child {
      border-top-right-radius: 5px; }
    .modal-base-general-container .modal-base.modal-commitments-detail .table-commitments-detail .ant-table-thead .ant-table-cell {
      background-color: #1CA690;
      color: white;
      font-feature-settings: normal;
      font-variant: normal;
      font-size: 14px;
      font-weight: 600;
      padding: 10px;
      text-align: left;
      line-height: 18px; }
    .modal-base-general-container .modal-base.modal-commitments-detail .table-commitments-detail .ant-table-body {
      padding-bottom: 0px;
      margin-bottom: 0px; }
      .modal-base-general-container .modal-base.modal-commitments-detail .table-commitments-detail .ant-table-body .ant-table-row {
        border-bottom: none;
        margin-bottom: 0px; }
        .modal-base-general-container .modal-base.modal-commitments-detail .table-commitments-detail .ant-table-body .ant-table-row .ant-table-cell {
          background-color: white;
          padding: 8px;
          border-bottom: 1px solid #D8D8D8; }
          .modal-base-general-container .modal-base.modal-commitments-detail .table-commitments-detail .ant-table-body .ant-table-row .ant-table-cell p {
            margin: 0px;
            color: #00377C;
            font-size: 14px;
            line-height: 21px; }
  .modal-base-general-container .modal-base.modal-commitments-detail .loading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 20px 0px; }
    .modal-base-general-container .modal-base.modal-commitments-detail .loading svg {
      height: auto;
      width: 40px;
      fill: #00377C;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .modal-base-general-container .modal-base.modal-commitments-detail .cancel-btn {
    bottom: 0;
    left: 40%;
    margin-top: 15px;
    background-color: #F76B1C;
    color: #FFFFFF; }

.modal-promote-student-select .rc-virtual-list .rc-virtual-list-holder .rc-virtual-list-holder-inner .ant-select-item {
  color: #00377C; }

.modal-promote-student-container {
  border-radius: 8px;
  background: #ffffff;
  z-index: 2;
  box-shadow: 0px -3px 16px rgba(0, 78, 89, 0.2);
  position: fixed;
  padding: 24px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  top: 10%;
  left: 0px;
  right: 0px;
  display: grid;
  grid-gap: 32px;
  min-width: 500px; }
  @media screen and (max-width: 575px) {
    .modal-promote-student-container {
      top: 6%;
      min-width: 0px;
      max-width: 90%;
      max-height: 80%;
      overflow-y: scroll; } }
  .modal-promote-student-container .modal-promote-student-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 575px) {
      .modal-promote-student-container .modal-promote-student-header {
        align-items: initial; } }
    .modal-promote-student-container .modal-promote-student-header h3 {
      margin: 0px;
      font-size: 24px !important;
      font-weight: 700;
      color: #00377C; }
    .modal-promote-student-container .modal-promote-student-header button {
      border: 0px;
      box-shadow: none;
      color: #00377C; }
      .modal-promote-student-container .modal-promote-student-header button:disabled {
        background-color: #ffffff00; }
  .modal-promote-student-container .modal-promote-student-body {
    display: grid;
    grid-gap: 16px; }
    .modal-promote-student-container .modal-promote-student-body p {
      margin: 0px;
      font-size: 14px !important;
      font-weight: 700;
      color: #00377C; }
      .modal-promote-student-container .modal-promote-student-body p .rojo {
        color: #E15555; }
    .modal-promote-student-container .modal-promote-student-body .ant-select {
      width: 100%; }
      .modal-promote-student-container .modal-promote-student-body .ant-select .ant-select-selector {
        border: 1px solid #DFEAEC;
        color: #00377C; }
      .modal-promote-student-container .modal-promote-student-body .ant-select .ant-select-arrow {
        font-size: 10px !important;
        color: #00377C; }
    .modal-promote-student-container .modal-promote-student-body .ant-picker {
      font-variant: normal;
      font-feature-settings: normal;
      border: 1px solid #DFEAEC; }
      .modal-promote-student-container .modal-promote-student-body .ant-picker .ant-picker-input span, .modal-promote-student-container .modal-promote-student-body .ant-picker .ant-picker-input input {
        color: #00377C; }
  .modal-promote-student-container .modal-promote-student-footer {
    display: flex; }
    .modal-promote-student-container .modal-promote-student-footer button {
      border: 0px;
      box-shadow: none;
      border-radius: 8px;
      display: flex;
      padding: 4px 8px;
      font-weight: bold;
      font-size: 16px !important; }
      .modal-promote-student-container .modal-promote-student-footer button:first-of-type {
        margin-left: auto;
        margin-right: 8px; }
    .modal-promote-student-container .modal-promote-student-footer .btn-cancel {
      color: #00377C;
      background-color: #E5F6FF; }
    .modal-promote-student-container .modal-promote-student-footer .btn-promote {
      color: #F76B1C;
      background-color: #FFF0E8; }

.modal-confirm-delete-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-delete-container {
      padding: 1rem .5rem;
      z-index: 4; } }
  .modal-confirm-delete-container h1 {
    margin-bottom: .5rem;
    color: #00377C;
    font-weight: 900;
    font-size: 26px !important; }
  .modal-confirm-delete-container p {
    text-align: center;
    margin-bottom: 4rem;
    color: #00377C;
    font-size: 16px !important;
    text-align: justify; }
  .modal-confirm-delete-container .modal-confirm-delete-btns-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: 100%;
    gap: 10px; }
    .modal-confirm-delete-container .modal-confirm-delete-btns-container .modal-confirm-delete-btn-cancel,
    .modal-confirm-delete-container .modal-confirm-delete-btns-container .modal-confirm-delete-btn-confirm {
      display: flex;
      align-items: center;
      border-radius: 8px;
      padding: 4px 8px;
      border: none;
      box-shadow: none;
      font-size: 16px !important;
      font-weight: bold; }
    .modal-confirm-delete-container .modal-confirm-delete-btns-container .modal-confirm-delete-btn-cancel {
      background-color: #E5F6FF;
      color: #00377C; }
    .modal-confirm-delete-container .modal-confirm-delete-btns-container .modal-confirm-delete-btn-confirm {
      background-color: #F76B1C;
      color: #FFFFFF; }

.header-attenda-container {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
  grid-gap: 8px; }
  .header-attenda-container .title-select-container {
    display: flex;
    align-items: center; }
    .header-attenda-container .title-select-container h1 {
      margin: 0;
      color: #00377C;
      font-weight: 900;
      font-size: 32px !important; }
    .header-attenda-container .title-select-container .ant-select {
      margin-left: .5rem;
      font-feature-settings: normal;
      font-variant: normal;
      min-width: 100px; }
      @media screen and (max-width: 575px) {
        .header-attenda-container .title-select-container .ant-select {
          margin-left: 0;
          margin-bottom: .5rem; } }
      .header-attenda-container .title-select-container .ant-select .ant-select-selector {
        border: 1px solid #DFEAEC;
        text-transform: capitalize;
        color: #00377C;
        font-weight: bold;
        font-size: 14px !important; }
      .header-attenda-container .title-select-container .ant-select .ant-select-arrow {
        color: #00377C;
        font-size: 10px !important; }
  .header-attenda-container .ant-picker {
    border-radius: 8px;
    background: #E5F6FF;
    height: min-content;
    border: none;
    padding: .25rem .75rem;
    justify-self: flex-end; }
    @media screen and (max-width: 687px) {
      .header-attenda-container .ant-picker {
        justify-self: flex-start; } }
    @media screen and (max-width: 575px) {
      .header-attenda-container .ant-picker {
        float: right; } }
    @media screen and (max-width: 370px) {
      .header-attenda-container .ant-picker {
        float: none; } }
    .header-attenda-container .ant-picker .ant-picker-input {
      flex-direction: row-reverse;
      text-align-last: center; }
      .header-attenda-container .ant-picker .ant-picker-input input {
        margin: 0;
        color: #00377C;
        font-weight: bold;
        font-size: 16px !important; }
      .header-attenda-container .ant-picker .ant-picker-input .ant-picker-suffix {
        color: #00377C; }
      .header-attenda-container .ant-picker .ant-picker-input .ant-picker-clear {
        display: none; }

.top-bar-attendance-container {
  margin: 16px 0px;
  border: 1px solid #DFEAEC;
  border-radius: 4px;
  padding: 8px 16px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 575px) {
    .top-bar-attendance-container {
      padding: 8px; } }
  .top-bar-attendance-container .search-reaload-container {
    display: flex;
    align-items: center; }
    .top-bar-attendance-container .search-reaload-container .ant-input-search {
      width: auto;
      border: 1px solid #DFEAEC; }
      .top-bar-attendance-container .search-reaload-container .ant-input-search .ant-input-group {
        color: #00377C;
        font-size: 14px !important;
        font-feature-settings: normal;
        font-variant: normal; }
        .top-bar-attendance-container .search-reaload-container .ant-input-search .ant-input-group .ant-input-affix-wrapper {
          border-radius: 2px;
          border: none; }
          .top-bar-attendance-container .search-reaload-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
            color: #00377C; }
          .top-bar-attendance-container .search-reaload-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input {
            color: #00377C;
            font-size: 14px !important;
            font-feature-settings: normal;
            font-variant: normal; }
        .top-bar-attendance-container .search-reaload-container .ant-input-search .ant-input-group .ant-input-group-addon {
          display: none; }
    .top-bar-attendance-container .search-reaload-container .reload {
      border: 1px solid #DFEAEC;
      margin: 0px 8px;
      border-radius: 4px;
      box-shadow: none;
      color: #00377C; }
  .top-bar-attendance-container .btn-take {
    width: fit-content;
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: none;
    box-shadow: none;
    font-weight: bold;
    font-size: 16px !important;
    background: #F76B1C;
    color: #ffffff; }

.table-attendace {
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  overflow-x: scroll;
  overflow-y: scroll; }
  .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
    border-radius: 4px; }
    .table-attendace .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; }
      .table-attendace .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; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
      text-align: right; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
      border: 1px solid #00377C; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
      background-color: #00377C; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
      background-color: #00377C; }
    .table-attendace .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: 130px; }
      @media screen and (max-width: 575px) {
        .table-attendace .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; } }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell img, .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        min-height: 40px;
        width: 40px;
        min-width: 40px;
        border-radius: 100%;
        object-fit: cover;
        color: #00377C;
        font-weight: bold;
        text-transform: uppercase;
        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; } }
      .table-attendace .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-weight: 800;
        font-size: 14px !important; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell span {
        color: #00377C;
        font-size: 14px !important; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button {
        display: flex;
        align-items: center;
        box-shadow: none;
        border: none;
        padding: 4px 8px;
        margin-right: 8px;
        background-color: #ffffff00; }
        .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button:first-of-type {
          margin-left: auto; }
        .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button:last-of-type {
          margin-right: 0px; }
        .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button:disabled span {
          color: rgba(0, 0, 0, 0.25); }
        .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button span {
          font-size: 20px !important; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-selection-column {
      width: 64px; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .img-cell {
      padding: 8px 16px;
      width: 70px; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-status-cell {
      min-width: 180px; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-status-cell div {
        width: fit-content;
        font-weight: bold;
        border-radius: 12px;
        font-size: 14px !important;
        text-transform: capitalize;
        padding: 0px 8px; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-status-cell .state-container-ok {
        background-color: #E5FFFA;
        color: #1CA690; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-status-cell .state-container-missing {
        background-color: #FFF0E8;
        color: #AA1E00; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-status-cell .state-container-no-attendance {
        border: 1px solid #E5FDFF;
        color: #00ADD1; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .departure-status-cell {
      min-width: 155px; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .departure-status-cell div {
        width: fit-content;
        font-weight: bold;
        border-radius: 12px;
        font-size: 14px !important;
        text-transform: capitalize;
        padding: 0px 8px;
        background-color: #E5FFFA;
        color: #00377C; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .who-send-attendance-cell {
      min-width: 130px; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .who-attendace-cell {
      min-width: 130px; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .departure-time-cell {
      min-width: 150px; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-time-cell {
      min-width: 140px; }
    .table-attendace .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; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .name-cell {
      text-transform: capitalize; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-selection-column .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
      border: 1px solid #00377C; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-selection-column .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
      background-color: #00377C; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row-selected .ant-table-cell {
      background-color: #fff; }
  .table-attendace .ant-spin-nested-loading .ant-pagination {
    padding: 0px 16px; }

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

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

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

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

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

.header-configuration-container {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); }
  .header-configuration-container .btns-container {
    display: flex;
    align-items: center; }
    .header-configuration-container .btns-container button {
      margin-right: 10px; }
      .header-configuration-container .btns-container button:first-of-type {
        margin-left: auto; }
      .header-configuration-container .btns-container button:last-of-type {
        margin-right: 0; }
    .header-configuration-container .btns-container .primary-btn, .header-configuration-container .btns-container .cancel-btn {
      border-radius: 8px; }
      @media screen and (max-width: 575px) {
        .header-configuration-container .btns-container .primary-btn, .header-configuration-container .btns-container .cancel-btn {
          border-radius: 5px; } }
    .header-configuration-container .btns-container .cancel-btn {
      border: 1px solid #D8D8D8; }

.settings-configuration-container {
  padding: 20px 10px;
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  grid-gap: 20px; }
  @media screen and (max-width: 575px) {
    .settings-configuration-container {
      padding: 10px 0; } }
  .settings-configuration-container .setting-configuration-item, .settings-configuration-container .setting-configuration-item-table, .settings-configuration-container .setting-configuration-item-select {
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    padding: 10px 30px 30px 30px;
    background-color: #ffffff;
    display: grid;
    display: -ms-grid;
    display: -moz-grid;
    grid-gap: 20px; }
    @media screen and (max-width: 575px) {
      .settings-configuration-container .setting-configuration-item, .settings-configuration-container .setting-configuration-item-table, .settings-configuration-container .setting-configuration-item-select {
        padding: 10px 20px; } }
    .settings-configuration-container .setting-configuration-item h3, .settings-configuration-container .setting-configuration-item-table h3, .settings-configuration-container .setting-configuration-item-select h3 {
      margin: 0;
      color: #00377C;
      font-size: 24px !important;
      font-weight: bold;
      line-height: 24px; }
    .settings-configuration-container .setting-configuration-item .settings-list, .settings-configuration-container .setting-configuration-item-table .settings-list, .settings-configuration-container .setting-configuration-item-select .settings-list {
      display: grid;
      display: -ms-grid;
      display: -moz-grid;
      grid-gap: 10px; }
    .settings-configuration-container .setting-configuration-item .header-setting-configuration-table, .settings-configuration-container .setting-configuration-item-table .header-setting-configuration-table, .settings-configuration-container .setting-configuration-item-select .header-setting-configuration-table {
      padding-top: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media screen and (max-width: 575px) {
        .settings-configuration-container .setting-configuration-item .header-setting-configuration-table, .settings-configuration-container .setting-configuration-item-table .header-setting-configuration-table, .settings-configuration-container .setting-configuration-item-select .header-setting-configuration-table {
          padding-top: 0; } }
  @media screen and (max-width: 575px) {
    .settings-configuration-container .setting-configuration-item-table {
      padding: 10px; } }
  .settings-configuration-container .setting-configuration-item-table .setting-configuration-table .period-cell, .settings-configuration-container .setting-configuration-item-table .setting-configuration-table .name-cell {
    min-width: 220px; }
  .settings-configuration-container .setting-configuration-item-table .setting-configuration-table .grades-cell {
    min-width: 350px; }
  .settings-configuration-container .setting-configuration-item-table .setting-configuration-table .state-cell .inactive, .settings-configuration-container .setting-configuration-item-table .setting-configuration-table .state-cell .active {
    width: fit-content;
    border-radius: 12px;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 24px;
    margin: auto;
    padding: 0 10px; }
  .settings-configuration-container .setting-configuration-item-table .setting-configuration-table .state-cell .inactive {
    background-color: #FFF0E8;
    color: #E15555; }
  .settings-configuration-container .setting-configuration-item-table .setting-configuration-table .state-cell .active {
    background-color: #E6FFFA;
    color: #1CA690; }
  .settings-configuration-container .setting-configuration-item-select {
    padding: 30px; }
    .settings-configuration-container .setting-configuration-item-select .setting-configuration-item-grid {
      display: grid;
      display: -ms-grid;
      display: -moz-grid;
      grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
      grid-gap: 30px; }
      @media screen and (max-width: 575px) {
        .settings-configuration-container .setting-configuration-item-select .setting-configuration-item-grid {
          grid-template-columns: repeat(1, 1fr); } }
      .settings-configuration-container .setting-configuration-item-select .setting-configuration-item-grid p {
        margin: 0;
        color: #00377C;
        font-size: 16px !important;
        line-height: 24px; }
      .settings-configuration-container .setting-configuration-item-select .setting-configuration-item-grid .select-setting-configuration {
        width: 100%; }
  .settings-configuration-container .acciones-div {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center; }

.modal-new-scholar-cycle-footer {
  display: flex;
  align-items: center; }
  .modal-new-scholar-cycle-footer button {
    border-radius: 5px;
    margin-right: 10px; }
    .modal-new-scholar-cycle-footer button:first-of-type {
      margin-left: auto; }
    .modal-new-scholar-cycle-footer button:last-of-type {
      margin-right: 0; }

.modal-new-scholar-cycle-body {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  grid-gap: 20px;
  min-width: 700px;
  padding: 0 10px;
  width: max-content; }
  @media screen and (max-width: 800px) {
    .modal-new-scholar-cycle-body {
      min-width: 0;
      padding: 0;
      width: fit-content; } }
  .modal-new-scholar-cycle-body .modal-new-scholar-cycle-body-item {
    display: grid;
    display: -ms-grid;
    display: -moz-grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
    @media screen and (max-width: 575px) {
      .modal-new-scholar-cycle-body .modal-new-scholar-cycle-body-item {
        grid-template-columns: repeat(1, 1fr); } }
    .modal-new-scholar-cycle-body .modal-new-scholar-cycle-body-item div:nth-child(n+2) {
      grid-column: 2 span; }
    .modal-new-scholar-cycle-body .modal-new-scholar-cycle-body-item p {
      margin: 0;
      color: #00377C;
      font-size: 16px !important;
      font-weight: bold;
      line-height: 24px; }
    .modal-new-scholar-cycle-body .modal-new-scholar-cycle-body-item .select-new-scholar-cycle {
      width: 100%; }

.create-edit-scholar-period-modal {
  display: flex;
  position: fixed;
  flex-direction: column;
  align-items: flex-start;
  z-index: 4;
  top: 10%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  width: 600px;
  max-width: 95%;
  min-width: 25%;
  max-height: 80%;
  overflow-y: scroll;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 2px 20px 0 #005FB920; }
  .create-edit-scholar-period-modal .header {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 20px;
    width: 100%; }
    .create-edit-scholar-period-modal .header .titulo {
      display: block;
      width: 90%;
      font-size: 22px;
      font-weight: bold;
      color: #00377C; }
      @media screen and (max-width: 575px) {
        .create-edit-scholar-period-modal .header .titulo {
          width: 80%; } }
    .create-edit-scholar-period-modal .header .options {
      display: flex;
      position: absolute;
      flex-direction: row;
      flex-wrap: nowrap;
      right: 0px;
      min-height: 10px;
      width: max-content;
      gap: 12px; }
      .create-edit-scholar-period-modal .header .options .close {
        display: block;
        height: auto;
        width: 20px;
        fill: #00377C;
        cursor: pointer; }
    .create-edit-scholar-period-modal .header .mensaje {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      border: 1px solid #DFEAEC;
      border-radius: 5px;
      padding: 10px;
      margin: 5px 0px;
      width: 100%;
      background-color: #FAFAFA; }
      .create-edit-scholar-period-modal .header .mensaje svg {
        height: auto;
        width: 18px;
        min-width: 18px;
        fill: #00377C;
        margin-right: 10px;
        transform: rotate(180deg); }
      .create-edit-scholar-period-modal .header .mensaje p {
        font-size: 13px;
        line-height: 14px;
        color: #00377C;
        margin: 0px; }
  .create-edit-scholar-period-modal .body {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 20px;
    width: 100%; }
    @media screen and (max-width: 575px) {
      .create-edit-scholar-period-modal .body {
        padding: 0px;
        margin: 15px 0px 25px 0px; } }
    .create-edit-scholar-period-modal .body .input {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 2px; }
      .create-edit-scholar-period-modal .body .input label {
        font-size: 18px;
        font-weight: bold;
        color: #00377C; }
        .create-edit-scholar-period-modal .body .input label span {
          color: #E15555; }
      .create-edit-scholar-period-modal .body .input .input-text {
        outline: none;
        border-radius: 3px;
        border: 1px solid #D8D8D8;
        padding: 0px 8px;
        font-size: 15px;
        height: 38px;
        color: #00377C; }
      .create-edit-scholar-period-modal .body .input .ant-select-focused .ant-select-selector,
      .create-edit-scholar-period-modal .body .input .ant-select-selector:focus,
      .create-edit-scholar-period-modal .body .input .ant-select-selector:active,
      .create-edit-scholar-period-modal .body .input .ant-select-open .ant-select-selector {
        border-color: #d9d9d9 !important;
        box-shadow: none !important; }
      .create-edit-scholar-period-modal .body .input .ant-select-selector {
        box-shadow: none;
        border-radius: 3px;
        border: 1px solid #D8D8D8;
        height: 38px;
        color: #00377C; }
        .create-edit-scholar-period-modal .body .input .ant-select-selector .ant-select-selection-item {
          display: flex;
          align-items: center; }
      .create-edit-scholar-period-modal .body .input .ciclo {
        width: 100%;
        text-align: right;
        font-size: 14px;
        color: #979797; }
      .create-edit-scholar-period-modal .body .input .ant-picker-range {
        outline: none;
        border-radius: 3px;
        border: 1px solid #D8D8D8;
        padding: 6px 8px;
        height: 38px;
        box-shadow: none; }
        .create-edit-scholar-period-modal .body .input .ant-picker-range .ant-picker-input input {
          color: #00377C; }
    .create-edit-scholar-period-modal .body .row {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      flex-wrap: nowrap;
      margin-top: 30px;
      width: 100%;
      gap: 10px; }
      @media screen and (max-width: 575px) {
        .create-edit-scholar-period-modal .body .row {
          flex-direction: column;
          margin-top: 10px; } }
      .create-edit-scholar-period-modal .body .row .input {
        width: 48%; }
        @media screen and (max-width: 575px) {
          .create-edit-scholar-period-modal .body .row .input {
            width: 100%; } }
  .create-edit-scholar-period-modal .footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    gap: 0px 12px; }
    .create-edit-scholar-period-modal .footer .ant-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 5px; }
      .create-edit-scholar-period-modal .footer .ant-btn svg {
        height: auto;
        width: 18px; }
    .create-edit-scholar-period-modal .footer .btn-cancel {
      border: none;
      color: #00377C;
      background-color: #F5F5F5; }
      .create-edit-scholar-period-modal .footer .btn-cancel svg {
        fill: #00377C; }
    .create-edit-scholar-period-modal .footer .btn-submit {
      border: none;
      color: #ffffff;
      background-color: #F76B1C; }
      .create-edit-scholar-period-modal .footer .btn-submit svg {
        fill: #ffffff; }
    .create-edit-scholar-period-modal .footer .btn-secondary {
      border: none;
      color: #F76B1C;
      background-color: #FFF0E8; }
      .create-edit-scholar-period-modal .footer .btn-secondary svg {
        fill: #F76B1C; }

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

.configuration-old-content-container {
  padding: 10px 30px 30px 30px;
  border-radius: 10px;
  border: 1px solid #D8D8D8;
  display: flow-root;
  background-color: #ffffff; }
  @media screen and (max-width: 575px) {
    .configuration-old-content-container {
      padding: 2rem .5rem; } }
  .configuration-old-content-container .section-container {
    margin-bottom: 16px; }
    .configuration-old-content-container .section-container .title {
      margin: 0;
      color: #00377C;
      font-weight: 900;
      font-size: 24px !important; }
    .configuration-old-content-container .section-container .types {
      display: grid;
      grid-template-columns: repeat(auto-fit, 1fr); }
      .configuration-old-content-container .section-container .types .columns {
        margin-top: 1.5rem;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
        .configuration-old-content-container .section-container .types .columns .type {
          margin-right: auto; }
          .configuration-old-content-container .section-container .types .columns .type .type-title {
            margin: 0;
            color: #00305740;
            font-weight: bold;
            font-size: 14px !important;
            margin-bottom: 16px; }
          .configuration-old-content-container .section-container .types .columns .type .fake-space {
            margin-bottom: 3rem; }
          .configuration-old-content-container .section-container .types .columns .type .option-container {
            display: flex;
            margin-bottom: .5rem; }
            .configuration-old-content-container .section-container .types .columns .type .option-container .checkbox-custom {
              margin-right: .75rem; }
              .configuration-old-content-container .section-container .types .columns .type .option-container .checkbox-custom .ant-checkbox {
                border: 1px solid #00377C;
                border-radius: 2px; }
                .configuration-old-content-container .section-container .types .columns .type .option-container .checkbox-custom .ant-checkbox .ant-checkbox-input {
                  border: none; }
                  .configuration-old-content-container .section-container .types .columns .type .option-container .checkbox-custom .ant-checkbox .ant-checkbox-input::after {
                    border: none; }
                .configuration-old-content-container .section-container .types .columns .type .option-container .checkbox-custom .ant-checkbox .ant-checkbox-inner {
                  border: none; }
              .configuration-old-content-container .section-container .types .columns .type .option-container .checkbox-custom .ant-checkbox-disabled .ant-checkbox-inner {
                background: #ffffff !important;
                border: none; }
              .configuration-old-content-container .section-container .types .columns .type .option-container .checkbox-custom .ant-checkbox-checked::after {
                border: none; }
              .configuration-old-content-container .section-container .types .columns .type .option-container .checkbox-custom .ant-checkbox-checked .ant-checkbox-inner {
                background: #00377C !important;
                border: none; }
                .configuration-old-content-container .section-container .types .columns .type .option-container .checkbox-custom .ant-checkbox-checked .ant-checkbox-inner::after {
                  border-color: #ffffff; }
            .configuration-old-content-container .section-container .types .columns .type .option-container .option-name {
              margin: 0;
              color: #00377C;
              font-weight: 400;
              font-size: 14px !important; }
  .configuration-old-content-container .buttons-container {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 575px) {
      .configuration-old-content-container .buttons-container {
        margin-bottom: 1rem;
        width: 100%;
        text-align: right; } }
    .configuration-old-content-container .buttons-container button {
      border-radius: 8px;
      border: none;
      box-shadow: none;
      display: flex;
      align-items: center;
      padding: 4px 8px;
      font-size: 16px !important;
      font-weight: bold;
      margin-right: 8px; }
      .configuration-old-content-container .buttons-container button:last-of-type {
        margin-right: 0px; }
      .configuration-old-content-container .buttons-container button:first-of-type {
        margin-left: auto; }
    .configuration-old-content-container .buttons-container .cancel-button {
      background-color: #F5F5F5;
      color: #00377C;
      border: 1px solid #D8D8D8; }
    .configuration-old-content-container .buttons-container .edit-button {
      background-color: #F76B1C;
      color: #ffffff; }
    .configuration-old-content-container .buttons-container .new-template-button {
      color: #fff;
      background: #F76B1C;
      margin-top: 1rem; }

.header-daily-report-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px; }
  @media screen and (max-width: 815px) {
    .header-daily-report-container {
      display: grid;
      grid-gap: 8px; } }
  .header-daily-report-container .title-container {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 375px) {
      .header-daily-report-container .title-container {
        display: grid;
        grid-gap: 8px; } }
    .header-daily-report-container .title-container h1 {
      color: #00377C;
      margin: 0;
      font-weight: 900;
      font-size: 32px !important;
      margin-right: 8px; }
    .header-daily-report-container .title-container .ant-select {
      font-feature-settings: normal;
      font-variant: normal;
      color: #00377C;
      font-size: 14px !important;
      font-weight: bold;
      min-width: 150px; }
      .header-daily-report-container .title-container .ant-select .ant-select-selector {
        border: 1px solid #DFEAEC;
        text-transform: capitalize; }
      .header-daily-report-container .title-container .ant-select .ant-select-arrow {
        color: #00377C;
        font-size: 10px !important; }
  .header-daily-report-container .ant-picker {
    border-radius: 8px;
    background: #E5F6FF;
    height: min-content;
    border: none;
    padding: .25rem .75rem;
    width: fit-content; }
    .header-daily-report-container .ant-picker .ant-picker-input {
      flex-direction: row-reverse;
      text-align-last: center; }
      .header-daily-report-container .ant-picker .ant-picker-input input {
        margin: 0;
        color: #00377C;
        font-weight: bold;
        font-size: 16px !important; }
      .header-daily-report-container .ant-picker .ant-picker-input .ant-picker-suffix {
        color: #00377C; }
      .header-daily-report-container .ant-picker .ant-picker-input .ant-picker-clear {
        display: none; }

.top-bar-daily-report-container {
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  margin-bottom: 16px;
  background-color: #fff; }
  @media screen and (max-width: 575px) {
    .top-bar-daily-report-container {
      padding: 8px; } }
  @media screen and (max-width: 375px) {
    .top-bar-daily-report-container {
      display: grid;
      grid-gap: 8px; } }
  .top-bar-daily-report-container .search-reload-container {
    display: flex;
    align-items: center; }
    .top-bar-daily-report-container .search-reload-container .ant-input-search {
      width: auto;
      border: 1px solid #DFEAEC; }
      .top-bar-daily-report-container .search-reload-container .ant-input-search .ant-input-group {
        color: #00377C;
        font-size: 14px !important;
        font-feature-settings: normal;
        font-variant: normal; }
        .top-bar-daily-report-container .search-reload-container .ant-input-search .ant-input-group .ant-input-affix-wrapper {
          border-radius: 2px;
          border: none; }
          .top-bar-daily-report-container .search-reload-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
            color: #00377C; }
          .top-bar-daily-report-container .search-reload-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input {
            color: #00377C;
            font-size: 14px !important;
            font-feature-settings: normal;
            font-variant: normal; }
        .top-bar-daily-report-container .search-reload-container .ant-input-search .ant-input-group .ant-input-group-addon {
          display: none; }
    .top-bar-daily-report-container .search-reload-container .btn-reload {
      border: 1px solid #DFEAEC;
      margin: 0px 8px;
      border-radius: 4px;
      box-shadow: none;
      color: #00377C; }
  .top-bar-daily-report-container .top-bar-daily-report-btns-container {
    display: flex;
    align-items: center;
    width: fit-content; }
    .top-bar-daily-report-container .top-bar-daily-report-btns-container .btn-send,
    .top-bar-daily-report-container .top-bar-daily-report-btns-container .btn-take,
    .top-bar-daily-report-container .top-bar-daily-report-btns-container .btnDescargaBorrador {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      display: flex;
      align-items: center;
      padding: 4px 8px;
      font-size: 16px;
      font-weight: bold;
      margin-right: 8px; }
      .top-bar-daily-report-container .top-bar-daily-report-btns-container .btn-send:last-of-type,
      .top-bar-daily-report-container .top-bar-daily-report-btns-container .btn-take:last-of-type,
      .top-bar-daily-report-container .top-bar-daily-report-btns-container .btnDescargaBorrador:last-of-type {
        margin-right: 0px; }
    .top-bar-daily-report-container .top-bar-daily-report-btns-container .btn-send {
      background: #FEF4E7;
      color: #F76B1C; }
    .top-bar-daily-report-container .top-bar-daily-report-btns-container .btn-take {
      background: #F76B1C;
      color: #ffffff; }
    @media screen and (max-width: 575px) {
      .top-bar-daily-report-container .top-bar-daily-report-btns-container .btnDescargaBorrador {
        display: none; } }

.table-daily-report {
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  overflow-x: scroll;
  overflow-y: scroll; }
  .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
    border-radius: 4px; }
    .table-daily-report .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; }
      .table-daily-report .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; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
      text-align: right; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
      border: 1px solid #00377C; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
      background-color: #00377C; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
      background-color: #00377C; }
    .table-daily-report .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;
      width: 50px;
      height: 75px; }
      .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell img, .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        min-height: 40px;
        width: 40px;
        min-width: 40px;
        border-radius: 100%;
        object-fit: cover;
        color: #00377C;
        font-weight: bold;
        text-transform: uppercase;
        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; } }
      .table-daily-report .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-weight: 800;
        font-size: 14px !important; }
      .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell span {
        color: #00377C;
        font-size: 14px !important; }
      .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button {
        display: flex;
        align-items: center;
        box-shadow: none;
        border: none;
        height: auto;
        padding: 4px 8px;
        margin-right: 8px;
        background-color: #ffffff00; }
        .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button:first-of-type {
          margin-left: auto; }
        .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button:last-of-type {
          margin-right: 0px; }
        .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button:disabled span {
          color: rgba(0, 0, 0, 0.25); }
        .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button span {
          font-size: 20px !important; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .img-cell {
      padding: 8px 16px;
      width: 72px; }
    .table-daily-report .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; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .name-cell {
      text-transform: capitalize; }
      .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .name-cell button {
        margin-left: unset !important; }
        .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .name-cell button[disabled] {
          cursor: default; }
          .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .name-cell button[disabled] span {
            color: #00377C; }
        .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .name-cell button span {
          font-size: 14px !important; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .state-cell .state-container-success, .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .state-cell .state-container-no, .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .state-cell .state-container-pre {
      border-radius: 12px;
      text-align: center;
      width: fit-content;
      padding: 0px 8px; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .state-cell .state-container-no {
      background-color: #FFF0E8; }
      .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .state-cell .state-container-no p {
        color: #DD5102; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .state-cell .state-container-pre {
      background-color: #FEF9E5; }
      .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .state-cell .state-container-pre p {
        color: #F2AA00; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .state-cell .state-container-success {
      background-color: #E5FFFA; }
      .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .state-cell .state-container-success p {
        color: #1CA690; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .last_update_cell {
      min-width: 180px; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .how-send-cell {
      min-width: 130px; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .publish-time-cell {
      min-width: 140px; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .read-cell {
      text-align: center;
      text-align: -webkit-center; }
      .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .read-cell .true-container, .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .read-cell .false-container {
        height: 24px;
        min-height: 24px;
        width: 24px;
        min-width: 24px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .read-cell .true-container span, .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .read-cell .false-container span {
          color: #fff;
          font-size: 12px !important; }
      .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .read-cell .true-container {
        background-color: #00E7BB; }
      .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .read-cell .false-container {
        background-color: #ff1844; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-selection-column .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
      border: 1px solid #00377C; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-selection-column .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
      background-color: #00377C; }
    .table-daily-report .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row-selected .ant-table-cell {
      background-color: #fff; }
  .table-daily-report .ant-spin-nested-loading .ant-pagination {
    padding: 0px 16px; }

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

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

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

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

.rc-virtual-list-holder-inner .ant-select-item-option .ant-select-item-option-content {
  font-feature-settings: normal;
  font-variant: normal;
  color: #00377C;
  font-size: 14px !important;
  font-weight: bold;
  text-transform: capitalize; }

.daily-report-container {
  overflow-y: scroll;
  padding: 16px 32px;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 720px) {
    .daily-report-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .daily-report-container {
      padding: 8px 12px 64px 12px; } }

.educators-container {
  overflow-y: scroll;
  padding: 16px 32px;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 720px) {
    .educators-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .educators-container {
      padding: 8px 12px 64px 12px; } }

.grades-container {
  overflow-y: scroll;
  padding: 16px 32px;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 720px) {
    .grades-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .grades-container {
      padding: 8px 12px 64px 12px; } }

.health-container {
  overflow-y: scroll;
  padding: 16px 32px;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 720px) {
    .health-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .health-container {
      padding: 8px 12px 64px 12px; } }

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

.module-container {
  overflow-y: scroll;
  padding: 16px 32px;
  display: grid;
  align-content: flex-start;
  grid-gap: 16px;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 720px) {
    .module-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .module-container {
      padding: 8px 12px 64px 12px; } }

.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  overflow: hidden; }

.bar-meetings-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid #DFEAEC; }
  .bar-meetings-container .ant-input-search {
    width: fit-content;
    border: 1px solid #DFEAEC;
    margin-right: 8px; }
    .bar-meetings-container .ant-input-search .ant-input-group {
      color: #00377C;
      font-size: 14px !important;
      font-feature-settings: normal;
      font-variant: normal; }
      .bar-meetings-container .ant-input-search .ant-input-group .ant-input-affix-wrapper {
        border-radius: 2px;
        border: none; }
        .bar-meetings-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
          color: #00377C; }
        .bar-meetings-container .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input {
          color: #00377C;
          font-size: 14px !important;
          font-feature-settings: normal;
          font-variant: normal; }
      .bar-meetings-container .ant-input-search .ant-input-group .ant-input-group-addon {
        display: none; }
  .bar-meetings-container button {
    border: none;
    box-shadow: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    font-size: 16px !important;
    font-weight: bold;
    color: #0060B9;
    background-color: #E5F6FF; }
    .bar-meetings-container button span {
      display: flex; }

.message-content {
  display: grid; }
  .message-content .buttons-edit-container {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    @media screen and (max-width: 980px) {
      .message-content .buttons-edit-container {
        margin-top: 10px; } }
    .message-content .buttons-edit-container button {
      display: flex;
      border-radius: 8px;
      padding: 4px 8px;
      font-weight: bold;
      font-size: 16px !important;
      align-items: center;
      margin-bottom: .5rem;
      border: none; }
    .message-content .buttons-edit-container .edit-button {
      color: #fff;
      background-color: #F76B1C; }
    .message-content .buttons-edit-container .delete-button {
      background-color: #FFF0E8;
      color: #AA1E00; }

.modal-loading-container {
  display: grid;
  z-index: 10;
  height: auto;
  width: auto;
  position: absolute;
  left: 45%;
  top: 40%;
  text-align: center;
  background-color: #E5FDFF99;
  padding: 16px;
  border-radius: 8px; }
  @media screen and (max-width: 575px) {
    .modal-loading-container {
      left: 30%; } }
  .modal-loading-container img {
    height: 120px;
    width: 120px; }
  .modal-loading-container p {
    margin: 0px;
    color: #00377C;
    font-weight: bold;
    font-size: 16px !important; }

.detail-message-container {
  border: 1px solid #DFEAEC;
  border-radius: 4px;
  overflow-y: scroll;
  overflow-x: scroll;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  max-height: 70vh;
  display: grid;
  background-color: #fff; }
  @media screen and (max-width: 575px) {
    .detail-message-container {
      position: absolute;
      background-color: #fff;
      top: 55px;
      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;
    align-items: center; }
    @media screen and (min-width: 980px) {
      .detail-message-container .btn-close-mobile {
        display: none; } }

@media screen and (max-width: 575px) {
  .detail-message-container::-webkit-scrollbar {
    width: 8px;
    height: 0px; } }

.detail-message-container::-webkit-scrollbar-track {
  border-radius: 4px; }

.detail-message-container::-webkit-scrollbar-thumb {
  background: #00ADD1;
  border-radius: 4px; }

.detail-message-container::-webkit-scrollbar-thumb:hover {
  background: #00ADD1; }

.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: 30vh;
      margin-bottom: 16px; } }
  .reponse-message-container .response-to {
    color: #00377C;
    font-weight: bold;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    margin-bottom: 8px; }
    .reponse-message-container .response-to span {
      text-transform: capitalize; }
    .reponse-message-container .response-to button {
      margin-left: auto;
      border: none;
      box-shadow: none;
      border-radius: 8px;
      padding: 4px 8px;
      font-weight: bold;
      font-size: 16px !important;
      color: #0060B9;
      background-color: #E6FAFF; }
  .reponse-message-container textarea {
    border: none;
    color: #00377C;
    font-size: 14px !important;
    margin-bottom: 16px;
    font-variant: normal;
    font-feature-settings: normal;
    resize: none; }
  .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; }

.core-detail-modal-planning .header {
  min-height: max-content; }
  .core-detail-modal-planning .header p {
    margin: 0px;
    margin-top: -5px;
    font-size: 15px;
    color: #979797; }

.core-detail-modal-planning .container-core-detail-table-planning {
  width: 100%;
  position: relative;
  border-radius: 4px 4px 0px 0px;
  overflow: auto;
  margin: 10px 0px 20px 0px; }
  .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning {
    min-width: 100%;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    font-size: 14px; }
    .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning thead tr {
      background-color: #1CA690;
      border: 1px solid #1CA690; }
      .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning thead tr th {
        color: #ffffff;
        text-align: center;
        padding: 12px 10px;
        white-space: nowrap; }
    .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr {
      background-color: #ffffff;
      border: 1px solid #D8D8D8;
      border-top: none;
      transition: background-color 150ms; }
      .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:first-of-type {
        padding-left: 20px; }
      .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td {
        padding: 10px;
        height: 100px;
        color: #00377C; }
      .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:nth-child(1) {
        min-width: 100px;
        white-space: nowrap;
        text-align: center; }
      .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:nth-child(2) {
        min-width: 250px; }
        @media screen and (max-width: 575px) {
          .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:nth-child(2) {
            min-width: 350px; } }
      .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:nth-child(3) div, .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:nth-child(4) div {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 12px; }
        .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:nth-child(3) div .evaluacion, .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:nth-child(4) div .evaluacion {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 5px 20px;
          border-radius: 5px;
          background-color: #ffffff50;
          font-size: 14px;
          font-weight: bold; }
        .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:nth-child(3) div .chip-base, .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:nth-child(4) div .chip-base {
          width: min-content;
          text-align: center; }
          .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:nth-child(3) div .chip-base span, .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr td:nth-child(4) div .chip-base span {
            white-space: nowrap; }
    .core-detail-modal-planning .container-core-detail-table-planning .core-detail-table-planning tbody tr:hover {
      background-color: #fbfbfb; }

.core-detail-modal-planning .cargando {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 30px 0px;
  padding: 0px 10px; }
  .core-detail-modal-planning .cargando svg {
    height: auto;
    width: 45px;
    fill: #979797;
    animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.observation-detail-modal-planning {
  width: 550px !important;
  z-index: 5 !important; }
  .observation-detail-modal-planning .body .chips {
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin: 15px 0px 18px 0px; }
    @media screen and (max-width: 575px) {
      .observation-detail-modal-planning .body .chips {
        flex-direction: column; } }
  .observation-detail-modal-planning .body p {
    color: #979797;
    margin: 0px 0px 15px 0px; }
  .observation-detail-modal-planning .body .adjuntos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #979797;
    margin-bottom: 18px; }
    .observation-detail-modal-planning .body .adjuntos .adjunto {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 90px;
      width: 90px;
      background-color: #F5F5F5;
      border-radius: 5px;
      cursor: pointer;
      overflow-y: auto;
      padding: 5px; }
      .observation-detail-modal-planning .body .adjuntos .adjunto span {
        word-break: break-all;
        font-size: 14px;
        color: #979797;
        transition: color 150ms; }
    .observation-detail-modal-planning .body .adjuntos .adjunto:hover span {
      color: #F76B1C; }
    .observation-detail-modal-planning .body .adjuntos .cargando {
      display: flex;
      justify-content: center;
      width: 100%;
      margin: 10px 0px;
      padding: 0px 10px; }
      .observation-detail-modal-planning .body .adjuntos .cargando svg {
        height: auto;
        width: 45px;
        fill: #979797;
        animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
    .observation-detail-modal-planning .body .adjuntos .sin-adjuntos {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 100%;
      font-size: 15px;
      font-weight: bold;
      color: #979797; }

.observation-detail-modal-planning-background {
  z-index: 4 !important; }

.student-core-detail-modal-planning {
  width: 787px !important; }
  @media screen and (max-width: 575px) {
    .student-core-detail-modal-planning .body .select-base-container {
      min-width: 100%; } }
  .student-core-detail-modal-planning .body .data-alumno {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 13px; }
    @media screen and (max-width: 575px) {
      .student-core-detail-modal-planning .body .data-alumno {
        flex-direction: column; } }
    .student-core-detail-modal-planning .body .data-alumno .foto {
      display: flex;
      min-height: 70px;
      min-width: 70px;
      border-radius: 7px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #F5F5F5;
      background-image: url(https://kidsbook-admin-production-uvdjzpn86pcew5798w67q7fnwg4mcaeva.s3.amazonaws.com/839842a0-b80a-450d-86ad-b4d10f00cf4a/student/97c40154-52e9-48b4-8703-97142b58cf80/Captura.JPG?AWSAccessKeyId=AKIATK33IXW4GA6UTVME&Signature=2Q9Hc0Fu8cFMEtR6TBoRV%2F2p0Kw%3D&Expires=1698352641); }
    .student-core-detail-modal-planning .body .data-alumno .info {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 10px; }
      @media screen and (max-width: 575px) {
        .student-core-detail-modal-planning .body .data-alumno .info {
          gap: 5px; } }
      .student-core-detail-modal-planning .body .data-alumno .info .nombre-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px 10px; }
        .student-core-detail-modal-planning .body .data-alumno .info .nombre-container .nombre {
          font-size: 23px;
          font-weight: bold;
          line-height: 23px;
          word-break: break-all;
          color: #00377C; }
      .student-core-detail-modal-planning .body .data-alumno .info .data {
        font-size: 14px;
        line-height: 14px;
        color: #979797; }
  .student-core-detail-modal-planning .body .contendor-filtros {
    display: flex;
    justify-content: flex-start;
    margin: 20px 0px 5px 0px; }
    @media screen and (max-width: 575px) {
      .student-core-detail-modal-planning .body .contendor-filtros {
        margin: 15px 0px; } }
  .student-core-detail-modal-planning .body .avances {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 20px 0px;
    gap: 20px; }
    @media screen and (max-width: 575px) {
      .student-core-detail-modal-planning .body .avances {
        margin: 0px 0px 15px 0px; } }
    .student-core-detail-modal-planning .body .avances .nucleo {
      display: flex;
      position: relative;
      flex-direction: column;
      border: 1px solid #DFEAEC;
      border-radius: 15px;
      padding: 15px 40px 15px 15px;
      max-width: 235px;
      min-width: 235px;
      background-color: #ffffff;
      color: #00377C;
      box-shadow: 0px 5.89393px 14.73483px 0px rgba(0, 0, 0, 0.1);
      cursor: pointer; }
      @media screen and (max-width: 575px) {
        .student-core-detail-modal-planning .body .avances .nucleo {
          max-width: 100%;
          min-width: 100%; } }
      .student-core-detail-modal-planning .body .avances .nucleo .porcentaje {
        font-size: 20px; }
        @media screen and (max-width: 575px) {
          .student-core-detail-modal-planning .body .avances .nucleo .porcentaje {
            font-size: 18px; } }
      .student-core-detail-modal-planning .body .avances .nucleo .titulo {
        font-size: 17px;
        font-weight: bold;
        line-height: 17px; }
        @media screen and (max-width: 575px) {
          .student-core-detail-modal-planning .body .avances .nucleo .titulo {
            font-size: 15px;
            line-height: 15px; } }
      .student-core-detail-modal-planning .body .avances .nucleo .barra {
        display: block;
        position: relative;
        width: 180px;
        height: 8px;
        margin: 10px 0px 20px 0px;
        border-radius: 10px;
        background-color: #B9F8C6;
        overflow: hidden; }
        @media screen and (max-width: 575px) {
          .student-core-detail-modal-planning .body .avances .nucleo .barra {
            width: 100%; } }
        .student-core-detail-modal-planning .body .avances .nucleo .barra .carga {
          display: block;
          position: absolute;
          height: 10px;
          width: 100%;
          background-color: #26B846; }
      .student-core-detail-modal-planning .body .avances .nucleo .cantidad {
        font-size: 15px;
        line-height: 15px; }
      .student-core-detail-modal-planning .body .avances .nucleo .abrir {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 8px;
        height: auto;
        width: 15px;
        fill: #979797;
        cursor: pointer;
        transition: fill 100ms; }
    .student-core-detail-modal-planning .body .avances .nucleo:hover .abrir {
      fill: #F76B1C; }
    .student-core-detail-modal-planning .body .avances .cargando {
      display: flex;
      justify-content: center;
      width: 100%;
      margin: 10px 0px;
      padding: 0px 10px; }
      .student-core-detail-modal-planning .body .avances .cargando svg {
        height: auto;
        width: 45px;
        fill: #979797;
        animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.no-selected-student-container-planning {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  min-height: 70vh;
  margin-top: -20px;
  padding: 30px 10px 10px 10px;
  border: 1px solid #D8D8D8;
  background-color: #ffffff; }
  .no-selected-student-container-planning span {
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: #00377C; }

.evaluation-indicator-detail-modal-planning .body .info {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
  color: #00377C;
  font-size: 15px;
  gap: 2px; }
  .evaluation-indicator-detail-modal-planning .body .info p {
    margin: 0px; }
  .evaluation-indicator-detail-modal-planning .body .info span {
    display: flex;
    align-items: center;
    gap: 10px; }

.evaluation-indicator-detail-modal-planning .body .titulo-seccion {
  width: 100%;
  margin-top: 20px;
  color: #00377C;
  font-size: 17px; }

.evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 30px;
  overflow: auto; }
  .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table {
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    min-width: 500px;
    width: 100%;
    overflow: hidden; }
    .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table thead th {
      padding: 10px;
      font-size: 14px;
      color: #ffffff;
      background-color: #1CA690; }
    .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table tbody tr {
      border-bottom: 1px solid #D8D8D8; }
      .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table tbody tr td {
        padding: 10px;
        font-size: 14px; }
      .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table tbody tr td:first-of-type {
        color: #00377C; }
      .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table tbody tr td:nth-child(2) {
        width: 165px;
        color: #979797; }
    .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table tbody tr:last-of-type {
      border-bottom: none; }
    .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table tbody .evaluacion {
      display: flex;
      justify-content: center;
      align-items: center; }
      .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table tbody .evaluacion .valor {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 34px;
        width: 50px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 5px;
        cursor: pointer; }
  .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table > thead > tr:not(:last-child) > td,
  .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table > tbody > tr:not(:last-child) > td,
  .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table > tr:not(:last-child) > td,
  .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table > thead:not(:last-child),
  .evaluation-indicator-detail-modal-planning .body .tabla-experiencias-container table > tbody:not(:last-child) {
    border-bottom: 1px solid #D8D8D8; }

.evaluation-indicator-detail-modal-planning .select-evaluacion {
  display: flex;
  position: fixed;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  width: fit-content;
  max-height: 218px;
  overflow-y: auto;
  gap: 7px;
  padding: 10px 15px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #EDEDED;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4); }
  .evaluation-indicator-detail-modal-planning .select-evaluacion .opcion {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    margin: 0px auto;
    width: 45px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    transition: color 100ms, background-color 100ms; }

.evaluation-indicator-detail-modal-planning .cargando {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 30px 0px;
  padding: 0px 10px; }
  .evaluation-indicator-detail-modal-planning .cargando svg {
    height: auto;
    width: 45px;
    fill: #979797;
    animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.evaluation-indicator-detail-modal-planning.dropdown-abierto {
  padding-bottom: 140px !important; }

.student-advances-planning-container {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: 70vh;
  margin-top: -20px;
  padding: 10px 20px;
  border: 1px solid #D8D8D8;
  background-color: #ffffff; }
  @media screen and (max-width: 575px) {
    .student-advances-planning-container {
      padding: 10px; } }
  .student-advances-planning-container .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .student-advances-planning-container .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .student-advances-planning-container .sin-data {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    align-items: center;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #979797; }
  .student-advances-planning-container .titulo-seccion {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #00377C; }
  .student-advances-planning-container .info-alumno {
    display: flex;
    flex-direction: column; }
    .student-advances-planning-container .info-alumno .detalle {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 10px; }
      @media screen and (max-width: 575px) {
        .student-advances-planning-container .info-alumno .detalle {
          flex-direction: column; } }
      .student-advances-planning-container .info-alumno .detalle .foto {
        min-height: 120px;
        max-height: 120px;
        min-width: 120px;
        max-width: 120px;
        margin-right: 10px;
        border-radius: 10px;
        background-color: #F5F5F5;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
      .student-advances-planning-container .info-alumno .detalle .info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 15px;
        color: #00377C; }
        .student-advances-planning-container .info-alumno .detalle .info .nombre {
          color: #1CA690; }
  .student-advances-planning-container .comentario {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #747474; }
    .student-advances-planning-container .comentario .comentario-sin-editar {
      width: 100%;
      word-break: break-all; }
      .student-advances-planning-container .comentario .comentario-sin-editar svg {
        fill: #979797;
        height: auto;
        width: 18px;
        cursor: pointer;
        margin-left: 5px; }
    .student-advances-planning-container .comentario textarea {
      width: 100%;
      padding: 5px;
      outline: none;
      min-height: 100px;
      border-radius: 4px;
      border-color: #979797; }
    .student-advances-planning-container .comentario .botones {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      gap: 15px;
      width: 100%;
      margin-top: 15px; }
  .student-advances-planning-container .comentario-padding-10 {
    padding: 0px 10px; }
    @media screen and (max-width: 575px) {
      .student-advances-planning-container .comentario-padding-10 {
        padding: 0px; } }
  .student-advances-planning-container .seleccionar-ambito-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: calc(100% + 40px) !important;
    margin-top: 30px;
    margin-left: -20px;
    border-bottom: 1px solid #D8D8D8;
    overflow: auto; }
    @media screen and (max-width: 575px) {
      .student-advances-planning-container .seleccionar-ambito-container {
        margin-left: -10px;
        width: calc(100% + 20px) !important; } }
    .student-advances-planning-container .seleccionar-ambito-container .ambito {
      display: flex;
      white-space: nowrap;
      padding: 10px 8px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border: 1px solid #D8D8D8;
      border-bottom: none;
      font-size: 15px;
      color: #00377C;
      cursor: pointer;
      transition: background-color 150ms, border 150ms, color 150ms; }
    .student-advances-planning-container .seleccionar-ambito-container .ambito.actual {
      color: #ffffff;
      border: 1px solid #1CA690;
      background-color: #1CA690; }
  .student-advances-planning-container .nucleo-seleccionado-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px; }
    @media screen and (max-width: 575px) {
      .student-advances-planning-container .nucleo-seleccionado-container {
        padding: 0px; } }
    .student-advances-planning-container .nucleo-seleccionado-container .selector-nucleos-container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 10px;
      width: 100%;
      margin-bottom: 10px;
      overflow: auto; }
      .student-advances-planning-container .nucleo-seleccionado-container .selector-nucleos-container .nucleo {
        display: flex;
        align-items: center;
        white-space: nowrap;
        padding: 8px;
        color: #00377C;
        font-size: 15px;
        border-bottom: 3px solid #D8D8D8;
        background-color: #ffffff;
        cursor: pointer;
        transition: border-bottom 150ms, color 150ms; }
      .student-advances-planning-container .nucleo-seleccionado-container .selector-nucleos-container .nucleo.actual {
        color: #1CA690;
        border-bottom: 3px solid #1CA690; }
    .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container,
    .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      width: 100%;
      overflow: auto; }
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container table,
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container table {
        border-spacing: 0;
        border-collapse: separate;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        min-width: 500px;
        width: 100%;
        overflow: hidden; }
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container table thead th,
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container table thead th {
          padding: 10px;
          font-size: 14px;
          color: #ffffff;
          background-color: #1CA690; }
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container table tbody tr,
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container table tbody tr {
          border-bottom: 1px solid #D8D8D8; }
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container table tbody tr:last-of-type,
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container table tbody tr:last-of-type {
          border-bottom: none; }
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container table > thead > tr:not(:last-child) > td,
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container table > tbody > tr:not(:last-child) > td,
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container table > tr:not(:last-child) > td,
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container table > thead:not(:last-child),
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container table > tbody:not(:last-child),
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container table > thead > tr:not(:last-child) > td,
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container table > tbody > tr:not(:last-child) > td,
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container table > tr:not(:last-child) > td,
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container table > thead:not(:last-child),
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container table > tbody:not(:last-child) {
        border-bottom: 1px solid #D8D8D8; }
    .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container {
      margin-bottom: 10px; }
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container .td-borrar {
        text-align: center;
        width: 0px;
        padding: 0px 8px;
        border-right: 1px solid #D8D8D8;
        background-color: #FAFAFA; }
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container .td-borrar svg {
          height: auto;
          width: 25px;
          color: #F76B1C;
          cursor: pointer; }
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container .info {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 10px; }
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container .info span, .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container .info p {
          margin: 0px;
          font-size: 14px;
          color: #747474; }
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container .info .nombre {
          color: #00377C; }
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-observaciones-container .info .creador {
          color: #1CA690; }
    .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container {
      margin-bottom: 10px; }
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container thead th:nth-child(2) {
        width: 250px; }
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container tr td {
        padding: 10px;
        font-size: 14px;
        color: #00377C; }
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container tr td .evaluacion {
          display: flex;
          justify-content: center;
          align-items: center; }
          .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container tr td .evaluacion .valor {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 34px;
            width: 50px;
            font-size: 14px;
            font-weight: bold;
            border-radius: 5px;
            cursor: pointer; }
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container tr .td-ocultar {
        text-align: center;
        width: 0px;
        border-right: 1px solid #D8D8D8;
        background-color: #FAFAFA; }
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container tr .td-ocultar svg {
          height: auto;
          width: 25px;
          color: #00377C;
          fill: #00377C;
          cursor: pointer; }
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container tr .td-ocultar svg.no-click {
          cursor: not-allowed; }
      .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container tr .td-editar {
        text-align: center;
        width: 0px;
        padding: 0px 30px 0px 15px; }
        .student-advances-planning-container .nucleo-seleccionado-container .tabla-evaluaciones-container tr .td-editar svg {
          height: auto;
          width: 25px;
          color: #00377C;
          fill: #00377C;
          cursor: pointer; }
  .student-advances-planning-container .select-evaluacion {
    display: flex;
    position: fixed;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    width: fit-content;
    max-height: 218px;
    overflow-y: auto;
    gap: 7px;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #EDEDED;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4); }
    .student-advances-planning-container .select-evaluacion .opcion {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 5px 10px;
      margin: 0px auto;
      width: 45px;
      border-radius: 5px;
      font-size: 13px;
      font-weight: bold;
      cursor: pointer;
      transition: color 100ms, background-color 100ms; }

.firmas-container {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  padding: 10px 20px;
  border: 1px solid #D8D8D8;
  background-color: #ffffff; }
  @media screen and (max-width: 575px) {
    .firmas-container {
      padding: 10px; } }
  .firmas-container .titulo-seccion {
    width: 100%;
    margin: 10px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #00377C; }
  .firmas-container .detalle {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px; }
    @media screen and (max-width: 575px) {
      .firmas-container .detalle {
        flex-direction: column; } }
    .firmas-container .detalle .info {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      font-size: 15px;
      color: #00377C;
      margin-bottom: 10px; }
      .firmas-container .detalle .info .nombre {
        color: #1CA690; }
  .firmas-container .firmas {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 0px;
    margin-bottom: 20px; }
    @media screen and (max-width: 575px) {
      .firmas-container .firmas {
        flex-direction: column; } }
    .firmas-container .firmas .sin-firmas {
      display: flex;
      flex-direction: row;
      justify-content: center;
      width: 100%;
      align-items: center;
      font-size: 20px;
      font-weight: bold;
      color: #979797; }
    .firmas-container .firmas .firma {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 30%; }
      @media screen and (max-width: 875px) {
        .firmas-container .firmas .firma {
          width: 48%; } }
      @media screen and (max-width: 575px) {
        .firmas-container .firmas .firma {
          width: 100%;
          margin-bottom: 20px; } }
      .firmas-container .firmas .firma img {
        height: auto;
        width: 80%; }
      .firmas-container .firmas .firma span {
        font-weight: bold;
        font-size: 30px;
        color: #979797; }
      .firmas-container .firmas .firma .linea {
        width: 100%;
        height: 1px;
        margin: 10px 0px 20px 0px;
        background-color: #00377C; }
        @media screen and (max-width: 575px) {
          .firmas-container .firmas .firma .linea {
            margin: 5px 0px; } }
      .firmas-container .firmas .firma .sin-firma,
      .firmas-container .firmas .firma .nombre,
      .firmas-container .firmas .firma .rol {
        font-size: 14px;
        color: #979797; }
      .firmas-container .firmas .firma .sin-firma {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px; }
        .firmas-container .firmas .firma .sin-firma svg {
          height: auto;
          width: 20px;
          transform: rotate(180deg);
          fill: #979797; }

.margen {
  margin-bottom: 250px; }

.reports-table-and-preview-planning-container {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: 70vh;
  margin-top: -20px;
  padding: 10px 20px;
  border: 1px solid #D8D8D8;
  background-color: #ffffff; }
  .reports-table-and-preview-planning-container .tabla-reportes-planning-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin-top: 12px;
    border-radius: 4px 4px 0px 0px;
    overflow-x: scroll; }
    .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning {
      min-width: 100%;
      border-radius: 4px 4px 0px 0px;
      overflow: hidden;
      font-size: 14px; }
      .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning thead tr {
        background-color: #1CA690;
        border: 1px solid #1CA690; }
        .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning thead tr th {
          color: #ffffff;
          text-align: center;
          padding: 12px 10px;
          white-space: nowrap; }
      .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning tbody tr {
        background-color: #ffffff;
        border: 1px solid #D8D8D8;
        border-top: none;
        transition: background-color 150ms; }
        .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning tbody tr td {
          padding: 12px;
          color: #00377C;
          text-align: center; }
        .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning tbody tr td:nth-child(3) {
          min-width: 50px; }
          .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning tbody tr td:nth-child(3) div {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;
            gap: 12px; }
            .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning tbody tr td:nth-child(3) div .chip-base {
              width: min-content;
              text-align: center; }
              .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning tbody tr td:nth-child(3) div .chip-base span {
                white-space: nowrap; }
        .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning tbody tr td:last-of-type div {
          display: flex;
          flex-direction: row;
          justify-content: center; }
          .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning tbody tr td:last-of-type div svg {
            height: auto;
            width: 20px;
            fill: #00377C;
            cursor: pointer; }
      .reports-table-and-preview-planning-container .tabla-reportes-planning-container .tabla-reportes-planning tbody tr:hover {
        background-color: #fbfbfb; }
  .reports-table-and-preview-planning-container .preview-informe-container {
    display: flex;
    flex-direction: column;
    width: calc(100% + 40px);
    min-height: 20vh;
    margin-top: -10px;
    margin-left: -20px;
    background-color: #ffffff; }
    .reports-table-and-preview-planning-container .preview-informe-container .volver-lista-reportes {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 8px;
      gap: 10px;
      background-color: #1CA690;
      cursor: pointer; }
      .reports-table-and-preview-planning-container .preview-informe-container .volver-lista-reportes svg {
        height: auto;
        width: 18px;
        color: #ffffff; }
      .reports-table-and-preview-planning-container .preview-informe-container .volver-lista-reportes span {
        font-size: 15px;
        color: #ffffff; }
    .reports-table-and-preview-planning-container .preview-informe-container .padding-base {
      padding: 0px 20px; }
    .reports-table-and-preview-planning-container .preview-informe-container .titulo-seccion {
      width: 100%;
      margin-top: 15px;
      margin-bottom: 10px;
      text-align: left;
      font-size: 16px;
      font-weight: bold;
      color: #00377C; }
    .reports-table-and-preview-planning-container .preview-informe-container .detalle {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 10px;
      padding-bottom: 15px; }
      @media screen and (max-width: 575px) {
        .reports-table-and-preview-planning-container .preview-informe-container .detalle {
          flex-direction: column; } }
      .reports-table-and-preview-planning-container .preview-informe-container .detalle .foto {
        min-height: 120px;
        max-height: 120px;
        min-width: 120px;
        max-width: 120px;
        margin-right: 10px;
        border-radius: 10px;
        background-color: #F5F5F5;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
      .reports-table-and-preview-planning-container .preview-informe-container .detalle .info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 15px;
        color: #00377C; }
        .reports-table-and-preview-planning-container .preview-informe-container .detalle .info .nombre {
          color: #1CA690; }
    .reports-table-and-preview-planning-container .preview-informe-container .comentario-general {
      width: 100%;
      margin-bottom: 15px;
      word-break: break-all;
      font-size: 15px;
      color: #747474; }
    .reports-table-and-preview-planning-container .preview-informe-container .niveles-de-logro-container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      width: 100%;
      gap: 40px;
      margin-bottom: 10px; }
      @media screen and (max-width: 575px) {
        .reports-table-and-preview-planning-container .preview-informe-container .niveles-de-logro-container {
          gap: 10px; } }
      .reports-table-and-preview-planning-container .preview-informe-container .niveles-de-logro-container .nivel {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 70px;
        min-width: 150px;
        padding: 10px;
        border-radius: 8px; }
        .reports-table-and-preview-planning-container .preview-informe-container .niveles-de-logro-container .nivel span {
          font-size: 14px; }
        .reports-table-and-preview-planning-container .preview-informe-container .niveles-de-logro-container .nivel .acronimo {
          font-size: 28px;
          font-weight: bold;
          line-height: 28px;
          margin-bottom: 3px; }
    .reports-table-and-preview-planning-container .preview-informe-container .seleccionar-ambito-container {
      display: flex;
      flex-direction: row;
      gap: 10px;
      width: 100%;
      margin-top: 40px;
      border-bottom: 1px solid #D8D8D8;
      overflow: auto; }
      .reports-table-and-preview-planning-container .preview-informe-container .seleccionar-ambito-container .ambito {
        display: flex;
        white-space: nowrap;
        padding: 10px 8px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border: 1px solid #D8D8D8;
        border-bottom: none;
        font-size: 15px;
        color: #00377C;
        cursor: pointer;
        transition: background-color 150ms, border 150ms, color 150ms; }
      .reports-table-and-preview-planning-container .preview-informe-container .seleccionar-ambito-container .ambito.actual {
        color: #ffffff;
        border-color: #1CA690;
        background-color: #1CA690; }
    .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container,
    .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 5px;
      margin-bottom: 10px; }
      @media screen and (max-width: 960px) {
        .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container,
        .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container {
          margin-bottom: 20px; } }
      .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-ambito,
      .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-nucleo,
      .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-ambito,
      .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-nucleo {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
        font-size: 14px;
        border-bottom: 1px solid #D8D8D8; }
        @media screen and (max-width: 960px) {
          .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-ambito,
          .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-nucleo,
          .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-ambito,
          .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-nucleo {
            flex-direction: column; } }
        .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-ambito span,
        .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-nucleo span,
        .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-ambito span,
        .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-nucleo span {
          width: 12%;
          color: #1CA690; }
          @media screen and (max-width: 960px) {
            .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-ambito span,
            .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-nucleo span,
            .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-ambito span,
            .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-nucleo span {
              width: 100%; } }
        .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-ambito p,
        .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-nucleo p,
        .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-ambito p,
        .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-nucleo p {
          width: 88%;
          padding: 10px;
          margin: 0px;
          color: #747474; }
          @media screen and (max-width: 960px) {
            .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-ambito p,
            .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-nucleo p,
            .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-ambito p,
            .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-nucleo p {
              width: 100%;
              padding: 0px; } }
      .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-ambito:last-of-type,
      .reports-table-and-preview-planning-container .preview-informe-container .observaciones-ambito-container .observacion-nucleo:last-of-type,
      .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-ambito:last-of-type,
      .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container .observacion-nucleo:last-of-type {
        border: none; }
    .reports-table-and-preview-planning-container .preview-informe-container .observaciones-nucleo-container {
      margin: 10px 0px; }
    .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-bottom: 10px; }
      .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo .nombre-nucleo {
        display: flex;
        align-items: center;
        padding: 10px 10px;
        color: #ffffff;
        font-size: 16px;
        width: 100%;
        background-color: #1CA690; }
      .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo .container-tabla-indicadores {
        display: flex;
        position: relative;
        flex-direction: row;
        padding: 20px 15px;
        overflow: auto; }
        .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo .container-tabla-indicadores .tabla-indicadores-por-nucleo {
          min-width: 500px;
          width: 100%; }
          .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo .container-tabla-indicadores .tabla-indicadores-por-nucleo thead tr {
            border: 1px solid #D8D8D8; }
            .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo .container-tabla-indicadores .tabla-indicadores-por-nucleo thead tr th {
              text-align: left;
              padding: 5px 10px;
              color: #1CA690;
              background-color: #E6FFFA; }
            .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo .container-tabla-indicadores .tabla-indicadores-por-nucleo thead tr .th-periodo {
              text-align: center;
              width: 200px; }
          .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo .container-tabla-indicadores .tabla-indicadores-por-nucleo tbody tr {
            border: 1px solid #D8D8D8; }
            .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo .container-tabla-indicadores .tabla-indicadores-por-nucleo tbody tr td {
              padding: 10px;
              color: #00377C; }
              .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo .container-tabla-indicadores .tabla-indicadores-por-nucleo tbody tr td .contenedor-evaluacion {
                display: flex;
                justify-content: center; }
                .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo .container-tabla-indicadores .tabla-indicadores-por-nucleo tbody tr td .contenedor-evaluacion .evaluacion {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  height: 34px;
                  width: 50px;
                  font-size: 14px;
                  font-weight: bold;
                  border-radius: 5px; }
            .reports-table-and-preview-planning-container .preview-informe-container .detalle-nucleo .container-tabla-indicadores .tabla-indicadores-por-nucleo tbody tr .sin-indicadores {
              text-align: center;
              font-weight: bold; }
    .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container {
      display: flex;
      flex-direction: column;
      border-top: 1px solid #D8D8D8;
      margin-bottom: 20px; }
      .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container {
        overflow: auto; }
        .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container table {
          min-width: 500px;
          width: 100%; }
          .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container table thead th {
            padding: 10px;
            color: #ffffff;
            background-color: #1CA690; }
          .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container table thead .th-periodo {
            text-align: center;
            width: 150px;
            border-top-left-radius: 5px; }
          .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container table thead th:last-of-type {
            border-top-right-radius: 5px; }
          .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container table tbody tr {
            border: 1px solid #D8D8D8; }
            .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container table tbody tr .td-periodo {
              text-align: center;
              color: #1CA690; }
            .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container table tbody tr .info {
              display: flex;
              flex-direction: column;
              width: 100%;
              padding: 10px; }
              .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container table tbody tr .info span, .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container table tbody tr .info p {
                margin: 0px;
                font-size: 14px;
                color: #747474; }
              .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container table tbody tr .info .nombre {
                color: #00377C; }
              .reports-table-and-preview-planning-container .preview-informe-container .observaciones-container .tabla-observaciones-container table tbody tr .info .creador {
                color: #1CA690; }
    .reports-table-and-preview-planning-container .preview-informe-container .datos-establecimiento-container {
      padding: 10px 20px;
      border-top: 1px solid #D8D8D8; }
      @media screen and (max-width: 575px) {
        .reports-table-and-preview-planning-container .preview-informe-container .datos-establecimiento-container {
          padding: 10px; } }
    .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe {
      display: flex;
      flex-direction: column;
      max-width: 100%;
      padding: 10px 20px;
      border-top: 1px solid #D8D8D8;
      background-color: #ffffff; }
      @media screen and (max-width: 575px) {
        .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe {
          padding: 10px; } }
      .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .titulo-seccion {
        width: 100%;
        margin: 10px 0px;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        color: #00377C; }
      .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .detalle {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10px; }
        @media screen and (max-width: 575px) {
          .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .detalle {
            flex-direction: column; } }
        .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .detalle .info {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          font-size: 15px;
          color: #00377C;
          margin-bottom: 10px; }
          .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .detalle .info .nombre {
            color: #1CA690; }
      .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
        width: 100%;
        padding: 20px 0px;
        margin-bottom: 20px; }
        @media screen and (max-width: 575px) {
          .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas {
            flex-direction: column; } }
        .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .sin-firmas {
          display: flex;
          flex-direction: row;
          justify-content: center;
          width: 100%;
          align-items: center;
          font-size: 16px;
          font-weight: bold;
          color: #979797; }
        .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma {
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 30%; }
          @media screen and (max-width: 875px) {
            .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma {
              width: 48%; } }
          @media screen and (max-width: 575px) {
            .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma {
              width: 100%;
              margin-bottom: 20px; } }
          .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma img {
            height: auto;
            width: 80%; }
          .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma span {
            font-weight: bold;
            font-size: 30px;
            color: #979797; }
          .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma .linea {
            width: 100%;
            height: 1px;
            margin: 10px 0px 20px 0px;
            background-color: #00377C; }
            @media screen and (max-width: 575px) {
              .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma .linea {
                margin: 5px 0px; } }
          .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma .sin-firma,
          .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma .nombre,
          .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma .rol {
            font-size: 14px;
            color: #979797; }
          .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma .sin-firma {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 5px; }
            .reports-table-and-preview-planning-container .preview-informe-container .firmas-container-informe .firmas .firma .sin-firma svg {
              height: auto;
              width: 20px;
              transform: rotate(180deg);
              fill: #979797; }
  .reports-table-and-preview-planning-container .sin-observaciones,
  .reports-table-and-preview-planning-container .sin-data {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #979797;
    font-size: 25px;
    font-weight: bold; }
    @media screen and (max-width: 575px) {
      .reports-table-and-preview-planning-container .sin-observaciones,
      .reports-table-and-preview-planning-container .sin-data {
        font-size: 20px;
        margin-top: 15px; } }
  .reports-table-and-preview-planning-container .sin-observaciones {
    font-size: 16px;
    margin-top: 0px; }
    @media screen and (max-width: 575px) {
      .reports-table-and-preview-planning-container .sin-observaciones {
        font-size: 16px;
        margin-top: 5px; } }
  .reports-table-and-preview-planning-container .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .reports-table-and-preview-planning-container .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.page-container-evaluaciones {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-height: 100%;
  padding: 20px;
  gap: 16px;
  background-color: #FAFAFA; }
  @media screen and (max-width: 575px) {
    .page-container-evaluaciones {
      margin-bottom: 64px;
      padding: 16px 12px; } }

.modal-planning-detalle-experiencia {
  width: 750px !important;
  padding: 0px !important; }
  .modal-planning-detalle-experiencia .chip-base {
    margin: 0px 0px 20px 0px; }
  .modal-planning-detalle-experiencia .eye {
    margin-right: 20px;
    margin-bottom: 10px; }
  .modal-planning-detalle-experiencia .contenedor-opciones-navegacion {
    display: flex;
    position: relative;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #D8D8D8; }
    .modal-planning-detalle-experiencia .contenedor-opciones-navegacion .opciones {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      padding: 0px 16px;
      width: 100%;
      gap: 5px;
      overflow: auto; }
      .modal-planning-detalle-experiencia .contenedor-opciones-navegacion .opciones .opcion {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 15px;
        font-size: 14px;
        color: #00377C;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border: 1px solid #D8D8D8;
        border-bottom: none;
        background-color: #ffffff;
        cursor: pointer; }
        @media screen and (max-width: 575px) {
          .modal-planning-detalle-experiencia .contenedor-opciones-navegacion .opciones .opcion {
            padding: 10px; } }
      .modal-planning-detalle-experiencia .contenedor-opciones-navegacion .opciones .opcion.actual {
        color: #ffffff;
        border: 1px solid #1CA690;
        border-bottom: none;
        background-color: #1CA690; }
    .modal-planning-detalle-experiencia .contenedor-opciones-navegacion .opciones::-webkit-scrollbar {
      height: 0px; }
  .modal-planning-detalle-experiencia .header {
    padding: 16px 16px 0px 16px; }
    .modal-planning-detalle-experiencia .header .options {
      right: 8px; }
  .modal-planning-detalle-experiencia .body {
    position: relative;
    padding: 0px 16px;
    /* Detalle */
    /* Evaluacion */
    /* Observaciones */
    /* Leccionario */ }
    .modal-planning-detalle-experiencia .body .descripcion {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding: 10px;
      border-radius: 10px;
      border: 1px solid #e3ecee;
      width: 100%; }
      .modal-planning-detalle-experiencia .body .descripcion .titulo {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #00377C;
        width: 100%; }
      .modal-planning-detalle-experiencia .body .descripcion p {
        font-size: 14px;
        color: #00377C;
        width: 100%; }
      .modal-planning-detalle-experiencia .body .descripcion .items {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        gap: 5px 30px; }
        .modal-planning-detalle-experiencia .body .descripcion .items .item {
          min-width: fit-content; }
    .modal-planning-detalle-experiencia .body .creador {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding: 20px;
      gap: 10px 30px; }
      .modal-planning-detalle-experiencia .body .creador div {
        display: flex;
        flex-direction: column; }
        .modal-planning-detalle-experiencia .body .creador div span {
          font-size: 12px;
          color: #00377C; }
        .modal-planning-detalle-experiencia .body .creador div .titulo {
          font-weight: bold; }
    .modal-planning-detalle-experiencia .body .mensaje-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      flex-wrap: nowrap;
      width: 100%;
      gap: 10px;
      align-items: center; }
      @media screen and (max-width: 575px) {
        .modal-planning-detalle-experiencia .body .mensaje-container {
          flex-wrap: wrap;
          justify-content: flex-end; } }
      .modal-planning-detalle-experiencia .body .mensaje-container .mensaje {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 10px;
        width: 100%;
        background-color: #FAFAFA;
        border: 1px solid #DFEAEC;
        border-radius: 5px; }
        @media screen and (max-width: 575px) {
          .modal-planning-detalle-experiencia .body .mensaje-container .mensaje {
            width: 100%; } }
        .modal-planning-detalle-experiencia .body .mensaje-container .mensaje .alert {
          height: auto;
          min-width: 15px;
          width: 15px;
          margin-top: 0px;
          fill: #00377C;
          transform: rotate(180deg); }
        .modal-planning-detalle-experiencia .body .mensaje-container .mensaje p {
          font-size: 12px;
          line-height: 12px;
          color: #00377C;
          margin: 0px 0px 0px 5px; }
      .modal-planning-detalle-experiencia .body .mensaje-container .btn-submit {
        border: none;
        color: #ffffff;
        background-color: #F76B1C; }
        .modal-planning-detalle-experiencia .body .mensaje-container .btn-submit svg {
          fill: #ffffff; }
      .modal-planning-detalle-experiencia .body .mensaje-container .btn-secondary {
        border: none;
        color: #F76B1C;
        background-color: #FFF0E8; }
        .modal-planning-detalle-experiencia .body .mensaje-container .btn-secondary svg {
          fill: #F76B1C; }
      @media screen and (max-width: 820px) {
        .modal-planning-detalle-experiencia .body .mensaje-container .btn-submit, .modal-planning-detalle-experiencia .body .mensaje-container .btn-secondary {
          padding: 4px 8px;
          font-size: 13px; } }
    .modal-planning-detalle-experiencia .body .mensaje-container.observaciones .mensaje {
      width: 100%; }
    .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones {
      display: block;
      width: 100%;
      max-height: 450px;
      margin: 15px 0px;
      overflow: auto; }
      .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones {
        display: table;
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
        background-color: #ffffff;
        border-radius: 8px 8px 0px 0px;
        overflow: hidden; }
        .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones thead tr {
          background-color: #1CA690;
          color: #ffffff;
          font-size: 13px; }
          .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones thead tr th {
            text-align: center;
            padding: 10px 10px;
            white-space: nowrap; }
            .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones thead tr th .indicador {
              display: flex;
              justify-content: center;
              flex-wrap: nowrap;
              align-items: center;
              gap: 10px;
              cursor: pointer; }
              .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones thead tr th .indicador svg {
                height: auto;
                width: 15px;
                fill: #ffffff;
                transform: rotate(180deg); }
          .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones thead tr th:nth-child(1) {
            padding: 0px 15px; }
          .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones thead tr th:nth-child(2) {
            min-width: 250px; }
            @media screen and (max-width: 575px) {
              .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones thead tr th:nth-child(2) {
                min-width: 150px; } }
        .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody {
          font-size: 14px;
          border: 1px solid #D8D8D8;
          border-radius: 0px 0px 8px 8px;
          overflow-y: scroll;
          background-color: #ffffff;
          padding: 0px !important; }
          .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody tr {
            color: #00377C;
            border-bottom: 1px solid #D8D8D8; }
            .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody tr td {
              font-size: 13px;
              padding: 5px 10px;
              text-align: center;
              border: 1px solid #EDEDED; }
              .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody tr td .evaluacion {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 5px 10px;
                margin: 0px auto;
                width: 45px;
                border-radius: 5px;
                font-size: 13px;
                font-weight: bold;
                cursor: pointer; }
            .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody tr td:nth-child(1) {
              border-right: none; }
            .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody tr td:nth-child(2) {
              text-align: left;
              border-left: none; }
          .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody tr:last-of-type {
            border-bottom: none; }
            .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody tr:last-of-type td:first-of-type {
              border-end-start-radius: 8px; }
            .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody tr:last-of-type td:last-of-type {
              border-end-end-radius: 8px; }
          .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody tr:hover {
            background-color: #ededed86; }
          .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody .nombre-grupo,
          .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody .nombre-grupo:hover {
            background-color: #EDEDED; }
            .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody .nombre-grupo td,
            .modal-planning-detalle-experiencia .body .container-tabla-evaluaciones .tabla-evaluaciones tbody .nombre-grupo:hover td {
              padding: 3px 10px;
              text-align: left;
              font-size: 13px;
              font-weight: normal;
              color: #747474; }
    .modal-planning-detalle-experiencia .body .select-evaluacion {
      display: flex;
      position: fixed;
      flex-direction: column;
      align-items: center;
      z-index: 1;
      width: fit-content;
      max-height: 218px;
      overflow-y: auto;
      gap: 7px;
      padding: 10px 15px;
      border-radius: 10px;
      background-color: #ffffff;
      border: 1px solid #EDEDED;
      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4); }
      .modal-planning-detalle-experiencia .body .select-evaluacion .opcion {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px 10px;
        margin: 0px auto;
        width: 45px;
        border-radius: 5px;
        font-size: 13px;
        font-weight: bold;
        cursor: pointer;
        transition: color 100ms, background-color 100ms; }
    .modal-planning-detalle-experiencia .body .container-tabla-observaciones {
      display: block;
      width: 100%;
      max-height: 450px;
      margin: 15px 0px;
      overflow: auto; }
      .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones {
        display: table;
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
        background-color: #ffffff;
        border-radius: 8px 8px 0px 0px;
        overflow: hidden; }
        .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones thead tr {
          background-color: #1CA690;
          color: #ffffff;
          font-size: 13px; }
          .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones thead tr th {
            text-align: center;
            padding: 10px 10px;
            white-space: nowrap; }
        .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody {
          border-radius: 0px 0px 8px 8px;
          overflow-y: scroll;
          background-color: #ffffff;
          padding: 0px !important; }
          .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr {
            color: #00377C; }
            .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td {
              color: #747474;
              padding: 10px;
              text-align: center;
              border-bottom: 1px solid #EDEDED; }
              .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td .descripcion-observacion {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                width: 100%; }
                .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td .descripcion-observacion .chip-base {
                  padding: 2px 10px;
                  margin: 0px 0px 8px 0px; }
                  .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td .descripcion-observacion .chip-base span {
                    font-size: 11px; }
                .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td .descripcion-observacion p {
                  font-size: 13px;
                  line-height: 13px;
                  margin: 0px; }
              .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td .alumnos {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                flex-wrap: nowrap;
                height: 100%;
                width: 100%;
                gap: 5px; }
                .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td .alumnos .chip-base {
                  margin: 0px; }
                  .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td .alumnos .chip-base span {
                    font-size: 13px; }
              .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td .clip-logo {
                margin-top: 5px;
                height: auto;
                width: 25px;
                color: #00377C;
                cursor: pointer; }
            .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td:first-of-type {
              max-width: 160px;
              border-left: 1px solid #EDEDED; }
            .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td:nth-child(2) {
              max-width: 140px; }
            .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td:last-of-type {
              border-right: 1px solid #EDEDED; }
              .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td:last-of-type .abrir {
                height: auto;
                width: 15px;
                fill: #979797;
                cursor: pointer;
                transition: fill 100ms; }
              .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr td:last-of-type .abrir:hover {
                fill: #F76B1C; }
            .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr .fecha {
              font-size: 13px;
              line-height: 13px; }
          .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr:last-of-type {
            border-bottom: none; }
            .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr:last-of-type td:first-of-type {
              border-end-start-radius: 8px; }
            .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr:last-of-type td:last-of-type {
              border-end-end-radius: 8px; }
          .modal-planning-detalle-experiencia .body .container-tabla-observaciones .tabla-observaciones tbody tr:hover {
            background-color: #ededed4f; }
    .modal-planning-detalle-experiencia .body .textarea-leccionario {
      min-height: 150px;
      width: 100%;
      padding: 10px;
      margin-top: 5px;
      font-size: 14px;
      color: #00377C;
      border-radius: 10px;
      border: 1px solid #DFEAEC;
      background-color: #ffffff;
      outline: none; }
    .modal-planning-detalle-experiencia .body .textarea-leccionario:disable {
      background-color: #ffffff; }
    .modal-planning-detalle-experiencia .body .textarea-leccionario.editable {
      border: 1px solid #00377C; }
    .modal-planning-detalle-experiencia .body .info-leccionario {
      display: flex;
      flex-direction: column;
      width: 100%;
      align-items: flex-end;
      margin: 15px 0px 30px 0px; }
      .modal-planning-detalle-experiencia .body .info-leccionario .info {
        font-size: 14px;
        line-height: 14px;
        color: #747474; }
  .modal-planning-detalle-experiencia .footer {
    padding: 0px 16px 16px 16px; }
  .modal-planning-detalle-experiencia .cargando {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px 20px; }
    .modal-planning-detalle-experiencia .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .modal-planning-detalle-experiencia .sin-data {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px 20px; }
    .modal-planning-detalle-experiencia .sin-data p {
      font-size: 20px;
      font-weight: bold;
      color: #00377C;
      text-align: center;
      margin: 0px; }

.modal-planning-detalle-experiencia.dropdown-abierto {
  padding-bottom: 120px !important; }

.modal-confirm-delte-container,
.modal-confirm-delete-container {
  z-index: 4 !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 p {
    color: #00377C;
    font-size: 14px !important;
    font-weight: bold;
    margin: 0px; }
  .modal-phone-container .ant-input {
    font-variant: normal;
    font-feature-settings: normal;
    color: #00377C;
    border: 1px solid #DFEAEC; }
  .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; }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown {
    position: fixed !important;
    top: 21% !important; } }

.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 .column .item, .profile-student-container .column .two-items {
      margin-bottom: 24px; }
      .profile-student-container .column .item .button-check, .profile-student-container .column .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;
        border: none;
        box-shadow: none; }
      .profile-student-container .column .item .ant-input, .profile-student-container .column .item .ant-input-search, .profile-student-container .column .two-items .ant-input, .profile-student-container .column .two-items .ant-input-search {
        border: 1px solid #DFEAEC;
        font-feature-settings: normal;
        font-variant: normal;
        width: fit-content;
        color: #00377C;
        resize: none; }
        @media screen and (max-width: 575px) {
          .profile-student-container .column .item .ant-input, .profile-student-container .column .item .ant-input-search, .profile-student-container .column .two-items .ant-input, .profile-student-container .column .two-items .ant-input-search {
            width: 100%; } }
      .profile-student-container .column .item ::placeholder, .profile-student-container .column .two-items ::placeholder {
        color: #00377C; }
      .profile-student-container .column .item .ant-input-search, .profile-student-container .column .two-items .ant-input-search {
        border: none;
        font-feature-settings: normal;
        font-variant: normal;
        width: fit-content;
        color: #00377C;
        resize: none; }
        .profile-student-container .column .item .ant-input-search .ant-input-group, .profile-student-container .column .two-items .ant-input-search .ant-input-group {
          border-radius: 2px;
          border: none; }
          .profile-student-container .column .item .ant-input-search .ant-input-group .ant-input-group-addon, .profile-student-container .column .two-items .ant-input-search .ant-input-group .ant-input-group-addon {
            display: none; }
          .profile-student-container .column .item .ant-input-search .ant-input-group .ant-input-affix-wrapper, .profile-student-container .column .two-items .ant-input-search .ant-input-group .ant-input-affix-wrapper {
            border-radius: 2px;
            border: none; }
            .profile-student-container .column .item .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix, .profile-student-container .column .two-items .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input-prefix {
              color: #00377C; }
            .profile-student-container .column .item .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input, .profile-student-container .column .two-items .ant-input-search .ant-input-group .ant-input-affix-wrapper .ant-input {
              color: #00377C;
              font-size: 14px !important;
              font-feature-settings: normal;
              font-variant: normal; }
      .profile-student-container .column .item .ant-input-disabled, .profile-student-container .column .item .ant-input-affix-wrapper-disabled, .profile-student-container .column .two-items .ant-input-disabled, .profile-student-container .column .two-items .ant-input-affix-wrapper-disabled {
        color: #00377C;
        background-color: #fff;
        border: none;
        padding-left: 0;
        cursor: context-menu !important;
        background-color: #FAFAFA !important; }
      .profile-student-container .column .item .ant-picker, .profile-student-container .column .two-items .ant-picker {
        border: 1px solid #DFEAEC;
        font-feature-settings: normal;
        font-variant: normal;
        width: fit-content;
        padding: 4px 8px; }
        .profile-student-container .column .item .ant-picker .ant-picker-input, .profile-student-container .column .two-items .ant-picker .ant-picker-input {
          flex-direction: row-reverse;
          color: #00377C;
          font-size: 14px !important; }
          .profile-student-container .column .item .ant-picker .ant-picker-input input, .profile-student-container .column .two-items .ant-picker .ant-picker-input input {
            border: none;
            color: #00377C; }
          .profile-student-container .column .item .ant-picker .ant-picker-input span, .profile-student-container .column .two-items .ant-picker .ant-picker-input span {
            color: #00377C;
            margin-right: .5rem; }
          .profile-student-container .column .item .ant-picker .ant-picker-input .ant-picker-clear, .profile-student-container .column .two-items .ant-picker .ant-picker-input .ant-picker-clear {
            display: none; }
      .profile-student-container .column .item .ant-picker-disabled, .profile-student-container .column .two-items .ant-picker-disabled {
        border: none;
        padding-left: 0;
        cursor: context-menu !important;
        background-color: #FAFAFA !important; }
        .profile-student-container .column .item .ant-picker-disabled .ant-picker-input, .profile-student-container .column .item .ant-picker-disabled input, .profile-student-container .column .two-items .ant-picker-disabled .ant-picker-input, .profile-student-container .column .two-items .ant-picker-disabled input {
          cursor: context-menu !important;
          color: #00377C; }
        .profile-student-container .column .item .ant-picker-disabled ::placeholder, .profile-student-container .column .two-items .ant-picker-disabled ::placeholder {
          color: #00377C; }
      .profile-student-container .column .item .ant-select, .profile-student-container .column .two-items .ant-select {
        font-feature-settings: normal;
        font-variant: normal;
        min-width: 179px;
        padding: 0;
        text-transform: capitalize; }
        .profile-student-container .column .item .ant-select .ant-select-selector, .profile-student-container .column .two-items .ant-select .ant-select-selector {
          border: 1px solid #DFEAEC; }
          .profile-student-container .column .item .ant-select .ant-select-selector span, .profile-student-container .column .two-items .ant-select .ant-select-selector span {
            font-size: 14px !important; }
        .profile-student-container .column .item .ant-select span, .profile-student-container .column .two-items .ant-select span {
          color: #00377C;
          font-size: 10px !important; }
      .profile-student-container .column .item .ant-select-disabled, .profile-student-container .column .two-items .ant-select-disabled {
        cursor: context-menu !important;
        padding-left: 0; }
        .profile-student-container .column .item .ant-select-disabled .ant-select-selector, .profile-student-container .column .two-items .ant-select-disabled .ant-select-selector {
          border: none;
          padding-left: 0;
          background-color: #FAFAFA !important;
          cursor: context-menu !important; }
          .profile-student-container .column .item .ant-select-disabled .ant-select-selector .ant-select-selection-search input, .profile-student-container .column .two-items .ant-select-disabled .ant-select-selector .ant-select-selection-search input {
            cursor: context-menu !important; }
        .profile-student-container .column .item .ant-select-disabled .ant-select-arrow, .profile-student-container .column .two-items .ant-select-disabled .ant-select-arrow {
          display: none; }
    .profile-student-container .column .box-container {
      border: 1px solid #DFEAEC;
      width: auto;
      background-color: #fff; }
      @media screen and (max-width: 575px) {
        .profile-student-container .column .box-container {
          min-width: 0px; } }
      .profile-student-container .column .box-container .unit {
        padding: 8px 16px;
        display: grid;
        grid-template-columns: repeat(3, minmax(35px, 1fr));
        border-bottom: 1px solid #DFEAEC; }
        .profile-student-container .column .box-container .unit:last-of-type {
          border-bottom: 0px; }
        .profile-student-container .column .box-container .unit .name-container {
          display: flex;
          min-width: 180px; }
          @media screen and (max-width: 575px) {
            .profile-student-container .column .box-container .unit .name-container {
              min-width: 0px; } }
          .profile-student-container .column .box-container .unit .name-container p {
            text-transform: capitalize; }
        .profile-student-container .column .box-container .unit .buttons {
          display: flex;
          margin-left: auto; }
        .profile-student-container .column .box-container .unit button {
          box-shadow: none;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #00377C;
          font-size: 22px !important;
          padding: 4px 8px;
          margin-right: 8px;
          border: none; }
          .profile-student-container .column .box-container .unit button .anticon {
            display: flex;
            justify-content: center;
            align-content: center; }
          .profile-student-container .column .box-container .unit button:last-of-type {
            margin-right: 0px; }
        .profile-student-container .column .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 .column .box-container .unit .status {
              margin-right: 0px; } }
    .profile-student-container .column .two-items {
      display: grid;
      grid-template-columns: repeat(2, 50%);
      grid-gap: 1.5rem; }
      @media screen and (max-width: 575px) {
        .profile-student-container .column .two-items {
          grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); } }
  .profile-student-container .add {
    color: #0060B9;
    font-weight: bold;
    background-color: #E6FAFF;
    font-size: 16px !important;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-top: 8px; }

.ant-select-item-option {
  font-size: 14px !important; }

.educational-data-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-gap: 32px;
  color: #00377C; }
  @media screen and (max-width: 575px) {
    .educational-data-container {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 24px; } }
  .educational-data-container .educational-data-column {
    display: block; }
    .educational-data-container .educational-data-column h3 {
      font-size: 24px !important;
      font-weight: 800;
      margin: 0px;
      color: #00377C; }
    .educational-data-container .educational-data-column .educational-data-two-items {
      display: grid;
      grid-template-columns: repeat(2, 50%);
      grid-gap: 16px; }
      @media screen and (max-width: 575px) {
        .educational-data-container .educational-data-column .educational-data-two-items {
          grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); } }
    .educational-data-container .educational-data-column .educational-data-item, .educational-data-container .educational-data-column .educational-data-two-items {
      margin-bottom: 16px; }
      .educational-data-container .educational-data-column .educational-data-item:last-of-type, .educational-data-container .educational-data-column .educational-data-two-items:last-of-type {
        margin-bottom: 0px; }
      .educational-data-container .educational-data-column .educational-data-item p, .educational-data-container .educational-data-column .educational-data-two-items p {
        font-size: 14px !important;
        font-weight: bold;
        margin: 0px; }
      .educational-data-container .educational-data-column .educational-data-item .ant-select, .educational-data-container .educational-data-column .educational-data-two-items .ant-select {
        width: 100%; }
        .educational-data-container .educational-data-column .educational-data-item .ant-select .ant-select-selector, .educational-data-container .educational-data-column .educational-data-two-items .ant-select .ant-select-selector {
          border: 1px solid #DFEAEC;
          color: #00377C;
          font-size: 14px !important; }
        .educational-data-container .educational-data-column .educational-data-item .ant-select .ant-select-arrow, .educational-data-container .educational-data-column .educational-data-two-items .ant-select .ant-select-arrow {
          font-size: 10px !important;
          color: #00377C; }
      .educational-data-container .educational-data-column .educational-data-item .ant-select-disabled .ant-select-selector, .educational-data-container .educational-data-column .educational-data-two-items .ant-select-disabled .ant-select-selector {
        background-color: #FAFAFA !important;
        border: 0px;
        padding-left: 0px;
        cursor: default;
        color: #00377C; }
      .educational-data-container .educational-data-column .educational-data-item .ant-select-disabled .ant-select-arrow, .educational-data-container .educational-data-column .educational-data-two-items .ant-select-disabled .ant-select-arrow {
        display: none; }
      .educational-data-container .educational-data-column .educational-data-item .ant-input, .educational-data-container .educational-data-column .educational-data-two-items .ant-input {
        font-variant: normal;
        font-feature-settings: normal;
        font-size: 14px !important;
        border: 1px solid #DFEAEC;
        color: #00377C; }
      .educational-data-container .educational-data-column .educational-data-item .ant-input-disabled, .educational-data-container .educational-data-column .educational-data-two-items .ant-input-disabled {
        background-color: #FAFAFA !important;
        border: 0px;
        padding-left: 0px;
        cursor: default;
        color: #00377C; }
      .educational-data-container .educational-data-column .educational-data-item .ant-picker, .educational-data-container .educational-data-column .educational-data-two-items .ant-picker {
        font-variant: normal;
        font-feature-settings: normal;
        border: 1px solid #DFEAEC; }
        .educational-data-container .educational-data-column .educational-data-item .ant-picker .ant-picker-input input, .educational-data-container .educational-data-column .educational-data-item .ant-picker .ant-picker-input .ant-picker-suffix, .educational-data-container .educational-data-column .educational-data-two-items .ant-picker .ant-picker-input input, .educational-data-container .educational-data-column .educational-data-two-items .ant-picker .ant-picker-input .ant-picker-suffix {
          color: #00377C; }
      .educational-data-container .educational-data-column .educational-data-item .ant-picker-disabled, .educational-data-container .educational-data-column .educational-data-two-items .ant-picker-disabled {
        background-color: #FAFAFA !important;
        border: 0px;
        padding-left: 0px;
        cursor: default; }
        .educational-data-container .educational-data-column .educational-data-item .ant-picker-disabled .ant-picker-input input, .educational-data-container .educational-data-column .educational-data-item .ant-picker-disabled .ant-picker-input .ant-picker-suffix, .educational-data-container .educational-data-column .educational-data-two-items .ant-picker-disabled .ant-picker-input input, .educational-data-container .educational-data-column .educational-data-two-items .ant-picker-disabled .ant-picker-input .ant-picker-suffix {
          cursor: default; }
      .educational-data-container .educational-data-column .educational-data-item .ant-checkbox-wrapper, .educational-data-container .educational-data-column .educational-data-two-items .ant-checkbox-wrapper {
        margin-left: 8px;
        color: #00377C; }
        .educational-data-container .educational-data-column .educational-data-item .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner, .educational-data-container .educational-data-column .educational-data-two-items .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
          border: 1px solid #00377C; }
        .educational-data-container .educational-data-column .educational-data-item .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after, .educational-data-container .educational-data-column .educational-data-two-items .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
          background-color: #00377C; }
        .educational-data-container .educational-data-column .educational-data-item .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner, .educational-data-container .educational-data-column .educational-data-two-items .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
          background-color: #00377C; }
      .educational-data-container .educational-data-column .educational-data-item .ant-checkbox-wrapper-disabled, .educational-data-container .educational-data-column .educational-data-two-items .ant-checkbox-wrapper-disabled {
        cursor: default; }
        .educational-data-container .educational-data-column .educational-data-item .ant-checkbox-wrapper-disabled span, .educational-data-container .educational-data-column .educational-data-two-items .ant-checkbox-wrapper-disabled span {
          cursor: default; }
        .educational-data-container .educational-data-column .educational-data-item .ant-checkbox-wrapper-disabled .ant-checkbox-disabled, .educational-data-container .educational-data-column .educational-data-two-items .ant-checkbox-wrapper-disabled .ant-checkbox-disabled {
          cursor: default; }
          .educational-data-container .educational-data-column .educational-data-item .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-input, .educational-data-container .educational-data-column .educational-data-two-items .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-input {
            cursor: default; }
          .educational-data-container .educational-data-column .educational-data-item .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner::after, .educational-data-container .educational-data-column .educational-data-two-items .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner::after {
            border-color: #fff; }

.modal-new-edit-diagnosis-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: 20%;
  max-height: 80%;
  height: auto;
  display: grid;
  grid-gap: 16px;
  color: #00377C; }
  @media screen and (max-width: 575px) {
    .modal-new-edit-diagnosis-container {
      max-width: 95%; } }
  .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-header h3 {
      color: #00377C;
      margin-bottom: 0px;
      font-size: 24px !important;
      font-weight: 800; }
    .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-header button {
      border: none;
      box-shadow: none;
      color: #00377C; }
      .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-header button:disabled {
        background-color: #fff; }
  .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-item {
    display: grid; }
    .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-item p {
      margin-bottom: 0px;
      font-size: 14px !important;
      font-weight: bold; }
    .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-item .ant-picker {
      font-variant: normal;
      font-feature-settings: normal;
      border: 1px solid #DFEAEC; }
      .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-item .ant-picker .ant-picker-input input {
        color: #00377C;
        font-size: 14px !important; }
      .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-item .ant-picker .ant-picker-input .ant-picker-suffix {
        color: #00377C; }
    .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-item .ant-input-number {
      font-variant: normal;
      font-feature-settings: normal;
      border: 1px solid #DFEAEC;
      color: #00377C;
      font-size: 14px !important;
      width: 100%; }
    .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-item .ant-select {
      font-variant: normal;
      font-feature-settings: normal; }
      .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-item .ant-select .ant-select-selector {
        border: 1px solid #DFEAEC; }
        .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-item .ant-select .ant-select-selector .ant-select-selection-item {
          color: #00377C;
          font-size: 14px !important; }
      .modal-new-edit-diagnosis-container .modal-new-edit-diagnosis-item .ant-select .ant-select-arrow {
        color: #00377C;
        font-size: 10px !important; }
  .modal-new-edit-diagnosis-container .btn-action {
    display: flex;
    margin-left: auto;
    width: fit-content;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #F76B1C; }

.modal-student-observations-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: 20%;
  max-height: 80%;
  height: auto;
  display: grid;
  grid-gap: 36px;
  color: #00377C; }
  @media screen and (max-width: 575px) {
    .modal-student-observations-container {
      max-width: 95%; } }
  .modal-student-observations-container .modal-student-observations-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .modal-student-observations-container .modal-student-observations-header h3 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin-bottom: 0px; }
    .modal-student-observations-container .modal-student-observations-header button {
      color: #00377C;
      border: none;
      box-shadow: none; }
      .modal-student-observations-container .modal-student-observations-header button:disabled {
        background-color: #fff; }
  .modal-student-observations-container .modal-student-observations-body {
    display: grid;
    grid-gap: 8px; }
    .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item, .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item-flex {
      display: grid; }
      .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item p, .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item-flex p {
        color: #00377C;
        margin-bottom: 0px;
        font-size: 14px !important;
        font-weight: bold; }
      .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item .ant-picker, .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item-flex .ant-picker {
        font-variant: normal;
        font-feature-settings: normal;
        border: 1px solid #DFEAEC; }
        .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item .ant-picker .ant-picker-input input, .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item-flex .ant-picker .ant-picker-input input {
          color: #00377C;
          font-size: 14px !important; }
        .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item .ant-picker .ant-picker-input .ant-picker-suffix, .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item-flex .ant-picker .ant-picker-input .ant-picker-suffix {
          color: #00377C; }
      .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item .ant-input, .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item-flex .ant-input {
        font-variant: normal;
        font-feature-settings: normal;
        border: 1px solid #DFEAEC;
        color: #00377C;
        font-size: 14px !important;
        resize: none; }
    .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item-flex {
      display: flex;
      align-items: center; }
      .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item-flex p {
        margin-right: 8px; }
      .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item-flex .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
        border: 1px solid #DFEAEC; }
      .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item-flex .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
        background-color: #00377C; }
      .modal-student-observations-container .modal-student-observations-body .modal-student-observations-item-flex .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #00377C; }
  .modal-student-observations-container .modal-student-observations-contenedor-botones {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .modal-student-observations-container .modal-student-observations-contenedor-botones .btn-action {
      display: flex;
      margin-left: auto;
      border: none;
      box-shadow: none;
      border-radius: 8px;
      align-items: center;
      font-size: 16px !important;
      font-weight: bold;
      color: #fff;
      background-color: #F76B1C; }
    .modal-student-observations-container .modal-student-observations-contenedor-botones .btn-adjuntar {
      border: none;
      box-shadow: none;
      display: flex;
      align-items: center;
      cursor: pointer; }
      .modal-student-observations-container .modal-student-observations-contenedor-botones .btn-adjuntar .ant-upload {
        border-radius: 8px;
        padding: 4px 8px;
        font-size: 16px !important;
        font-weight: bold;
        background-color: #FEF4E7;
        color: #F76B1C; }
  .modal-student-observations-container .modal-student-observations-lista-adjuntos {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: -20px; }
    .modal-student-observations-container .modal-student-observations-lista-adjuntos h3 {
      font-size: 14px;
      color: #00377C; }
    .modal-student-observations-container .modal-student-observations-lista-adjuntos .adjunto {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      border-radius: 2px;
      border: 1px solid #DFEAEC;
      padding: 4px 8px;
      margin-bottom: 5px;
      transition: background-color 300ms; }
      .modal-student-observations-container .modal-student-observations-lista-adjuntos .adjunto .nombre {
        margin-right: auto; }
      .modal-student-observations-container .modal-student-observations-lista-adjuntos .adjunto .upload-margin {
        margin-left: 10px; }
      .modal-student-observations-container .modal-student-observations-lista-adjuntos .adjunto .anticon-delete {
        margin-left: 7px; }
      .modal-student-observations-container .modal-student-observations-lista-adjuntos .adjunto .anticon-edit {
        margin-top: 5px;
        cursor: pointer;
        color: #00377C; }
    .modal-student-observations-container .modal-student-observations-lista-adjuntos .adjunto:hover {
      background-color: #DFEAEC; }
    .modal-student-observations-container .modal-student-observations-lista-adjuntos .adjunto:last-of-type {
      margin: 0px; }

.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: #FAFAFA !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: #FAFAFA !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;
      background-color: #fff; }
      .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: #1CA690;
          border-bottom: 1px solid #010101;
          font-size: 14px !important;
          font-weight: 700;
          color: #fff;
          padding: 8px 16px; }
          .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-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;
      background-color: #fff; }
    .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; }
      .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; }

.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 .content .container-input-archivos-evaluacion-diagnostica {
      display: flex;
      position: relative;
      flex-direction: column;
      width: 100%;
      margin-top: 5px; }
      .modal-diagnostic-evaluation-container .content .container-input-archivos-evaluacion-diagnostica #inputArchivosEvaluacionDiagnostica {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer; }
      .modal-diagnostic-evaluation-container .content .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 .content .container-input-archivos-evaluacion-diagnostica .label-input-archivos-evaluacion-diagnostica {
            flex-direction: column;
            padding: 15px 10px;
            gap: 0px; } }
        .modal-diagnostic-evaluation-container .content .container-input-archivos-evaluacion-diagnostica .label-input-archivos-evaluacion-diagnostica .texto {
          display: flex;
          flex-direction: column;
          text-align: center; }
          .modal-diagnostic-evaluation-container .content .container-input-archivos-evaluacion-diagnostica .label-input-archivos-evaluacion-diagnostica .texto span {
            font-size: 14px;
            color: #979797; }
          .modal-diagnostic-evaluation-container .content .container-input-archivos-evaluacion-diagnostica .label-input-archivos-evaluacion-diagnostica .texto .underline {
            text-decoration: underline; }
          .modal-diagnostic-evaluation-container .content .container-input-archivos-evaluacion-diagnostica .label-input-archivos-evaluacion-diagnostica .texto .azul {
            font-size: 16px;
            color: #00377C; }
      .modal-diagnostic-evaluation-container .content .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 5px;
        margin-top: 15px; }
        .modal-diagnostic-evaluation-container .content .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos .titulo-lista-adjuntos {
          font-weight: bold;
          font-size: 14px; }
        .modal-diagnostic-evaluation-container .content .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: #ffffff;
          transition: background-color 150ms; }
          .modal-diagnostic-evaluation-container .content .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos .archivo-adjunto span {
            font-size: 14px;
            color: #00377C;
            width: 100%; }
          .modal-diagnostic-evaluation-container .content .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos .archivo-adjunto svg {
            cursor: pointer; }
          .modal-diagnostic-evaluation-container .content .container-input-archivos-evaluacion-diagnostica .lista-archivos-adjuntos .archivo-adjunto .cursor-block {
            cursor: not-allowed; }
        .modal-diagnostic-evaluation-container .content .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; }

.kb-icon {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e5fffa;
  border-radius: 10px;
  margin-right: 10px; }
  .kb-icon svg {
    display: inline-block; }

.list-tile {
  display: flex;
  border: 1px solid #DFEAEC;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
  transition: all ease-in 0.2s;
  margin: 10px 0; }
  .list-tile .kb-icon {
    margin-right: 0; }
  .list-tile.clickable:hover {
    background-color: #E5F6FF; }
  .list-tile > div {
    display: flex; }
  .list-tile-body {
    flex-grow: 2;
    flex-direction: column;
    margin: 0 10px; }
  .list-tile-title {
    font-weight: 700;
    color: #00377C;
    font-size: 14px; }
  .list-tile-subtitle {
    font-size: 12px;
    color: #979797; }
  .list-tile-extra {
    color: #00377C;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    width: 44px; }

.dashboard-col {
  display: flex; }

.dashboard-header-container {
  display: flex;
  flex-direction: column; }
  .dashboard-header-container .dashboard-col {
    flex-grow: 1;
    align-items: center; }
    .dashboard-header-container .dashboard-col p,
    .dashboard-header-container .dashboard-col h5 {
      margin: 0; }
  .dashboard-header-container .branding-col p {
    font-size: 12px;
    color: #00377C; }
  .dashboard-header-container .branding-col h5 {
    font-size: 24px;
    line-height: 24px;
    color: #00377C;
    font-weight: 800;
    border-bottom: 3px solid #dfeaec; }
  .dashboard-header-container .selector-col {
    flex-direction: column;
    align-items: flex-start; }
    .dashboard-header-container .selector-col p {
      color: #979797;
      font-size: 14px; }
    .dashboard-header-container .selector-col .ant-select {
      width: 100%; }
  .dashboard-header-container .logo {
    border-radius: 10px;
    margin-right: 20px;
    display: inline-block; }

.dashboard-actions {
  display: flex;
  align-items: center;
  justify-content: center; }

.dashboard .ant-radio-group {
  display: flex;
  justify-content: space-evenly;
  align-items: center; }
  .dashboard .ant-radio-group label {
    flex-grow: 1;
    text-align: center;
    height: 40px;
    line-height: 40px; }

.dashboard-collapse .ant-collapse-content-box {
  padding: 0 !important; }

.dashboard-collapse .ant-collapse-borderless {
  background-color: #fff; }

.dashboard-collapse .ant-collapse-header {
  background-color: #FAFAFA;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  color: #979797; }
  .dashboard-collapse .ant-collapse-header:hover {
    background-color: #E5F6FF; }

.dashboard-collapse .ant-collapse > .ant-collapse-item {
  border-bottom: none;
  margin-bottom: 10px; }
  .dashboard-collapse .ant-collapse > .ant-collapse-item > .ant-collapse-header {
    color: #979797; }
    .dashboard-collapse .ant-collapse > .ant-collapse-item > .ant-collapse-header:hover {
      color: #00377C; }

@media screen and (min-width: 900px) {
  .dashboard-header-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .dashboard-header-container .selector-col {
      flex-direction: row;
      align-items: center; }
      .dashboard-header-container .selector-col p {
        margin-right: 10px; }
      .dashboard-header-container .selector-col .ant-select {
        width: 200px; }
    .dashboard-header-container .dashboard-col {
      flex-grow: initial;
      width: auto; } }

.section-index-log {
  margin-top: 20px; }
  .section-index-log .ant-spin {
    padding: 1rem;
    display: flex;
    justify-content: center; }
  .section-index-log .section-title {
    color: #00377c;
    display: flex;
    align-items: center;
    font-size: 20px !important;
    font-weight: 800; }
    .section-index-log .section-title span {
      margin-right: 0.5rem;
      font-weight: 400;
      display: inline-block;
      margin-left: 10px; }
    .section-index-log .section-title p {
      margin-left: auto;
      margin-bottom: 0;
      font-weight: 400;
      font-size: 14px !important; }
  .section-index-log .section-subtitle {
    background-color: #FAFAFA;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 10px;
    color: #979797; }
  .section-index-log .section-body {
    border-radius: 10px;
    border: 1px solid #dfeaec;
    padding: 10px;
    background-color: #fff; }

/**
  * Dashboard Index
  * -------------------------------------------------*/
#log-tutors {
  font-size: 20px;
  color: #979797; }
  #log-tutors .title {
    color: #1CA690;
    font-size: 16px;
    font-weight: 700; }
  #log-tutors .dashboard-col {
    justify-content: space-between; }
    #log-tutors .dashboard-col > div {
      display: flex;
      flex-direction: row;
      align-items: center; }

.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-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: 0;
      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; }

.modal-container-firm {
  width: 364px !important;
  height: 330px;
  padding: 0px; }
  .modal-container-firm h1 {
    color: #00377C;
    font-size: 32px !important;
    line-height: 32px;
    font-weight: bold;
    margin: 0px; }

.development-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  color: #00377C;
  display: flex;
  flex-direction: column;
  width: 100%; }
  @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 {
    max-width: 80%; }
    @media screen and (max-width: 575px) {
      .development-container .column {
        max-width: none; } }
    .development-container .column .item, .development-container .column .two-items {
      margin-bottom: 24px; }
      .development-container .column .item .ant-input, .development-container .column .two-items .ant-input {
        border: 1px solid #DFEAEC;
        font-feature-settings: normal;
        font-variant: normal;
        color: #00377C;
        padding: 4px 8px;
        resize: none; }
      .development-container .column .item ::placeholder, .development-container .column .two-items ::placeholder {
        color: #00377C; }
      .development-container .column .item .ant-input-disabled, .development-container .column .two-items .ant-input-disabled {
        color: #00377C !important;
        background-color: #FAFAFA !important;
        border: none;
        padding-left: 0;
        cursor: context-menu !important; }
      .development-container .column .item ::placeholder, .development-container .column .two-items ::placeholder {
        color: #00377C; }
      .development-container .column .item .ant-checkbox-wrapper, .development-container .column .two-items .ant-checkbox-wrapper {
        margin-right: 12px; }
        .development-container .column .item .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner, .development-container .column .two-items .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
          border: 1px solid #00377C; }
        .development-container .column .item .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner, .development-container .column .two-items .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
          background: #00377C !important;
          border: none; }
          .development-container .column .item .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after, .development-container .column .two-items .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
            border-color: #ffffff; }
      .development-container .column .item .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner, .development-container .column .two-items .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner {
        border: 1px solid #00377C; }
    .development-container .column .two-items {
      display: grid;
      grid-template-columns: repeat(2, 50%);
      grid-gap: 1.5rem; }
      @media screen and (max-width: 575px) {
        .development-container .column .two-items {
          grid-template-columns: repeat(1, 1fr); } }
  .development-container .item-table-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .development-container .item-table-header h3 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin-top: 30px;
      margin-bottom: 15px; }
    .development-container .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 .table-evaluation-health {
    border-radius: 4px;
    border: 1px solid #DFEAEC;
    overflow-x: scroll;
    overflow-y: scroll;
    background-color: #fff; }
    .development-container .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
      border-radius: 4px; }
      .development-container .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .table-evaluation-health .ant-spin-nested-loading .ant-pagination {
      padding: 0px 16px; }
  .development-container .table-evaluation-health::-webkit-scrollbar {
    height: .75rem; }
  .development-container .table-evaluation-health::-webkit-scrollbar-track {
    border-radius: 4px; }
  .development-container .table-evaluation-health::-webkit-scrollbar-thumb {
    background: #00ADD1;
    border-radius: 4px; }
  .development-container .table-evaluation-health::-webkit-scrollbar-thumb:hover {
    background: #00ADD1; }
  .development-container .student-observation-detail-container {
    display: grid;
    border: 1px solid #DFEAEC;
    border-radius: 4px;
    margin-bottom: 70px;
    background-color: #fff; }
  .development-container .student-observation-detail-header {
    border-bottom: 1px solid #DFEAEC;
    padding: 4px 8px;
    display: flex;
    justify-content: space-between; }
    .development-container .student-observation-detail-header button {
      border: none;
      box-shadow: none;
      color: #00377C;
      font-size: 16px !important; }
  .development-container .student-observation-detal-body {
    display: grid;
    grid-gap: 24px;
    padding: 32px 64px; }
    .development-container .student-observation-detal-body .observation-date {
      display: flex;
      margin-left: auto;
      color: #003057;
      font-size: 12px !important; }
    .development-container .student-observation-detal-body p {
      margin: 0px;
      font-size: 16px !important;
      color: #00377C;
      white-space: pre-wrap; }
    .development-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; }
      .development-container .student-observation-detal-body button:hover {
        color: #F76B1C; }
      .development-container .student-observation-detal-body button p {
        margin: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 350px; }
        @media screen and (max-width: 720px) {
          .development-container .student-observation-detal-body button p {
            max-width: 250px; } }
        @media screen and (max-width: 575px) {
          .development-container .student-observation-detal-body button p {
            max-width: 275px; } }
        @media screen and (max-width: 360px) {
          .development-container .student-observation-detal-body button p {
            max-width: 215px; } }
    .development-container .student-observation-detal-body .student-observation-links-container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%; }
      .development-container .student-observation-detal-body .student-observation-links-container button {
        margin: 0px 10px 10px 0px; }

.modal-who-lives-new-edit-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: 20%;
  max-height: 80%;
  height: auto;
  display: grid;
  grid-gap: 16px;
  color: #00377C; }
  @media screen and (max-width: 575px) {
    .modal-who-lives-new-edit-container {
      max-width: 95%; } }
  .modal-who-lives-new-edit-container .modal-who-lives-new-edit-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .modal-who-lives-new-edit-container .modal-who-lives-new-edit-header h3 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin-bottom: 0px; }
    .modal-who-lives-new-edit-container .modal-who-lives-new-edit-header button {
      color: #00377C;
      border: none;
      box-shadow: none; }
      .modal-who-lives-new-edit-container .modal-who-lives-new-edit-header button:disabled {
        background-color: #fff; }
  .modal-who-lives-new-edit-container .modal-who-lives-new-edit-body {
    display: grid;
    grid-gap: 8px; }
    .modal-who-lives-new-edit-container .modal-who-lives-new-edit-body .modal-who-lives-new-edit-item {
      display: grid; }
      .modal-who-lives-new-edit-container .modal-who-lives-new-edit-body .modal-who-lives-new-edit-item p {
        color: #00377C;
        margin-bottom: 0px;
        font-size: 14px !important;
        font-weight: bold; }
      .modal-who-lives-new-edit-container .modal-who-lives-new-edit-body .modal-who-lives-new-edit-item .ant-input {
        font-variant: normal;
        font-feature-settings: normal;
        border: 1px solid #DFEAEC;
        color: #00377C;
        font-size: 14px !important;
        resize: none; }
      .modal-who-lives-new-edit-container .modal-who-lives-new-edit-body .modal-who-lives-new-edit-item .ant-select {
        font-variant: normal;
        font-feature-settings: normal; }
        .modal-who-lives-new-edit-container .modal-who-lives-new-edit-body .modal-who-lives-new-edit-item .ant-select .ant-select-selector {
          border: 1px solid #DFEAEC; }
          .modal-who-lives-new-edit-container .modal-who-lives-new-edit-body .modal-who-lives-new-edit-item .ant-select .ant-select-selector .ant-select-selection-item {
            color: #00377C;
            font-size: 14px !important; }
        .modal-who-lives-new-edit-container .modal-who-lives-new-edit-body .modal-who-lives-new-edit-item .ant-select .ant-select-arrow {
          color: #00377C;
          font-size: 10px !important; }
  .modal-who-lives-new-edit-container .btn-action {
    display: flex;
    margin-left: auto;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    align-items: center;
    font-size: 16px !important;
    font-weight: bold;
    color: #fff;
    background-color: #F76B1C; }

.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 .add-btn {
      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-family-container .item .data-item {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      @media screen and (max-width: 575px) {
        .student-family-container .item .data-item {
          flex-direction: column; } }
      .student-family-container .item .data-item .value-item {
        margin-right: 20px;
        margin-bottom: 15px; }
        @media screen and (max-width: 575px) {
          .student-family-container .item .data-item .value-item {
            margin-right: 0px; } }
      .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: #FAFAFA !important;
        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 {
        width: 100%;
        border: 1px solid #DFEAEC;
        font-size: 14px;
        color: #00377C; }
      .student-family-container .item .data-item .ant-input-disabled {
        border: none;
        background-color: #FAFAFA !important;
        padding-left: 0px; }
    .student-family-container .item .student-who-lives-table {
      border-radius: 4px;
      border: 1px solid #DFEAEC;
      overflow-x: scroll;
      overflow-y: scroll;
      background-color: #fff; }
      .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 .AntecedentesPadres {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%; }
    .student-family-container .AntecedentesPadres h3 {
      width: 100%; }
    .student-family-container .AntecedentesPadres .blockInputs {
      display: flex;
      flex-direction: column;
      width: 50%; }
      @media screen and (max-width: 575px) {
        .student-family-container .AntecedentesPadres .blockInputs {
          width: 100%; } }
      .student-family-container .AntecedentesPadres .blockInputs h2 {
        color: #00377C;
        margin: 0px;
        font-size: 20px;
        font-weight: 800; }
      .student-family-container .AntecedentesPadres .blockInputs .ant-input {
        width: 80%; }
        @media screen and (max-width: 575px) {
          .student-family-container .AntecedentesPadres .blockInputs .ant-input {
            width: 100%; } }

.modal-meeting-new-edit-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: 20%;
  max-height: 80%;
  height: auto;
  display: grid;
  grid-gap: 16px;
  color: #00377C; }
  @media screen and (max-width: 575px) {
    .modal-meeting-new-edit-container {
      max-width: 95%; } }
  .modal-meeting-new-edit-container .modal-meeting-new-edit-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .modal-meeting-new-edit-container .modal-meeting-new-edit-header h3 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin-bottom: 0px; }
    .modal-meeting-new-edit-container .modal-meeting-new-edit-header button {
      color: #00377C;
      border: none;
      box-shadow: none; }
      .modal-meeting-new-edit-container .modal-meeting-new-edit-header button:disabled {
        background-color: #fff; }
  .modal-meeting-new-edit-container .item {
    display: grid; }
    .modal-meeting-new-edit-container .item p {
      color: #00377C;
      margin-bottom: 0px;
      font-size: 14px !important;
      font-weight: bold; }
    .modal-meeting-new-edit-container .item .ant-picker {
      font-variant: normal;
      font-feature-settings: normal;
      border: 1px solid #DFEAEC; }
      .modal-meeting-new-edit-container .item .ant-picker .ant-picker-input input {
        color: #00377C;
        font-size: 14px !important; }
      .modal-meeting-new-edit-container .item .ant-picker .ant-picker-input .ant-picker-suffix {
        color: #00377C; }
    .modal-meeting-new-edit-container .item .ant-input {
      font-variant: normal;
      font-feature-settings: normal;
      border: 1px solid #DFEAEC;
      color: #00377C;
      font-size: 14px !important;
      resize: none; }
  .modal-meeting-new-edit-container .modal-meeting-contenedor-botones {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .modal-meeting-new-edit-container .modal-meeting-contenedor-botones .btn-action {
      display: flex;
      margin-left: auto;
      border: none;
      box-shadow: none;
      border-radius: 8px;
      align-items: center;
      font-size: 16px !important;
      font-weight: bold;
      color: #fff;
      background-color: #F76B1C; }
    .modal-meeting-new-edit-container .modal-meeting-contenedor-botones .btn-adjuntar {
      border: none;
      box-shadow: none;
      display: flex;
      align-items: center;
      cursor: pointer; }
      .modal-meeting-new-edit-container .modal-meeting-contenedor-botones .btn-adjuntar .ant-upload {
        border-radius: 8px;
        padding: 4px 8px;
        font-size: 16px !important;
        font-weight: bold;
        background-color: #FEF4E7;
        color: #F76B1C; }
  .modal-meeting-new-edit-container .modal-student-meeting-lista-adjuntos {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .modal-meeting-new-edit-container .modal-student-meeting-lista-adjuntos h3 {
      font-size: 14px;
      color: #00377C; }
    .modal-meeting-new-edit-container .modal-student-meeting-lista-adjuntos .adjunto {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      border-radius: 2px;
      border: 1px solid #DFEAEC;
      padding: 4px 8px;
      margin-bottom: 5px;
      transition: background-color 300ms; }
      .modal-meeting-new-edit-container .modal-student-meeting-lista-adjuntos .adjunto .nombre {
        margin-right: auto; }
      .modal-meeting-new-edit-container .modal-student-meeting-lista-adjuntos .adjunto .upload-margin {
        margin-left: 10px; }
      .modal-meeting-new-edit-container .modal-student-meeting-lista-adjuntos .adjunto .anticon-delete {
        margin-left: 7px; }
      .modal-meeting-new-edit-container .modal-student-meeting-lista-adjuntos .adjunto .anticon-edit {
        margin-top: 5px;
        cursor: pointer;
        color: #00377C; }
    .modal-meeting-new-edit-container .modal-student-meeting-lista-adjuntos .adjunto:hover {
      background-color: #DFEAEC; }
    .modal-meeting-new-edit-container .modal-student-meeting-lista-adjuntos .adjunto:last-of-type {
      margin: 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;
    background-color: #fff; }
    .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 .hide-cell {
        display: none; }
      .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: 35vw; }
      .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 .hide-cell {
        display: none; }
    .student-meetings-container .student-meetings-table .ant-spin-nested-loading .ant-spin-container .ant-pagination {
      margin-bottom: 0px;
      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;
    background-color: #fff; }
    .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-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;
    background-color: #fff; }
    .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 .hide-cell {
        display: none; }
      .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: 35vw; }
      .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 .hide-cell {
        display: none; }
    .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;
    background-color: #fff; }
    .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-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;
    background-color: #fff; }
    .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-attachments-table::-webkit-scrollbar {
    height: .75rem; }
  .student-attachments-container .student-attachments-table::-webkit-scrollbar-track {
    border-radius: 4px; }
  .student-attachments-container .student-attachments-table::-webkit-scrollbar-thumb {
    background: #00ADD1;
    border-radius: 4px; }
  .student-attachments-container .student-attachments-table::-webkit-scrollbar-thumb:hover {
    background: #00ADD1; }

.detail-student-container {
  overflow-y: scroll;
  padding: 16px 32px;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 720px) {
    .detail-student-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .detail-student-container {
      padding: 8px 12px 64px 12px; } }
  .detail-student-container .not-found {
    color: #00377C;
    font-size: 24px !important;
    font-weight: 800; }

.ant-select-disabled {
  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-space {
  display: inline-flex;
}
.ant-space-vertical {
  flex-direction: column;
}
.ant-space-align-center {
  align-items: center;
}
.ant-space-align-start {
  align-items: flex-start;
}
.ant-space-align-end {
  align-items: flex-end;
}
.ant-space-align-baseline {
  align-items: baseline;
}
.ant-space-item:empty {
  display: none;
}
.ant-space-rtl {
  direction: rtl;
}

.billing-container {
  color: #00377C;
  display: grid;
  grid-gap: 20px; }
  .billing-container h3 {
    color: #00377C;
    font-size: 24px !important;
    font-weight: 800;
    margin-bottom: 0px; }
  .billing-container .subtitle {
    color: #00377C;
    font-weight: bold;
    margin-bottom: -10px;
    font-size: 16px; }
  .billing-container .item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    grid-gap: 16px;
    margin-left: 10px; }
    .billing-container .item-grid .item {
      margin-bottom: 24px; }
      .billing-container .item-grid .item p {
        color: #00377C;
        font-weight: bold;
        font-size: 14px !important; }
      .billing-container .item-grid .item .ant-input {
        border: 1px solid #DFEAEC;
        font-feature-settings: normal;
        font-variant: normal;
        color: #00377C;
        padding: 4px 8px;
        resize: none; }
      .billing-container .item-grid .item ::placeholder {
        color: #00377C; }
      .billing-container .item-grid .item .ant-input-disabled {
        color: #00377C !important;
        background-color: #FAFAFA !important;
        border: none;
        padding-left: 0;
        cursor: context-menu !important; }
      .billing-container .item-grid .item .ant-select {
        font-feature-settings: normal;
        font-variant: normal;
        min-width: 100%;
        padding: 0;
        text-transform: capitalize;
        min-width: 179px; }
        @media screen and (max-width: 575px) {
          .billing-container .item-grid .item .ant-select {
            min-width: 100%; } }
        .billing-container .item-grid .item .ant-select .ant-select-selector {
          border: 1px solid #DFEAEC; }
          .billing-container .item-grid .item .ant-select .ant-select-selector span {
            font-size: 14px !important; }
        .billing-container .item-grid .item .ant-select span {
          color: #00377C;
          font-size: 10px !important; }
      .billing-container .item-grid .item .ant-select-disabled {
        cursor: context-menu !important;
        padding-left: 0; }
        .billing-container .item-grid .item .ant-select-disabled .ant-select-selector {
          background-color: #FAFAFA !important;
          border: none !important;
          padding-left: 0 !important;
          cursor: context-menu !important; }
          .billing-container .item-grid .item .ant-select-disabled .ant-select-selector .ant-select-selection-search input {
            cursor: context-menu !important; }
        .billing-container .item-grid .item .ant-select-disabled .ant-select-arrow {
          display: none; }
  .billing-container .column {
    max-width: 80%; }
    @media screen and (max-width: 575px) {
      .billing-container .column {
        max-width: none; } }
    .billing-container .column .item-cb, .billing-container .column .two-items {
      margin-bottom: 24px;
      width: 70%; }
      .billing-container .column .item-cb .ant-input, .billing-container .column .two-items .ant-input {
        border: 1px solid #DFEAEC;
        font-feature-settings: normal;
        font-variant: normal;
        color: #00377C;
        padding: 4px 8px;
        resize: none; }
      .billing-container .column .item-cb ::placeholder, .billing-container .column .two-items ::placeholder {
        color: #00377C; }
      .billing-container .column .item-cb ::placeholder, .billing-container .column .two-items ::placeholder {
        color: #00377C; }
      .billing-container .column .item-cb .ant-checkbox-wrapper, .billing-container .column .two-items .ant-checkbox-wrapper {
        margin-right: 12px; }
        .billing-container .column .item-cb .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner, .billing-container .column .two-items .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
          border: 1px solid #00377C; }
        .billing-container .column .item-cb .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner, .billing-container .column .two-items .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
          background: #00377C !important;
          border: none; }
          .billing-container .column .item-cb .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after, .billing-container .column .two-items .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
            border-color: #ffffff; }
      .billing-container .column .item-cb .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner, .billing-container .column .two-items .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner {
        border: 1px solid #00377C; }
    .billing-container .column .two-items {
      display: grid;
      grid-template-columns: repeat(2, 50%);
      grid-gap: 1.5rem; }
      @media screen and (max-width: 575px) {
        .billing-container .column .two-items {
          grid-template-columns: repeat(1, 1fr); } }
  .billing-container .item-table {
    display: grid;
    grid-gap: 16px; }
    .billing-container .item-table .item-table-header {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .billing-container .item-table .item-table-header h3 {
        color: #00377C;
        font-size: 24px !important;
        font-weight: 800;
        margin-bottom: 0px; }
      .billing-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; }
    .billing-container .item-table .table-evaluation-health {
      border-radius: 4px;
      border: 1px solid #DFEAEC;
      overflow-x: scroll;
      overflow-y: scroll;
      background-color: #fff; }
      .billing-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
        border-radius: 4px; }
        .billing-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; }
          .billing-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; }
        .billing-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; }
        .billing-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; }
        .billing-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; }
          .billing-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; }
        .billing-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; }
          .billing-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; }
            .billing-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; }
            .billing-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; }
            .billing-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; }
            .billing-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; }
        .billing-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; }
        .billing-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; }
        .billing-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; }
        .billing-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; }
      .billing-container .item-table .table-evaluation-health .ant-spin-nested-loading .ant-pagination {
        padding: 0px 16px; }
    .billing-container .item-table .table-evaluation-health::-webkit-scrollbar {
      height: .75rem; }
    .billing-container .item-table .table-evaluation-health::-webkit-scrollbar-track {
      border-radius: 4px; }
    .billing-container .item-table .table-evaluation-health::-webkit-scrollbar-thumb {
      background: #00ADD1;
      border-radius: 4px; }
    .billing-container .item-table .table-evaluation-health::-webkit-scrollbar-thumb:hover {
      background: #00ADD1; }
    .billing-container .item-table .student-observation-detail-container {
      display: grid;
      border: 1px solid #DFEAEC;
      border-radius: 4px;
      margin-bottom: 70px;
      background-color: #fff; }
    .billing-container .item-table .student-observation-detail-header {
      border-bottom: 1px solid #DFEAEC;
      padding: 4px 8px;
      display: flex;
      justify-content: space-between; }
      .billing-container .item-table .student-observation-detail-header button {
        border: none;
        box-shadow: none;
        color: #00377C;
        font-size: 16px !important; }
    .billing-container .item-table .student-observation-detal-body {
      display: grid;
      grid-gap: 24px;
      padding: 32px 64px; }
      .billing-container .item-table .student-observation-detal-body .observation-date {
        display: flex;
        margin-left: auto;
        color: #003057;
        font-size: 12px !important; }
      .billing-container .item-table .student-observation-detal-body p {
        margin: 0px;
        font-size: 16px !important;
        color: #00377C;
        white-space: pre-wrap; }
      .billing-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; }
        .billing-container .item-table .student-observation-detal-body button:hover {
          color: #F76B1C; }
        .billing-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) {
            .billing-container .item-table .student-observation-detal-body button p {
              max-width: 250px; } }
          @media screen and (max-width: 575px) {
            .billing-container .item-table .student-observation-detal-body button p {
              max-width: 275px; } }
          @media screen and (max-width: 360px) {
            .billing-container .item-table .student-observation-detal-body button p {
              max-width: 215px; } }
      .billing-container .item-table .student-observation-detal-body .student-observation-links-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%; }
        .billing-container .item-table .student-observation-detal-body .student-observation-links-container button {
          margin: 0px 10px 10px 0px; }

.table-attendace {
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  overflow-x: scroll;
  overflow-y: scroll; }
  .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
    border-radius: 4px; }
    .table-attendace .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;
      text-align: center !important; }
      .table-attendace .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; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .action-cell {
      text-align: center; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
      border: 1px solid #00377C; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
      background-color: #00377C; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
      background-color: #00377C; }
    .table-attendace .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: 130px; }
      @media screen and (max-width: 575px) {
        .table-attendace .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; } }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell img, .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell .img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        min-height: 40px;
        width: 40px;
        min-width: 40px;
        border-radius: 100%;
        object-fit: cover;
        color: #00377C;
        font-weight: bold;
        text-transform: uppercase;
        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; } }
      .table-attendace .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-weight: 800;
        font-size: 14px !important; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell span {
        color: #00377C;
        font-size: 14px !important; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button {
        display: flex;
        align-items: center;
        box-shadow: none;
        border: none;
        padding: 4px 8px;
        margin-right: 8px;
        background-color: #ffffff00; }
        .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button:first-of-type {
          margin-left: auto; }
        .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button:last-of-type {
          margin-right: 0px; }
        .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button:disabled span {
          color: rgba(0, 0, 0, 0.25); }
        .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell button span {
          font-size: 20px !important; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-selection-column {
      width: 64px; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .img-cell {
      padding: 8px 16px;
      width: 70px; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-status-cell {
      min-width: 180px; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-status-cell div {
        width: fit-content;
        font-weight: bold;
        border-radius: 12px;
        font-size: 14px !important;
        text-transform: capitalize;
        padding: 0px 8px; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-status-cell .state-container-ok {
        background-color: #E5FFFA;
        color: #1CA690; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-status-cell .state-container-missing {
        background-color: #FFF0E8;
        color: #AA1E00; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-status-cell .state-container-no-attendance {
        border: 1px solid #E5FDFF;
        color: #00ADD1; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .departure-status-cell {
      min-width: 155px; }
      .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .departure-status-cell div {
        width: fit-content;
        font-weight: bold;
        border-radius: 12px;
        font-size: 14px !important;
        text-transform: capitalize;
        padding: 0px 8px;
        background-color: #E5FFFA;
        color: #00377C; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .who-send-attendance-cell {
      min-width: 130px; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .who-attendace-cell {
      min-width: 130px; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .departure-time-cell {
      min-width: 150px; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .attendance-time-cell {
      min-width: 140px; }
    .table-attendace .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; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .name-cell {
      text-transform: capitalize; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-selection-column .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
      border: 1px solid #00377C; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row .ant-table-selection-column .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
      background-color: #00377C; }
    .table-attendace .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .ant-table-content .ant-table-tbody .ant-table-row-selected .ant-table-cell {
      background-color: #fff; }
  .table-attendace .ant-spin-nested-loading .ant-pagination {
    padding: 0px 16px; }

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

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

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

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

.table-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 5px 0px; }

.btn-edit {
  background-color: #F76B1C;
  color: #fff;
  visibility: visible !important; }

.btn-edit:hover {
  background-color: #F76B1C;
  color: #fff; }

.btn-edit:focus {
  background-color: #F76B1C;
  color: #fff; }

.content-type {
  background-color: #E5FFFA;
  color: #1CA690 !important;
  font-weight: bold;
  border-radius: 25px;
  padding: 3px 20px;
  width: fit-content;
  margin: 0px auto !important; }

.text {
  text-align: center; }

.table-buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center; }

.modal-behavior-container {
  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-container {
      max-width: 95%; } }
  .modal-behavior-container p {
    color: #00377C;
    margin: 0;
    font-weight: bold;
    font-size: 14px !important; }
  .modal-behavior-container .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6rem;
    margin-bottom: 1.5rem; }
    .modal-behavior-container .header p {
      margin: 0;
      color: #00377C;
      font-size: 24px !important;
      font-weight: 900; }
    .modal-behavior-container .header .button-close {
      padding: 0;
      border: none;
      box-shadow: none; }
      .modal-behavior-container .header .button-close .icon-close, .modal-behavior-container .header .button-close .icon-back {
        color: #00497D; }
      .modal-behavior-container .header .button-close .icon-close {
        font-size: 16px !important; }
      .modal-behavior-container .header .button-close .icon-back {
        font-size: 24px !important;
        display: none; }
        @media screen and (min-width: 575px) {
          .modal-behavior-container .header .button-close .icon-back {
            display: none; } }
  .modal-behavior-container .content {
    display: block;
    margin-bottom: 1rem;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 575px) {
      .modal-behavior-container .content {
        display: block; } }
    .modal-behavior-container .content .content-header {
      display: flex;
      flex-direction: row;
      gap: 10px; }
    .modal-behavior-container .content .content-header div:nth-child(2) {
      flex-grow: 1; }
    .modal-behavior-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-behavior-container .content .select {
      width: 100%;
      display: flex;
      min-width: 10rem;
      margin-bottom: 1rem; }
      .modal-behavior-container .content .select .ant-select-selector {
        border: 1px solid #DFEAEC; }
        .modal-behavior-container .content .select .ant-select-selector span {
          color: #00377C;
          font-size: 14px !important;
          font-weight: 400; }
      .modal-behavior-container .content .select span .anticon {
        color: #00377C;
        font-size: 8px; }
    .modal-behavior-container .content .check {
      display: flex;
      align-items: center;
      gap: .5rem;
      color: #00377C; }
      .modal-behavior-container .content .check .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
        background: #00377C;
        border-color: #00377C; }
  .modal-behavior-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 {
  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 {
      background-color: #E5FFFA;
      color: #1CA690;
      font-weight: bold;
      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-text {
      align-content: center;
      height: 40px; }
    .modal-behavior .content .image-container {
      display: flex;
      flex-direction: row;
      gap: 5px;
      padding: 5px;
      border: 2px solid #DFEAEC;
      border-radius: 10px; }
      .modal-behavior .content .image-container .image {
        width: 70px;
        height: 70px;
        border: 2px solid #DFEAEC;
        border-radius: 5px; }
        .modal-behavior .content .image-container .image img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
      .modal-behavior .content .image-container .image-file {
        display: flex;
        flex-direction: column;
        gap: 5px;
        padding: 5px; }
        .modal-behavior .content .image-container .image-file svg {
          width: 30px;
          height: 30px; }
        .modal-behavior .content .image-container .image-file p {
          font-weight: 700;
          color: #00377C;
          font-size: 8px !important;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }

.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: 0;
      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; }

.modal-container-firm {
  width: 364px !important;
  height: 330px;
  padding: 0px; }
  .modal-container-firm h1 {
    color: #00377C;
    font-size: 32px !important;
    line-height: 32px;
    font-weight: bold;
    margin: 0px; }

.header-students-container {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 720px) {
    .header-students-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } }
  .header-students-container .title-container {
    display: flex;
    align-items: center; }
    .header-students-container .title-container h1 {
      color: #00377C;
      font-size: 32px !important;
      font-weight: 900;
      margin-right: 16px;
      margin-bottom: 0px; }
    .header-students-container .title-container .quantity {
      display: flex;
      border-radius: 8px;
      background-color: #E5FDFF;
      padding: 0px 8px;
      height: fit-content;
      color: #00377C;
      font-size: 20px !important;
      font-weight: 800; }
  .header-students-container .btns {
    display: flex;
    align-items: center;
    gap: 10px; }
    @media screen and (max-width: 680px) {
      .header-students-container .btns {
        display: flex;
        flex-direction: row; } }
    @media screen and (max-width: 680px) {
      .header-students-container .btns button {
        display: flex;
        flex-direction: row;
        text-align: center;
        justify-content: center; } }
    .header-students-container .btns .ant-dropdown-trigger {
      display: flex;
      width: fit-content;
      border: none;
      box-shadow: none;
      padding: 4px 8px;
      border-radius: 8px;
      font-size: 16px !important;
      font-weight: bold;
      margin-right: 8px; }
    .header-students-container .btns .new {
      color: #fff;
      background-color: #F76B1C;
      margin-right: 0px; }
    .header-students-container .btns .export {
      color: #F76B1C;
      background-color: #FFF0E8; }

#menuDropdownAccionesAlumnos .ant-dropdown-menu-title-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #00377C; }
  #menuDropdownAccionesAlumnos .ant-dropdown-menu-title-content svg {
    margin-left: 10px;
    font-size: 16px; }

.ant-dropdown .filter-schedules-container {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  padding: 16px 8px;
  display: grid;
  box-shadow: 0 2px 20px 0 #005FB920; }
  .ant-dropdown .filter-schedules-container p {
    font-size: 14px !important;
    font-weight: bold;
    color: #00377C;
    margin-bottom: 8px; }
  .ant-dropdown .filter-schedules-container .ant-checkbox-wrapper {
    display: flex;
    align-items: center;
    width: auto;
    font-size: 14px !important;
    color: #00377C;
    margin-left: 0px;
    margin-bottom: 8px;
    text-transform: capitalize; }
    .ant-dropdown .filter-schedules-container .ant-checkbox-wrapper:last-of-type {
      margin-bottom: 0px; }

.bar-students-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #DFEAEC;
  padding: 8px 16px;
  margin-bottom: 16px;
  background-color: #fff;
  flex-wrap: wrap; }
  @media screen and (max-width: 575px) {
    .bar-students-container {
      padding: 8px; } }
  .bar-students-container .quantity-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 10px;
    max-width: 100%; }
    .bar-students-container .quantity-container .quantity {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      padding: 0px 8px;
      border-radius: 8px;
      font-size: 12px;
      font-weight: 800;
      color: #00377C;
      background-color: #E5FDFF; }
      .bar-students-container .quantity-container .quantity p {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        margin: 0px;
        white-space: nowrap; }
      .bar-students-container .quantity-container .quantity strong {
        font-size: 20px; }
  .bar-students-container .inputs-selects-container {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .bar-students-container .inputs-selects-container .container-input-search {
      width: auto;
      position: relative; }
      @media screen and (max-width: 575px) {
        .bar-students-container .inputs-selects-container .container-input-search {
          width: 100%; } }
      .bar-students-container .inputs-selects-container .container-input-search svg {
        z-index: 1;
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%); }
      .bar-students-container .inputs-selects-container .container-input-search .ant-input {
        padding-left: 25px;
        width: 250px;
        border: 1px solid #d9d9d9;
        box-shadow: none; }
        @media screen and (max-width: 575px) {
          .bar-students-container .inputs-selects-container .container-input-search .ant-input {
            width: 100%; } }
    .bar-students-container .inputs-selects-container .select-container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      width: 100%;
      gap: 10px; }
      @media screen and (max-width: 575px) {
        .bar-students-container .inputs-selects-container .select-container {
          flex-direction: column; } }

.container-btns-accion {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px; }
  .container-btns-accion .btn-accion {
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 100px;
    background-color: #E5F6FF;
    cursor: pointer; }
    .container-btns-accion .btn-accion svg {
      height: auto;
      width: 15px; }
    .container-btns-accion .btn-accion span {
      color: #00377C;
      font-weight: bold;
      font-size: 14px; }

.ant-select-selection-search {
  color: #00377C;
  max-height: 25px; }

.ant-select-selection-placeholder {
  padding-right: 18px;
  color: #00377C; }

.select-custom {
  margin-left: 0px;
  width: 250px;
  color: #00377C;
  background-color: white; }
  .select-custom .ant-select-arrow {
    display: none; }
  .select-custom .ant-select-selection-item {
    color: #00377C; }
  @media screen and (max-width: 575px) {
    .select-custom {
      width: 100%; } }

.ant-select-multiple .ant-select-selector .ant-select-selection-item {
  font-weight: bold;
  color: #00377C; }

.select-custom .ant-select-selection-overflow-item:first-child .ant-select-selection-item {
  text-overflow: ellipsis;
  white-space: nowrap; }

.ant-select .select-custom .ant-select-single .ant-select-show-arrow {
  display: none;
  color: #ffffff; }

.ant-select-selection-item-content {
  text-overflow: elipsis;
  width: fit-content; }

.modal-confirm-delete-container-true {
  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: 500px;
  display: block; }
  @media screen and (max-width: 575px) {
    .modal-confirm-delete-container-true {
      padding: 1rem .5rem;
      z-index: 4; } }
  .modal-confirm-delete-container-true h1 {
    margin-bottom: .5rem;
    color: #00377C;
    font-weight: 900;
    font-size: 26px !important; }
  .modal-confirm-delete-container-true p {
    text-align: center;
    margin-bottom: 1rem;
    color: #00377C;
    font-size: 16px !important;
    text-align: justify; }
  .modal-confirm-delete-container-true .items {
    display: flex;
    flex-direction: column;
    margin: 10px 0; }
    .modal-confirm-delete-container-true .items p {
      margin: 0; }
  .modal-confirm-delete-container-true .modal-confirm-delete-btns-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: 100%;
    gap: 10px; }
    .modal-confirm-delete-container-true .modal-confirm-delete-btns-container .modal-confirm-delete-btn-cancel,
    .modal-confirm-delete-container-true .modal-confirm-delete-btns-container .modal-confirm-delete-btn-confirm {
      display: flex;
      align-items: center;
      border-radius: 8px;
      padding: 4px 8px;
      border: none;
      box-shadow: none;
      font-size: 16px !important;
      font-weight: bold; }
    .modal-confirm-delete-container-true .modal-confirm-delete-btns-container .modal-confirm-delete-btn-cancel {
      background-color: #E5F6FF;
      color: #00377C; }
    .modal-confirm-delete-container-true .modal-confirm-delete-btns-container .modal-confirm-delete-btn-confirm {
      background-color: #F76B1C;
      color: #FFFFFF; }

.table-students-container {
  border-radius: 4px;
  margin-bottom: 20px;
  border: 1px solid #DFEAEC;
  overflow-x: scroll;
  overflow-y: scroll; }
  .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
    border-radius: 4px; }
    .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-blue {
      background-color: #E5F6FF;
      color: #00377C;
      font-weight: bold;
      border-radius: 25px;
      justify-content: center;
      width: fit-content;
      padding: 3px 20px; }
      @media screen and (max-width: 575px) {
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-blue {
          padding: 3px 5px; } }
    .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green {
      background-color: #E5FFFA;
      color: #1CA690;
      font-weight: bold;
      border-radius: 25px;
      justify-content: center;
      width: fit-content;
      padding: 3px 20px; }
      @media screen and (max-width: 575px) {
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green {
          padding: 3px 5px; } }
      .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .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; }
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-thead .ant-table-cell .ant-table-column-sorters-with-tooltip .ant-table-column-sorters {
          padding: 0px; }
      .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-thead .action-cell {
        text-align: right; }
      .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-thead .hide-enrollment {
        display: none; }
      .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
        border: 2px solid #00377C; }
      .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
        background-color: #00377C; }
      .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-thead .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #00377C; }
      .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row {
        text-align: center; }
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell {
          text-align: center;
          border-bottom: 1px solid #DFEAEC;
          white-space: nowrap;
          padding: 16px 16px;
          width: 50px; }
          @media screen and (max-width: 575px) {
            .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell {
              height: 77px;
              width: 400px; } }
          .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell img, .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell .img {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            min-height: 40px;
            width: 40px;
            min-width: 40px;
            border-radius: 100%;
            object-fit: cover;
            color: #00377C;
            font-weight: bold;
            text-transform: uppercase;
            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; } }
          .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell p {
            color: #00377C;
            margin: 0px;
            font-weight: 800;
            font-size: 14px !important; }
          .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell span {
            color: #00377C;
            font-size: 14px !important; }
          .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell .logged, .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell .unlogged {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
            height: 24px;
            min-height: 24px;
            width: 24px;
            min-width: 24px; }
            .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell .logged .anticon, .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell .unlogged .anticon {
              color: #fff;
              font-size: 12px !important; }
          .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell .logged {
            background-color: #00E7BB; }
          .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-cell .unlogged {
            background-color: #DD5102; }
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .img-cell {
          padding: 8px 16px;
          width: 4%; }
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .action-cell {
          display: flex;
          width: auto;
          align-items: center; }
          .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .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; }
            .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .action-cell button:first-of-type {
              margin-left: auto; }
            .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .action-cell button:last-of-type {
              margin-right: 0px; }
            .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .action-cell button span {
              font-size: 20px !important; }
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .name-cell, .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .tutor-cell {
          text-transform: capitalize; }
          .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .name-cell .student-btn, .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .tutor-cell .student-btn {
            cursor: pointer;
            margin: 0;
            padding: 0;
            justify-content: left;
            border: none;
            box-shadow: none;
            background-color: #ffffff00; }
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .app-cell {
          text-align: center;
          text-align: -webkit-center; }
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .adapted-cell {
          text-align: center; }
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .show-enrollment {
          text-align: center;
          min-width: 190px; }
          .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .show-enrollment p {
            font-weight: 400; }
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .hide-enrollment {
          display: none; }
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-selection-column .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
          border: 2px solid #00377C; }
        .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row .ant-table-selection-column .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
          background-color: #00377C; }
      .table-students-container .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container .pill-green .ant-table-tbody .ant-table-row-selected .ant-table-cell {
        background-color: red; }
  .table-students-container .ant-spin-nested-loading .ant-pagination {
    padding: 0px 16px; }

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

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

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

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

.eliminado-2 td {
  background-color: #F2F2F2 !important; }

.gray-font {
  color: #747474 !important;
  cursor: default !important; }

.gray-pill {
  color: #747474 !important;
  background-color: #EDEDED !important; }

.not-logged {
  color: #F76B1C !important; }

.modal-export-students-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-export-students-container {
      max-width: 95%; } }
  .modal-export-students-container .close {
    display: flex;
    margin-left: auto;
    padding-right: 0px;
    color: #00377C; }
  .modal-export-students-container h1 {
    color: #00377C;
    font-size: 32px !important;
    font-weight: 800;
    margin-bottom: 8px; }
  .modal-export-students-container h4 {
    color: #0584C9;
    font-size: 20px !important;
    font-weight: 800;
    margin-bottom: 12px !important; }
  .modal-export-students-container .schedules {
    display: grid;
    grid-gap: 8px; }
    .modal-export-students-container .schedules .ant-checkbox-wrapper {
      width: fit-content;
      margin-left: 0px; }
      .modal-export-students-container .schedules .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
        border: 1px solid #DFEAEC; }
      .modal-export-students-container .schedules .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #00377C; }
      .modal-export-students-container .schedules .ant-checkbox-wrapper span {
        color: #00377C;
        font-size: 16px !important; }
  .modal-export-students-container .modal-export-student-btn-footer {
    display: flex;
    align-items: center;
    margin-top: 24px; }
    .modal-export-students-container .modal-export-student-btn-footer button {
      display: flex;
      align-items: center;
      padding: 4px 8px;
      font-size: 16px !important;
      font-weight: bold;
      margin-right: 8px;
      border-radius: 8px;
      box-shadow: none;
      border: none; }
      .modal-export-students-container .modal-export-student-btn-footer button:last-of-type {
        margin-right: 0px; }
      .modal-export-students-container .modal-export-student-btn-footer button:first-child {
        margin-left: auto; }
    .modal-export-students-container .modal-export-student-btn-footer .cancel {
      background-color: #F5F5F5;
      color: #00377C; }
    .modal-export-students-container .modal-export-student-btn-footer .export {
      background-color: #F76B1C;
      color: #fff; }

.modal-export-enrollment-container {
  border-radius: 8px;
  background: #ffffff;
  z-index: 2;
  box-shadow: 0px -3px 16px rgba(0, 78, 89, 0.2);
  position: fixed;
  padding: 24px;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  top: 10%;
  left: 0px;
  right: 0px;
  display: grid;
  grid-gap: 32px;
  min-width: 500px; }
  @media screen and (max-width: 575px) {
    .modal-export-enrollment-container {
      top: 6%;
      min-width: 0px;
      max-width: 90%;
      max-height: 80%;
      overflow-y: scroll; } }
  .modal-export-enrollment-container .modal-export-enrollment-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 575px) {
      .modal-export-enrollment-container .modal-export-enrollment-header {
        align-items: initial; } }
    .modal-export-enrollment-container .modal-export-enrollment-header h3 {
      margin: 0px;
      font-size: 24px !important;
      font-weight: 700;
      color: #00377C; }
    .modal-export-enrollment-container .modal-export-enrollment-header button {
      border: 0px;
      box-shadow: none;
      color: #00377C; }
      .modal-export-enrollment-container .modal-export-enrollment-header button:disabled {
        background-color: #ffffff00; }
  .modal-export-enrollment-container .modal-export-enrollment-body {
    display: grid;
    grid-gap: 16px; }
    .modal-export-enrollment-container .modal-export-enrollment-body p {
      margin: 0px;
      font-size: 14px !important;
      font-weight: 700;
      color: #00377C; }
    .modal-export-enrollment-container .modal-export-enrollment-body .ant-select {
      width: 100%; }
      .modal-export-enrollment-container .modal-export-enrollment-body .ant-select .ant-select-selector {
        border: 1px solid #DFEAEC;
        color: #00377C; }
      .modal-export-enrollment-container .modal-export-enrollment-body .ant-select .ant-select-arrow {
        font-size: 10px !important;
        color: #00377C; }
  .modal-export-enrollment-container .modal-export-enrollment-footer {
    display: flex; }
    .modal-export-enrollment-container .modal-export-enrollment-footer button {
      border: 0px;
      box-shadow: none;
      border-radius: 8px;
      display: flex;
      padding: 4px 8px;
      font-weight: bold;
      font-size: 16px !important; }
      .modal-export-enrollment-container .modal-export-enrollment-footer button:first-of-type {
        margin-left: auto;
        margin-right: 8px; }
    .modal-export-enrollment-container .modal-export-enrollment-footer .btn-cancel {
      color: #00377C;
      background-color: #E5F6FF; }
    .modal-export-enrollment-container .modal-export-enrollment-footer .btn-export {
      color: #ffffff;
      background-color: #F76B1C; }

.students-index-container {
  overflow-y: scroll;
  padding: 16px 32px;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 720px) {
    .students-index-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .students-index-container {
      padding: 8px 12px 64px 12px; } }

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

/* 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 ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-select-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-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #f57423;
}
.ant-select-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-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-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-select-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-select-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-select-tree-checkbox-checked .ant-select-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-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #f57423;
  border-color: #f57423;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-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-select-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-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-select-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-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-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree-select-dropdown {
  padding: 8px 4px;
}
.ant-tree-select-dropdown-rtl {
  direction: rtl;
}
.ant-tree-select-dropdown .ant-select-tree {
  border-radius: 0;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-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-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  background: #fff8f0;
}
.ant-select-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
  position: relative;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-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-select-tree .ant-select-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-select-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  user-select: none;
}
.ant-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-select-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-select-tree-treenode:hover .ant-select-tree-draggable-icon {
  opacity: 0.45;
}
.ant-select-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-select-tree-switcher .ant-tree-switcher-icon,
.ant-select-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-select-tree-switcher .ant-tree-switcher-icon svg,
.ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree-switcher-noop {
  cursor: default;
}
.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree-switcher-loading-icon {
  color: #f57423;
}
.ant-select-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-select-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-select-tree .ant-select-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-select-tree .ant-select-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #ffe4c7;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
  display: none;
}
.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-select-tree-node-content-wrapper {
  line-height: 24px;
  user-select: none;
}
.ant-select-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-select-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-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #f57423;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
  display: none;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
  background: #fff;
}
.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
  transform: scaleY(-1);
}

.modal-recipient-container {
  border-radius: 8px;
  background: #ffffff;
  z-index: 3;
  box-shadow: 0 2px 20px 0 #005FB920;
  padding: 16px 8px 24px 24px;
  position: fixed;
  top: 10%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  max-width: 95%;
  max-height: 80%;
  height: auto;
  display: block; }
  @media screen and (max-width: 575px) {
    .modal-recipient-container {
      z-index: 4;
      padding: .75rem;
      min-width: 80%; } }
  .modal-recipient-container .modal-recipient-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px; }
    .modal-recipient-container .modal-recipient-header h3 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin: 0px; }
    .modal-recipient-container .modal-recipient-header button {
      border: none;
      box-shadow: none;
      color: #00377C;
      padding-right: 8px; }
  .modal-recipient-container .recipient-type {
    display: grid;
    grid-gap: 8px;
    margin-bottom: 16px; }
    .modal-recipient-container .recipient-type p {
      font-size: 16px !important;
      font-weight: 600;
      color: #00ADD1;
      margin: 0px; }
    .modal-recipient-container .recipient-type .recipient {
      display: flex;
      align-items: center; }
      .modal-recipient-container .recipient-type .recipient button {
        border: none;
        box-shadow: none;
        display: flex;
        align-items: center;
        height: 100%;
        width: -webkit-fill-available;
        padding: 0px;
        margin-right: 16px;
        text-align: left; }
        .modal-recipient-container .recipient-type .recipient button img, .modal-recipient-container .recipient-type .recipient button .img, .modal-recipient-container .recipient-type .recipient button .student-img {
          border-radius: 100%;
          height: 48px;
          width: 48px;
          min-height: 48px;
          min-width: 48px;
          object-fit: cover;
          animation: random 15s infinite;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          color: #00377C;
          margin: 0;
          font-weight: bold;
          font-size: 14px !important;
          text-transform: uppercase;
          margin-right: 12px; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
        .modal-recipient-container .recipient-type .recipient button .student-img {
          border-radius: 12px; }
        .modal-recipient-container .recipient-type .recipient button .schedule {
          margin: 0px;
          color: #00377C;
          font-size: 16px !important;
          font-weight: bold;
          text-transform: capitalize; }
        .modal-recipient-container .recipient-type .recipient button .student-info {
          line-height: normal;
          text-transform: capitalize; }
          .modal-recipient-container .recipient-type .recipient button .student-info p {
            margin: 0px;
            color: #00377C;
            font-size: 14px !important;
            font-weight: bold; }
          .modal-recipient-container .recipient-type .recipient button .student-info span {
            color: #00377C;
            font-size: 14px !important; }
      .modal-recipient-container .recipient-type .recipient .check {
        display: flex;
        margin-left: auto;
        height: 32px;
        min-height: 32px;
        width: 32px;
        min-width: 32px;
        border-radius: 100%;
        background-color: #00E7BB;
        color: #fff;
        align-items: center;
        justify-content: center;
        font-size: 12px !important; }
  .modal-recipient-container .ant-spin {
    display: flex;
    justify-content: center; }

@media screen and (max-width: 575px) {
  .modal-recipient-container::-webkit-scrollbar {
    width: 8px; } }

.modal-recipient-container::-webkit-scrollbar-track {
  border-radius: 4px; }

.modal-recipient-container::-webkit-scrollbar-thumb {
  background: #00ADD1;
  border-radius: 4px; }

.modal-recipient-container::-webkit-scrollbar-thumb:hover {
  background: #00ADD1; }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown {
    position: fixed;
    top: 21% !important; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-content .ant-picker-time-panel-column {
    overflow-y: scroll; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-content .ant-picker-time-panel-column .ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
    height: 25px;
    color: #00377C; } }

@media screen and (max-width: 575px) {
  .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-footer .ant-picker-ranges {
    display: block;
    align-content: center;
    text-align: center; }
    .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-time-panel .ant-picker-footer .ant-picker-ranges .ant-picker-ok {
      float: none;
      margin-left: 0; } }

.ant-select-tree .tree input {
  font-variant: normal;
  font-feature-settings: normal;
  color: #00377C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-switcher .anticon-caret-down {
  color: #00377C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-checkbox .ant-select-tree-checkbox-inner {
  border: 1px solid #00377C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  background-color: #00377C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #00377C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover {
  background-color: #fff; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper .ant-select-tree-title {
  font-size: 14px !important;
  color: #00377C; }
  .ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper .ant-select-tree-title:hover {
    color: #F76B1C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-scrollbar .ant-select-tree-list-scrollbar-thumb {
  background: #00ADD1 !important; }

.option-sede-new-edit-event:hover {
  background-color: #fff; }

.option-sede-new-edit-event .ant-select-item-option-content {
  font-size: 14px !important; }
  .option-sede-new-edit-event .ant-select-item-option-content:hover {
    color: #F76B1C; }

.ant-select-item-option-active {
  background-color: #fff; }
  .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: #fff; }

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #00377C !important;
  background-color: #fff; }

.modal-event-new-edit {
  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: 95%;
  min-width: 25%;
  max-height: 80%;
  height: auto;
  display: block; }
  @media screen and (max-width: 575px) {
    .modal-event-new-edit {
      max-width: 95%; } }
  .modal-event-new-edit .header-modal-event-new-edit {
    display: flex;
    text-align: left;
    justify-content: space-between; }
    .modal-event-new-edit .header-modal-event-new-edit h2 {
      margin: 0;
      color: #00377C;
      font-weight: 900;
      font-size: 32px !important; }
    .modal-event-new-edit .header-modal-event-new-edit button {
      color: #00377C;
      box-shadow: none;
      border: none;
      padding-right: 8px; }
  .modal-event-new-edit .body-modal-event-new-edit {
    display: grid;
    grid-gap: 16px; }
    .modal-event-new-edit .body-modal-event-new-edit .item-block {
      display: flex;
      flex-direction: column;
      gap: 10px; }
    .modal-event-new-edit .body-modal-event-new-edit .item-flex {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 10px; }
    .modal-event-new-edit .body-modal-event-new-edit .item-flex-group {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 580px; }
    .modal-event-new-edit .body-modal-event-new-edit .item-block .group-checkbox, .modal-event-new-edit .body-modal-event-new-edit .item-flex .group-checkbox, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .group-checkbox {
      display: flex;
      flex-direction: row;
      gap: 30%; }
      .modal-event-new-edit .body-modal-event-new-edit .item-block .group-checkbox label, .modal-event-new-edit .body-modal-event-new-edit .item-flex .group-checkbox label, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .group-checkbox label {
        color: #00377C;
        font-size: 14px !important; }
    .modal-event-new-edit .body-modal-event-new-edit .item-block p, .modal-event-new-edit .body-modal-event-new-edit .item-flex p, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group p {
      margin: 0;
      color: #00377C;
      font-weight: bold;
      font-size: 14px !important; }
      .modal-event-new-edit .body-modal-event-new-edit .item-block p span, .modal-event-new-edit .body-modal-event-new-edit .item-flex p span, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group p span {
        color: red; }
    .modal-event-new-edit .body-modal-event-new-edit .item-block .type, .modal-event-new-edit .body-modal-event-new-edit .item-flex .type, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .type {
      display: flex;
      gap: 10px; }
      .modal-event-new-edit .body-modal-event-new-edit .item-block .type .selected, .modal-event-new-edit .body-modal-event-new-edit .item-block .type .no-selected, .modal-event-new-edit .body-modal-event-new-edit .item-flex .type .selected, .modal-event-new-edit .body-modal-event-new-edit .item-flex .type .no-selected, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .type .selected, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .type .no-selected {
        display: flex;
        align-items: center;
        border-radius: 8px;
        font-weight: bold;
        border: none;
        box-shadow: none; }
      .modal-event-new-edit .body-modal-event-new-edit .item-block .type .selected, .modal-event-new-edit .body-modal-event-new-edit .item-flex .type .selected, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .type .selected {
        background: #F76B1C;
        color: #FFF0E8; }
      .modal-event-new-edit .body-modal-event-new-edit .item-block .type .no-selected, .modal-event-new-edit .body-modal-event-new-edit .item-flex .type .no-selected, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .type .no-selected {
        background: #FFF0E8;
        color: #F76B1C; }
    .modal-event-new-edit .body-modal-event-new-edit .item-block input, .modal-event-new-edit .body-modal-event-new-edit .item-block textarea, .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-picker, .modal-event-new-edit .body-modal-event-new-edit .item-flex input, .modal-event-new-edit .body-modal-event-new-edit .item-flex textarea, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-picker, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group input, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group textarea, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-picker {
      border-radius: 2px;
      border: 1px solid #DFEAEC;
      color: #00377C;
      font-size: 14px !important;
      resize: none;
      font-variant: normal;
      font-feature-settings: normal;
      white-space: pre-wrap; }
    .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-picker, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-picker, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-picker {
      border-radius: 2px;
      width: 118px;
      border: 1px solid #DFEAEC; }
      .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-picker .ant-picker-input, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-picker .ant-picker-input, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-picker .ant-picker-input {
        flex-direction: row-reverse;
        gap: 8px; }
        .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-picker .ant-picker-input input, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-picker .ant-picker-input input, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-picker .ant-picker-input input {
          border: none; }
        .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-picker .ant-picker-input span, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-picker .ant-picker-input span, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-picker .ant-picker-input span {
          color: #00377C; }
    .modal-event-new-edit .body-modal-event-new-edit .item-block .recipient-options, .modal-event-new-edit .body-modal-event-new-edit .item-flex .recipient-options, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .recipient-options {
      display: flex;
      align-items: center; }
      .modal-event-new-edit .body-modal-event-new-edit .item-block .recipient-options button, .modal-event-new-edit .body-modal-event-new-edit .item-flex .recipient-options button, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .recipient-options button {
        border: none;
        box-shadow: none;
        border-radius: 8px;
        padding: 4px 12px;
        font-size: 16px !important;
        font-weight: bold;
        margin-right: 8px; }
        .modal-event-new-edit .body-modal-event-new-edit .item-block .recipient-options button:last-of-type, .modal-event-new-edit .body-modal-event-new-edit .item-flex .recipient-options button:last-of-type, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .recipient-options button:last-of-type {
          margin-right: 0px; }
        .modal-event-new-edit .body-modal-event-new-edit .item-block .recipient-options button:hover, .modal-event-new-edit .body-modal-event-new-edit .item-flex .recipient-options button:hover, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .recipient-options button:hover {
          color: #F76B1C; }
      .modal-event-new-edit .body-modal-event-new-edit .item-block .recipient-options .btn, .modal-event-new-edit .body-modal-event-new-edit .item-flex .recipient-options .btn, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .recipient-options .btn {
        color: #00377C;
        background-color: #E5F6FF; }
      .modal-event-new-edit .body-modal-event-new-edit .item-block .recipient-options .btn-selec, .modal-event-new-edit .body-modal-event-new-edit .item-flex .recipient-options .btn-selec, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .recipient-options .btn-selec {
        color: #fff;
        background-color: #00377C; }
        .modal-event-new-edit .body-modal-event-new-edit .item-block .recipient-options .btn-selec:hover, .modal-event-new-edit .body-modal-event-new-edit .item-flex .recipient-options .btn-selec:hover, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .recipient-options .btn-selec:hover {
          color: #fff; }
    .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-tree-select, .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-select-multiple, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-tree-select, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-select-multiple, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-tree-select, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-select-multiple {
      width: 100%;
      font-variant: normal;
      font-feature-settings: normal; }
      .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-tree-select .ant-select-selector, .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-select-multiple .ant-select-selector, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-tree-select .ant-select-selector, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-select-multiple .ant-select-selector, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-tree-select .ant-select-selector, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-select-multiple .ant-select-selector {
        border: 1px solid #DFEAEC; }
        .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-tree-select .ant-select-selector span, .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-select-multiple .ant-select-selector span, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-tree-select .ant-select-selector span, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-select-multiple .ant-select-selector span, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-tree-select .ant-select-selector span, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-select-multiple .ant-select-selector span {
          font-size: 14px !important; }
        .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item, .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-select-multiple .ant-select-selector .ant-select-selection-item, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-tree-select .ant-select-selector .ant-select-selection-item, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-select-multiple .ant-select-selector .ant-select-selection-item, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-tree-select .ant-select-selector .ant-select-selection-item, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-select-multiple .ant-select-selector .ant-select-selection-item {
          border: none;
          border-radius: 8px;
          background-color: #E6FAFF;
          align-items: center;
          padding: 0px 8px; }
          .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content, .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content {
            font-size: 12px !important;
            font-weight: bold;
            color: #0060B9; }
          .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove, .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove {
            display: flex; }
            .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close, .modal-event-new-edit .body-modal-event-new-edit .item-block .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close, .modal-event-new-edit .body-modal-event-new-edit .item-flex .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close {
              font-size: 10px !important;
              color: #00497D; }
    .modal-event-new-edit .body-modal-event-new-edit .item-block .add-students, .modal-event-new-edit .body-modal-event-new-edit .item-flex .add-students, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .add-students {
      display: flex;
      align-items: center;
      border-radius: 8px;
      color: #0060B9;
      font-weight: bold;
      background: #E5FDFF;
      gap: 8px;
      font-size: 12px !important;
      border: none;
      box-shadow: none;
      margin-left: auto; }
    .modal-event-new-edit .body-modal-event-new-edit .item-block .guests, .modal-event-new-edit .body-modal-event-new-edit .item-flex .guests, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .guests {
      display: block; }
      .modal-event-new-edit .body-modal-event-new-edit .item-block .guests .user, .modal-event-new-edit .body-modal-event-new-edit .item-flex .guests .user, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .guests .user {
        display: flex;
        width: 100%;
        gap: 8px;
        padding: .25rem 0;
        align-items: center; }
        .modal-event-new-edit .body-modal-event-new-edit .item-block .guests .user .no-img, .modal-event-new-edit .body-modal-event-new-edit .item-block .guests .user .img, .modal-event-new-edit .body-modal-event-new-edit .item-flex .guests .user .no-img, .modal-event-new-edit .body-modal-event-new-edit .item-flex .guests .user .img, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .guests .user .no-img, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .guests .user .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;
          object-fit: cover;
          text-transform: uppercase; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
        .modal-event-new-edit .body-modal-event-new-edit .item-block .guests .user p, .modal-event-new-edit .body-modal-event-new-edit .item-flex .guests .user p, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .guests .user p {
          font-weight: 400;
          margin: 0;
          text-transform: capitalize; }
        .modal-event-new-edit .body-modal-event-new-edit .item-block .guests .user button, .modal-event-new-edit .body-modal-event-new-edit .item-flex .guests .user button, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .guests .user button {
          margin-left: auto;
          background-color: transparent;
          color: #D9D9D9;
          box-shadow: none;
          border: none; }
    .modal-event-new-edit .body-modal-event-new-edit .item-block .times, .modal-event-new-edit .body-modal-event-new-edit .item-flex .times, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .times {
      display: flex;
      gap: 8px;
      justify-content: flex-end; }
      @media screen and (max-width: 340px) {
        .modal-event-new-edit .body-modal-event-new-edit .item-block .times, .modal-event-new-edit .body-modal-event-new-edit .item-flex .times, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .times {
          display: block;
          width: 75%;
          text-align: right; } }
      .modal-event-new-edit .body-modal-event-new-edit .item-block .times .time-picker, .modal-event-new-edit .body-modal-event-new-edit .item-flex .times .time-picker, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .times .time-picker {
        width: 40%; }
        @media screen and (max-width: 340px) {
          .modal-event-new-edit .body-modal-event-new-edit .item-block .times .time-picker, .modal-event-new-edit .body-modal-event-new-edit .item-flex .times .time-picker, .modal-event-new-edit .body-modal-event-new-edit .item-flex-group .times .time-picker {
            margin-top: .5rem;
            width: auto; } }
  .modal-event-new-edit .footer-modal-event-new-edit {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 1rem; }
    .modal-event-new-edit .footer-modal-event-new-edit button {
      display: flex;
      align-items: center;
      border-radius: 8px;
      font-weight: bold;
      font-size: 16px !important;
      border: none;
      box-shadow: none; }
    .modal-event-new-edit .footer-modal-event-new-edit .button-cancel {
      color: #00377C;
      background: #E5F6FF; }
    .modal-event-new-edit .footer-modal-event-new-edit .button-create {
      color: #ffffff;
      gap: 8px;
      background: #F76B1C; }

.ant-select-tree .tree input {
  font-variant: normal;
  font-feature-settings: normal;
  color: #00377C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-switcher .anticon-caret-down {
  color: #00377C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-checkbox .ant-select-tree-checkbox-inner {
  border: 1px solid #00377C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  background-color: #00377C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #00377C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover {
  background-color: #fff; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper .ant-select-tree-title {
  font-size: 14px !important;
  color: #00377C; }
  .ant-select-tree .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper .ant-select-tree-title:hover {
    color: #F76B1C; }

.ant-select-tree .ant-select-tree-list .ant-select-tree-list-scrollbar .ant-select-tree-list-scrollbar-thumb {
  background: #00ADD1 !important; }

.option-sede-new-edit-message:hover {
  background-color: #fff; }

.option-sede-new-edit-message .ant-select-item-option-content {
  font-size: 14px !important; }
  .option-sede-new-edit-message .ant-select-item-option-content:hover {
    color: #F76B1C; }

.ant-select-item-option-active {
  background-color: #fff; }
  .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: #fff; }

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #00377C !important;
  background-color: #fff; }

.new-edit-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%;
  width: auto;
  overflow-y: scroll;
  max-height: 80%;
  max-width: 45%; }
  @media screen and (max-width: 875px) {
    .new-edit-message-container {
      max-width: 75%;
      width: 65%; } }
  @media screen and (max-width: 575px) {
    .new-edit-message-container {
      z-index: 3;
      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;
      bottom: 7.5%;
      left: 0px;
      padding: 16px 12px; } }
  .new-edit-message-container .new-message-header {
    display: flex;
    justify-content: space-between; }
    .new-edit-message-container .new-message-header h4 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800; }
    .new-edit-message-container .new-message-header button {
      border: none;
      box-shadow: none;
      color: #00377C; }
  .new-edit-message-container .new-message-content {
    display: grid;
    grid-gap: 16px; }
    .new-edit-message-container .new-message-content .item-block {
      display: grid; }
      .new-edit-message-container .new-message-content .item-block p {
        color: #00377C;
        margin: 0px;
        font-size: 14px !important;
        font-weight: bold; }
      .new-edit-message-container .new-message-content .item-block .recipient-options {
        display: flex;
        align-items: center; }
        .new-edit-message-container .new-message-content .item-block .recipient-options button {
          border: none;
          box-shadow: none;
          border-radius: 8px;
          padding: 4px 12px;
          font-size: 16px !important;
          font-weight: bold;
          margin-right: 8px; }
          .new-edit-message-container .new-message-content .item-block .recipient-options button:last-of-type {
            margin-right: 0px; }
          .new-edit-message-container .new-message-content .item-block .recipient-options button:hover {
            color: #F76B1C; }
        .new-edit-message-container .new-message-content .item-block .recipient-options .btn {
          color: #00377C;
          background-color: #E5F6FF; }
        .new-edit-message-container .new-message-content .item-block .recipient-options .btn-selec {
          color: #fff;
          background-color: #00377C; }
          .new-edit-message-container .new-message-content .item-block .recipient-options .btn-selec:hover {
            color: #fff; }
      .new-edit-message-container .new-message-content .item-block .ant-tree-select, .new-edit-message-container .new-message-content .item-block .ant-select-multiple {
        width: 100%;
        font-variant: normal;
        font-feature-settings: normal; }
        .new-edit-message-container .new-message-content .item-block .ant-tree-select .ant-select-selector, .new-edit-message-container .new-message-content .item-block .ant-select-multiple .ant-select-selector {
          border: 1px solid #DFEAEC; }
          .new-edit-message-container .new-message-content .item-block .ant-tree-select .ant-select-selector span, .new-edit-message-container .new-message-content .item-block .ant-select-multiple .ant-select-selector span {
            font-size: 14px !important; }
          .new-edit-message-container .new-message-content .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item, .new-edit-message-container .new-message-content .item-block .ant-select-multiple .ant-select-selector .ant-select-selection-item {
            border: none;
            border-radius: 8px;
            background-color: #E6FAFF;
            align-items: center;
            padding: 0px 8px; }
            .new-edit-message-container .new-message-content .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content, .new-edit-message-container .new-message-content .item-block .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content {
              font-size: 12px !important;
              font-weight: bold;
              color: #0060B9; }
            .new-edit-message-container .new-message-content .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove, .new-edit-message-container .new-message-content .item-block .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove {
              display: flex; }
              .new-edit-message-container .new-message-content .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close, .new-edit-message-container .new-message-content .item-block .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close {
                font-size: 10px !important;
                color: #00497D; }
      .new-edit-message-container .new-message-content .item-block .list-container {
        display: flex; }
        .new-edit-message-container .new-message-content .item-block .list-container .list {
          border: 1px solid #DFEAEC;
          padding: .25rem;
          height: auto;
          margin-right: 1rem;
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          border-radius: 2px;
          max-width: 78%;
          min-height: 32px; }
          @media screen and (max-width: 575px) {
            .new-edit-message-container .new-message-content .item-block .list-container .list {
              width: 100%; } }
          .new-edit-message-container .new-message-content .item-block .list-container .list .person-container {
            display: flex;
            align-items: center;
            background: #E6FAFF;
            border-radius: 8px;
            width: fit-content;
            padding: 0px 8px;
            flex: none;
            margin: 4px 4px 4px 0px; }
            .new-edit-message-container .new-message-content .item-block .list-container .list .person-container:last-of-type {
              margin-right: 0px; }
            .new-edit-message-container .new-message-content .item-block .list-container .list .person-container button {
              border: none;
              box-shadow: none;
              padding: 0;
              padding-left: 12px;
              background-color: #ffffff00;
              font-size: 10px !important;
              color: #00377C; }
        .new-edit-message-container .new-message-content .item-block .list-container .add-button {
          border: none;
          box-shadow: none;
          border-radius: 8px;
          padding: 4px 8px;
          display: flex;
          align-items: center;
          font-size: 16px !important;
          font-weight: bold;
          background-color: #FFF7E6;
          color: #F76B1C; }
      .new-edit-message-container .new-message-content .item-block .ant-input {
        color: #00377C;
        font-size: 14px !important;
        border: 1px solid #DFEAEC;
        font-feature-settings: normal;
        font-variant: none;
        resize: none; }
      .new-edit-message-container .new-message-content .item-block .ant-checkbox-wrapper {
        font-variant: normal;
        font-feature-settings: normal; }
        .new-edit-message-container .new-message-content .item-block .ant-checkbox-wrapper span {
          color: #00377C; }
        .new-edit-message-container .new-message-content .item-block .ant-checkbox-wrapper .ant-checkbox-inner {
          border: 1px solid #00377C;
          border-radius: 4px; }
        .new-edit-message-container .new-message-content .item-block .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
          background-color: #00377C;
          border-radius: 4px; }
          .new-edit-message-container .new-message-content .item-block .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
            border-color: #fff; }
      .new-edit-message-container .new-message-content .item-block .new-edit-message-item-programmed {
        display: flex;
        align-items: center; }
        .new-edit-message-container .new-message-content .item-block .new-edit-message-item-programmed .ant-picker {
          font-variant: normal;
          font-feature-settings: normal;
          color: #00377C;
          border: 1px solid #DFEAEC; }
          .new-edit-message-container .new-message-content .item-block .new-edit-message-item-programmed .ant-picker:first-of-type {
            margin-right: 8px; }
          .new-edit-message-container .new-message-content .item-block .new-edit-message-item-programmed .ant-picker .ant-picker-input input {
            color: #00377C; }
    .new-edit-message-container .new-message-content .item-flex {
      display: flex;
      align-items: center; }
      .new-edit-message-container .new-message-content .item-flex p {
        margin: 0px;
        color: #00377C;
        font-size: 14px !important;
        margin-left: 8px; }
      .new-edit-message-container .new-message-content .item-flex .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
        border: 1px solid #00377C;
        border-radius: 4px; }
      .new-edit-message-container .new-message-content .item-flex .ant-checkbox-wrapper .ant-checkbox-checked::after {
        border: none; }
      .new-edit-message-container .new-message-content .item-flex .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #00377C;
        border-radius: 4px; }
      .new-edit-message-container .new-message-content .item-flex button {
        border: none;
        box-shadow: none;
        display: flex;
        align-items: center;
        border-radius: 8px;
        padding: 4px 8px;
        font-size: 16px !important;
        font-weight: bold;
        margin-right: 8px;
        margin-bottom: 8px; }
        .new-edit-message-container .new-message-content .item-flex button:last-of-type {
          margin-right: 0px; }
      .new-edit-message-container .new-message-content .item-flex .btn-programmed {
        background-color: #F76B1C;
        color: #fff; }
      .new-edit-message-container .new-message-content .item-flex .btn-cancel-programmed {
        color: #00377C;
        background-color: #E5F6FF; }
  .new-edit-message-container .loading-container {
    display: flex;
    align-items: center;
    color: #00377C;
    font-size: 14px !important;
    margin-bottom: 8px; }
    .new-edit-message-container .loading-container .ant-progress {
      margin-right: 8px; }
      .new-edit-message-container .loading-container .ant-progress .ant-progress-outer .ant-progress-inner .ant-progress-bg::before {
        background-color: #aaa; }
  .new-edit-message-container .new-message-footer {
    display: flex;
    justify-content: space-between;
    padding-top: 8px; }
    .new-edit-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-edit-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-edit-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container {
      margin-bottom: 8px; }
      .new-edit-message-container .new-message-footer .upload .ant-upload-list .ant-upload-list-text-container:last-of-type {
        margin-bottom: 0px; }
      .new-edit-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-edit-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-edit-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-edit-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: 200px;
            overflow: hidden;
            text-overflow: ellipsis; }
            @media screen and (max-width: 575px) {
              .new-edit-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-edit-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-edit-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-edit-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-edit-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; }

.ant-select-tree-title .cursiva-nombre-sede {
  color: #D8D8D8;
  font-style: italic; }

.content-messages-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 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-private-uploader .ant-upload.ant-upload-drag {
  height: auto !important; }

.custom-dropdown-class-name-new-private-topic {
  display: none; }

.new-edit-private-message-container {
  position: fixed;
  border-radius: 8px 8px 0px 0px;
  background-color: #fff;
  bottom: 0px;
  right: 2.5%;
  padding: 24px;
  box-shadow: 0 -3px 16px 0 rgba(0, 78, 89, 0.2);
  display: grid;
  grid-gap: 8px;
  color: #00377C;
  min-width: 560px;
  max-width: 720px;
  max-height: 85%;
  overflow-y: scroll; }
  @media screen and (max-width: 875px) {
    .new-edit-private-message-container {
      max-width: 75%;
      width: 65%; } }
  @media screen and (max-width: 575px) {
    .new-edit-private-message-container {
      z-index: 3;
      min-width: 95%;
      max-width: 95%;
      border-radius: 8px;
      bottom: 7.5%;
      top: 0px;
      margin-top: auto;
      margin-bottom: auto;
      padding: 16px 12px; } }
  .new-edit-private-message-container .new-edit-private-message-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .new-edit-private-message-container .new-edit-private-message-header h4 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin: 0px; }
    .new-edit-private-message-container .new-edit-private-message-header button {
      border: none;
      box-shadow: none;
      color: #00377C; }
      .new-edit-private-message-container .new-edit-private-message-header button:disabled {
        background-color: #fff; }
  .new-edit-private-message-container .new-edit-private-message-item {
    display: grid;
    grid-gap: 4px; }
    .new-edit-private-message-container .new-edit-private-message-item p {
      font-size: 14px !important;
      font-weight: bold;
      margin: 0px; }
    .new-edit-private-message-container .new-edit-private-message-item .btn-select, .new-edit-private-message-container .new-edit-private-message-item .btn-select-active {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      padding: 4px 8px;
      font-size: 16px !important;
      font-weight: bold;
      color: #00377C;
      background-color: #E5F6FF;
      margin-right: 8px; }
      .new-edit-private-message-container .new-edit-private-message-item .btn-select:last-of-type, .new-edit-private-message-container .new-edit-private-message-item .btn-select-active:last-of-type {
        margin-right: 0px; }
      .new-edit-private-message-container .new-edit-private-message-item .btn-select:hover, .new-edit-private-message-container .new-edit-private-message-item .btn-select-active:hover {
        color: #F76B1C; }
    .new-edit-private-message-container .new-edit-private-message-item .btn-select-active {
      color: #fff;
      background-color: #00377C; }
    .new-edit-private-message-container .new-edit-private-message-item .ant-select-multiple {
      color: #00377C;
      font-variant: normal;
      font-feature-settings: normal;
      width: 100%; }
      .new-edit-private-message-container .new-edit-private-message-item .ant-select-multiple .ant-select-selector {
        border: 1px solid #DFEAEC;
        margin-right: 8px; }
        .new-edit-private-message-container .new-edit-private-message-item .ant-select-multiple .ant-select-selector .ant-select-selection-item {
          border-radius: 8px;
          border: none;
          background-color: #E5F6FF;
          padding: 0px 8px 0px 10px; }
          .new-edit-private-message-container .new-edit-private-message-item .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content {
            font-size: 12px !important;
            color: #0060B9;
            font-weight: bold; }
          .new-edit-private-message-container .new-edit-private-message-item .ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close {
            color: #00377C;
            font-size: 10px !important; }
    .new-edit-private-message-container .new-edit-private-message-item .btn-add {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      padding: 4px 8px;
      font-size: 16px !important;
      font-weight: bold;
      color: #F76B1C;
      background-color: #FFF7E6; }
    .new-edit-private-message-container .new-edit-private-message-item .ant-input {
      font-variant: normal;
      font-feature-settings: normal;
      border: 1px solid #DFEAEC;
      font-size: 14px !important;
      color: #00377C;
      resize: none; }
    .new-edit-private-message-container .new-edit-private-message-item .ant-checkbox-wrapper {
      font-variant: normal;
      font-feature-settings: normal; }
      .new-edit-private-message-container .new-edit-private-message-item .ant-checkbox-wrapper span {
        color: #00377C; }
      .new-edit-private-message-container .new-edit-private-message-item .ant-checkbox-wrapper .ant-checkbox-inner {
        border: 1px solid #00377C;
        border-radius: 4px; }
      .new-edit-private-message-container .new-edit-private-message-item .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #00377C;
        border-radius: 4px; }
        .new-edit-private-message-container .new-edit-private-message-item .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
          border-color: #fff; }
    .new-edit-private-message-container .new-edit-private-message-item .new-edit-private-message-item-programmed {
      display: flex;
      align-items: center; }
      .new-edit-private-message-container .new-edit-private-message-item .new-edit-private-message-item-programmed .ant-picker {
        font-variant: normal;
        font-feature-settings: normal;
        color: #00377C;
        border: 1px solid #DFEAEC; }
        .new-edit-private-message-container .new-edit-private-message-item .new-edit-private-message-item-programmed .ant-picker:first-of-type {
          margin-right: 8px; }
        .new-edit-private-message-container .new-edit-private-message-item .new-edit-private-message-item-programmed .ant-picker .ant-picker-input input {
          color: #00377C; }
  .new-edit-private-message-container .new-edit-private-message-footer {
    display: flex;
    justify-content: space-between; }
    .new-edit-private-message-container .new-edit-private-message-footer .btn-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-edit-private-message-container .new-edit-private-message-footer .upload .ant-upload .ant-upload .btn-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-edit-private-message-container .new-edit-private-message-footer .upload .ant-upload-list .ant-upload-list-text-container {
      margin-bottom: 8px; }
      .new-edit-private-message-container .new-edit-private-message-footer .upload .ant-upload-list .ant-upload-list-text-container:last-of-type {
        margin-bottom: 0px; }
      .new-edit-private-message-container .new-edit-private-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-edit-private-message-container .new-edit-private-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-edit-private-message-container .new-edit-private-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-edit-private-message-container .new-edit-private-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: 200px;
            overflow: hidden;
            text-overflow: ellipsis; }
            @media screen and (max-width: 575px) {
              .new-edit-private-message-container .new-edit-private-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-edit-private-message-container .new-edit-private-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-edit-private-message-container .new-edit-private-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-edit-private-message-container .new-edit-private-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-edit-private-message-container .new-edit-private-message-footer .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-progress {
        display: none; }

.ant-select-item-option-content {
  color: #00377C;
  font-size: 16px !important; }

.messages-container {
  overflow-y: scroll;
  padding: 16px 32px;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 720px) {
    .messages-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .messages-container {
      padding: 8px 12px 64px 12px; } }

.modal-definir-grupo-personalizado {
  width: 500px !important; }
  .modal-definir-grupo-personalizado .body {
    gap: 20px 0px;
    margin: 10px 0px 30px 0px; }
    .modal-definir-grupo-personalizado .body .container-select-grupo-personalizado {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-definir-grupo-personalizado .body .container-select-grupo-personalizado .row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-end;
        width: 100%; }
        .modal-definir-grupo-personalizado .body .container-select-grupo-personalizado .row .select-base-general-container {
          width: 100%; }
        .modal-definir-grupo-personalizado .body .container-select-grupo-personalizado .row .borrar {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 32px;
          width: 32px;
          margin-left: 10px;
          border-radius: 8px;
          background-color: #FFF0E8;
          cursor: pointer;
          transition: box-shadow 150ms; }
          .modal-definir-grupo-personalizado .body .container-select-grupo-personalizado .row .borrar svg {
            height: auto;
            width: 18px;
            color: #F76B1C; }
        .modal-definir-grupo-personalizado .body .container-select-grupo-personalizado .row .borrar:hover {
          box-shadow: 0px 0px 2px 3px rgba(247, 107, 28, 0.35); }
      .modal-definir-grupo-personalizado .body .container-select-grupo-personalizado .nuevo {
        font-size: 14px;
        text-decoration: underline;
        color: #00377C;
        margin-top: 10px;
        cursor: pointer; }
    .modal-definir-grupo-personalizado .body .container-select-grupo-personalizado.d-none {
      display: none; }
    .modal-definir-grupo-personalizado .body .input {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-definir-grupo-personalizado .body .input .titulo {
        font-size: 13px;
        color: #747474; }
      .modal-definir-grupo-personalizado .body .input input {
        padding: 0px 11px;
        color: #747474;
        border: 1px solid #979797;
        border-radius: 2px;
        height: 32px;
        outline: none; }
    .modal-definir-grupo-personalizado .body .accordion-content-base {
      padding: 0px; }
      .modal-definir-grupo-personalizado .body .accordion-content-base .alumno-para-seleccionar,
      .modal-definir-grupo-personalizado .body .accordion-content-base .alumno-seleccionado {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        padding: 15px;
        border-bottom: 1px solid #DFEAEC; }
        .modal-definir-grupo-personalizado .body .accordion-content-base .alumno-para-seleccionar .checkboxPlanning,
        .modal-definir-grupo-personalizado .body .accordion-content-base .alumno-seleccionado .checkboxPlanning {
          margin-right: 15px;
          margin-left: 0px; }
        .modal-definir-grupo-personalizado .body .accordion-content-base .alumno-para-seleccionar .nombre,
        .modal-definir-grupo-personalizado .body .accordion-content-base .alumno-seleccionado .nombre {
          font-size: 13px;
          color: #00377C;
          margin-right: 10px; }
        .modal-definir-grupo-personalizado .body .accordion-content-base .alumno-para-seleccionar .data,
        .modal-definir-grupo-personalizado .body .accordion-content-base .alumno-seleccionado .data {
          font-size: 11px;
          color: #979797; }
        .modal-definir-grupo-personalizado .body .accordion-content-base .alumno-para-seleccionar .delete,
        .modal-definir-grupo-personalizado .body .accordion-content-base .alumno-seleccionado .delete {
          height: auto;
          width: 20px;
          fill: #979797;
          margin-left: auto;
          cursor: pointer; }
      .modal-definir-grupo-personalizado .body .accordion-content-base .alumno-para-seleccionar:last-of-type {
        border-bottom: none; }

.modal-confirmar-accion {
  width: 500px !important; }
  .modal-confirmar-accion .header {
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start;
    width: 100%; }
    .modal-confirmar-accion .header svg {
      height: auto;
      width: 28px;
      color: #F76B1C;
      transform: rotate(180deg); }
    .modal-confirmar-accion .header span {
      font-size: 25px;
      color: #00377C;
      font-weight: bold;
      margin-left: 10px; }
  .modal-confirmar-accion .body p {
    font-size: 16px;
    color: #00377C;
    padding: 10px 30px; }

.input-select-container {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .input-select-container .label-input {
    font-size: 13px;
    color: #747474; }
    .input-select-container .label-input .rojo {
      color: #E15555; }

.ant-select .ant-select-selector {
  box-shadow: none !important;
  border: 1px solid #979797 !important; }
  .ant-select .ant-select-selector .ant-select-selection-placeholder {
    color: #979797 !important; }

.ant-select.ant-select-multiple .ant-select-selection-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 8px;
  border: none;
  border-radius: 10px;
  font-weight: bold;
  color: #00377C;
  background-color: #E5F6FF; }
  .ant-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 2px;
    margin-left: 3px; }
    .ant-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove .anticon.anticon-close {
      font-size: 13px; }

.modal-programar-experiencia-planning {
  width: 500px !important;
  overflow-y: auto !important; }
  .modal-programar-experiencia-planning .header {
    margin-bottom: 10px; }
  .modal-programar-experiencia-planning .body {
    gap: 20px 0px; }
    .modal-programar-experiencia-planning .body .d-none {
      display: none; }
    .modal-programar-experiencia-planning .body .input {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-programar-experiencia-planning .body .input .titulo {
        font-size: 13px;
        color: #747474; }
    .modal-programar-experiencia-planning .body .accordion-base .accordion-item-base {
      margin-bottom: 0px; }
    .modal-programar-experiencia-planning .body .accordion-base .accordion-content-base {
      padding: 0px; }
    .modal-programar-experiencia-planning .body .accordion-base .fecha-seleccionada-opcion {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: nowrap;
      width: 100%;
      padding: 5px 10px;
      background-color: #ffffff;
      border-bottom: 1px solid #DFEAEC;
      transition: background-color 150ms; }
      .modal-programar-experiencia-planning .body .accordion-base .fecha-seleccionada-opcion span {
        font-size: 13px;
        color: #00377C; }
      .modal-programar-experiencia-planning .body .accordion-base .fecha-seleccionada-opcion .quitar-fecha {
        height: auto;
        width: 22px;
        color: #00377C;
        cursor: pointer; }
    .modal-programar-experiencia-planning .body .accordion-base .fecha-seleccionada-opcion:hover {
      background-color: #f0f0f0; }
    .modal-programar-experiencia-planning .body .accordion-base .fecha-seleccionada-opcion.sin-data span {
      width: 100%;
      font-weight: bold;
      text-align: center; }
    .modal-programar-experiencia-planning .body .accordion-base .fecha-seleccionada-opcion.sin-data:hover {
      background-color: #ffffff; }
    .modal-programar-experiencia-planning .body .accordion-base .fecha-seleccionada-opcion:last-of-type {
      border-bottom: none; }
    .modal-programar-experiencia-planning .body .input-fecha {
      border-radius: 2px;
      border: 1px solid #979797;
      padding: 0px 11px;
      min-height: 32px;
      box-shadow: none; }
      .modal-programar-experiencia-planning .body .input-fecha svg {
        fill: #747474; }
      .modal-programar-experiencia-planning .body .input-fecha input::placeholder {
        color: #747474;
        opacity: 1; }
      .modal-programar-experiencia-planning .body .input-fecha input::-ms-input-placeholder {
        color: #747474; }
    .modal-programar-experiencia-planning .body .cargando {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 30px 20px; }
      .modal-programar-experiencia-planning .body .cargando p {
        font-size: 22px;
        font-weight: bold;
        color: #979797;
        text-align: center;
        margin: 0px; }
      .modal-programar-experiencia-planning .body .cargando svg {
        height: auto;
        width: 45px;
        fill: #979797;
        animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .modal-programar-experiencia-planning .footer {
    margin-top: 30px; }

.modal-programar-experiencia-planning.d-none {
  display: none; }

.modal-planning-base-background.d-none {
  display: none; }

.modal-planning-detalle-experiencia {
  width: 750px !important; }
  .modal-planning-detalle-experiencia .header .titulo {
    margin-bottom: 10px; }
  .modal-planning-detalle-experiencia .chip-base {
    margin: 10px 0px 20px 0px; }
  .modal-planning-detalle-experiencia .eye {
    margin-right: 20px;
    margin-bottom: 10px; }
  .modal-planning-detalle-experiencia .descripcion {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #e3ecee;
    width: 100%; }
    .modal-planning-detalle-experiencia .descripcion .titulo {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #00377C;
      width: 100%; }
    .modal-planning-detalle-experiencia .descripcion p {
      font-size: 14px;
      color: #00377C;
      width: 100%; }
    .modal-planning-detalle-experiencia .descripcion .items {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      width: 100%;
      gap: 5px 30px; }
      .modal-planning-detalle-experiencia .descripcion .items .item {
        min-width: fit-content; }
  .modal-planning-detalle-experiencia .creador {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px;
    gap: 10px 30px; }
    .modal-planning-detalle-experiencia .creador div {
      display: flex;
      flex-direction: column; }
      .modal-planning-detalle-experiencia .creador div span {
        font-size: 12px;
        color: #00377C; }
      .modal-planning-detalle-experiencia .creador div .titulo {
        font-weight: bold; }

.experience-table-container-planning {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-top: 20px;
  border-radius: 4px 4px 0px 0px;
  overflow-x: scroll; }
  .experience-table-container-planning .experience-table-planning {
    width: 100%;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    font-size: 14px; }
    .experience-table-container-planning .experience-table-planning thead tr {
      background-color: #1CA690;
      border: 1px solid #1CA690; }
      .experience-table-container-planning .experience-table-planning thead tr th {
        color: #ffffff;
        text-align: left;
        padding: 12px 10px; }
      .experience-table-container-planning .experience-table-planning thead tr th:nth-child(1) {
        min-width: 40px; }
      .experience-table-container-planning .experience-table-planning thead tr th:nth-child(2) {
        min-width: 200px; }
      .experience-table-container-planning .experience-table-planning thead tr th:nth-child(3) {
        min-width: 110px; }
      .experience-table-container-planning .experience-table-planning thead tr th:nth-child(4) {
        min-width: 215px; }
      .experience-table-container-planning .experience-table-planning thead tr th:nth-child(5) {
        min-width: min-content; }
    .experience-table-container-planning .experience-table-planning tbody tr {
      background-color: #ffffff;
      border: 1px solid #D8D8D8;
      border-top: none;
      transition: background-color 150ms; }
      .experience-table-container-planning .experience-table-planning tbody tr td {
        padding: 10px;
        height: 100px;
        color: #00377C; }
      .experience-table-container-planning .experience-table-planning tbody tr td:nth-child(2) {
        width: 200px; }
      .experience-table-container-planning .experience-table-planning tbody tr td:nth-child(4) div, .experience-table-container-planning .experience-table-planning tbody tr td:nth-child(5) div {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        gap: 12px; }
      .experience-table-container-planning .experience-table-planning tbody tr td:last-of-type .contenedor-opciones {
        display: flex;
        position: relative;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
        gap: 15px;
        margin: 0px 10px; }
        .experience-table-container-planning .experience-table-planning tbody tr td:last-of-type .contenedor-opciones .abrir {
          height: auto;
          width: 15px;
          fill: #979797;
          cursor: pointer;
          transition: fill 100ms; }
        .experience-table-container-planning .experience-table-planning tbody tr td:last-of-type .contenedor-opciones .abrir:hover {
          fill: #F76B1C; }
    .experience-table-container-planning .experience-table-planning tbody tr:hover {
      background-color: #fbfbfb; }
  .experience-table-container-planning .sin-data {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #979797;
    font-size: 25px;
    font-weight: bold; }
    @media screen and (max-width: 575px) {
      .experience-table-container-planning .sin-data {
        font-size: 20px;
        margin-top: 15px; } }
  .experience-table-container-planning .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .experience-table-container-planning .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.table-paginator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 160px; }

.indicator-table-container-planning {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin-top: 20px;
  border-radius: 4px 4px 0px 0px;
  overflow-x: scroll; }
  .indicator-table-container-planning .container-select-educational-level {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 0px; }
    .indicator-table-container-planning .container-select-educational-level .educational-level {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex-wrap: nowrap;
      background-color: #ffffff;
      color: #00377C;
      font-size: 14px;
      padding: 10px;
      min-width: fit-content;
      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; }
    .indicator-table-container-planning .container-select-educational-level .educational-level.selected {
      color: #ffffff;
      border: 1px solid #1CA690;
      background-color: #1CA690;
      border-bottom: none; }
  .indicator-table-container-planning .indicator-table-planning {
    min-width: 100%;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    font-size: 14px;
    margin-top: -5px; }
    .indicator-table-container-planning .indicator-table-planning thead tr {
      background-color: #1CA690;
      border: 1px solid #1CA690; }
      .indicator-table-container-planning .indicator-table-planning thead tr th {
        color: #ffffff;
        text-align: center;
        padding: 12px 10px; }
      .indicator-table-container-planning .indicator-table-planning thead tr th:first-of-type {
        text-align: left;
        padding-left: 20px; }
    .indicator-table-container-planning .indicator-table-planning tbody tr {
      background-color: #ffffff;
      border: 1px solid #D8D8D8;
      border-top: none;
      transition: background-color 150ms; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td {
        padding: 10px;
        height: 100px;
        color: #00377C; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(1) {
        width: 70px;
        white-space: nowrap;
        padding-left: 20px; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(2) {
        min-width: 200px;
        width: 350px; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3), .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4), .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) {
        min-width: 160px; }
        .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
          gap: 12px; }
          .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div .chip-base, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div .chip-base, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div .chip-base {
            width: min-content;
            text-align: center; }
            .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(3) div .chip-base span, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(4) div .chip-base span, .indicator-table-container-planning .indicator-table-planning tbody tr td:nth-child(5) div .chip-base span {
              white-space: nowrap; }
      .indicator-table-container-planning .indicator-table-planning tbody tr td:last-of-type .contenedor-opciones {
        display: flex;
        position: relative;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        width: 20px;
        margin: 0px 10px; }
    .indicator-table-container-planning .indicator-table-planning tbody tr:hover {
      background-color: #fbfbfb; }
  .indicator-table-container-planning .sin-data {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px;
    color: #979797;
    font-size: 25px;
    font-weight: bold; }
    @media screen and (max-width: 575px) {
      .indicator-table-container-planning .sin-data {
        font-size: 20px;
        margin-top: 15px; } }
  .indicator-table-container-planning .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .indicator-table-container-planning .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.table-paginator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 160px; }

.modal-crear-indicador-planning,
.modal-seleccionar-objetivo-aprendizaje-planning {
  max-width: 500px !important; }
  .modal-crear-indicador-planning .body,
  .modal-seleccionar-objetivo-aprendizaje-planning .body {
    gap: 20px 0px;
    margin: 10px 0px 30px 0px; }
    .modal-crear-indicador-planning .body .input,
    .modal-seleccionar-objetivo-aprendizaje-planning .body .input {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-crear-indicador-planning .body .input .titulo,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .input .titulo {
        font-size: 13px;
        color: #747474; }
        .modal-crear-indicador-planning .body .input .titulo span,
        .modal-seleccionar-objetivo-aprendizaje-planning .body .input .titulo span {
          color: #E15555; }
      .modal-crear-indicador-planning .body .input input,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .input input {
        padding: 0px 11px;
        min-height: 32px;
        color: #747474;
        border: 1px solid #979797;
        border-radius: 2px;
        outline: none; }
    .modal-crear-indicador-planning .body .table-modal-base-planning,
    .modal-seleccionar-objetivo-aprendizaje-planning .body .table-modal-base-planning {
      margin: 12px 0px; }
    .modal-crear-indicador-planning .body .mensaje-seleccionar-opiciones,
    .modal-seleccionar-objetivo-aprendizaje-planning .body .mensaje-seleccionar-opiciones {
      display: flex;
      justify-content: center;
      width: 100%;
      margin-bottom: 10px; }
      .modal-crear-indicador-planning .body .mensaje-seleccionar-opiciones p,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .mensaje-seleccionar-opiciones p {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 10px;
        color: #979797; }
    .modal-crear-indicador-planning .body .container-svg-cargando,
    .modal-seleccionar-objetivo-aprendizaje-planning .body .container-svg-cargando {
      display: flex;
      justify-content: center;
      width: 100%;
      margin: 15px 0px; }
      .modal-crear-indicador-planning .body .container-svg-cargando svg,
      .modal-seleccionar-objetivo-aprendizaje-planning .body .container-svg-cargando svg {
        height: auto;
        width: 45px;
        fill: #979797;
        animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.upload-indicators-modal-planning {
  width: 600px !important; }
  .upload-indicators-modal-planning .body {
    gap: 10px; }
    .upload-indicators-modal-planning .body .info {
      width: 100%;
      margin: 0px;
      font-size: 14px;
      color: #00377C; }
    .upload-indicators-modal-planning .body .btn-descarga-plantilla {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: nowrap;
      width: fit-content;
      margin: 15px auto; }
      .upload-indicators-modal-planning .body .btn-descarga-plantilla svg {
        height: auto;
        min-width: 20px;
        color: #F76B1C; }
    .upload-indicators-modal-planning .body .ant-upload {
      width: 100%; }
      .upload-indicators-modal-planning .body .ant-upload .container-drop-adjuntos {
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 8px;
        margin: 10px 0px;
        padding: 20px 5px;
        border: 2px dashed #D8D8D8;
        border-radius: 10px;
        background-color: #ffffff;
        cursor: pointer;
        transition: background-color 150ms, border 150ms; }
        @media screen and (max-width: 575px) {
          .upload-indicators-modal-planning .body .ant-upload .container-drop-adjuntos {
            padding: 10px 5px; } }
        .upload-indicators-modal-planning .body .ant-upload .container-drop-adjuntos .svg-upload {
          height: auto;
          width: 70px;
          color: #00377C; }
          @media screen and (max-width: 575px) {
            .upload-indicators-modal-planning .body .ant-upload .container-drop-adjuntos .svg-upload {
              width: 50px; } }
        .upload-indicators-modal-planning .body .ant-upload .container-drop-adjuntos .titulo {
          text-align: center;
          font-size: 16px;
          color: #00377C; }
          .upload-indicators-modal-planning .body .ant-upload .container-drop-adjuntos .titulo .link {
            text-decoration: underline; }
        .upload-indicators-modal-planning .body .ant-upload .container-drop-adjuntos .info {
          text-align: center;
          font-size: 14px;
          color: #979797; }
      .upload-indicators-modal-planning .body .ant-upload .container-drop-adjuntos:hover {
        background-color: #F5F5F5;
        border: 2px dashed #00377C; }
    .upload-indicators-modal-planning .body .lista-adjuntos {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .upload-indicators-modal-planning .body .lista-adjuntos .titulo {
        font-size: 14px;
        font-weight: bold;
        color: #00377C;
        margin-bottom: 5px;
        width: 100%; }
      .upload-indicators-modal-planning .body .lista-adjuntos .archivo {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-bottom: 10px;
        color: #000000;
        padding: 5px 10px;
        border-radius: 4px;
        border: none;
        background-color: #EDEDED;
        transition: background-color 200ms;
        gap: 0px 7px; }
        .upload-indicators-modal-planning .body .lista-adjuntos .archivo .nombre-archivo {
          font-size: 15px;
          word-break: break-all;
          margin-right: auto;
          color: #00377C; }
        .upload-indicators-modal-planning .body .lista-adjuntos .archivo .anticon {
          cursor: pointer; }
          .upload-indicators-modal-planning .body .lista-adjuntos .archivo .anticon svg {
            height: auto;
            width: 18px;
            fill: #00377C; }
      .upload-indicators-modal-planning .body .lista-adjuntos .archivo:hover {
        background-color: #E5F6FF; }
      .upload-indicators-modal-planning .body .lista-adjuntos .archivo:last-of-type {
        margin-bottom: 0px; }
      .upload-indicators-modal-planning .body .lista-adjuntos .archivo.error,
      .upload-indicators-modal-planning .body .lista-adjuntos .archivo.error:hover {
        background-color: #FFCFCC;
        border: none; }
        .upload-indicators-modal-planning .body .lista-adjuntos .archivo.error .nombre-archivo,
        .upload-indicators-modal-planning .body .lista-adjuntos .archivo.error .mensaje-error,
        .upload-indicators-modal-planning .body .lista-adjuntos .archivo.error:hover .nombre-archivo,
        .upload-indicators-modal-planning .body .lista-adjuntos .archivo.error:hover .mensaje-error {
          color: #E15555; }
        .upload-indicators-modal-planning .body .lista-adjuntos .archivo.error svg,
        .upload-indicators-modal-planning .body .lista-adjuntos .archivo.error:hover svg {
          fill: #E15555; }
      .upload-indicators-modal-planning .body .lista-adjuntos .archivo.cargado,
      .upload-indicators-modal-planning .body .lista-adjuntos .archivo.cargado:hover {
        background-color: #FFF0E8;
        border: none;
        color: #00377C; }
    .upload-indicators-modal-planning .body .upload-indicators-table {
      overflow-y: auto; }
      .upload-indicators-modal-planning .body .upload-indicators-table .ant-table-thead th {
        text-align: center !important;
        line-height: 15px; }
      .upload-indicators-modal-planning .body .upload-indicators-table .ant-table-tbody .ant-table-row .ant-table-cell p {
        font-size: 12px !important;
        text-align: center; }
      .upload-indicators-modal-planning .body .upload-indicators-table .ant-table-tbody .ant-table-row .ant-table-cell .chip-base {
        text-align: center;
        max-width: 250px;
        margin: 0px auto; }
  .upload-indicators-modal-planning .footer {
    margin-top: 10px; }

.aviso-upload-indicators-modal-planning {
  width: 430px !important;
  padding: 0px !important;
  z-index: 5 !important;
  top: 50% !important;
  transform: translateY(-50%); }
  @media screen and (max-width: 575px) {
    .aviso-upload-indicators-modal-planning {
      min-width: 25%; } }
  .aviso-upload-indicators-modal-planning .header {
    padding: 16px;
    border-bottom: 1px solid #D8D8D8; }
    .aviso-upload-indicators-modal-planning .header .titulo {
      display: flex !important;
      align-items: center; }
      .aviso-upload-indicators-modal-planning .header .titulo span {
        font-size: 24px; }
      .aviso-upload-indicators-modal-planning .header .titulo .alerta {
        height: auto;
        width: 24px;
        color: #F76B1C;
        margin-right: 10px;
        transform: rotate(180deg); }
    .aviso-upload-indicators-modal-planning .header .options {
      right: 16px !important; }
  .aviso-upload-indicators-modal-planning .body {
    padding: 16px 32px; }
    @media screen and (max-width: 575px) {
      .aviso-upload-indicators-modal-planning .body {
        padding: 16px; } }
    .aviso-upload-indicators-modal-planning .body p {
      color: #00377C;
      font-size: 16px;
      line-height: 17px;
      padding: 15px 0px;
      margin: 0px; }
  .aviso-upload-indicators-modal-planning .footer {
    padding: 16px;
    border-top: 1px solid #D8D8D8; }

.aviso-upload-indicators-modal-planning-background {
  z-index: 4 !important; }

.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;
  min-width: 25%;
  max-height: 80%;
  height: auto;
  gap: 10px;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 575px) {
    .modal-detail {
      max-width: 95%; } }
  .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 {
      color: #00377C;
      box-shadow: none;
      border: none;
      padding-right: 8px; }
  .modal-detail .type {
    color: #00377C;
    font-weight: bold;
    font-size: 16px !important;
    margin: 0; }
  .modal-detail .line {
    width: 100%;
    height: 1px;
    background-color: #DFEAEC;
    margin: 10px 0; }
  .modal-detail .flex-event {
    border: 2px solid #DFEAEC;
    padding: 10px;
    border-radius: 8px;
    flex-direction: column;
    gap: 5px;
    display: flex;
    justify-content: space-between; }
    .modal-detail .flex-event.red {
      border-left: 10px solid red; }
    .modal-detail .flex-event.yellow {
      border-left: 10px solid #F2AA00; }
    .modal-detail .flex-event.green {
      border-left: 10px solid #1CA690; }
    .modal-detail .flex-event.purple {
      border-left: 10px solid #882CDD; }
    .modal-detail .flex-event.blue {
      border-left: 10px solid #1890ff; }
    .modal-detail .flex-event .flex {
      display: flex;
      justify-content: space-between;
      gap: 2.5rem; }
      .modal-detail .flex-event .flex .content-date {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        min-width: 200px;
        gap: 5px; }
        .modal-detail .flex-event .flex .content-date .hours-event {
          gap: 5px;
          flex-direction: column; }
      .modal-detail .flex-event .flex p {
        width: 100%;
        color: #00377C;
        font-weight: 400;
        font-size: 14px !important;
        text-transform: capitalize;
        margin: 0 !important; }
  .modal-detail .link {
    display: flex;
    align-items: center;
    gap: .5rem; }
    .modal-detail .link span {
      color: #00377C;
      font-size: 16px; }
    .modal-detail .link .link-text {
      margin: 0;
      font-size: 16px;
      text-decoration: underline; }
      .modal-detail .link .link-text a {
        color: #00377C; }
  .modal-detail .description, .modal-detail .description-value {
    color: #00377C;
    font-weight: 400;
    font-size: 16px !important;
    text-decoration: underline; }
  .modal-detail .description, .modal-detail .description-value {
    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 {
    display: flex;
    gap: .5rem;
    justify-content: flex-end; }
    .modal-detail .buttons .button-edit, .modal-detail .buttons .button-delete {
      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; }
      .modal-detail .buttons .button-edit span, .modal-detail .buttons .button-delete span {
        margin: 0; }
    .modal-detail .buttons .button-edit {
      background: #F76B1C;
      color: #ffffff; }
    .modal-detail .buttons .button-delete {
      background: #FFF0E8;
      color: #AA1E00; }

.creator, .guests {
  display: block;
  color: #00377C;
  font-weight: bold;
  font-size: 16px !important;
  margin: 0; }
  .creator .creator-container, .creator .guests-container, .guests .creator-container, .guests .guests-container {
    display: flex;
    font-weight: 400;
    align-items: center;
    gap: .25rem; }
    @media screen and (max-width: 340px) {
      .creator .creator-container, .creator .guests-container, .guests .creator-container, .guests .guests-container {
        display: block; } }
    .creator .creator-container p, .creator .guests-container p, .guests .creator-container p, .guests .guests-container p {
      margin: 0; }
    .creator .creator-container .img, .creator .guests-container .img, .guests .creator-container .img, .guests .guests-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;
      object-fit: cover; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
    .creator .creator-container .guests-container, .creator .guests-container .guests-container, .guests .creator-container .guests-container, .guests .guests-container .guests-container {
      cursor: pointer; }
  .creator .guests, .guests .guests {
    display: block; }
    .creator .guests .guests-container, .guests .guests .guests-container {
      display: flex;
      gap: -2px; }
    .creator .guests span, .guests .guests span {
      font-weight: 400;
      font-size: 12px !important; }

.modal-invited-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-invited-container {
      max-width: 95%;
      min-width: 85%; } }
  .modal-invited-container .buttton-container {
    display: flex;
    justify-content: flex-end; }
    .modal-invited-container .buttton-container button {
      box-shadow: none;
      border: none;
      color: #00377C;
      padding-right: 8px; }
  .modal-invited-container p {
    color: #00377C;
    margin: 0;
    font-size: 24px !important;
    font-weight: 800; }
  .modal-invited-container .yes, .modal-invited-container .no, .modal-invited-container .pendant {
    display: block;
    margin-bottom: 1rem; }
    .modal-invited-container .yes p, .modal-invited-container .no p, .modal-invited-container .pendant p {
      font-size: 16px !important; }
    .modal-invited-container .yes .guest, .modal-invited-container .no .guest, .modal-invited-container .pendant .guest {
      display: flex;
      align-items: center;
      gap: 1rem; }
      .modal-invited-container .yes .guest img, .modal-invited-container .yes .guest .img, .modal-invited-container .no .guest img, .modal-invited-container .no .guest .img, .modal-invited-container .pendant .guest img, .modal-invited-container .pendant .guest .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;
        text-transform: uppercase;
        animation: random 15s infinite;
        object-fit: cover; }

@keyframes random {
  0% {
    background: #FDE1D2; }
  33% {
    background: #E1FDF8; }
  66% {
    background: #FEF8DF; }
  100% {
    background: #FDE1D2; } }
      .modal-invited-container .yes .guest .names, .modal-invited-container .no .guest .names, .modal-invited-container .pendant .guest .names {
        display: block; }
        .modal-invited-container .yes .guest .names p, .modal-invited-container .yes .guest .names span, .modal-invited-container .no .guest .names p, .modal-invited-container .no .guest .names span, .modal-invited-container .pendant .guest .names p, .modal-invited-container .pendant .guest .names span {
          font-size: 14px !important;
          text-transform: capitalize;
          color: #00377C; }
        .modal-invited-container .yes .guest .names span, .modal-invited-container .no .guest .names span, .modal-invited-container .pendant .guest .names span {
          font-size: 12px !important; }

.header-events-container {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .header-events-container h1 {
    color: #00377C;
    font-size: 32px !important;
    font-weight: 900;
    margin-bottom: 0px;
    width: fit-content; }
  .header-events-container button {
    border: none;
    box-shadow: none;
    border-radius: 8px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    background-color: #F76B1C;
    color: #fff;
    font-size: 16px !important;
    font-weight: bold;
    width: fit-content; }
    @media screen and (max-width: 575px) {
      .header-events-container button {
        border-radius: 100%;
        height: 38px;
        min-height: 38px;
        width: 38px;
        min-width: 38px;
        justify-content: center;
        align-content: center;
        text-align: center;
        position: fixed;
        z-index: 2;
        bottom: 13.5%;
        right: 5%; } }
    .header-events-container button .anticon-calendar {
      margin-right: 8px; }
      @media screen and (max-width: 575px) {
        .header-events-container button .anticon-calendar {
          display: none; } }
    .header-events-container button .anticon-plus {
      margin: 0px; }
      @media screen and (min-width: 575px) {
        .header-events-container button .anticon-plus {
          display: none; } }
    .header-events-container button p {
      margin: 0px; }
      @media screen and (max-width: 575px) {
        .header-events-container button p {
          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-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;
}

/* 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;
  }
}

.content-events {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  grid-gap: 32px; }
  @media screen and (max-width: 575px) {
    .content-events {
      display: block; } }
  .content-events .ant-picker-calendar {
    border-radius: 8px;
    box-shadow: 0px 2px 20px 0px #005FB920;
    padding: .75rem 1rem;
    margin-top: 1rem;
    height: fit-content; }
    @media screen and (max-width: 575px) {
      .content-events .ant-picker-calendar {
        width: auto; } }
    .content-events .ant-picker-calendar .custom-header {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .content-events .ant-picker-calendar .custom-header p {
        color: #00377C;
        margin: 0;
        font-weight: 900;
        font-size: 24px !important;
        text-transform: capitalize; }
      .content-events .ant-picker-calendar .custom-header .buttons {
        display: flex;
        gap: .5rem; }
        .content-events .ant-picker-calendar .custom-header .buttons button {
          padding: 0 .5rem;
          box-shadow: none;
          color: #00377C;
          font-size: 14px !important;
          border: none; }
          .content-events .ant-picker-calendar .custom-header .buttons button:disabled {
            background: #ffffff;
            color: #00000040; }
    .content-events .ant-picker-calendar .ant-picker-panel {
      border: none; }
      .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
        z-index: 1; }
        .content-events .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) {
            .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content thead tr th {
              font-size: 10px !important; } }
        .content-events .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) {
            .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr {
              height: auto; } }
          .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .ant-picker-cell-inner {
            border-radius: 100%;
            min-width: 32px;
            height: 32px;
            line-height: 32px; }
            @media screen and (max-width: 575px) {
              .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .ant-picker-cell-inner {
                min-width: 24px;
                height: 24px;
                line-height: 24px; } }
            .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .ant-picker-cell-inner::before {
              border-radius: 100%; }
            .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .ant-picker-cell-inner .ant-picker-calendar-date-value {
              font-size: 20px !important; }
              @media screen and (max-width: 575px) {
                .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .ant-picker-cell-inner .ant-picker-calendar-date-value {
                  font-size: 12px !important; } }
            .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .ant-picker-cell-inner .ant-picker-calendar-date-content {
              position: relative;
              margin-top: -4px; }
              .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .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; }
                .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .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; }
                  .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .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; }
                  .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .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; }
                    .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .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; }
                    .content-events .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel .ant-picker-body .ant-picker-content tbody tr .ant-picker-cell .ant-picker-cell-inner .ant-picker-calendar-date-content .events .group-circle .ant-badge-status .ant-badge-status-text {
                      display: none; }
  .content-events .actual-events {
    margin-top: 1.5rem;
    grid-template-rows: repeat(1, 1fr);
    grid-gap: 2rem; }
    .content-events .actual-events .section-events {
      display: grid;
      grid-gap: .5rem;
      height: fit-content; }
      .content-events .actual-events .section-events p {
        color: #00377C;
        margin: 0;
        font-weight: 900;
        font-size: 24px !important;
        text-transform: capitalize; }
      .content-events .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; }
        .content-events .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; }
          .content-events .actual-events .section-events .content-event .event.red {
            border-left: 5px solid red; }
          .content-events .actual-events .section-events .content-event .event.yellow {
            border-left: 5px solid #F2AA00; }
          .content-events .actual-events .section-events .content-event .event.green {
            border-left: 5px solid #1CA690; }
          .content-events .actual-events .section-events .content-event .event.purple {
            border-left: 5px solid #882CDD; }
          .content-events .actual-events .section-events .content-event .event.blue {
            border-left: 5px solid #1890ff; }
          .content-events .actual-events .section-events .content-event .event .title {
            width: 80%;
            text-transform: lowercase; }
          .content-events .actual-events .section-events .content-event .event .title::first-letter {
            text-transform: uppercase; }
          .content-events .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; }
            .content-events .actual-events .section-events .content-event .event .icon.red {
              background-color: #FEE5E5; }
              .content-events .actual-events .section-events .content-event .event .icon.red svg {
                stroke: red;
                width: 24px;
                height: 24px; }
          .content-events .actual-events .section-events .content-event .event .event-body {
            display: flex;
            flex-direction: column;
            gap: 5px;
            width: 80%; }
          .content-events .actual-events .section-events .content-event .event p, .content-events .actual-events .section-events .content-event .event span {
            margin: 0;
            font-weight: 400;
            font-size: 14px !important; }
          .content-events .actual-events .section-events .content-event .event p {
            font-weight: bold;
            color: #00377C; }
          .content-events .actual-events .section-events .content-event .event span {
            color: #747474; }
        .content-events .actual-events .section-events .content-event button {
          display: flex;
          background-color: transparent;
          width: 40px;
          height: 40px;
          padding: 0;
          box-shadow: none; }
          .content-events .actual-events .section-events .content-event button:disabled {
            background-color: #fff; }
          .content-events .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; }
            .content-events .actual-events .section-events .content-event button .icon.yellow {
              background-color: #FEF9E5; }
              .content-events .actual-events .section-events .content-event button .icon.yellow svg {
                stroke: #F2AA00; }
            .content-events .actual-events .section-events .content-event button .icon.green {
              background-color: #E5FFFA; }
              .content-events .actual-events .section-events .content-event button .icon.green svg {
                stroke: #1CA690; }
            .content-events .actual-events .section-events .content-event button .icon.purple {
              background-color: #F2EBFB; }
              .content-events .actual-events .section-events .content-event button .icon.purple svg {
                stroke: #882CDD; }
            .content-events .actual-events .section-events .content-event button .icon.blue {
              background-color: #E5F6FF; }
              .content-events .actual-events .section-events .content-event button .icon.blue svg {
                stroke: #1890ff; }
          .content-events .actual-events .section-events .content-event button svg {
            width: 24px;
            height: 24px; }
        .content-events .actual-events .section-events .content-event .date {
          display: flex;
          align-items: center;
          padding: 5px;
          flex-direction: row;
          gap: 20px; }
          .content-events .actual-events .section-events .content-event .date svg {
            width: 20px;
            height: 20px; }
          .content-events .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; }
        .content-events .actual-events .section-events .content-event .no-event-container {
          padding: .5rem 1rem;
          justify-content: center;
          cursor: default;
          width: 100%; }
          .content-events .actual-events .section-events .content-event .no-event-container .no-events {
            text-transform: none;
            font-weight: 400;
            font-size: 18px !important; }
        .content-events .actual-events .section-events .content-event .description {
          padding: 1rem;
          display: block;
          text-align: left; }
          .content-events .actual-events .section-events .content-event .description p {
            margin: 0;
            color: #005FB9;
            font-weight: 900;
            font-size: 16px !important; }
          .content-events .actual-events .section-events .content-event .description span {
            color: #00377C;
            font-weight: 400;
            font-size: 14px !important; }

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

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

.events-container {
  overflow-y: scroll;
  padding: 16px 32px;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 720px) {
    .events-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .events-container {
      padding: 8px 12px 64px 12px; } }

/* 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-collapse {
  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-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 2px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 2px 2px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
  transition: all 0.3s, visibility 0s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  display: inline-block;
  margin-right: 12px;
  font-size: 12px;
  vertical-align: -1px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-left: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
  cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
  cursor: pointer;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  left: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-content {
  color: rgba(0, 0, 0, 0.85);
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-hidden {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 2px 2px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item:last-child {
  border-bottom: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse-ghost {
  background-color: transparent;
  border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
  border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-collapse-rtl {
  direction: rtl;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: auto;
  left: 16px;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  margin-right: 0;
  margin-left: 12px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-right: 12px;
  padding-left: 0;
}

.ant-select-item {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #00377C !important;
  text-transform: capitalize; }

.body-index {
  background: #ffffff;
  width: 100%;
  height: -webkit-fill-available;
  padding: 1.5rem 2rem;
  overflow-y: scroll;
  height: auto;
  background-color: #FAFAFA; }
  @media screen and (max-width: 575px) {
    .body-index {
      padding: 1rem .75rem;
      padding-bottom: 4rem; } }
  .body-index .content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    column-gap: 20px; }
    @media screen and (max-width: 575px) {
      .body-index .content {
        display: block; } }
    .body-index .content .section-index {
      padding-top: 2rem;
      padding-right: 2rem; }
      @media screen and (max-width: 1024px) {
        .body-index .content .section-index {
          width: 100%; } }
      @media screen and (max-width: 575px) {
        .body-index .content .section-index {
          width: 100%;
          padding-right: 0;
          padding-top: 1rem; } }
      .body-index .content .section-index .ant-spin {
        padding: 1rem;
        display: flex;
        justify-content: center; }
      .body-index .content .section-index .section-title {
        color: #00377C;
        display: flex;
        align-items: center;
        font-size: 24px !important;
        font-weight: 800; }
        .body-index .content .section-index .section-title span {
          margin-right: .5rem; }
        .body-index .content .section-index .section-title p {
          margin-left: auto;
          margin-bottom: 0;
          font-weight: 400;
          font-size: 14px !important; }
      .body-index .content .section-index .section-body {
        margin-top: 1.5rem;
        border-radius: .25rem;
        border: 1px solid #DFEAEC;
        padding: 16px 24px; }
        .body-index .content .section-index .section-body .schedule, .body-index .content .section-index .section-body .event, .body-index .content .section-index .section-body .daily-report, .body-index .content .section-index .section-body .messages, .body-index .content .section-index .section-body .birthday {
          padding-bottom: .5rem; }
          .body-index .content .section-index .section-body .schedule p, .body-index .content .section-index .section-body .event p, .body-index .content .section-index .section-body .daily-report p, .body-index .content .section-index .section-body .messages p, .body-index .content .section-index .section-body .birthday p {
            color: #00377C;
            margin: 0;
            font-weight: 800;
            font-size: 16px !important;
            text-transform: capitalize; }
          .body-index .content .section-index .section-body .schedule .flex-content, .body-index .content .section-index .section-body .event .flex-content, .body-index .content .section-index .section-body .daily-report .flex-content, .body-index .content .section-index .section-body .messages .flex-content, .body-index .content .section-index .section-body .birthday .flex-content {
            display: flex;
            align-items: center; }
            @media screen and (max-width: 1024px) {
              .body-index .content .section-index .section-body .schedule .flex-content, .body-index .content .section-index .section-body .event .flex-content, .body-index .content .section-index .section-body .daily-report .flex-content, .body-index .content .section-index .section-body .messages .flex-content, .body-index .content .section-index .section-body .birthday .flex-content {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } }
            @media screen and (max-width: 575px) {
              .body-index .content .section-index .section-body .schedule .flex-content, .body-index .content .section-index .section-body .event .flex-content, .body-index .content .section-index .section-body .daily-report .flex-content, .body-index .content .section-index .section-body .messages .flex-content, .body-index .content .section-index .section-body .birthday .flex-content {
                display: flex;
                align-items: center; } }
            @media screen and (max-width: 370px) {
              .body-index .content .section-index .section-body .schedule .flex-content, .body-index .content .section-index .section-body .event .flex-content, .body-index .content .section-index .section-body .daily-report .flex-content, .body-index .content .section-index .section-body .messages .flex-content, .body-index .content .section-index .section-body .birthday .flex-content {
                display: grid;
                grid-template-columns: repeat(2, 1fr); } }
            .body-index .content .section-index .section-body .schedule .flex-content div, .body-index .content .section-index .section-body .event .flex-content div, .body-index .content .section-index .section-body .daily-report .flex-content div, .body-index .content .section-index .section-body .messages .flex-content div, .body-index .content .section-index .section-body .birthday .flex-content div {
              border-radius: 12px;
              display: flex;
              align-items: center;
              margin-right: .25rem;
              font-size: 10px !important;
              padding: .25rem .75rem;
              font-weight: bold; }
              @media screen and (max-width: 1024px) {
                .body-index .content .section-index .section-body .schedule .flex-content div, .body-index .content .section-index .section-body .event .flex-content div, .body-index .content .section-index .section-body .daily-report .flex-content div, .body-index .content .section-index .section-body .messages .flex-content div, .body-index .content .section-index .section-body .birthday .flex-content div {
                  margin-bottom: .5rem; } }
              @media screen and (max-width: 575px) {
                .body-index .content .section-index .section-body .schedule .flex-content div, .body-index .content .section-index .section-body .event .flex-content div, .body-index .content .section-index .section-body .daily-report .flex-content div, .body-index .content .section-index .section-body .messages .flex-content div, .body-index .content .section-index .section-body .birthday .flex-content div {
                  margin-bottom: 0; } }
              @media screen and (max-width: 370px) {
                .body-index .content .section-index .section-body .schedule .flex-content div, .body-index .content .section-index .section-body .event .flex-content div, .body-index .content .section-index .section-body .daily-report .flex-content div, .body-index .content .section-index .section-body .messages .flex-content div, .body-index .content .section-index .section-body .birthday .flex-content div {
                  margin-bottom: .5rem; } }
              .body-index .content .section-index .section-body .schedule .flex-content div span, .body-index .content .section-index .section-body .event .flex-content div span, .body-index .content .section-index .section-body .daily-report .flex-content div span, .body-index .content .section-index .section-body .messages .flex-content div span, .body-index .content .section-index .section-body .birthday .flex-content div span {
                margin-right: .5rem;
                font-size: 18px !important;
                font-weight: 800; }
            .body-index .content .section-index .section-body .schedule .flex-content .present, .body-index .content .section-index .section-body .event .flex-content .present, .body-index .content .section-index .section-body .daily-report .flex-content .present, .body-index .content .section-index .section-body .messages .flex-content .present, .body-index .content .section-index .section-body .birthday .flex-content .present {
              background-color: #E5FFFA;
              color: #1CA690; }
            .body-index .content .section-index .section-body .schedule .flex-content .belatedau, .body-index .content .section-index .section-body .event .flex-content .belatedau, .body-index .content .section-index .section-body .daily-report .flex-content .belatedau, .body-index .content .section-index .section-body .messages .flex-content .belatedau, .body-index .content .section-index .section-body .birthday .flex-content .belatedau {
              background-color: #FEF9E5;
              color: #F2AA00; }
            .body-index .content .section-index .section-body .schedule .flex-content .missing, .body-index .content .section-index .section-body .event .flex-content .missing, .body-index .content .section-index .section-body .daily-report .flex-content .missing, .body-index .content .section-index .section-body .messages .flex-content .missing, .body-index .content .section-index .section-body .birthday .flex-content .missing {
              background-color: #FFF0E8;
              color: #AA1E00; }
        .body-index .content .section-index .section-body .event .is-event, .body-index .content .section-index .section-body .event .is-reminder {
          display: flex;
          border-radius: .5rem;
          background-color: #E5FFFA;
          margin-bottom: .25rem;
          padding: 4px 12px 8px 14px; }
          .body-index .content .section-index .section-body .event .is-event .info .hour-reminder, .body-index .content .section-index .section-body .event .is-event .info .hour-event, .body-index .content .section-index .section-body .event .is-event .info .title-event, .body-index .content .section-index .section-body .event .is-event .info .title-reminder, .body-index .content .section-index .section-body .event .is-reminder .info .hour-reminder, .body-index .content .section-index .section-body .event .is-reminder .info .hour-event, .body-index .content .section-index .section-body .event .is-reminder .info .title-event, .body-index .content .section-index .section-body .event .is-reminder .info .title-reminder {
            margin: 0;
            font-size: 12px !important;
            font-weight: 800;
            color: #1CA690; }
          .body-index .content .section-index .section-body .event .is-event .info .hour-reminder, .body-index .content .section-index .section-body .event .is-event .info .hour-event, .body-index .content .section-index .section-body .event .is-reminder .info .hour-reminder, .body-index .content .section-index .section-body .event .is-reminder .info .hour-event {
            text-transform: none; }
          .body-index .content .section-index .section-body .event .is-event .info .hour-reminder, .body-index .content .section-index .section-body .event .is-reminder .info .hour-reminder {
            color: #F2AA00; }
          .body-index .content .section-index .section-body .event .is-event .info .title-event, .body-index .content .section-index .section-body .event .is-event .info .title-reminder, .body-index .content .section-index .section-body .event .is-reminder .info .title-event, .body-index .content .section-index .section-body .event .is-reminder .info .title-reminder {
            color: #0C473E;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .body-index .content .section-index .section-body .event .is-event .info .title-reminder, .body-index .content .section-index .section-body .event .is-reminder .info .title-reminder {
            color: #BF8600; }
          .body-index .content .section-index .section-body .event .is-event .type-event, .body-index .content .section-index .section-body .event .is-event .type-reminder, .body-index .content .section-index .section-body .event .is-reminder .type-event, .body-index .content .section-index .section-body .event .is-reminder .type-reminder {
            display: flex;
            margin-left: auto;
            border-radius: .25rem;
            padding: 2px 4px;
            font-size: 12px !important;
            font-weight: bold;
            height: fit-content; }
          .body-index .content .section-index .section-body .event .is-event .type-event, .body-index .content .section-index .section-body .event .is-reminder .type-event {
            background-color: #B4F9EE;
            color: #1CA690; }
          .body-index .content .section-index .section-body .event .is-event .type-reminder, .body-index .content .section-index .section-body .event .is-reminder .type-reminder {
            background-color: #FADE61;
            color: #BF8600; }
          .body-index .content .section-index .section-body .event .is-event .button-event, .body-index .content .section-index .section-body .event .is-event .button-reminder, .body-index .content .section-index .section-body .event .is-reminder .button-event, .body-index .content .section-index .section-body .event .is-reminder .button-reminder {
            margin-left: 0;
            color: #0C473E;
            align-self: center;
            font-size: 20px !important; }
          .body-index .content .section-index .section-body .event .is-event .button-reminder, .body-index .content .section-index .section-body .event .is-reminder .button-reminder {
            color: #BF8600;
            background-color: #FEF9E5; }
        .body-index .content .section-index .section-body .event .is-reminder {
          background-color: #FEF9E5; }
        .body-index .content .section-index .section-body .daily-report,
        .body-index .content .section-index .section-body p {
          font-size: 16px !important; }
          .body-index .content .section-index .section-body .daily-report .flex-content,
          .body-index .content .section-index .section-body p .flex-content {
            color: #00377C; }
            .body-index .content .section-index .section-body .daily-report .flex-content .complete,
            .body-index .content .section-index .section-body p .flex-content .complete {
              background-color: #E5FFFA;
              color: #1CA690; }
            .body-index .content .section-index .section-body .daily-report .flex-content .incomplete,
            .body-index .content .section-index .section-body p .flex-content .incomplete {
              background-color: #FEF9E5;
              color: #F2AA00; }
            .body-index .content .section-index .section-body .daily-report .flex-content .undone,
            .body-index .content .section-index .section-body p .flex-content .undone {
              background-color: #FFF0E8;
              color: #AA1E00; }
        .body-index .content .section-index .section-body .messages .list-messages {
          border: 1px solid #DFEAEC; }
          .body-index .content .section-index .section-body .messages .list-messages:last-child {
            border-bottom: none; }
          .body-index .content .section-index .section-body .messages .list-messages .topic {
            border: none;
            border-bottom: 1px solid #DFEAEC;
            padding: 8px 14px;
            background-color: #fff;
            display: block;
            width: 100%;
            border-radius: 0;
            box-shadow: none;
            text-align: left; }
            .body-index .content .section-index .section-body .messages .list-messages .topic .topic-header, .body-index .content .section-index .section-body .messages .list-messages .topic .topic-footer {
              display: flex;
              justify-content: space-between;
              color: #00377C;
              text-transform: capitalize; }
              .body-index .content .section-index .section-body .messages .list-messages .topic .topic-header .user, .body-index .content .section-index .section-body .messages .list-messages .topic .topic-footer .user {
                font-size: 14px !important;
                width: 75%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
              .body-index .content .section-index .section-body .messages .list-messages .topic .topic-header .date, .body-index .content .section-index .section-body .messages .list-messages .topic .topic-footer .date {
                font-size: 12px !important;
                font-weight: 400; }
            .body-index .content .section-index .section-body .messages .list-messages .topic .topic-title {
              font-size: 14px !important;
              width: 100%;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              font-weight: 400; }
            .body-index .content .section-index .section-body .messages .list-messages .topic .topic-footer {
              align-items: center;
              display: flex; }
              .body-index .content .section-index .section-body .messages .list-messages .topic .topic-footer .authorization, .body-index .content .section-index .section-body .messages .list-messages .topic .topic-footer .responses {
                border-radius: 4px;
                padding: 0 4px;
                display: flex;
                font-size: 12px !important;
                font-weight: bold; }
              .body-index .content .section-index .section-body .messages .list-messages .topic .topic-footer div {
                display: flex;
                align-items: center; }
              .body-index .content .section-index .section-body .messages .list-messages .topic .topic-footer .authorization {
                background-color: #FCEEB0;
                color: #BF8600; }
              .body-index .content .section-index .section-body .messages .list-messages .topic .topic-footer .responses-container {
                margin-left: auto; }
                .body-index .content .section-index .section-body .messages .list-messages .topic .topic-footer .responses-container .responses {
                  color: #00377C;
                  background-color: #F5F5F5;
                  margin-right: 4px; }
        .body-index .content .section-index .section-body .birthday {
          padding-bottom: 16px; }
          .body-index .content .section-index .section-body .birthday:last-of-type {
            padding-bottom: 0px; }
          .body-index .content .section-index .section-body .birthday .student-birthday, .body-index .content .section-index .section-body .birthday .student-birthday-pass {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            background-color: #E5F6FF;
            border-radius: 8px;
            padding: 4px 16px;
            margin-bottom: 4px; }
            .body-index .content .section-index .section-body .birthday .student-birthday:last-of-type, .body-index .content .section-index .section-body .birthday .student-birthday-pass:last-of-type {
              margin-bottom: 0px; }
            .body-index .content .section-index .section-body .birthday .student-birthday p, .body-index .content .section-index .section-body .birthday .student-birthday span, .body-index .content .section-index .section-body .birthday .student-birthday-pass p, .body-index .content .section-index .section-body .birthday .student-birthday-pass span {
              color: #00377C;
              font-size: 12px !important;
              font-weight: 800;
              margin: 0; }
            .body-index .content .section-index .section-body .birthday .student-birthday span, .body-index .content .section-index .section-body .birthday .student-birthday-pass span {
              color: #0584C9;
              text-transform: capitalize; }
            .body-index .content .section-index .section-body .birthday .student-birthday button, .body-index .content .section-index .section-body .birthday .student-birthday-pass button {
              align-self: center;
              background-color: #ffffff00;
              height: fit-content;
              display: flex;
              box-shadow: none; }
              .body-index .content .section-index .section-body .birthday .student-birthday button span, .body-index .content .section-index .section-body .birthday .student-birthday-pass button span {
                font-size: 20px !important;
                color: #00377C; }
          .body-index .content .section-index .section-body .birthday .student-birthday {
            background-color: #E5F6FF; }
          .body-index .content .section-index .section-body .birthday .student-birthday-pass {
            background-color: #F5F5F5; }
            .body-index .content .section-index .section-body .birthday .student-birthday-pass p {
              color: #aaa; }
            .body-index .content .section-index .section-body .birthday .student-birthday-pass span {
              color: #D9D9D9; }
        .body-index .content .section-index .section-body button {
          border: none;
          display: flex;
          align-self: flex-end;
          height: auto;
          border-radius: .5rem;
          padding: .25rem .75rem;
          background-color: #E5FDFF;
          color: #0060B9;
          font-size: 12px !important;
          font-weight: bold;
          margin-left: auto; }

.modal-config-informe-alumno-planning {
  width: 550px !important;
  color: #00377C; }
  .modal-config-informe-alumno-planning p {
    color: #00377C; }
  .modal-config-informe-alumno-planning .header .titulo {
    border-bottom: solid 1px #EDEDED;
    margin-bottom: 15px;
    line-height: 2; }
  .modal-config-informe-alumno-planning .body {
    width: 100%; }
    .modal-config-informe-alumno-planning .body .subtitle {
      font-weight: bold;
      margin-bottom: 10px; }
    .modal-config-informe-alumno-planning .body .observaciones-subtitle {
      margin-top: 15px;
      margin-bottom: 0px; }
    .modal-config-informe-alumno-planning .body .content {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      .modal-config-informe-alumno-planning .body .content .row {
        flex-direction: row;
        display: flex; }
        .modal-config-informe-alumno-planning .body .content .row p {
          margin-right: 20px; }
  .modal-config-informe-alumno-planning .footer {
    margin-top: 20px; }

.ant-checkbox-inner {
  margin-right: 10px; }

.select-custom {
  color: red;
  background-color: blue;
  border-color: green; }

.ant-collapse-content-box {
  margin-bottom: 0px;
  padding-bottom: 0px; }

.ant-collapse {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
  background-color: white; }
  .ant-collapse .ant-collapse-item {
    margin-bottom: 0px;
    padding-bottom: 0px; }
    .ant-collapse .ant-collapse-item .ant-collapse-header {
      color: #00377C;
      font-weight: bold;
      border: none;
      background-color: white; }
    .ant-collapse .ant-collapse-item .ant-collapse-content {
      color: #00377C;
      margin-bottom: -10px; }

.ant-switch-checked {
  background: #1CA690; }

/* 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-switch {
  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;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(to right, #fff, #fff);
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.2s;
  user-select: none;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px #fff8f0;
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background: #f57423;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  box-shadow: none;
  cursor: not-allowed;
}
.ant-switch-inner {
  display: block;
  margin: 0 7px 0 25px;
  color: #fff;
  font-size: 12px;
  transition: margin 0.2s;
}
.ant-switch-checked .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
}
.ant-switch-handle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  transition: all 0.2s ease-in-out;
  content: '';
}
.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 18px - 2px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-loading-icon.anticon {
  position: relative;
  top: 2px;
  color: rgba(0, 0, 0, 0.65);
  vertical-align: top;
}
.ant-switch-checked .ant-switch-loading-icon {
  color: #f57423;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}
.ant-switch-small .ant-switch-inner {
  margin: 0 5px 0 18px;
  font-size: 12px;
}
.ant-switch-small .ant-switch-handle {
  width: 12px;
  height: 12px;
}
.ant-switch-small .ant-switch-loading-icon {
  top: 1.5px;
  font-size: 9px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin: 0 18px 0 5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 12px - 2px);
}
.ant-switch-rtl {
  direction: rtl;
}
.ant-switch-rtl .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-rtl .ant-switch-handle {
  right: 2px;
  left: auto;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
  margin: 0 7px 0 25px;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 18px - 2px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 12px - 2px);
}

.alertsContenedor {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #D8D8D8;
  border-top: 0px;
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
  overflow: hidden; }
  .alertsContenedor .alert {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #D8D8D8; }
    .alertsContenedor .alert .titulo,
    .alertsContenedor .alert .dias {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      position: relative;
      padding: 10px; }
      .alertsContenedor .alert .titulo span,
      .alertsContenedor .alert .dias span {
        font-size: 14px;
        font-weight: bold;
        white-space: nowrap;
        color: #00377C;
        margin-right: 12px; }
      .alertsContenedor .alert .titulo svg,
      .alertsContenedor .alert .dias svg {
        height: auto;
        width: 25px;
        cursor: pointer; }
      .alertsContenedor .alert .titulo .vistaPrevia,
      .alertsContenedor .alert .dias .vistaPrevia {
        margin-left: auto; }
    .alertsContenedor .alert .dias {
      border-top: 1px solid #D8D8D8;
      background-color: #FAFAFA; }
      .alertsContenedor .alert .dias span {
        display: flex;
        flex-direction: row;
        align-items: center;
        color: #D8D8D8;
        white-space: normal;
        font-weight: normal; }
        .alertsContenedor .alert .dias span input {
          height: 33px;
          width: 48px;
          border: 1px solid #D8D8D8;
          border-radius: 8px;
          margin: auto 5px;
          pointer-events: none;
          outline: none;
          padding: 0px 5px; }
    .alertsContenedor .alert .dias.activo {
      background-color: #E5F6FF; }
      .alertsContenedor .alert .dias.activo span {
        color: #00377C; }
        .alertsContenedor .alert .dias.activo span input {
          pointer-events: all; }
    .alertsContenedor .alert .mensaje {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      padding: 10px;
      border-top: 1px solid #D8D8D8; }
      .alertsContenedor .alert .mensaje span {
        font-size: 14px;
        font-weight: bold;
        white-space: nowrap;
        color: #00377C;
        margin-right: 5px; }
      .alertsContenedor .alert .mensaje span:last-of-type {
        font-weight: normal; }
      .alertsContenedor .alert .mensaje textarea {
        width: 100%;
        min-height: 218px;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        resize: none;
        outline: none;
        padding: 5px;
        color: #767676; }
    .alertsContenedor .alert .mensaje.corto textarea {
      min-height: 175px; }
  .alertsContenedor .alert:last-of-type {
    border-bottom: none; }

.modalVistaPrevia {
  min-width: 40vw; }
  @media screen and (max-width: 575px) {
    .modalVistaPrevia {
      min-width: 95vw; } }

.alumnosContenedor {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #D8D8D8;
  border-top: 0px;
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
  overflow: hidden; }
  .alumnosContenedor .titulo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    padding: 10px; }
    .alumnosContenedor .titulo span {
      font-size: 14px;
      font-weight: bold;
      white-space: nowrap;
      color: #00377C;
      margin-right: 12px; }
    .alumnosContenedor .titulo svg {
      height: auto;
      width: 25px;
      cursor: pointer; }
    .alumnosContenedor .titulo .desplegable {
      margin-left: auto; }
  .alumnosContenedor .titulo.borde {
    border-bottom: 1px solid #D8D8D8; }
  .alumnosContenedor .alumnos {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px; }
    .alumnosContenedor .alumnos h5 {
      font-size: 14px;
      font-weight: bold;
      white-space: nowrap;
      color: #00377C;
      margin-right: 12px; }
    .alumnosContenedor .alumnos .input {
      display: block;
      position: relative;
      width: 100%; }
      .alumnosContenedor .alumnos .input input {
        display: block;
        width: 100%;
        z-index: 1;
        outline: none;
        padding: 5px 10px;
        border: 1px solid #D8D8D8;
        border-radius: 5px; }
      .alumnosContenedor .alumnos .input .placeholder {
        position: absolute;
        font-size: 14px;
        color: #00377C;
        height: fit-content;
        z-index: 1;
        left: 10px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        pointer-events: none; }
      .alumnosContenedor .alumnos .input svg {
        position: absolute;
        height: auto;
        width: 25px;
        right: 10px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        pointer-events: none;
        cursor: pointer; }
      .alumnosContenedor .alumnos .input .listaFiltro {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 100%;
        max-height: 150px;
        top: 100%;
        left: 0px;
        background-color: white;
        overflow-y: scroll;
        box-shadow: 0px 3px 5px #b1b1b1; }
        .alumnosContenedor .alumnos .input .listaFiltro .alumnoFiltro {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          background-color: white;
          border: 1px solid #D8D8D8;
          padding: 10px 20px; }
          .alumnosContenedor .alumnos .input .listaFiltro .alumnoFiltro span {
            font-size: 14px;
            font-weight: bold;
            color: #00377C; }
            .alumnosContenedor .alumnos .input .listaFiltro .alumnoFiltro span .cursoFiltro {
              color: #979797;
              font-weight: normal; }
          .alumnosContenedor .alumnos .input .listaFiltro .alumnoFiltro .seleccion {
            min-height: 30px;
            min-width: 30px;
            max-height: 30px;
            max-width: 30px;
            margin-right: 10px;
            border: 1px solid #D8D8D8;
            background-color: white;
            border-radius: 100%;
            cursor: pointer;
            transition: background-color 300ms; }
          .alumnosContenedor .alumnos .input .listaFiltro .alumnoFiltro .seleccion:hover {
            background-color: #00377C; }
      .alumnosContenedor .alumnos .input .listaFiltro::-webkit-scrollbar {
        width: 10px; }
      .alumnosContenedor .alumnos .input .listaFiltro::-webkit-scrollbar-thumb {
        background: #1ca690;
        border-radius: 10px; }
    .alumnosContenedor .alumnos .listaAlumnos {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .alumnosContenedor .alumnos .listaAlumnos .info {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 20px 5px 10px 5px; }
        .alumnosContenedor .alumnos .listaAlumnos .info span {
          color: #565252;
          font-size: 14px; }
        .alumnosContenedor .alumnos .listaAlumnos .info .borrar {
          text-decoration: underline;
          cursor: pointer; }
      .alumnosContenedor .alumnos .listaAlumnos .lista {
        display: flex;
        flex-direction: column;
        min-height: 100px;
        width: 100%;
        background-color: #FAFAFA;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        overflow: hidden; }
        .alumnosContenedor .alumnos .listaAlumnos .lista .alumno {
          display: flex;
          flex-direction: row;
          align-items: center;
          flex-wrap: nowrap;
          background-color: white;
          border: 1px solid #D8D8D8;
          padding: 10px 20px; }
          .alumnosContenedor .alumnos .listaAlumnos .lista .alumno span {
            font-size: 14px;
            font-weight: bold;
            color: #00377C; }
            .alumnosContenedor .alumnos .listaAlumnos .lista .alumno span .curso {
              color: #979797;
              font-weight: normal; }
          .alumnosContenedor .alumnos .listaAlumnos .lista .alumno svg {
            height: 20px;
            width: 20px;
            margin-left: auto;
            cursor: pointer; }
  .alumnosContenedor .sinOpciones {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #00377C; }

.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 .sub-titulo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    width: 100%;
    font-weight: bold; }
    .newmessage-container .sub-titulo .seleccionar-todos-container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      gap: 5px; }
      .newmessage-container .sub-titulo .seleccionar-todos-container .seleccionar-todos-titulo {
        white-space: nowrap;
        width: min-content; }
      .newmessage-container .sub-titulo .seleccionar-todos-container .ant-switch-checked {
        background: #F76B1C; }
  .newmessage-container .destinatarios {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    margin-bottom: 12px; }
    .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 .lista-alumnos-seleccionados-opcion-alumnos {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      width: 100%;
      min-height: 32px;
      max-height: 200px;
      padding: 4px 10px;
      border: 1px solid #D8D8D8;
      border-radius: 7px;
      cursor: pointer;
      background-color: #ffffff;
      overflow-y: auto; }
      .newmessage-container .input-container .lista-alumnos-seleccionados-opcion-alumnos .sin-destinatarios {
        color: #bfbfbf;
        font-weight: normal; }
      .newmessage-container .input-container .lista-alumnos-seleccionados-opcion-alumnos .curso-lista-alumnos-seleccionados {
        font-weight: bold;
        color: #00377C;
        margin-top: 15px; }
      .newmessage-container .input-container .lista-alumnos-seleccionados-opcion-alumnos .curso-lista-alumnos-seleccionados:first-of-type {
        margin-top: 0px; }
      .newmessage-container .input-container .lista-alumnos-seleccionados-opcion-alumnos .jornada-lista-alumnos-seleccionados {
        font-weight: bold;
        color: #1CA690;
        padding-left: 10px; }
      .newmessage-container .input-container .lista-alumnos-seleccionados-opcion-alumnos .alumno-lista-alumnos-seleccionados {
        color: #00377C;
        padding-left: 20px;
        line-height: 19px; }
    .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; }
    .newmessage-container .asunto .ant-input {
      width: 100%;
      border: 1px solid #D8D8D8;
      margin: 0 0 10px 10px;
      border-radius: 7px; }
  .newmessage-container .detail-message-text-editor {
    margin-bottom: 20px; }
  .newmessage-container .container-checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    margin-bottom: 12px; }
    @media screen and (max-width: 820px) {
      .newmessage-container .container-checkbox {
        flex-wrap: wrap; } }
    .newmessage-container .container-checkbox p {
      margin: 0px; }
    .newmessage-container .container-checkbox .nowrap {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center; }
    .newmessage-container .container-checkbox .container-fecha-hora {
      display: flex;
      flex-direction: row;
      gap: 10px;
      margin-left: 10px; }
      @media screen and (max-width: 575px) {
        .newmessage-container .container-checkbox .container-fecha-hora {
          justify-content: space-between;
          margin-left: 0px;
          margin-top: 5px;
          width: 100%; } }
      .newmessage-container .container-checkbox .container-fecha-hora .ant-picker {
        border: 1px solid #D8D8D8;
        border-radius: 7px; }
  .newmessage-container .container-checkbox:last-of-type {
    margin-bottom: 0px; }
  .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: #ffffff;
      background-color: #F76B1C;
      box-shadow: none; }

.select-students-modal-messenger-container {
  display: flex;
  position: fixed;
  flex-direction: column;
  align-items: flex-start;
  width: 325px;
  height: max-content;
  max-height: 80%;
  padding: 32px 15px 15px 15px;
  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: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 575px) {
    .select-students-modal-messenger-container {
      width: 90vw; } }
  .select-students-modal-messenger-container .close-icon {
    display: block;
    position: fixed;
    right: 15px;
    top: 10px;
    justify-content: flex-end;
    height: auto;
    width: 13px;
    cursor: pointer; }
  .select-students-modal-messenger-container .container-buscador {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
    .select-students-modal-messenger-container .container-buscador .ant-input {
      padding-right: 30px;
      box-shadow: none;
      color: #00377C; }
    .select-students-modal-messenger-container .container-buscador svg {
      position: absolute;
      height: auto;
      width: 20px;
      right: 7px;
      top: 50%;
      transform: translateY(-50%); }
  .select-students-modal-messenger-container .lista-elementos-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0px;
    overflow-y: auto;
    padding-bottom: 15px; }
    .select-students-modal-messenger-container .lista-elementos-container .curso,
    .select-students-modal-messenger-container .lista-elementos-container .jornada,
    .select-students-modal-messenger-container .lista-elementos-container .alumno {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      color: #00377C; }
    .select-students-modal-messenger-container .lista-elementos-container .curso {
      margin-top: 15px;
      margin-bottom: -5px;
      padding-bottom: 3px;
      font-weight: bold; }
    .select-students-modal-messenger-container .lista-elementos-container .curso:first-of-type {
      margin-top: 0px; }
    .select-students-modal-messenger-container .lista-elementos-container .jornada {
      margin-left: 10px;
      color: #1CA690; }
    .select-students-modal-messenger-container .lista-elementos-container .alumno {
      margin-left: 20px;
      margin-top: 2px;
      margin-bottom: 2px; }
      .select-students-modal-messenger-container .lista-elementos-container .alumno .select-alumno {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        width: 100%;
        padding: 5px 10px;
        border: 1px solid #e4e4e4;
        border-radius: 7px;
        background-color: #ffffff;
        cursor: pointer;
        transition: background-color 150ms; }
      .select-students-modal-messenger-container .lista-elementos-container .alumno .select-alumno:hover {
        background-color: #E5F6FF; }
      .select-students-modal-messenger-container .lista-elementos-container .alumno .sin-alumnos {
        color: #979797;
        margin-left: 5px; }
    .select-students-modal-messenger-container .lista-elementos-container .alumno.filtro {
      margin-left: 0px; }

.modal-base-background {
  position: fixed;
  z-index: 3;
  background-color: #000000;
  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: #ffffff;
  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: #00377C; }
    .filter-modal-messenger-container .container-botones .primary-btn {
      color: #ffffff !important;
      background-color: #F76B1C !important; }

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

.delete-message-modal {
  display: flex;
  position: fixed;
  flex-direction: column;
  align-items: flex-start;
  width: 425px;
  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: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  overflow-y: auto; }
  @media screen and (max-width: 575px) {
    .delete-message-modal {
      width: 90vw; } }
  .delete-message-modal .titulo-delete-message-modal {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    padding: 15px; }
    .delete-message-modal .titulo-delete-message-modal span {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 10px;
      font-size: 25px;
      color: #00377C;
      font-weight: bold; }
      .delete-message-modal .titulo-delete-message-modal span .alert-icon {
        color: #F76B1C;
        height: auto;
        width: 25px; }
    .delete-message-modal .titulo-delete-message-modal .close-icon {
      display: block;
      height: auto;
      width: 20px;
      fill: #00377C;
      cursor: pointer; }
  .delete-message-modal .body-delete-message-modal {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 15px;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8; }
    .delete-message-modal .body-delete-message-modal p {
      color: #00377C;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      width: 100%;
      padding: 16px 10px;
      margin: 0px; }
  .delete-message-modal .container-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: 100%;
    gap: 10px;
    padding: 15px; }
    .delete-message-modal .container-buttons .ant-button {
      box-shadow: none;
      border: none; }
    .delete-message-modal .container-buttons .ant-button:hover {
      box-shadow: none;
      border: none; }
    .delete-message-modal .container-buttons .btn-secondary {
      color: #F76B1C;
      background-color: #FFF0E8; }
    .delete-message-modal .container-buttons .btn-primary {
      color: #ffffff;
      background-color: #F76B1C; }

.delete-message-modal-background {
  position: fixed;
  z-index: 3;
  background-color: #000000;
  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 {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 30px 0px;
    min-height: 20px;
    width: 100%; }
    @media screen and (max-width: 820px) {
      .messenger .header {
        padding: 10px 0px; } }
    .messenger .header .titulo {
      display: block;
      width: 100%;
      font-size: 22px;
      font-weight: bold;
      color: #00377C; }
      @media screen and (max-width: 820px) {
        .messenger .header .titulo {
          width: 80%;
          margin-left: 0; } }
    .messenger .header .primary-btn {
      display: flex;
      flex-direction: row;
      align-items: center;
      color: #ffffff !important;
      background-color: #F76B1C !important; }
      .messenger .header .primary-btn span {
        width: 100%;
        text-align: center; }
      @media screen and (max-width: 575px) {
        .messenger .header .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: #ffffff;
        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: #ffffff;
        border: 1px solid #1CA690;
        border-bottom: none;
        background-color: #1CA690; }
    .messenger .body .container-inputs-filtro {
      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 .container-inputs-filtro {
          flex-direction: column;
          align-items: flex-start;
          gap: 10px; }
          .messenger .body .container-inputs-filtro p {
            text-align: left; } }
    .messenger .body .ant-select .ant-select-selector,
    .messenger .body .ant-input {
      border: 1px solid #D8D8D8;
      border-radius: 7px; }
    .messenger .body .select-input-container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      gap: 10px;
      background-color: #ffffff; }
      @media screen and (max-width: 575px) {
        .messenger .body .select-input-container {
          width: 100%; } }
      .messenger .body .select-input-container p {
        margin: 0px;
        font-size: 14px;
        font-weight: bold;
        color: #00377C; }
        @media screen and (max-width: 575px) {
          .messenger .body .select-input-container p {
            width: 15%;
            text-align: left; } }
      .messenger .body .select-input-container .ant-select {
        width: 200px;
        /* .ant-select-selection-item
                    font-weight: bold
                    border-radius: 7px
                    background-color: $green-ligth
                    color: $green
                    .ant-select-selection-item-remove
                        color: $green
                        font-size: 16px */ }
        @media screen and (max-width: 575px) {
          .messenger .body .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 .column-options .inputs-select-filtro-enviados {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10px; }
        @media screen and (max-width: 1430px) {
          .messenger .body .column-options .inputs-select-filtro-enviados {
            align-items: flex-end;
            flex-direction: column; } }
        @media screen and (max-width: 820px) {
          .messenger .body .column-options .inputs-select-filtro-enviados {
            align-items: flex-start; } }
    .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: #ffffff;
        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 .ant-input {
            background-color: none !important;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0; }
          .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: #ffffff; } }
          .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 .info-mensaje-tabla {
                  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 .info-mensaje-tabla .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 .info-mensaje-tabla .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 .info-mensaje-tabla .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 .info-mensaje-tabla .date.fecha-programada {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    gap: 8px;
                    color: #F76B1C; }
                    .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 .info-mensaje-tabla .date.fecha-programada svg {
                      height: auto;
                      width: 22px; }
                .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.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 .info-mensaje-tabla {
                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: #ffffff; }
            .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: #ffffff;
        border: 1px solid #DFEAEC;
        border-top: none; }
        @media screen and (max-width: 820px) {
          .messenger .body .messenger-container .columna-2 {
            width: 100%; } }
        .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; }

.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; }

@charset "UTF-8";
.informes-container-planning {
  min-height: 100%;
  padding: 20px;
  margin-bottom: 100px;
  background-color: #fafafa; }
  @media screen and (max-width: 575px) {
    .informes-container-planning {
      padding: 20px 10px; } }
  .informes-container-planning .btn-cancel {
    background-color: #F5F5F5;
    color: #00377C; }
  .informes-container-planning .cargando {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 10px; }
    .informes-container-planning .cargando svg {
      height: auto;
      width: 45px;
      fill: #979797;
      animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .informes-container-planning .informes-body-container-planning {
    margin-top: 20px;
    width: 100%; }
    .informes-container-planning .informes-body-container-planning .filtros-container {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      width: 100%;
      margin: 20px 0px; }
      .informes-container-planning .informes-body-container-planning .filtros-container .ant-select {
        width: 250px; }
        @media screen and (max-width: 575px) {
          .informes-container-planning .informes-body-container-planning .filtros-container .ant-select {
            width: 100%; } }
        .informes-container-planning .informes-body-container-planning .filtros-container .ant-select .ant-select-selector {
          height: 32px;
          padding: 0px 11px;
          border: 1px solid #D8D8D8;
          border-radius: 2px;
          box-shadow: none !important; }
    .informes-container-planning .informes-body-container-planning .pestañas {
      gap: 5px;
      display: flex; }
      .informes-container-planning .informes-body-container-planning .pestañas .pestaña {
        background-color: #1CA690;
        border: 1px solid #1CA690;
        border-bottom: none;
        border-radius: 10px 10px 0 0;
        color: white;
        padding: 5px 10px;
        cursor: pointer;
        transition: background-color 150ms, color 150ms, border-color 150ms; }
      .informes-container-planning .informes-body-container-planning .pestañas .pestaña-nonclicked {
        background-color: white;
        color: #00377C;
        border: 1px solid #D8D8D8;
        border-bottom: none; }
    .informes-container-planning .informes-body-container-planning .general-info {
      margin-bottom: 10px;
      background-color: white;
      border: #D8D8D8 1px solid;
      padding: 15px;
      color: #00377C;
      border-radius: 10px; }
      .informes-container-planning .informes-body-container-planning .general-info .subtitle {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 10px; }
      .informes-container-planning .informes-body-container-planning .general-info p {
        margin-bottom: 0px; }
      .informes-container-planning .informes-body-container-planning .general-info .sin-logo {
        color: #979797; }
      .informes-container-planning .informes-body-container-planning .general-info .logo-actual-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 20px;
        margin-bottom: 15px;
        width: 50%; }
        @media screen and (max-width: 900px) {
          .informes-container-planning .informes-body-container-planning .general-info .logo-actual-container {
            width: 100%; } }
        .informes-container-planning .informes-body-container-planning .general-info .logo-actual-container .ant-btn {
          margin-left: auto; }
        .informes-container-planning .informes-body-container-planning .general-info .logo-actual-container img {
          height: auto;
          width: 50%;
          margin: 0 auto; }
          @media screen and (max-width: 720px) {
            .informes-container-planning .informes-body-container-planning .general-info .logo-actual-container img {
              width: 75%; } }
      .informes-container-planning .informes-body-container-planning .general-info .upload-input {
        background-color: #ffffff;
        width: 50%;
        margin-top: 15px; }
        @media screen and (max-width: 900px) {
          .informes-container-planning .informes-body-container-planning .general-info .upload-input {
            width: 100%; } }
      .informes-container-planning .informes-body-container-planning .general-info .nuevo-adjunto-container {
        display: flex;
        flex-direction: column;
        width: 50%;
        margin: 15px 0px; }
        @media screen and (max-width: 900px) {
          .informes-container-planning .informes-body-container-planning .general-info .nuevo-adjunto-container {
            width: 100%; } }
        .informes-container-planning .informes-body-container-planning .general-info .nuevo-adjunto-container .titulo {
          font-size: 14px;
          font-weight: bold;
          color: #00377C; }
        .informes-container-planning .informes-body-container-planning .general-info .nuevo-adjunto-container .nuevo-logo-container {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: space-between;
          gap: 20px;
          width: 100%;
          font-size: 14px;
          color: #00377C;
          padding: 5px 10px;
          border: 1px solid #D8D8D8;
          border-radius: 2px;
          background-color: #ffffff;
          transition: background-color 150ms; }
          .informes-container-planning .informes-body-container-planning .general-info .nuevo-adjunto-container .nuevo-logo-container svg {
            height: auto;
            width: 13px;
            fill: #00377C;
            cursor: pointer; }
        .informes-container-planning .informes-body-container-planning .general-info .nuevo-adjunto-container .nuevo-logo-container:hover {
          background-color: #fafafa; }
    .informes-container-planning .informes-body-container-planning .container-opcion {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
      width: 100%;
      gap: 20px;
      margin: 7px 0px; }
      .informes-container-planning .informes-body-container-planning .container-opcion p {
        margin: 0px; }
      .informes-container-planning .informes-body-container-planning .container-opcion .ant-switch {
        box-shadow: none !important; }
    .informes-container-planning .informes-body-container-planning .deactivate {
      pointer-events: none; }
    .informes-container-planning .informes-body-container-planning .first {
      border-radius: 0 0 10px 10px; }
    .informes-container-planning .informes-body-container-planning .container-opcion.text-input-container {
      flex-direction: column;
      align-items: flex-start;
      gap: 0px; }
      .informes-container-planning .informes-body-container-planning .container-opcion.text-input-container .ant-input {
        height: 35px;
        color: #00377C;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        box-shadow: none; }

.ant-switch-checked {
  background: #1CA690; }

.modal-print-planning {
  width: 550px !important;
  color: #00377C;
  color: #00377C; }
  .modal-print-planning .titulo {
    border-bottom: solid 1px #EDEDED;
    width: 120%;
    margin-bottom: 15px;
    line-height: 2; }
  .modal-print-planning .body {
    overflow: scroll;
    gap: 15px 0px;
    margin: 10px 0px 30px 0px; }
    .modal-print-planning .body .d-none {
      display: none; }
      .modal-print-planning .body .d-none .radio-color {
        display: flex; }
        .modal-print-planning .body .d-none .radio-color .blue-square {
          width: 100px;
          height: 100px;
          color: black; }
    .modal-print-planning .body .row-body {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      gap: 0px 15px; }
    .modal-print-planning .body .gray {
      background-color: #FAFAFA;
      color: #969696;
      pointer-events: none; }
    .modal-print-planning .body .hide {
      display: none; }
    .modal-print-planning .body .input {
      display: flex;
      flex-direction: column;
      width: 100%;
      color: #00377C; }
      .modal-print-planning .body .input .titulo {
        font-size: 13px;
        color: #747474; }
      .modal-print-planning .body .input .date-section-radio {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px; }
        .modal-print-planning .body .input .date-section-radio .hola {
          display: flex; }
      .modal-print-planning .body .input .input-fecha {
        border-radius: 2px;
        border: 1px solid #979797;
        padding: 0px 11px;
        min-height: 32px;
        box-shadow: none;
        width: 200px; }
        .modal-print-planning .body .input .input-fecha svg {
          fill: #747474; }
        .modal-print-planning .body .input .input-fecha input::placeholder {
          color: #747474;
          opacity: 1; }
        .modal-print-planning .body .input .input-fecha input::-ms-input-placeholder {
          color: #747474; }
    .modal-print-planning .body .cargando {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 30px 20px; }
      .modal-print-planning .body .cargando p {
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        margin: 0px; }
      .modal-print-planning .body .cargando svg {
        height: auto;
        width: 45px;
        fill: #979797;
        animation: rotation 1.5s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.modal-print-planning.d-none {
  display: none; }

.modal-print-planning.d-none {
  display: none; }

.select-custom {
  color: red;
  background-color: blue;
  border-color: green; }

.ant-collapse-content-box {
  margin-bottom: 0px;
  padding-bottom: 0px; }

.ant-collapse {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
  background-color: white; }
  .ant-collapse .ant-collapse-item {
    margin-bottom: 0px;
    padding-bottom: 0px; }
    .ant-collapse .ant-collapse-item .ant-collapse-header {
      color: #00377C;
      font-weight: bold;
      border: none;
      background-color: white; }
    .ant-collapse .ant-collapse-item .ant-collapse-content {
      color: #00377C;
      margin-bottom: -10px; }

.ant-switch-checked {
  background: #1CA690; }

.modal-programar-experiencia-desde-semana-planning {
  width: 500px; }
  .modal-programar-experiencia-desde-semana-planning .body {
    margin-top: 12px;
    gap: 15px; }
    .modal-programar-experiencia-desde-semana-planning .body .input-container-body {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .modal-programar-experiencia-desde-semana-planning .body .input-container-body .label-name {
        font-size: 14px;
        color: #979797;
        line-height: 17px; }
    .modal-programar-experiencia-desde-semana-planning .body .accordion-base .accordion-item-base {
      margin-bottom: 0px; }
    .modal-programar-experiencia-desde-semana-planning .body .accordion-base .accordion-content-base {
      padding: 0px; }
    .modal-programar-experiencia-desde-semana-planning .body .accordion-base .fecha-seleccionada-opcion {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: nowrap;
      width: 100%;
      padding: 5px 10px;
      background-color: #ffffff;
      border-bottom: 1px solid #DFEAEC;
      transition: background-color 150ms; }
      .modal-programar-experiencia-desde-semana-planning .body .accordion-base .fecha-seleccionada-opcion span {
        font-size: 13px;
        color: #00377C; }
      .modal-programar-experiencia-desde-semana-planning .body .accordion-base .fecha-seleccionada-opcion .quitar-fecha {
        height: auto;
        width: 22px;
        color: #00377C;
        cursor: pointer; }
    .modal-programar-experiencia-desde-semana-planning .body .accordion-base .fecha-seleccionada-opcion:hover {
      background-color: #f0f0f0; }
    .modal-programar-experiencia-desde-semana-planning .body .accordion-base .fecha-seleccionada-opcion.sin-data span {
      width: 100%;
      font-weight: bold;
      text-align: center; }
    .modal-programar-experiencia-desde-semana-planning .body .accordion-base .fecha-seleccionada-opcion.sin-data:hover {
      background-color: #ffffff; }
    .modal-programar-experiencia-desde-semana-planning .body .accordion-base .fecha-seleccionada-opcion:last-of-type {
      border-bottom: none; }
  .modal-programar-experiencia-desde-semana-planning .footer {
    margin-top: 20px; }

.ant-select .ant-select-selector {
  box-shadow: none !important;
  border: 1px solid #979797 !important; }
  .ant-select .ant-select-selector .ant-select-selection-placeholder {
    color: #979797 !important; }

.ant-select.ant-select-multiple .ant-select-selection-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 8px;
  border: none;
  border-radius: 10px;
  font-weight: bold;
  color: #00377C;
  background-color: #E5F6FF; }
  .ant-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 2px;
    margin-left: 3px; }
    .ant-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove .anticon.anticon-close {
      font-size: 13px; }

.input-fecha {
  border-radius: 2px;
  border: 1px solid #979797;
  padding: 0px 11px;
  min-height: 32px;
  box-shadow: none; }
  .input-fecha svg {
    fill: #979797; }
  .input-fecha input::placeholder {
    color: #979797;
    opacity: 1; }
  .input-fecha input::-ms-input-placeholder {
    color: #979797; }

.seleccionar-grupo-input {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 4px 10px;
  color: #979797;
  border: 1px solid #979797;
  cursor: pointer;
  transition: border-color 150ms; }
  .seleccionar-grupo-input.border-orange {
    border-color: #F76B1C; }

.d-none {
  display: none; }

#mural-uploader .ant-upload.ant-upload-drag {
  height: auto !important; }

.tree-select-annoucement .tree input {
  font-variant: normal;
  font-feature-settings: normal;
  color: #00377C; }

.tree-select-annoucement .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-switcher .anticon-caret-down {
  color: #00377C; }

.tree-select-annoucement .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-checkbox .ant-select-tree-checkbox-inner {
  border: 1px solid #00377C; }

.tree-select-annoucement .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  background-color: #00377C; }

.tree-select-annoucement .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #00377C; }

.tree-select-annoucement .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover {
  background-color: #fff; }

.tree-select-annoucement .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper .ant-select-tree-title {
  font-size: 14px !important;
  color: #00377C; }
  .tree-select-annoucement .ant-select-tree-list .ant-select-tree-list-holder div .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper .ant-select-tree-title:hover {
    color: #F76B1C; }

.tree-select-annoucement .ant-select-tree-list .ant-select-tree-list-scrollbar .ant-select-tree-list-scrollbar-thumb {
  background: #00ADD1 !important; }

.modal-new-edit-mural-post-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 3;
  width: fit-content;
  min-width: 25%;
  max-width: 65%;
  max-height: 80%;
  height: auto;
  border-radius: 8px;
  padding: 1rem;
  position: fixed;
  top: 10%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  box-shadow: 0 -3px 16px 0 rgba(0, 78, 89, 0.2); }
  @media screen and (max-width: 575px) {
    .modal-new-edit-mural-post-container {
      max-width: 95%; } }
  .modal-new-edit-mural-post-container .modal-new-edit-mural-post-header {
    display: flex;
    justify-content: space-between; }
    .modal-new-edit-mural-post-container .modal-new-edit-mural-post-header h3 {
      color: #00377C;
      font-size: 24px !important;
      font-weight: 800;
      margin: 0px; }
    .modal-new-edit-mural-post-container .modal-new-edit-mural-post-header button {
      border: none;
      box-shadow: none;
      color: #00377C; }
      .modal-new-edit-mural-post-container .modal-new-edit-mural-post-header button:disabled {
        background-color: #fff; }
  .modal-new-edit-mural-post-container .modal-new-edit-mural-post-footer {
    margin-top: 16px;
    display: flex;
    justify-content: space-between; }
    .modal-new-edit-mural-post-container .modal-new-edit-mural-post-footer button {
      border: none;
      box-shadow: none;
      border-radius: 8px;
      display: flex;
      align-items: center;
      padding: 4px 8px;
      font-weight: bold;
      font-size: 16px !important; }
    .modal-new-edit-mural-post-container .modal-new-edit-mural-post-footer .btn-post {
      background-color: #F76B1C;
      color: #fff; }
    .modal-new-edit-mural-post-container .modal-new-edit-mural-post-footer .upload .ant-upload .ant-upload .btn-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; }
    .modal-new-edit-mural-post-container .modal-new-edit-mural-post-footer .upload .ant-upload-list .ant-upload-list-text-container {
      margin-bottom: 8px; }
      .modal-new-edit-mural-post-container .modal-new-edit-mural-post-footer .upload .ant-upload-list .ant-upload-list-text-container:last-of-type {
        margin-bottom: 0px; }
      .modal-new-edit-mural-post-container .modal-new-edit-mural-post-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; }
        .modal-new-edit-mural-post-container .modal-new-edit-mural-post-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; }
          .modal-new-edit-mural-post-container .modal-new-edit-mural-post-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; }
          .modal-new-edit-mural-post-container .modal-new-edit-mural-post-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: 200px;
            overflow: hidden;
            text-overflow: ellipsis; }
            @media screen and (max-width: 575px) {
              .modal-new-edit-mural-post-container .modal-new-edit-mural-post-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) {
              .modal-new-edit-mural-post-container .modal-new-edit-mural-post-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; } }
          .modal-new-edit-mural-post-container .modal-new-edit-mural-post-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; }
            .modal-new-edit-mural-post-container .modal-new-edit-mural-post-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; }
      .modal-new-edit-mural-post-container .modal-new-edit-mural-post-footer .upload .ant-upload-list .ant-upload-list-text-container .ant-upload-list-item .ant-upload-list-item-progress {
        display: none; }
  .modal-new-edit-mural-post-container .item-block .titulo-select-cursos {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-end;
    margin-bottom: 10px; }
    .modal-new-edit-mural-post-container .item-block .titulo-select-cursos .container-switch-titulo {
      margin: 0px;
      color: #00377C;
      font-size: 14px !important;
      font-weight: bold; }
      .modal-new-edit-mural-post-container .item-block .titulo-select-cursos .container-switch-titulo .label-switch {
        margin-right: 10px; }
        @media screen and (max-width: 575px) {
          .modal-new-edit-mural-post-container .item-block .titulo-select-cursos .container-switch-titulo .label-switch {
            margin-right: 5px; } }
      .modal-new-edit-mural-post-container .item-block .titulo-select-cursos .container-switch-titulo .ant-switch {
        margin-top: -5px; }
  .modal-new-edit-mural-post-container .item-block p {
    margin: 0px;
    color: #00377C;
    font-size: 14px !important;
    font-weight: bold; }
  .modal-new-edit-mural-post-container .item-block .ant-input {
    border: 1px solid #DFEAEC;
    font-variant: normal;
    font-feature-settings: normal;
    color: #00377C; }
  .modal-new-edit-mural-post-container .item-block .ant-tree-select {
    width: 100%;
    font-variant: normal;
    font-feature-settings: normal; }
    .modal-new-edit-mural-post-container .item-block .ant-tree-select .ant-select-selector {
      border: 1px solid #DFEAEC; }
      .modal-new-edit-mural-post-container .item-block .ant-tree-select .ant-select-selector span {
        font-size: 14px !important; }
      .modal-new-edit-mural-post-container .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item {
        border: none;
        border-radius: 4px;
        background-color: #E6FAFF;
        align-items: center; }
        .modal-new-edit-mural-post-container .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove {
          display: flex; }
          .modal-new-edit-mural-post-container .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-remove .anticon-close {
            font-size: 10px !important;
            color: #024264; }
        .modal-new-edit-mural-post-container .item-block .ant-tree-select .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content {
          color: #0060B9;
          font-weight: bold;
          font-size: 12px !important; }
    .modal-new-edit-mural-post-container .item-block .ant-tree-select span {
      color: #00377C;
      font-size: 10px !important; }

.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; }

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

.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 .btn-reload {
    margin-right: 8px;
    border-radius: 8px;
    box-shadow: none;
    border: 1px solid #DFEAEC;
    color: #00377C; }
    .header-mural-container .btn-reload:hover {
      color: #F76B1C; }
  .header-mural-container .btn-new {
    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 .btn-new:hover {
      background-color: #F76B1C;
      color: #fff; }

.loading {
  border: 1px solid #747474;
  height: 20px; }

.modal-uploading {
  width: 193px;
  height: min-content;
  position: fixed;
  z-index: 1000;
  top: 28px;
  right: 5%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  justify-items: center; }
  @media screen and (min-width: 600px) {
    .modal-uploading {
      width: 347px; } }
  .modal-uploading .modal {
    width: 193px;
    height: fit-content;
    border: 1px solid #D8D8D8;
    display: flex;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    padding: 20px;
    border-radius: 20px; }
    @media screen and (min-width: 600px) {
      .modal-uploading .modal {
        width: 347px; } }
    .modal-uploading .modal .modal-header {
      width: 100%;
      display: flex;
      flex-direction: row;
      gap: 5px;
      justify-content: space-between; }
      .modal-uploading .modal .modal-header .content-rigth {
        display: flex;
        flex-direction: row;
        gap: 5px;
        justify-content: end; }
        .modal-uploading .modal .modal-header .content-rigth .icon-button {
          display: flex;
          flex-direction: row;
          justify-content: center;
          justify-items: center;
          cursor: pointer; }
      .modal-uploading .modal .modal-header .title {
        color: #00377C;
        font-size: 14px;
        font-weight: 400;
        margin: 0; }
    .modal-uploading .modal .modal-body {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 5px; }
      .modal-uploading .modal .modal-body .subtitle {
        color: #747474;
        font-size: 10px;
        font-weight: 400;
        margin: 0; }
      .modal-uploading .modal .modal-body .file-group {
        display: flex;
        flex-direction: column;
        gap: 2px; }
        .modal-uploading .modal .modal-body .file-group .file-name {
          font-size: 14px;
          color: #00377C;
          margin: 0;
          text-transform: capitalize; }

.select-input-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px; }
  @media screen and (max-width: 575px) {
    .select-input-container {
      width: 100%; } }
  .select-input-container p {
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    color: #00377C; }
    @media screen and (max-width: 575px) {
      .select-input-container p {
        width: 15%;
        text-align: left; } }
  .select-input-container .ant-select {
    width: 150px;
    color: #00377C; }
    @media screen and (max-width: 575px) {
      .select-input-container .ant-select {
        width: 85%; } }

.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;
  background-color: #fff; }
  .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;
  background-color: #FAFAFA;
  min-height: 100%; }
  @media screen and (max-width: 720px) {
    .mural-container {
      padding: 12px 24px; } }
  @media screen and (max-width: 575px) {
    .mural-container {
      padding: 8px 12px 64px 12px; } }