.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}/* Colors for the ripple elements.*//* stylelint-disable-next-line material/theme-mixin-api *//* stylelint-disable-next-line material/theme-mixin-api *//* stylelint-disable material/no-prefixes *//* stylelint-enable */.mat-progress-bar-background {
  fill: #c5cae9;
}.mat-progress-bar-buffer {
  background-color: #c5cae9;
}.mat-progress-bar-fill::after {
  background-color: #3f51b5;
}.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #c8e6c9;
}.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #c8e6c9;
}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #4caf50;
}.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}.mat-calendar-body-in-range::before {
  background: rgba(63, 81, 181, 0.2);
}.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: white;
}.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4);
}.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(63, 81, 181, 0.3);
}.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(76, 175, 80, 0.2);
}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(76, 175, 80, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(76, 175, 80, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #4caf50;
  color: rgba(0, 0, 0, 0.87);
}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(76, 175, 80, 0.4);
}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87);
}.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(76, 175, 80, 0.3);
}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: white;
}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3);
}.mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}.mat-datepicker-toggle-active {
  color: #3f51b5;
}.mat-datepicker-toggle-active.mat-accent {
  color: #4caf50;
}.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}.mat-select-panel {
  background: white;
}.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5;
}.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #4caf50;
}.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}.mat-checkbox-checkmark {
  fill: #fafafa;
}.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}.mat-checkbox-mixedmark {
  background-color: #fafafa;
}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #4caf50;
}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.54);
}.mat-checkbox .mat-ripple-element {
  background-color: black;
}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5;
}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #4caf50;
}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}html, body {
  height: 100%;
}body {
  margin: 0;
  font-family: "SenticoSans";
}.mat-form-field {
  color: #C8C8C8;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  letter-spacing: normal;
}.mat-form-field-wrapper {
  padding-bottom: 0;
}.mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}.mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
  left: -15px;
}.mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}.mat-form-field-infix {
  padding: 0.35em 0;
  border-top: 0.84375em solid transparent;
  width: 25% !important;
}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  color: #7F8589 !important;
  transform: translateY(-1.34375em) scale(1);
  width: 133.3333333333%;
}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  color: #7F8589 !important;
  transform: translateY(-1.34374em) scale(1);
  width: 133.3333433333%;
}.mat-form-field-label-wrapper {
  top: -1.04375em;
  padding-top: 1.04375em;
}.mat-form-field-label {
  top: 1.34375em;
}.mat-form-field-underline {
  bottom: 1.34375em;
}.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0;
}.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0 0;
}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  color: #7F8589 !important;
  transform: translateY(-1.08125em) scale(1) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.08125em) scale(1);
  width: 133.3333333333%;
}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  color: #7F8589 !important;
  transform: translateY(-1.28125em) scale(1) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(1);
  width: 133.3333433333%;
}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  color: #7F8589 !important;
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(1);
  width: 133.3333533333%;
}.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.08125em;
}.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    color: #7F8589;
    transform: translateY(-1.28122em) scale(1);
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    color: #7F8589;
    transform: translateY(-1.28121em) scale(1);
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    color: #7F8589;
    transform: translateY(-1.2812em) scale(1);
  }
}/* fixes */.cdk-overlay-container {
  position: fixed;
  z-index: 1050;
  background: transparent;
}.cdk-overlay-backdrop {
  background: white;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}.cdk-overlay-backdrop.mat-overlay-transparent-backdrop.mat-datepicker-0-backdrop.cdk-overlay-backdrop-showing {
  background: transparent !important;
}.error-message_propio {
  background: #EB5757;
  margin-top: 0.5rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  color: white;
  text-align: center;
}.warnings-message_propio {
  background: gold;
  margin-top: 0.5rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  color: black;
  text-align: center;
}.successmsg-message_propio {
  background: #009926;
  margin-top: 0.5rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  color: white;
  text-align: center;
}.encabezado-message_propio {
  background-color: #C8C8C8;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: black;
  text-align: center;
}.mat-radio-outer-circle {
  border-style: none !important;
}.mat-checkbox-frame {
  border-style: none !important;
}.mat-select-value {
  color: #004993 !important;
  border-bottom: 2px solid #e5e5e5;
}.mat-select-value:disabled {
  opacity: 0.6 !important;
}.mat-select-value:enabled {
  opacity: 1 !important;
}.sizeContainer.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0em 0 0em 0;
  height: 2.313rem;
}.cdk-live-announcer-element {
  display: none;
}.mat-dialog-container {
  min-height: 200px !important;
  max-height: 200px !important;
}.mat-datepicker-close-button {
  display: none !important;
}.mat-checkbox-inner-container {
  height: 24px !important;
  width: 24px !important;
}.mat-dialog-content {
  overflow: hidden !important;
}

* {
  box-sizing: border-box;
  outline: 0 !important;
}

.hidden {
  display: none;
}

.support {
  text-align: center;
  height: 100%;
}

.support .publisher {
  height: 100%;
}

.support * {
  box-sizing: border-box;
}

.support .circle {
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.1);
  background-size: contain;
  border-radius: 50%;
  height: 15em;
  margin: 0 auto;
  padding: 2em;
  width: 15em;
}

.support .circle.error {
  background-color: rgba(0, 0, 0, 0.6);
}

.support .circle.error h1,
.support .circle.error h2 {
  color: #f94c6a;
}

.support h1 {
  font-size: 34px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: -1px;
  text-align: center;
}

.support h2 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.65;
  text-align: center;
}

.support header {
  position: relative;
  padding: 15px 0;
  display: flex;
  justify-content: space-around;
  height: 90px;
  align-items: center;
}

.support header .center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.support header h1 {
  font-size: 22px;
  margin: 0;
}

.support header small {
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
}

.support header .mute {
  background-color: #3cb0f7;
}

.support header .mute.muted {
  opacity: 0.5;
}

.support header .mute img {
  height: 20px;
  width: auto;
}

.support header .hang {
  background-color: #ff637b;
}

.support header .hang img {
  height: auto;
  width: 20px;
}

.support header button {
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  height: 55px;
  width: 55px;
  padding: 0;
  border: 0;
}

.support .OT_publisher .OT_archiving {
  display: none;
}

.subscriber {
  height: calc(100% - 90px);
}

.subscriber div {
  height: 100%;
}

.subscriber .OTSubscriberContainer {
  height: 100% !important;
  width: auto !important;
}

.subscriber .message {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.subscriber .infoMessage {
  color: #034c7c;
  position: relative;
}

.subscriber .generic-code {
  object-fit: contain;
  opacity: 0.72;
  background-color: #000;
  position: absolute;
  width: 100%;
  top: 77px;
}

.subscriber .generic-code .genericMessage {
  position: relative;
  margin: 5px;
  padding: 0 20px;
}

.subscriber .info-code {
  position: absolute;
  z-index: 999;
  bottom: 0;
  opacity: 0.7;
  background-color: black;
  width: 100%;
  height: 40px;
  transition: height 0.5s;
}

.subscriber .info-code p {
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  margin: 5px;
}

.float-button {
  position: absolute;
  bottom: 30px;
  right: 10px;
  z-index: 9999;
}

.float-button .button-inside {
  position: relative;
}

.float-button .button-inside .indicator {
  background-color: #ff5c6f;
  border-radius: 50%;
  border: solid 2px #fff;
  height: 31px;
  line-height: 27px;
  position: absolute;
  right: -10px;
  top: -13px;
  width: 31px;
}

.chatScreenBack {
  background-color: rgba(0, 0, 0, 0.31);
  bottom: 0;
  filter: blur(33px);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}

.chatScreen {
  background-color: white;
  bottom: 0;
  color: black;
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  right: 0;
  top: 90px;
  z-index: 9999;
}

.chatScreen .messages {
  flex-grow: 1;
  overflow: auto;
  position: relative;
}

.chatScreen .messages .messages-inner {
  max-height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.chatScreen .message-container {
  align-items: center;
  align-self: flex-end;
  display: flex;
  margin-bottom: 15px;
  text-align: left;
}

.chatScreen .message-container .message {
  border-radius: 7px;
  padding: 20px;
  max-width: 75%;
}

.chatScreen .message-container span.date {
  font-size: 11px;
  color: #21273b;
  width: 45px;
}

.chatScreen .message-container .avatar {
  border-radius: 50%;
  height: 43px;
  width: 43px;
}

.chatScreen .message-container .avatar img {
  height: 43px;
  width: 43px;
}

.chatScreen .message-container.mine {
  flex-direction: row-reverse;
  align-self: flex-end;
}

.chatScreen .message-container.mine span.date {
  margin-left: 10px;
  margin-right: 10px;
}

.chatScreen .message-container.mine .avatar {
  margin-left: 10px;
  margin-right: 10px;
}

.chatScreen .message-container.mine .message {
  background-color: #21273b;
  color: #fff;
}

.chatScreen .message-container.from-other {
  flex-direction: row;
  align-self: flex-start;
}

.chatScreen .message-container.from-other span.date {
  margin-left: 10px;
  margin-right: 10px;
}

.chatScreen .message-container.from-other .avatar {
  margin-left: 10px;
  margin-right: 10px;
}

.chatScreen .message-container.from-other .message {
  background-color: rgba(216, 216, 216, 0.6);
  color: #21273b;
}

.chatScreen .chat-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  border-bottom: 1px rgba(151, 151, 151, 0.3) solid;
  align-self: center;
  width: 90%;
}

.chatScreen .message-form {
  height: 60px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
}

.chatScreen .message-form button {
  font-size: 16px;
  font-weight: bold;
  color: #21273b;
}

.chatScreen .message-form button:disabled {
  color: rgba(0, 0, 0, 0.3);
}

.chatScreen .message-form input {
  height: 100%;
  width: 100%;
  font-size: 16px;
  padding-left: 20px;
  color: #1c1f28;
  border: none;
}

.chatScreen .message-form input::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.connecting {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.notice {
  position: fixed;
  bottom: 10%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.connecting .OTPublisherContainer {
  display: none !important;
}

.OTPublisherContainer {
  border-radius: 30px !important;
  border: 5px solid #fff !important;
  bottom: 25px;
  left: 25px;
  position: absolute !important;
  z-index: 100;
  width: 160px !important;
  height: 160px !important;
}

button.restart {
  background-color: #3db0f7;
  border-radius: 31px;
  border: 0;
  font-size: 18px;
  padding: 20px;
  max-width: 260px;
}

.card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  text-align: center;
  align-items: center;
  height: 100%;
}

@keyframes spinX {
  0% {
    transform: rotateX(0deg);
  }

  100% {
    transform: rotateX(359deg);
  }
}

.loading-circle {
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

.loading-circle .spinner-inner {
  width: 250px;
  height: 250px;
  position: absolute;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}

.loading-circle .spinner-inner img {
  position: absolute;
  animation: spinner 0.6s linear infinite;
}

.loading-circle h2 {
  font-size: 36px;
}

.loading-circle p {
  font-size: 20px;
  margin: 0 10px;
}

#root {
  height: calc(var(--vh) * 100);
  width: calc(var(--vw) * 100);
  min-height: 500px;
}

.hidden {
  display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
  background-color: #fff !important;
  color: #555 !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #555555 !important;
}

a {
  color: #949ea8;
  cursor: pointer;
  text-decoration: none;
}

p {
  font-size: 16px;
  line-height: 1.33;
}

.uppercase {
  text-transform: uppercase;
}

.hidden {
  display: none;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

section.otp {
  height: 100%;
  background-color: #21273b;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #21273b;
}

.otp__content {
  width: 90%;
  height: 95%;
  background-color: #fff;
  border-radius: 25px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  padding-top: 50px;
}

section.otp label {
  font-size: 16px;
}

section.otp p.code {
  font-size: 39px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 15px;
  margin-top: 15px;
}

section.otp button {
  width: 215px;
  height: 62px;
  object-fit: contain;
  border-radius: 31px;
  box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.15);
  background-color: #3cb0f7;
  font-size: 18px;
  color: #fff;
  margin-top: 60px;
}

section.otp button:disabled {
  opacity: 0.5;
  box-shadow: 0 6px 10px 0 rgba(18, 21, 28, 0.4);
  background-color: #757575;
}

section.otp span.error {
  font-size: 14px;
  color: #f54f68;
  display: block;
}

.is-rotated {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  text-align: center;
  z-index: 99;
  box-sizing: border-box;
  padding: 50px;
  font-weight: bolder;
  height: calc(var(--vh) * 100);
  width: calc(var(--vw) * 100);
}

.is-rotated p {
  display: block;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-size: 22px;
}

.is-rotated img {
  height: 90px;
  margin-bottom: 25px;
}


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