#spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index:99;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 5px solid #ccc;
  border-top-color: #0044ff;
  animation: spinner 0.6s linear infinite;
}


#visto {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index:99;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 50px;
}


#spinner-tarjeta {
  position: absolute;
  top: 50%;  
  z-index:99;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 5px solid #ccc;
  border-top-color: #0044fd;
  animation: spinner 0.6s linear infinite;
}

#spinner-solicitud {
  position: relative;
  top: 50%;  
  z-index:99;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 5px solid #ccc;
  border-top-color: #02971b;
  animation: spinner 0.6s linear infinite;
  display: inline-block;
  vertical-align: middle;
}

.revisado-tarjeta {
  position: absolute;
  top: 50%;  
  z-index:99;
  width: 20px;
  height: 20px;
  
  
  
}


#contenedor p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(50% + 30px)); /* Ajusta el valor '30px' según el tamaño del texto */
  font-size: 16px;
  color: #333;
  text-align: center;
}

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






  


  

     .card-content   h4 {
        font-size: 16px;
        letter-spacing: -0.24px;
        text-align: center;
        color: #1f2949;
        margin-bottom: 10px;
     }

     .card-content   h5 {
        font-size: 14px;
        line-height: 1.4;
        text-align: center;
        color: #686d73;
     }
  
     .card-content   a {
        font-size: 14px;
        text-align: center;
        line-height: 1.4;
     }
     .card-content-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    
    .card-content img {
      display: block;
      margin: 0 auto;
    }


    .tarjetaSolicitud{
      border-radius: 10px;
      background: #f9f5ff;
      padding: 30px;
    }




    :root {
      --PhoneInput-color--focus: #03b2cb;
      --PhoneInputInternationalIconPhone-opacity: .8;
      --PhoneInputInternationalIconGlobe-opacity: .65;
      --PhoneInputCountrySelect-marginRight: .35em;
      --PhoneInputCountrySelectArrow-width: .3em;
      --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
      --PhoneInputCountrySelectArrow-borderWidth: 1px;
      --PhoneInputCountrySelectArrow-opacity: .45;
      --PhoneInputCountrySelectArrow-color: currentColor;
      --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
      --PhoneInputCountrySelectArrow-transform: rotate(45deg);
      --PhoneInputCountryFlag-aspectRatio: 1.5;
      --PhoneInputCountryFlag-height: 1em;
      --PhoneInputCountryFlag-borderWidth: 1px;
      --PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);
      --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
      --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)
  }
  
  .PhoneInput {
      display: flex;
      align-items: center
  }
  
  .PhoneInputInput {
      flex: 1;
      min-width: 0
  }
  
  .PhoneInputCountryIcon {
      width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
      height: var(--PhoneInputCountryFlag-height)
  }
  
  .PhoneInputCountryIcon--square {
      width: var(--PhoneInputCountryFlag-height)
  }
  
  .PhoneInputCountryIcon--border {
      background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
      box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)
  }
  
  .PhoneInputCountryIconImg {
      display: block;
      width: 100%;
      height: 100%
  }
  
  .PhoneInputInternationalIconPhone {
      opacity: var(--PhoneInputInternationalIconPhone-opacity)
  }
  
  .PhoneInputInternationalIconGlobe {
      opacity: var(--PhoneInputInternationalIconGlobe-opacity)
  }
  
  .PhoneInputCountry {
      position: relative;
      align-self: stretch;
      display: flex;
      align-items: center;
      margin-right: var(--PhoneInputCountrySelect-marginRight)
  }
  
  .PhoneInputCountrySelect {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 1;
      border: 0;
      opacity: 0;
      cursor: pointer
  }
  
  .PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly] {
      cursor: default
  }
  
  .PhoneInputCountrySelectArrow {
      display: block;
      content: "";
      width: var(--PhoneInputCountrySelectArrow-width);
      height: var(--PhoneInputCountrySelectArrow-width);
      margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
      border-style: solid;
      border-color: var(--PhoneInputCountrySelectArrow-color);
      border-top-width: 0;
      border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
      border-left-width: 0;
      border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
      transform: var(--PhoneInputCountrySelectArrow-transform);
      opacity: var(--PhoneInputCountrySelectArrow-opacity)
  }
  
  .PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow {
      opacity: 1;
      color: var(--PhoneInputCountrySelectArrow-color--focus)
  }
  
  .PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border {
      box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)
  }
  
  .PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
      opacity: 1;
      color: var(--PhoneInputCountrySelectArrow-color--focus)
  }
  
  *,:before,:after {
      box-sizing: border-box;
      border-width: 0;
      border-style: solid;
      border-color: #e5e7eb
  }
  
  :before,:after {
      --tw-content: ""
  }
  
  html {
      line-height: 1.5;
      -webkit-text-size-adjust: 100%;
      -moz-tab-size: 4;
      -o-tab-size: 4;
      tab-size: 4;
      font-family: Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
      font-feature-settings: normal
  }
  
  body {
      margin: 0;
      line-height: inherit
  }
  
  hr {
      height: 0;
      color: inherit;
      border-top-width: 1px
  }
  
  abbr:where([title]) {
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted
  }
  
  h1,h2,h3,h4,h5,h6 {
      font-size: inherit;
      font-weight: inherit
  }
  
  a {
      color: inherit;
      text-decoration: inherit
  }
  
  b,strong {
      font-weight: bolder
  }
  
  code,kbd,samp,pre {
      font-family: ui-monospace,monospace;
      font-size: 1em
  }
  
  small {
      font-size: 80%
  }
  
  sub,sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline
  }
  
  sub {
      bottom: -.25em
  }
  
  sup {
      top: -.5em
  }
  
  table {
      text-indent: 0;
      border-color: inherit;
      border-collapse: collapse
  }
  
  button,input,optgroup,select,textarea {
      font-family: inherit;
      font-size: 100%;
      font-weight: inherit;
      line-height: inherit;
      color: inherit;
      margin: 0;
      padding: 0
  }
  
  button,select {
      text-transform: none
  }
  
  button,[type=button],[type=reset],[type=submit] {
      -webkit-appearance: button;
      background-color: transparent;
      background-image: none
  }
  
  :-moz-focusring {
      outline: auto
  }
  
  :-moz-ui-invalid {
      box-shadow: none
  }
  
  progress {
      vertical-align: baseline
  }
  
  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
      height: auto
  }
  
  [type=search] {
      -webkit-appearance: textfield;
      outline-offset: -2px
  }
  
  ::-webkit-search-decoration {
      -webkit-appearance: none
  }
  
  ::-webkit-file-upload-button {
      -webkit-appearance: button;
      font: inherit
  }
  
  summary {
      display: list-item
  }
  
  blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
      margin: 0
  }
  
  fieldset {
      margin: 0;
      padding: 0
  }
  
  legend {
      padding: 0
  }
  
  ol,ul,menu {
      list-style: none;
      margin: 0;
      padding: 0
  }
  
  textarea {
      resize: vertical
  }
  
  input::-moz-placeholder,textarea::-moz-placeholder {
      opacity: 1;
      color: #9e9e9e
  }
  
  input::placeholder,textarea::placeholder {
      opacity: 1;
      color: #9e9e9e
  }
  
  button,[role=button] {
      cursor: pointer
  }
  
  :disabled {
      cursor: default
  }
  
  /*img,svg,video,canvas,audio,iframe,embed,object {
      display: block;
      vertical-align: middle
  }
  */
  img,video {
      max-width: 100%;
      height: auto
  }
  
  [hidden] {
      display: none
  }
  
  *,:before,:after {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x: ;
      --tw-pan-y: ;
      --tw-pinch-zoom: ;
      --tw-scroll-snap-strictness: proximity;
      --tw-ordinal: ;
      --tw-slashed-zero: ;
      --tw-numeric-figure: ;
      --tw-numeric-spacing: ;
      --tw-numeric-fraction: ;
      --tw-ring-inset: ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgb(63 131 248 / .5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur: ;
      --tw-brightness: ;
      --tw-contrast: ;
      --tw-grayscale: ;
      --tw-hue-rotate: ;
      --tw-invert: ;
      --tw-saturate: ;
      --tw-sepia: ;
      --tw-drop-shadow: ;
      --tw-backdrop-blur: ;
      --tw-backdrop-brightness: ;
      --tw-backdrop-contrast: ;
      --tw-backdrop-grayscale: ;
      --tw-backdrop-hue-rotate: ;
      --tw-backdrop-invert: ;
      --tw-backdrop-opacity: ;
      --tw-backdrop-saturate: ;
      --tw-backdrop-sepia:
  }
  
  ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x: ;
      --tw-pan-y: ;
      --tw-pinch-zoom: ;
      --tw-scroll-snap-strictness: proximity;
      --tw-ordinal: ;
      --tw-slashed-zero: ;
      --tw-numeric-figure: ;
      --tw-numeric-spacing: ;
      --tw-numeric-fraction: ;
      --tw-ring-inset: ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgb(63 131 248 / .5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur: ;
      --tw-brightness: ;
      --tw-contrast: ;
      --tw-grayscale: ;
      --tw-hue-rotate: ;
      --tw-invert: ;
      --tw-saturate: ;
      --tw-sepia: ;
      --tw-drop-shadow: ;
      --tw-backdrop-blur: ;
      --tw-backdrop-brightness: ;
      --tw-backdrop-contrast: ;
      --tw-backdrop-grayscale: ;
      --tw-backdrop-hue-rotate: ;
      --tw-backdrop-invert: ;
      --tw-backdrop-opacity: ;
      --tw-backdrop-saturate: ;
      --tw-backdrop-sepia:
  }
  
  :root {
      --bs-blue: #0d6efd;
      --bs-indigo: #6610f2;
      --bs-purple: #6f42c1;
      --bs-pink: #d63384;
      --bs-red: #dc3545;
      --bs-orange: #fd7e14;
      --bs-yellow: #ffc107;
      --bs-green: #198754;
      --bs-teal: #20c997;
      --bs-cyan: #0dcaf0;
      --bs-white: #fff;
      --bs-gray: #6c757d;
      --bs-gray-dark: #343a40;
      --bs-gray-100: #f8f9fa;
      --bs-gray-200: #e9ecef;
      --bs-gray-300: #dee2e6;
      --bs-gray-400: #ced4da;
      --bs-gray-500: #adb5bd;
      --bs-gray-600: #6c757d;
      --bs-gray-700: #495057;
      --bs-gray-800: #343a40;
      --bs-gray-900: #212529;
      --bs-primary: #0d6efd;
      --bs-secondary: #6c757d;
      --bs-success: #198754;
      --bs-info: #0dcaf0;
      --bs-warning: #ffc107;
      --bs-danger: #dc3545;
      --bs-light: #f8f9fa;
      --bs-dark: #212529;
      --bs-primary-rgb: 13, 110, 253;
      --bs-secondary-rgb: 108, 117, 125;
      --bs-success-rgb: 25, 135, 84;
      --bs-info-rgb: 13, 202, 240;
      --bs-warning-rgb: 255, 193, 7;
      --bs-danger-rgb: 220, 53, 69;
      --bs-light-rgb: 248, 249, 250;
      --bs-dark-rgb: 33, 37, 41;
      --bs-white-rgb: 255, 255, 255;
      --bs-black-rgb: 0, 0, 0;
      --bs-body-color-rgb: 33, 37, 41;
      --bs-body-bg-rgb: 255, 255, 255;
      --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
      --bs-body-font-family: var(--bs-font-sans-serif);
      --bs-body-font-size: 1rem;
      --bs-body-font-weight: 400;
      --bs-body-line-height: 1.5;
      --bs-body-color: #212529;
      --bs-body-bg: #fff
  }
  
  .form-control[type=file] {
      overflow: hidden
  }
  
  .form-control[type=file]:not(:disabled):not([readonly]) {
      cursor: pointer
  }
  
  
  
  .form-control::file-selector-button {
      padding: .375rem .75rem;
      margin: -.375rem -.75rem;
      -webkit-margin-end: .75rem;
      margin-inline-end:.75rem;color: #212529;
      background-color: #e9ecef;
      pointer-events: none;
      border-color: inherit;
      border-style: solid;
      border-width: 0;
      border-inline-end-width:1px;border-radius: 0;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
      background-color: #dde0e3
  }
  
  .form-control::-webkit-file-upload-button {
      padding: .375rem .75rem;
      margin: -.375rem -.75rem;
      -webkit-margin-end: .75rem;
      margin-inline-end:.75rem;color: #374151;
      background-color: #f3f4f6;
      pointer-events: none;
      border-color: inherit;
      border-style: solid;
      border-width: 0;
      border-inline-end-width:1px;border-radius: 0;
      -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  
  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
      background-color: #dde0e3
  }
  
  .form-floating>.form-control {
      height: calc(3.5rem + 2px);
      line-height: 1.25;
      padding: 1rem .75rem
  }
  
  .form-floating>.form-control::-moz-placeholder {
      color: transparent
  }
  
  .form-floating>.form-control::placeholder {
      color: transparent
  }
  
  .form-floating>.form-control:focus {
      padding-top: 1.625rem;
      padding-bottom: .625rem
  }
  
  .form-floating>.form-control:not(:-moz-placeholder-shown) {
      padding-top: 1.625rem;
      padding-bottom: .625rem
  }
  
  .form-floating>.form-control:not(:placeholder-shown) {
      padding-top: 1.625rem;
      padding-bottom: .625rem
  }
  
  .form-floating>.form-control:-webkit-autofill {
      padding-top: 1.625rem;
      padding-bottom: .625rem
  }
  
  .form-floating>.form-control:focus~label {
      opacity: .65;
      transform: scale(.85) translateY(-.5rem) translate(.15rem)
  }
  
  .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
      opacity: .65;
      transform: scale(.85) translateY(-.5rem) translate(.15rem)
  }
  
  .form-floating>.form-control:not(:placeholder-shown)~label {
      opacity: .65;
      transform: scale(.85) translateY(-.5rem) translate(.15rem)
  }
  
  .input-group>.form-control {
      width: 1%
  }
  
  .input-group>.form-control:focus {
      z-index: 3
  }
  
  .was-validated .form-control:valid {
      border-color: #198754;
      padding-right: calc(1.5em + .75rem);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right calc(.375em + .1875rem) center;
      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
  }
  
  .form-control.is-valid {
      border-color: #198754;
      padding-right: calc(1.5em + .75rem);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right calc(.375em + .1875rem) center;
      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
  }
  
  .was-validated .form-control:valid:focus {
      border-color: #198754;
      box-shadow: 0 0 0 .25rem #19875440
  }
  
  .form-control.is-valid:focus {
      border-color: #198754;
      box-shadow: 0 0 0 .25rem #19875440
  }
  
  .was-validated textarea.form-control:valid {
      padding-right: calc(1.5em + .75rem);
      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
  }
  
  textarea.form-control.is-valid {
      padding-right: calc(1.5em + .75rem);
      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
  }
  
  .was-validated .input-group .form-control:valid {
      z-index: 1
  }
  
  .input-group .form-control.is-valid {
      z-index: 1
  }
  
  .was-validated .input-group .form-control:valid:focus {
      z-index: 3
  }
  
  .input-group .form-control.is-valid:focus {
      z-index: 3
  }
  
  .was-validated .form-control:invalid {
      border-color: #dc3545;
      padding-right: calc(1.5em + .75rem);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right calc(.375em + .1875rem) center;
      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
  }
  
  .form-control.is-invalid {
      border-color: #dc3545;
      padding-right: calc(1.5em + .75rem);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right calc(.375em + .1875rem) center;
      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
  }
  
  .was-validated .form-control:invalid:focus {
      border-color: #dc3545;
      box-shadow: 0 0 0 .25rem #dc354540
  }
  
  .form-control.is-invalid:focus {
      border-color: #dc3545;
      box-shadow: 0 0 0 .25rem #dc354540
  }
  
  .was-validated textarea.form-control:invalid {
      padding-right: calc(1.5em + .75rem);
      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
  }
  
  textarea.form-control.is-invalid {
      padding-right: calc(1.5em + .75rem);
      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
  }
  
  .was-validated .input-group .form-control:invalid {
      z-index: 2
  }
  
  .input-group .form-control.is-invalid {
      z-index: 2
  }
  
  .was-validated .input-group .form-control:invalid:focus {
      z-index: 3
  }
  
  .input-group .form-control.is-invalid:focus {
      z-index: 3
  }
  
  .btn.active {
      box-shadow: none
  }
  
  .btn.active:focus {
      box-shadow: none
  }
  
  .fade {
      transition: opacity .15s linear
  }
  
  .fade:not(.show) {
      opacity: 0
  }
  
  .dropdown-item.active {
      color: #1f2937;
      -webkit-text-decoration: none;
      text-decoration: none;
      background-color: #0d6efd
  }
  
  .dropdown-menu-dark .dropdown-item.active {
      color: #fff;
      background-color: #0d6efd
  }
  
  .dropdown-menu-dark .dropdown-item.disabled {
      color: #adb5bd
  }
  
  .nav-tabs .nav-link.disabled {
      color: #9ca3af;
      background-color: transparent;
      border-color: transparent
  }
  
  .nav-tabs .nav-link.active {
      color: #2563eb;
      border-color: #2563eb
  }
  
  .nav-pills .nav-link.active {
      background: #2563eb;
      color: #fff;
      box-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f
  }
  
  .nav-pills .disabled {
      color: #9ca3af;
      background-color: #f3f4f680
  }
  
  .nav-pills.menu-sidebar .nav-link.active {
      color: #1266f1;
      font-weight: 600;
      border-left: .125rem solid #1266f1
  }
  
  .tab-content>.active {
      display: block
  }
  
  .navbar-light .navbar-nav .nav-link.disabled {
      color: #0000004d
  }
  
  .navbar-light .navbar-nav .nav-link.active {
      color: #000000e6
  }
  
  .navbar-dark .navbar-nav .nav-link.disabled {
      color: #ffffff40
  }
  
  .navbar-dark .navbar-nav .nav-link.active {
      color: #fff
  }
  
  .btn-close.disabled {
      pointer-events: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      opacity: .25
  }
  
  .modal {
      z-index: 1055
  }
  
  .modal-dialog {
      margin: .5rem
  }
  
  .modal.fade .modal-dialog {
      transition: transform .3s ease-out;
      transform: translateY(-50px)
  }
  
  .modal.show .modal-dialog {
      transform: none
  }
  
  .modal.modal-static .modal-dialog {
      transform: scale(1.02)
  }
  
  .modal-dialog-scrollable .modal-content {
      max-height: 100%;
      overflow: hidden
  }
  
  .modal-dialog-scrollable .modal-body {
      overflow-y: auto
  }
  
  .modal-dialog-centered {
      display: flex;
      align-items: center;
      min-height: calc(100% - 1rem)
  }
  
  .modal-backdrop.fade {
      opacity: 0
  }
  
  .modal-header .btn-close {
      padding: .5rem;
      margin: -.5rem -.5rem -.5rem auto
  }
  
  .modal-body {
      flex: 1 1 auto
  }
  
  .modal-fullscreen .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
  }
  
  .modal-fullscreen .modal-header {
      border-radius: 0
  }
  
  .modal-fullscreen .modal-body {
      overflow-y: auto
  }
  
  .carousel-item.active {
      display: block
  }
  
  .active.carousel-item-end {
      transform: translate(100%)
  }
  
  .active.carousel-item-start {
      transform: translate(-100%)
  }
  
  .carousel-fade .carousel-item.active {
      z-index: 1;
      opacity: 1
  }
  
  .carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {
      z-index: 0;
      opacity: 0;
      transition: opacity 0s .6s
  }
  
  .carousel-indicators .active {
      opacity: 1
  }
  
  .spinner-border {
      vertical-align: -.125em;
      border: .25em solid currentColor;
      border-right-color: transparent
  }
  
  .offcanvas-backdrop.fade {
      opacity: 0
  }
  
  .visually-hidden {
      position: absolute!important;
      width: 1px!important;
      height: 1px!important;
      padding: 0!important;
      margin: -1px!important;
      overflow: hidden!important;
      clip: rect(0,0,0,0)!important;
      white-space: nowrap!important;
      border: 0!important
  }
  
  .ripple-wave.active {
      transform: scale(1);
      opacity: 0
  }
  
  .datepicker-cell.disabled {
      color: #ccc;
      cursor: default;
      pointer-events: none
  }
  
  .datepicker-cell.disabled:hover {
      cursor: default
  }
  
  .datepicker-cell.current .datepicker-cell-content {
      border: 1px solid #000
  }
  
  .timepicker-current.active,.timepicker-mode-wrapper.active {
      opacity: 1
  }
  
  .timepicker-time-tips-minutes.active,.timepicker-time-tips-inner.active,.timepicker-time-tips-hours.active {
      color: #fff;
      background-color: #2979ff;
      font-weight: 400
  }
  
  .timepicker-time-tips-minutes.disabled,.timepicker-time-tips-inner.disabled,.timepicker-time-tips-hours.disabled {
      color: #b3afaf;
      pointer-events: none;
      background-color: transparent
  }
  
  .timepicker-time-tips.active {
      color: #fff
  }
  
  .timepicker-hour-mode.active,.timepicker-hour.active,.timepicker-minute.active {
      color: #fff;
      opacity: 1
  }
  
  .timepicker-icon-up.active,.timepicker-icon-down.active,.timepicker-modal .fade.show {
      opacity: 1
  }
  
  @media (prefers-reduced-motion: reduce) {
      .form-control::file-selector-button {
          transition: none
      }
  
      .form-control::-webkit-file-upload-button {
          -webkit-transition: none;
          transition: none
      }
  
      .form-switch .form-check-input {
          transition: none
      }
  
      .form-range::-webkit-slider-thumb {
          -webkit-transition: none;
          transition: none
      }
  
      .form-range::-moz-range-thumb {
          -moz-transition: none;
          transition: none
      }
  
      .form-floating>label {
          transition: none
      }
  
      .fade,.collapsing,.collapsing.collapse-horizontal {
          transition: none
      }
  
      .accordion-button:after {
          transition: none
      }
  
      .modal.fade .modal-dialog,.carousel-item,.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end,.carousel-control-prev,.carousel-control-next,.carousel-indicators [data-bs-target] {
          transition: none
      }
  
      .spinner-border,.spinner-grow {
          animation-duration: 1.5s
      }
  }
  
  @media (min-width: 576px) {
      .navbar-expand-sm {
          flex-wrap:nowrap;
          justify-content: flex-start
      }
  
      .navbar-expand-sm .navbar-nav {
          flex-direction: row
      }
  
      .navbar-expand-sm .navbar-nav .dropdown-menu {
          position: absolute
      }
  
      .navbar-expand-sm .navbar-nav .nav-link {
          padding-right: .5rem;
          padding-left: .5rem
      }
  
      .navbar-expand-sm .navbar-nav-scroll {
          overflow: visible
      }
  
      .navbar-expand-sm .navbar-collapse {
          display: flex!important;
          -ms-flex-basis: auto;
          flex-basis: auto
      }
  
      .navbar-expand-sm .navbar-toggler,.navbar-expand-sm .offcanvas-header {
          display: none
      }
  
      .navbar-expand-sm .offcanvas {
          position: inherit;
          bottom: 0;
          z-index: 1000;
          -ms-flex-grow: 1;
          flex-grow: 1;
          visibility: visible!important;
          background-color: transparent;
          border-right: 0;
          border-left: 0;
          transition: none;
          transform: none
      }
  
      .navbar-expand-sm .offcanvas-top,.navbar-expand-sm .offcanvas-bottom {
          height: auto;
          border-top: 0;
          border-bottom: 0
      }
  
      .navbar-expand-sm .offcanvas-body {
          display: flex;
          -ms-flex-grow: 0;
          flex-grow: 0;
          padding: 0;
          overflow-y: visible
      }
  
      .modal-dialog {
          max-width: 500px;
          margin: 1.75rem auto
      }
  
      .modal-dialog-scrollable {
          height: calc(100% - 3.5rem)
      }
  
      .modal-dialog-centered {
          min-height: calc(100% - 3.5rem)
      }
  
      .modal-sm {
          max-width: 300px
      }
  
      .sticky-sm-top {
          position: sticky;
          top: 0;
          z-index: 1020
      }
  }
  
  @media (max-width: 575.98px) {
      .modal-fullscreen-sm-down {
          width:100vw;
          max-width: none;
          height: 100%;
          margin: 0
      }
  
      .modal-fullscreen-sm-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0
      }
  
      .modal-fullscreen-sm-down .modal-header {
          border-radius: 0
      }
  
      .modal-fullscreen-sm-down .modal-body {
          overflow-y: auto
      }
  
      .modal-fullscreen-sm-down .modal-footer {
          border-radius: 0
      }
  }
  
  @media (max-width: 767.98px) {
      .modal-fullscreen-md-down {
          width:100vw;
          max-width: none;
          height: 100%;
          margin: 0
      }
  
      .modal-fullscreen-md-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0
      }
  
      .modal-fullscreen-md-down .modal-header {
          border-radius: 0
      }
  
      .modal-fullscreen-md-down .modal-body {
          overflow-y: auto
      }
  
      .modal-fullscreen-md-down .modal-footer {
          border-radius: 0
      }
  }
  
  @media (max-width: 991.98px) {
      .modal-fullscreen-lg-down {
          width:100vw;
          max-width: none;
          height: 100%;
          margin: 0
      }
  
      .modal-fullscreen-lg-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0
      }
  
      .modal-fullscreen-lg-down .modal-header {
          border-radius: 0
      }
  
      .modal-fullscreen-lg-down .modal-body {
          overflow-y: auto
      }
  
      .modal-fullscreen-lg-down .modal-footer {
          border-radius: 0
      }
  }
  
  @media (max-width: 1199.98px) {
      .modal-fullscreen-xl-down {
          width:100vw;
          max-width: none;
          height: 100%;
          margin: 0
      }
  
      .modal-fullscreen-xl-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0
      }
  
      .modal-fullscreen-xl-down .modal-header {
          border-radius: 0
      }
  
      .modal-fullscreen-xl-down .modal-body {
          overflow-y: auto
      }
  
      .modal-fullscreen-xl-down .modal-footer {
          border-radius: 0
      }
  }
  
  @media (max-width: 1399.98px) {
      .modal-fullscreen-xxl-down {
          width:100vw;
          max-width: none;
          height: 100%;
          margin: 0
      }
  
      .modal-fullscreen-xxl-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0
      }
  
      .modal-fullscreen-xxl-down .modal-header {
          border-radius: 0
      }
  
      .modal-fullscreen-xxl-down .modal-body {
          overflow-y: auto
      }
  
      .modal-fullscreen-xxl-down .modal-footer {
          border-radius: 0
      }
  }
  
  @keyframes _spinner-grow {
      0% {
          transform: scale(0)
      }
  
      50% {
          opacity: 1;
          transform: none
      }
  }
  
  @keyframes _fade-in {
      0% {
          opacity: 0
      }
  
      to {
          opacity: 1
      }
  }
  
  @keyframes _fade-out {
      0% {
          opacity: 1
      }
  
      to {
          opacity: 0
      }
  }
  
  @keyframes _fade-in-down {
      0% {
          opacity: 0;
          transform: translate3d(0,-100%,0)
      }
  
      to {
          opacity: 1;
          transform: translateZ(0)
      }
  }
  
  @keyframes _fade-in-left {
      0% {
          opacity: 0;
          transform: translate3d(-100%,0,0)
      }
  
      to {
          opacity: 1;
          transform: translateZ(0)
      }
  }
  
  @keyframes _fade-in-right {
      0% {
          opacity: 0;
          transform: translate3d(100%,0,0)
      }
  
      to {
          opacity: 1;
          transform: translateZ(0)
      }
  }
  
  @keyframes _fade-in-up {
      0% {
          opacity: 0;
          transform: translate3d(0,100%,0)
      }
  
      to {
          opacity: 1;
          transform: translateZ(0)
      }
  }
  
  @keyframes _fade-out-down {
      0% {
          opacity: 1
      }
  
      to {
          opacity: 0;
          transform: translate3d(0,100%,0)
      }
  }
  
  @keyframes _fade-out-left {
      0% {
          opacity: 1
      }
  
      to {
          opacity: 0;
          transform: translate3d(-100%,0,0)
      }
  }
  
  @keyframes _fade-out-right {
      0% {
          opacity: 1
      }
  
      to {
          opacity: 0;
          transform: translate3d(100%,0,0)
      }
  }
  
  @keyframes _fade-out-up {
      0% {
          opacity: 1
      }
  
      to {
          opacity: 0;
          transform: translate3d(0,-100%,0)
      }
  }
  
  @keyframes _slide-in-down {
      0% {
          visibility: visible;
          transform: translate3d(0,-100%,0)
      }
  
      to {
          transform: translateZ(0)
      }
  }
  
  @keyframes _slide-in-left {
      0% {
          visibility: visible;
          transform: translate3d(-100%,0,0)
      }
  
      to {
          transform: translateZ(0)
      }
  }
  
  @keyframes _slide-in-right {
      0% {
          visibility: visible;
          transform: translate3d(100%,0,0)
      }
  
      to {
          transform: translateZ(0)
      }
  }
  
  @keyframes _slide-in-up {
      0% {
          visibility: visible;
          transform: translate3d(0,100%,0)
      }
  
      to {
          transform: translateZ(0)
      }
  }
  
  @keyframes _slide-out-down {
      0% {
          transform: translateZ(0)
      }
  
      to {
          visibility: hidden;
          transform: translate3d(0,100%,0)
      }
  }
  
  @keyframes _slide-out-left {
      0% {
          transform: translateZ(0)
      }
  
      to {
          visibility: hidden;
          transform: translate3d(-100%,0,0)
      }
  }
  
  @keyframes _slide-out-right {
      0% {
          transform: translateZ(0)
      }
  
      to {
          visibility: hidden;
          transform: translate3d(100%,0,0)
      }
  }
  
  @keyframes _slide-out-up {
      0% {
          transform: translateZ(0)
      }
  
      to {
          visibility: hidden;
          transform: translate3d(0,-100%,0)
      }
  }
  
  @keyframes _slide-down {
      0% {
          transform: translateZ(0)
      }
  
      to {
          transform: translate3d(0,100%,0)
      }
  }
  
  @keyframes _slide-left {
      0% {
          transform: translateZ(0)
      }
  
      to {
          transform: translate3d(-100%,0,0)
      }
  }
  
  @keyframes _slide-right {
      0% {
          transform: translateZ(0)
      }
  
      to {
          transform: translate3d(100%,0,0)
      }
  }
  
  @keyframes _slide-up {
      0% {
          transform: translateZ(0)
      }
  
      to {
          transform: translate3d(0,-100%,0)
      }
  }
  
  @keyframes _zoom-in {
      0% {
          opacity: 0;
          transform: scale3d(.3,.3,.3)
      }
  
      50% {
          opacity: 1
      }
  }
  
  @keyframes _zoom-out {
      0% {
          opacity: 1
      }
  
      50% {
          opacity: 0;
          transform: scale3d(.3,.3,.3)
      }
  
      to {
          opacity: 0
      }
  }
  
  @keyframes _tada {
      0% {
          transform: scaleZ(1)
      }
  
      10% {
          transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
      }
  
      20% {
          transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
      }
  
      30% {
          transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
      }
  
      50% {
          transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
      }
  
      70% {
          transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
      }
  
      90% {
          transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
      }
  
      40% {
          transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
      }
  
      60% {
          transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
      }
  
      80% {
          transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
      }
  
      to {
          transform: scaleZ(1)
      }
  }
  
  @keyframes _pulse {
      0% {
          transform: scaleZ(1)
      }
  
      50% {
          transform: scale3d(1.05,1.05,1.05)
      }
  
      to {
          transform: scaleZ(1)
      }
  }
  
  @keyframes _show-up-clock {
      0% {
          opacity: 0;
          transform: scale(.7)
      }
  
      to {
          opacity: 1;
          transform: scale(1)
      }
  }
  
  .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      white-space: nowrap;
      border-width: 0
  }
  
  .pointer-events-none {
      pointer-events: none
  }
  
  .pointer-events-auto {
      pointer-events: auto
  }
  
  .visible {
      visibility: visible
  }
  
  .fixed {
      position: fixed
  }
  
  .absolute {
      position: absolute
  }
  
  .relative {
      position: relative
  }
  
  .sticky {
      position: sticky
  }
  
  .-inset-px {
      top: -1px;
      right: -1px;
      bottom: -1px;
      left: -1px
  }
  
  .left-0 {
      left: 0px
  }
  
  .top-0 {
      top: 0px
  }
  
  .-top-7 {
      top: -1.75rem
  }
  
  .right-0 {
      right: 0px
  }
  
  .-top-5 {
      top: -1.25rem
  }
  
  .-top-3 {
      top: -.75rem
  }
  
  .-top-1\.5 {
      top: -.375rem
  }
  
  .-top-1 {
      top: -.25rem
  }
  
  .-top-10 {
      top: -2.5rem
  }
  
  .z-10 {
      z-index: 10
  }
  
  .z-\[100\] {
      z-index: 100
  }
  
  .z-0 {
      z-index: 0
  }
  
  .col-span-2 {
      grid-column: span 2 / span 2
  }
  
  .float-left {
      float: left
  }
  
  .m-3 {
      margin: .75rem
  }
  
  .mx-auto {
      margin-left: auto;
      margin-right: auto
  }
  
  .my-2 {
      margin-top: .5rem;
      margin-bottom: .5rem
  }
  
  .my-5 {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem
  }
  
  .my-4 {
      margin-top: 1rem;
      margin-bottom: 1rem
  }
  
  .my-10 {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem
  }
  
  .my-3 {
      margin-top: .75rem;
      margin-bottom: .75rem
  }
  
  .my-auto {
      margin-top: auto;
      margin-bottom: auto
  }
  
  .mx-5 {
      margin-left: 1.25rem;
      margin-right: 1.25rem
  }
  
  .mx-1 {
      margin-left: .25rem;
      margin-right: .25rem
  }
  
  .my-1 {
      margin-top: .25rem;
      margin-bottom: .25rem
  }
  
  .mx-8 {
      margin-left: 2rem;
      margin-right: 2rem
  }
  
  .mx-4 {
      margin-left: 1rem;
      margin-right: 1rem
  }
  
  .mx-10 {
      margin-left: 2.5rem;
      margin-right: 2.5rem
  }
  
  .my-8 {
      margin-top: 2rem;
      margin-bottom: 2rem
  }
  
  .mx-2 {
      margin-left: .5rem;
      margin-right: .5rem
  }
  
  .mx-0 {
      margin-left: 0;
      margin-right: 0
  }
  
  .mt-4 {
      margin-top: 1rem
  }
  
  .mt-8 {
      margin-top: 2rem
  }
  
  .mb-2 {
      margin-bottom: .5rem
  }
  
  .mr-2 {
      margin-right: .5rem
  }
  
  .-ml-1 {
      margin-left: -.25rem
  }
  
  .mb-5 {
      margin-bottom: 1.25rem
  }
  
  .mt-5 {
      margin-top: 1.25rem
  }
  
  .mt-12 {
      margin-top: 3rem
  }
  
  .ml-2 {
      margin-left: .5rem
  }
  
  .mt-0 {
      margin-top: 0
  }
  
  .mt-2 {
      margin-top: .5rem
  }
  
  .mr-1 {
      margin-right: .25rem
  }
  
  .ml-1 {
      margin-left: .25rem
  }
  
  .mb-3 {
      margin-bottom: .75rem
  }
  
  .mt-10 {
      margin-top: 2.5rem
  }
  
  .mb-1 {
      margin-bottom: .25rem
  }
  
  .ml-11 {
      margin-left: 2.75rem
  }
  
  .mt-6 {
      margin-top: 1.5rem
  }
  
  .mr-3 {
      margin-right: .75rem
  }
  
  .mt-1 {
      margin-top: .25rem
  }
  
  .mt-3 {
      margin-top: .75rem
  }
  
  .ml-4 {
      margin-left: 1rem
  }
  
  .ml-3 {
      margin-left: .75rem
  }
  
  .block {
      display: block
  }
  
  .inline-block {
      display: inline-block
  }
  
  .flex {
      display: flex
  }
  
  .inline-flex {
      display: inline-flex
  }
  
  .table {
      display: table
  }
  
  .grid {
      display: grid
  }
  
  .hidden {
      display: none
  }
  
  .h-screen {
      height: 100vh
  }
  
  .h-5 {
      /* height:1.25rem; */
  }
  
  .h-2\/5 {
      height: 40%
  }
  
  .h-1\/5 {
      height: 20%
  }
  
  .h-14 {
      height: 3.5rem
  }
  
  .h-6 {
      height: 1.5rem
  }
  
  .h-16 {
      height: 4rem
  }
  
  .h-10 {
      height: 2.5rem
  }
  
  .h-8 {
      height: 2rem
  }
  
  .h-12 {
      height: 3rem
  }
  
  .h-\[65vh\] {
      height: 65vh
  }
  
  .h-4 {
      height: 1rem
  }
  
  .h-full {
      height: 100%
  }
  
  .min-h-full {
      min-height: 100%
  }
  
  .min-h-screen {
      min-height: 100vh
  }
  
  .w-60 {
      width: 15rem
  }
  
  .w-full {
      width: 100%
  }
  
  .w-16 {
      width: 4rem
  }
  
  .w-40 {
      width: 10rem
  }
  
  .w-5 {
      width: 1.25rem;
  }
  
  .w-6 {
      width: 2.1rem
  }
  
  .w-auto {
      width: auto
  }
  
  .w-48 {
      width: 12rem
  }
  
  .w-36 {
      width: 9rem
  }
  
  .w-44 {
      width: 11rem
  }
  
  .w-10 {
      width: 2.5rem
  }
  
  .w-8 {
      width: 2rem
  }
  
  .w-4 {
      width: 1rem
  }
  
  .w-0 {
      width: 0px
  }
  
  .w-28 {
      width: 7rem
  }
  
  .w-\[17rem\] {
      width: 17rem
  }
  
  .w-12 {
      width: 3rem
  }
  
  .min-w-full {
      min-width: 100%
  }
  
  .max-w-md {
      max-width: 28rem
  }
  
  .max-w-\[80rem\] {
      max-width: 80rem
  }
  
  .max-w-xl {
      max-width: 36rem
  }
  
  .flex-1 {
      flex: 1 1 0%
  }
  
  .flex-shrink-0 {
      flex-shrink: 0
  }
  
  .table-fixed {
      table-layout: fixed
  }
  
  .origin-top-right {
      transform-origin: top right
  }
  
  .origin-top-left {
      transform-origin: top left
  }
  
  .origin-left {
      transform-origin: left
  }
  
  .scale-95 {
      --tw-scale-x: .95;
      --tw-scale-y: .95;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .scale-100 {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  .transform {
      transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
  
  @keyframes spin {
      to {
          transform: rotate(360deg)
      }
  }
  
  .animate-spin {
      animation: spin 1s linear infinite
  }
  
  .cursor-pointer {
      cursor: pointer
  }
  
  .select-none {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none
  }
  
  .resize-none {
      resize: none
  }
  
  .list-decimal {
      list-style-type: decimal
  }
  
  .list-disc {
      list-style-type: disc
  }
  
  .grid-cols-2 {
      grid-template-columns: repeat(2,minmax(0,1fr))
  }
  
  .grid-cols-3 {
      grid-template-columns: repeat(3,minmax(0,1fr))
  }
  
  .flex-row {
      flex-direction: row
  }
  
  .flex-col {
      flex-direction: column
  }
  
  .items-center {
      align-items: center
  }
  
  .justify-center {
      justify-content: center
  }
  
  .justify-between {
      justify-content: space-between
  }
  
  .justify-around {
      justify-content: space-around
  }
  
  .gap-3 {
      gap: .75rem
  }
  
  .gap-8 {
      gap: 2rem
  }
  
  .gap-2 {
      gap: .5rem
  }
  
  .space-x-0>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0px * var(--tw-space-x-reverse));
      margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))
  }
  
  .space-y-1>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
  }
  
  .space-x-1>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(.25rem * var(--tw-space-x-reverse));
      margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
  }
  
  .space-y-8>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(2rem * var(--tw-space-y-reverse))
  }
  
  .space-x-6>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1.5rem * var(--tw-space-x-reverse));
      margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
  }
  
  .space-y-4>:not([hidden])~:not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }
  
  .-space-x-px>:not([hidden])~:not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-1px * var(--tw-space-x-reverse));
      margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)))
  }
  
  .divide-y>:not([hidden])~:not([hidden]) {
      --tw-divide-y-reverse: 0;
      border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
  }
  
  .divide-gray-300>:not([hidden])~:not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgb(213 214 215 / var(--tw-divide-opacity))
  }
  
  .divide-gray-200>:not([hidden])~:not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgb(229 231 235 / var(--tw-divide-opacity))
  }
  
  .self-center {
      align-self: center
  }
  
  .overflow-auto {
      overflow: auto
  }
  
  .overflow-hidden {
      overflow: hidden
  }
  
  .overflow-x-auto {
      overflow-x: auto
  }
  
  .overflow-y-auto {
      overflow-y: auto
  }
  
  .overflow-x-hidden {
      overflow-x: hidden
  }
  
  .truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }
  
  .whitespace-nowrap {
      white-space: nowrap
  }
  
  .rounded-md {
      border-radius: .375rem
  }
  
  .rounded-lg {
      border-radius: .5rem
  }
  
  .rounded {
      border-radius: .25rem
  }
  
  .rounded-full {
      border-radius: 9999px
  }
  
  .rounded-l-md {
      border-top-left-radius: .375rem;
      border-bottom-left-radius: .375rem
  }
  
  .rounded-r-md {
      border-top-right-radius: .375rem;
      border-bottom-right-radius: .375rem
  }
  
  .rounded-t-md {
      border-top-left-radius: .375rem;
      border-top-right-radius: .375rem
  }
  
  .border {
      border-width: 1px
  }
  
  .border-4 {
      border-width: 4px
  }
  
  .border-2 {
      border-width: 2px
  }
  
  .border-t {
      border-top-width: 1px
  }
  
  .border-b {
      border-bottom-width: 1px
  }
  
  .border-none {
      border-style: none
  }
  
  .border-gray-300 {
      --tw-border-opacity: 1;
      border-color: rgb(213 214 215 / var(--tw-border-opacity))
  }
  
  .border-transparent {
      border-color: transparent
  }
  
  .border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgb(229 231 235 / var(--tw-border-opacity))
  }
  
  .border-black {
      --tw-border-opacity: 1;
      border-color: rgb(0 0 0 / var(--tw-border-opacity))
  }
  
  .border-blue-500 {
      --tw-border-opacity: 1;
      border-color: rgb(63 131 248 / var(--tw-border-opacity))
  }
  
  .border-\[\#004977\] {
      --tw-border-opacity: 1;
      border-color: rgb(0 73 119 / var(--tw-border-opacity))
  }
  
  .border-blue-600 {
      --tw-border-opacity: 1;
      border-color: rgb(28 100 242 / var(--tw-border-opacity))
  }
  
  .bg-white {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity))
  }
  
  .bg-blue-600 {
      --tw-bg-opacity: 1;
      background-color: rgb(28 100 242 / var(--tw-bg-opacity))
  }
  
  .bg-\[\#02629a\] {
      --tw-bg-opacity: 1;
      background-color: rgb(2 98 154 / var(--tw-bg-opacity))
  }
  
  .bg-indigo-600 {
      --tw-bg-opacity: 1;
      background-color: rgb(88 80 236 / var(--tw-bg-opacity))
  }
  
  .bg-green-600 {
      --tw-bg-opacity: 1;
      background-color: rgb(5 122 85 / var(--tw-bg-opacity))
  }
  
  .bg-red-700 {
      --tw-bg-opacity: 1;
      background-color: rgb(200 30 30 / var(--tw-bg-opacity))
  }
  
  .bg-gray-50 {
      --tw-bg-opacity: 1;
      background-color: rgb(249 250 251 / var(--tw-bg-opacity))
  }
  
  .bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgb(244 245 247 / var(--tw-bg-opacity))
  }
  
  .bg-blue-500 {
      --tw-bg-opacity: 1;
      background-color: rgb(63 131 248 / var(--tw-bg-opacity))
  }
  
  .bg-green-500 {
      --tw-bg-opacity: 1;
      background-color: rgb(14 159 110 / var(--tw-bg-opacity))
  }
  
  .bg-indigo-500 {
      --tw-bg-opacity: 1;
      background-color: rgb(104 117 245 / var(--tw-bg-opacity))
  }
  
  .bg-gray-900 {
      --tw-bg-opacity: 1;
      background-color: rgb(18 19 23 / var(--tw-bg-opacity))
  }
  
  .bg-gray-500 {
      --tw-bg-opacity: 1;
      background-color: rgb(112 114 117 / var(--tw-bg-opacity))
  }
  
  .bg-yellow-300 {
      --tw-bg-opacity: 1;
      background-color: rgb(250 202 21 / var(--tw-bg-opacity))
  }
  
  .bg-red-500 {
      --tw-bg-opacity: 1;
      background-color: rgb(240 82 82 / var(--tw-bg-opacity))
  }
  
  .bg-\[\#004977\] {
      --tw-bg-opacity: 1;
      background-color: rgb(0 73 119 / var(--tw-bg-opacity))
  }
  
  .bg-gray-800 {
      --tw-bg-opacity: 1;
      background-color: rgb(26 28 35 / var(--tw-bg-opacity))
  }
  
  .bg-green-100 {
      --tw-bg-opacity: 1;
      background-color: rgb(222 247 236 / var(--tw-bg-opacity))
  }
  
  .bg-red-400 {
      --tw-bg-opacity: 1;
      background-color: rgb(249 128 128 / var(--tw-bg-opacity))
  }
  
  .bg-opacity-70 {
      --tw-bg-opacity: .7
  }
  
  .bg-opacity-80 {
      --tw-bg-opacity: .8
  }
  
  .bg-clip-padding {
      background-clip: padding-box
  }
  
  .fill-gray-600 {
      fill: #4c4f52
  }
  
  .p-2 {
      padding: .5rem
  }
  
  .p-5 {
      padding: 1.25rem
  }
  
  .p-1\.5 {
      padding: .375rem
  }
  
  .p-1 {
      padding: .25rem
  }
  
  .p-10 {
      padding: 2.5rem
  }
  
  .p-4 {
      padding: 1rem
  }
  
  .p-0\.5 {
      padding: .125rem
  }
  
  .p-0 {
      padding: 0
  }
  
  .px-3 {
      padding-left: .75rem;
      padding-right: .75rem
  }
  
  .py-1 {
      padding-top: .25rem;
      padding-bottom: .25rem
  }
  
  .py-2 {
      padding-top: .5rem;
      padding-bottom: .5rem
  }
  
  .py-4 {
      padding-top: 1rem;
      padding-bottom: 1rem
  }
  
  .py-8 {
      padding-top: 2rem;
      padding-bottom: 2rem
  }
  
  .px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }
  
  .px-5 {
      padding-left: 1.25rem;
      padding-right: 1.25rem
  }
  
  .px-4 {
      padding-left: 1rem;
      padding-right: 1rem
  }
  
  .py-10 {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  
  .py-12 {
      padding-top: 3rem;
      padding-bottom: 3rem
  }
  
  .px-2 {
      padding-left: .5rem;
      padding-right: .5rem
  }
  
  .py-1\.5 {
      padding-top: .375rem;
      padding-bottom: .375rem
  }
  
  .py-3\.5 {
      padding-top: .875rem;
      padding-bottom: .875rem
  }
  
  .py-3 {
      padding-top: .75rem;
      padding-bottom: .75rem
  }
  
  .py-5 {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem
  }
  
  .px-1 {
      padding-left: .25rem;
      padding-right: .25rem
  }
  
  .py-2\.5 {
      padding-top: .625rem;
      padding-bottom: .625rem
  }
  
  .px-24 {
      padding-left: 6rem;
      padding-right: 6rem
  }
  
  .pl-2 {
      padding-left: .5rem
  }
  
  .pt-8 {
      padding-top: 2rem
  }
  
  .pl-4 {
      padding-left: 1rem
  }
  
  .pr-3 {
      padding-right: .75rem
  }
  
  .pr-2 {
      padding-right: .5rem
  }
  
  .pr-1 {
      padding-right: .25rem
  }
  
  .pb-4 {
      padding-bottom: 1rem
  }
  
  .pb-2 {
      padding-bottom: .5rem
  }
  
  .pt-1 {
      padding-top: .25rem
  }
  
  .pl-1 {
      padding-left: .25rem
  }
  
  .pl-10 {
      padding-left: 2.5rem
  }
  
  .pt-2 {
      padding-top: .5rem
  }
  
  .pl-3 {
      padding-left: .75rem
  }
  
  .pr-4 {
      padding-right: 1rem
  }
  
  .pt-5 {
      padding-top: 1.25rem
  }
  
  .pb-5 {
      padding-bottom: 1.25rem
  }
  
  .pt-4 {
      padding-top: 1rem
  }
  
  .text-left {
      text-align: left
  }
  
  .text-center {
      text-align: center
  }
  
  .text-justify {
      text-align: justify
  }
  
  .align-middle {
      vertical-align: middle
  }
  
  .font-body {
      font-family: Inter,sans-serif
  }
  
  .text-xs {
      font-size: .75rem;
      line-height: 1rem
  }
  
  .text-2xl {
      font-size: 1.5rem;
      line-height: 2rem
  }
  
  .text-4xl {
      font-size: 2.25rem;
      line-height: 2.5rem
  }
  
  .text-base {
      font-size: 1rem;
      line-height: 1.5rem
  }
  
  .text-sm {
      font-size: .875rem;
      line-height: 1.25rem
  }
  
  .text-3xl {
      font-size: 1.875rem;
      line-height: 2.25rem
  }
  
  .text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem
  }
  
  .text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem
  }
  
  .text-5xl {
      font-size: 3rem;
      line-height: 1
  }
  
  .font-medium {
      font-weight: 500
  }
  
  .font-semibold {
      font-weight: 600
  }
  
  .font-black {
      font-weight: 900
  }
  
  .font-bold {
      font-weight: 700
  }
  
  .font-normal {
      font-weight: 400
  }
  
  .font-extrabold {
      font-weight: 800
  }
  
  .font-light {
      font-weight: 300
  }
  
  .uppercase {
      text-transform: uppercase
  }
  
  .leading-7 {
      line-height: 1.75rem
  }
  
  .leading-6 {
      line-height: 1.5rem
  }
  
  .leading-5 {
      line-height: 1.25rem
  }
  
  .tracking-wider {
      letter-spacing: .05em
  }
  
  .text-white {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity))
  }
  
  .text-slate-900 {
      --tw-text-opacity: 1;
      color: rgb(15 23 42 / var(--tw-text-opacity))
  }
  
  .text-black {
      --tw-text-opacity: 1;
      color: rgb(0 0 0 / var(--tw-text-opacity))
  }
  
  .text-gray-900 {
      --tw-text-opacity: 1;
      color: rgb(18 19 23 / var(--tw-text-opacity))
  }
  
  .text-\[\#02629a\] {
      --tw-text-opacity: 1;
      color: rgb(2 98 154 / var(--tw-text-opacity))
  }
  
  .text-gray-500 {
      --tw-text-opacity: 1;
      color: rgb(112 114 117 / var(--tw-text-opacity))
  }
  
  .text-gray-400 {
      --tw-text-opacity: 1;
      color: rgb(158 158 158 / var(--tw-text-opacity))
  }
  
  .text-blue-700 {
      --tw-text-opacity: 1;
      color: rgb(26 86 219 / var(--tw-text-opacity))
  }
  
  .text-gray-700 {
      --tw-text-opacity: 1;
      color: rgb(36 38 45 / var(--tw-text-opacity))
  }
  
  .text-blue-600 {
      --tw-text-opacity: 1;
      color: rgb(28 100 242 / var(--tw-text-opacity))
  }
  
  .text-gray-600 {
      --tw-text-opacity: 1;
      color: rgb(76 79 82 / var(--tw-text-opacity))
  }
  
  .text-slate-50 {
      --tw-text-opacity: 1;
      color: rgb(248 250 252 / var(--tw-text-opacity))
  }
  
  .text-slate-500 {
      --tw-text-opacity: 1;
      color: rgb(100 116 139 / var(--tw-text-opacity))
  }
  
  .text-green-600 {
      --tw-text-opacity: 1;
      color: rgb(5 122 85 / var(--tw-text-opacity))
  }
  
  .text-slate-200 {
      --tw-text-opacity: 1;
      color: rgb(226 232 240 / var(--tw-text-opacity))
  }
  
  .underline {
      text-decoration-line: underline
  }
  
  .opacity-0 {
      opacity: 0
  }
  
  .opacity-100 {
      opacity: 1
  }
  
  .shadow-sm {
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
  }
  
  .shadow-2xl {
      --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
      --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
  }
  
  .shadow-lg {
      --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
      --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
  }
  
  .shadow {
      --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
      --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
  }
  
  .outline-none {
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  .ring-0 {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
  }
  
  .ring-1 {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
  }
  
  .ring-black {
      --tw-ring-opacity: 1;
      --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))
  }
  
  .ring-opacity-5 {
      --tw-ring-opacity: .05
  }
  
  .filter {
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
  }
  
  .transition {
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
      transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s
  }
  
  .transition-all {
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s
  }
  
  .duration-100 {
      transition-duration: .1s
  }
  
  .duration-75 {
      transition-duration: 75ms
  }
  
  .duration-500 {
      transition-duration: .5s
  }
  
  .duration-300 {
      transition-duration: .3s
  }
  
  .ease-out {
      transition-timing-function: cubic-bezier(0,0,.2,1)
  }
  
  .ease-in {
      transition-timing-function: cubic-bezier(.4,0,1,1)
  }
  
  input {
      outline: none
  }
  
  .PhoneInputInput {
      background-color: transparent!important
  }
  
  .LoaderSpinner {
      display: inline-block;
      width: 80px;
      height: 80px
  }
  
  .LoaderSpinner:after {
      content: " ";
      display: block;
      width: 64px;
      height: 64px;
      margin: 8px;
      border-radius: 50%;
      border: 6px solid hsl(218,41%,15%);
      border-color: hsl(218,41%,15%) transparent hsl(218,41%,15%) transparent;
      animation: LoaderSpinner 1.2s linear infinite
  }
  
  @keyframes LoaderSpinner {
      0% {
          transform: rotate(0)
      }
  
      to {
          transform: rotate(360deg)
      }
  }
  
  @media (min-width: 983px) {
      #cta-img-nml-50 {
          margin-left:50px
      }
  }
  
  .background-radial-gradient {
      background-color: #172236;
      background-image: radial-gradient(650px circle at 0% 0%,hsl(218,41%,35%) 15%,hsl(218,41%,30%) 35%,hsl(218,41%,20%) 75%,hsl(218,41%,19%) 80%,transparent 100%),radial-gradient(1250px circle at 100% 100%,hsl(218,41%,45%) 15%,hsl(218,41%,30%) 35%,hsl(218,41%,20%) 75%,hsl(218,41%,19%) 80%,transparent 100%)
  }
  
  [x-cloak] {
      display: none
  }
  
  @media print {
      .no-printme {
          display: none
      }
  
      .printme {
          display: block
      }
  
      body {
          line-height: 1.2
      }
  }
  
  @page {
      size: A4 portrait;
      counter-increment: page
  }
  
  .date-input {
      background-color: #fff;
      border-radius: 10px;
      padding: .5rem 1rem;
      z-index: 2000;
      margin: 3px 0 0;
      border-top: 1px solid #eee;
      box-shadow: 0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d
  }
  
  .date-input.is-hidden {
      display: none
  }
  
  .date-input .pika-title {
      padding: .5rem;
      width: 100%;
      text-align: center
  }
  
  .date-input .pika-prev,.date-input .pika-next {
      margin-top: 0;
      padding: .2rem 0;
      cursor: pointer;
      color: #4299e1;
      text-transform: uppercase;
      font-size: .85rem
  }
  
  .date-input .pika-prev:hover,.date-input .pika-next:hover {
      text-decoration: underline
  }
  
  .date-input .pika-prev {
      float: left
  }
  
  .date-input .pika-next {
      float: right
  }
  
  .date-input .pika-label {
      display: inline-block;
      font-size: 0
  }
  
  .date-input .pika-select-month,.date-input .pika-select-year {
      display: inline-block;
      border: 1px solid #ddd;
      color: #444;
      background-color: #fff;
      border-radius: 10px;
      font-size: .9rem;
      padding: .25em .5em;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none
  }
  
  .date-input .pika-select-month:focus,.date-input .pika-select-year:focus {
      border-color: #cbd5e0;
      outline: none
  }
  
  .date-input .pika-select-month {
      margin-right: .25em
  }
  
  .date-input table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: .2rem
  }
  
  .date-input table th {
      width: 2em;
      height: 2em;
      font-weight: 400;
      color: #718096;
      text-align: center
  }
  
  .date-input table th abbr {
      text-decoration: none
  }
  
  .date-input table td {
      padding: 2px
  }
  
  .date-input table td button {
      width: 1.8em;
      height: 1.8em;
      text-align: center;
      color: #555;
      border-radius: 10px
  }
  
  .date-input table td button:hover {
      background-color: #bee3f8
  }
  
  .date-input table td.is-today button {
      background-color: #ebf8ff
  }
  
  .date-input table td.is-selected button {
      background-color: #3182ce;
      color: #fff
  }
  
  .date-input table td.is-selected button:hover {
      color: #fff
  }
  
  .max-width-tb {
      max-width: 320px
  }
  
  .upload-image-size {
      height: 90px;
      width: 230px
  }
  
  .ImagenFondo {
      background-image: url(/public/img/cubo2.jpg)
  }
  
  .form-control-error {
      box-shadow: 0 0 0 1px #ef4444
  }
  
  .form-control-error::-moz-placeholder {
      color: #f87171
  }
  
  .form-control-error::placeholder {
      color: #f87171
  }
  
  ::-ms-reveal {
      display: none
  }
  
  .animate-spin-slower {
      animation: spin 6s linear infinite
  }
  
  @keyframes spin {
      to {
          transform: rotate(1turn)
      }
  }
  
  .animate-spin-slower {
      animation: spin 4s linear infinite
  }
  
  @keyframes spin-reverse {
      to {
          transform: rotate(-1turn)
      }
  }
  
  .floating {
      animation-name: floating;
      animation-duration: 3s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out
  }
  
  @keyframes floating {
      0% {
          transform: translate(0)
      }
  
      50% {
          transform: translateY(15px)
      }
  
      to {
          transform: translateY(-0px)
      }
  }
  
  html::-webkit-scrollbar {
      -webkit-appearance: none
  }
  
  html::-webkit-scrollbar:vertical {
      width: 10px
  }
  
  html::-webkit-scrollbar-button:increment,html::-webkit-scrollbar-button {
      display: none
  }
  
  html::-webkit-scrollbar:horizontal {
      height: 10px
  }
  
  html::-webkit-scrollbar-thumb {
      background-color: #797979;
      border-radius: 20px;
      border: 2px solid #f1f2f3
  }
  
  html::-webkit-scrollbar-track {
      border-radius: 10px
  }
  
  .backgroundPrincipal {
      background: rgb(23,41,84);
      background: linear-gradient(351deg,rgba(23,41,84,1) 36%,rgba(4,147,237,1) 100%)
  }
  
  .file\:mr-4::file-selector-button {
      margin-right: 1rem
  }
  
  .file\:rounded-md::file-selector-button {
      border-radius: .375rem
  }
  
  .file\:rounded-full::file-selector-button {
      border-radius: 9999px
  }
  
  .file\:border-0::file-selector-button {
      border-width: 0px
  }
  
  .file\:bg-blue-600::file-selector-button {
      --tw-bg-opacity: 1;
      background-color: rgb(28 100 242 / var(--tw-bg-opacity))
  }
  
  .file\:bg-violet-50::file-selector-button {
      --tw-bg-opacity: 1;
      background-color: rgb(245 243 255 / var(--tw-bg-opacity))
  }
  
  .file\:px-3::file-selector-button {
      padding-left: .75rem;
      padding-right: .75rem
  }
  
  .file\:py-1::file-selector-button {
      padding-top: .25rem;
      padding-bottom: .25rem
  }
  
  .file\:py-2::file-selector-button {
      padding-top: .5rem;
      padding-bottom: .5rem
  }
  
  .file\:px-4::file-selector-button {
      padding-left: 1rem;
      padding-right: 1rem
  }
  
  .file\:text-sm::file-selector-button {
      font-size: .875rem;
      line-height: 1.25rem
  }
  
  .file\:font-semibold::file-selector-button {
      font-weight: 600
  }
  
  .file\:text-white::file-selector-button {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity))
  }
  
  .file\:text-violet-700::file-selector-button {
      --tw-text-opacity: 1;
      color: rgb(109 40 217 / var(--tw-text-opacity))
  }
  
  .hover\:bg-indigo-700:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(81 69 205 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-green-700:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(4 108 78 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-red-800:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(155 28 28 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-blue-700:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(26 86 219 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-blue-600:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(28 100 242 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-green-600:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(5 122 85 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-gray-500:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(112 114 117 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-yellow-400:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(227 160 8 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-gray-50:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(249 250 251 / var(--tw-bg-opacity))
  }
  
  .hover\:bg-gray-900:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(18 19 23 / var(--tw-bg-opacity))
  }
  
  .hover\:text-gray-500:hover {
      --tw-text-opacity: 1;
      color: rgb(112 114 117 / var(--tw-text-opacity))
  }
  
  .hover\:text-gray-900:hover {
      --tw-text-opacity: 1;
      color: rgb(18 19 23 / var(--tw-text-opacity))
  }
  
  .hover\:text-blue-800:hover {
      --tw-text-opacity: 1;
      color: rgb(30 66 159 / var(--tw-text-opacity))
  }
  
  .hover\:text-blue-500:hover {
      --tw-text-opacity: 1;
      color: rgb(63 131 248 / var(--tw-text-opacity))
  }
  
  .hover\:text-white:hover {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity))
  }
  
  .hover\:underline:hover {
      text-decoration-line: underline
  }
  
  .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
      --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
  }
  
  .hover\:file\:bg-violet-100::file-selector-button:hover {
      --tw-bg-opacity: 1;
      background-color: rgb(237 233 254 / var(--tw-bg-opacity))
  }
  
  .focus\:border-blue-500:focus {
      --tw-border-opacity: 1;
      border-color: rgb(63 131 248 / var(--tw-border-opacity))
  }
  
  .focus\:border-indigo-500:focus {
      --tw-border-opacity: 1;
      border-color: rgb(104 117 245 / var(--tw-border-opacity))
  }
  
  .focus\:decoration-transparent:focus {
      text-decoration-color: transparent
  }
  
  .focus\:outline-none:focus {
      outline: 2px solid transparent;
      outline-offset: 2px
  }
  
  .focus\:ring-1:focus {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
  }
  
  .focus\:ring-2:focus {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
  }
  
  .focus\:ring:focus {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
  }
  
  .focus\:ring-blue-500:focus {
      --tw-ring-opacity: 1;
      --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity))
  }
  
  .focus\:ring-indigo-500:focus {
      --tw-ring-opacity: 1;
      --tw-ring-color: rgb(104 117 245 / var(--tw-ring-opacity))
  }
  
  .focus\:ring-green-500:focus {
      --tw-ring-opacity: 1;
      --tw-ring-color: rgb(14 159 110 / var(--tw-ring-opacity))
  }
  
  .focus\:ring-red-600:focus {
      --tw-ring-opacity: 1;
      --tw-ring-color: rgb(224 36 36 / var(--tw-ring-opacity))
  }
  
  .focus\:ring-blue-300:focus {
      --tw-ring-opacity: 1;
      --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity))
  }
  
  .focus\:ring-offset-2:focus {
      --tw-ring-offset-width: 2px
  }
  
  .active\:bg-blue-700:active {
      --tw-bg-opacity: 1;
      background-color: rgb(26 86 219 / var(--tw-bg-opacity))
  }
  
  @media (prefers-color-scheme: dark) {
      .dark\:divide-gray-700>:not([hidden])~:not([hidden]) {
          --tw-divide-opacity: 1;
          border-color: rgb(36 38 45 / var(--tw-divide-opacity))
      }
  
      .dark\:border-gray-600 {
          --tw-border-opacity: 1;
          border-color: rgb(76 79 82 / var(--tw-border-opacity))
      }
  
      .dark\:border-gray-500 {
          --tw-border-opacity: 1;
          border-color: rgb(112 114 117 / var(--tw-border-opacity))
      }
  
      .dark\:border-gray-700 {
          --tw-border-opacity: 1;
          border-color: rgb(36 38 45 / var(--tw-border-opacity))
      }
  
      .dark\:border-b-gray-600 {
          --tw-border-opacity: 1;
          border-bottom-color: rgb(76 79 82 / var(--tw-border-opacity))
      }
  
      .dark\:bg-gray-700 {
          --tw-bg-opacity: 1;
          background-color: rgb(36 38 45 / var(--tw-bg-opacity))
      }
  
      .dark\:bg-gray-600 {
          --tw-bg-opacity: 1;
          background-color: rgb(76 79 82 / var(--tw-bg-opacity))
      }
  
      .dark\:bg-gray-900 {
          --tw-bg-opacity: 1;
          background-color: rgb(18 19 23 / var(--tw-bg-opacity))
      }
  
      .dark\:bg-gray-800 {
          --tw-bg-opacity: 1;
          background-color: rgb(26 28 35 / var(--tw-bg-opacity))
      }
  
      .dark\:bg-blue-800 {
          --tw-bg-opacity: 1;
          background-color: rgb(30 66 159 / var(--tw-bg-opacity))
      }
  
      .dark\:text-slate-200 {
          --tw-text-opacity: 1;
          color: rgb(226 232 240 / var(--tw-text-opacity))
      }
  
      .dark\:text-white {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity))
      }
  
      .dark\:text-slate-100 {
          --tw-text-opacity: 1;
          color: rgb(241 245 249 / var(--tw-text-opacity))
      }
  
      .dark\:text-gray-400 {
          --tw-text-opacity: 1;
          color: rgb(158 158 158 / var(--tw-text-opacity))
      }
  
      .dark\:text-gray-50 {
          --tw-text-opacity: 1;
          color: rgb(249 250 251 / var(--tw-text-opacity))
      }
  
      .dark\:text-slate-50 {
          --tw-text-opacity: 1;
          color: rgb(248 250 252 / var(--tw-text-opacity))
      }
  
      .dark\:hover\:bg-gray-800:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(26 28 35 / var(--tw-bg-opacity))
      }
  
      .dark\:hover\:bg-gray-300:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(213 214 215 / var(--tw-bg-opacity))
      }
  
      .dark\:hover\:bg-gray-900:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(18 19 23 / var(--tw-bg-opacity))
      }
  
      .dark\:hover\:bg-gray-50:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(249 250 251 / var(--tw-bg-opacity))
      }
  
      .dark\:hover\:bg-blue-700:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(26 86 219 / var(--tw-bg-opacity))
      }
  
      .dark\:hover\:bg-gray-600:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(76 79 82 / var(--tw-bg-opacity))
      }
  
      .dark\:hover\:bg-gray-700:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(36 38 45 / var(--tw-bg-opacity))
      }
  
      .dark\:hover\:text-gray-700:hover {
          --tw-text-opacity: 1;
          color: rgb(36 38 45 / var(--tw-text-opacity))
      }
  
      .dark\:focus\:border-blue-500:focus {
          --tw-border-opacity: 1;
          border-color: rgb(63 131 248 / var(--tw-border-opacity))
      }
  
      .dark\:focus\:ring-blue-500:focus {
          --tw-ring-opacity: 1;
          --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity))
      }
  }
  
  @media (min-width: 0px) {
      .sm\:mt-5 {
          margin-top:1.25rem
      }
  
      .sm\:flex {
          display: flex
      }
  
      .sm\:hidden {
          display: none
      }
  
      .sm\:flex-1 {
          flex: 1 1 0%
      }
  
      .sm\:items-center {
          align-items: center
      }
  
      .sm\:justify-center {
          justify-content: center
      }
  
      .sm\:justify-between {
          justify-content: space-between
      }
  
      .sm\:truncate {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap
      }
  
      .sm\:rounded-lg {
          border-radius: .5rem
      }
  
      .sm\:px-4 {
          padding-left: 1rem;
          padding-right: 1rem
      }
  
      .sm\:px-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem
      }
  
      .sm\:px-2 {
          padding-left: .5rem;
          padding-right: .5rem
      }
  
      .sm\:py-10 {
          padding-top: 2.5rem;
          padding-bottom: 2.5rem
      }
  
      .sm\:pl-6 {
          padding-left: 1.5rem
      }
  
      .sm\:text-sm {
          font-size: .875rem;
          line-height: 1.25rem
      }
  }
  
  @media (min-width: 983px) {
      .md\:mx-4 {
          margin-left:1rem;
          margin-right: 1rem
      }
  
      .md\:mx-2 {
          margin-left: .5rem;
          margin-right: .5rem
      }
  
      .md\:mt-0 {
          margin-top: 0
      }
  
      .md\:-mt-7 {
          margin-top: -1.75rem
      }
  
      .md\:flex {
          display: flex
      }
  
      .md\:table-cell {
          display: table-cell
      }
  
      .md\:grid {
          display: grid
      }
  
      .md\:hidden {
          display: none
      }
  
      .md\:h-full {
          height: 100%
      }
  
      .md\:w-96 {
          width: 24rem
      }
  
      .md\:w-\[150px\] {
          width: 150px
      }
  
      .md\:w-80 {
          width: 20rem
      }
  
      .md\:max-w-sm {
          max-width: 24rem
      }
  
      .md\:max-w-5xl {
          max-width: 64rem
      }
  
      .md\:flex-none {
          flex: none
      }
  
      .md\:grid-cols-2 {
          grid-template-columns: repeat(2,minmax(0,1fr))
      }
  
      .md\:grid-cols-1 {
          grid-template-columns: repeat(1,minmax(0,1fr))
      }
  
      .md\:flex-row {
          flex-direction: row
      }
  
      .md\:gap-4 {
          gap: 1rem
      }
  
      .md\:gap-8 {
          gap: 2rem
      }
  
      .md\:gap-6 {
          gap: 1.5rem
      }
  
      .md\:gap-10 {
          gap: 2.5rem
      }
  
      .md\:gap-7 {
          gap: 1.75rem
      }
  
      .md\:rounded-lg {
          border-radius: .5rem
      }
  
      .md\:p-8 {
          padding: 2rem
      }
  
      .md\:px-12 {
          padding-left: 3rem;
          padding-right: 3rem
      }
  
      .md\:px-32 {
          padding-left: 8rem;
          padding-right: 8rem
      }
  
      .md\:px-0 {
          padding-left: 0;
          padding-right: 0
      }
  
      .md\:px-3 {
          padding-left: .75rem;
          padding-right: .75rem
      }
  
      .md\:py-2 {
          padding-top: .5rem;
          padding-bottom: .5rem
      }
  
      .md\:px-4 {
          padding-left: 1rem;
          padding-right: 1rem
      }
  
      .md\:pt-0 {
          padding-top: 0
      }
  
      .md\:text-base {
          font-size: 1rem;
          line-height: 1.5rem
      }
  }
  
  @media (min-width: 1321px) {
      .lg\:-mr-1 {
          margin-right:-.25rem
      }
  
      .lg\:ml-2 {
          margin-left: .5rem
      }
  
      .lg\:mr-1 {
          margin-right: .25rem
      }
  
      .lg\:flex {
          display: flex
      }
  
      .lg\:table-cell {
          display: table-cell
      }
  
      .lg\:hidden {
          display: none
      }
  
      .lg\:h-6 {
          height: 1.5rem
      }
  
      .lg\:h-full {
          height: 100%
      }
  
      .lg\:w-6 {
          width: 1.5rem
      }
  
      .lg\:w-\[150px\] {
          width: 150px
      }
  
      .lg\:w-28 {
          width: 7rem
      }
  
      .lg\:max-w-5xl {
          max-width: 64rem
      }
  
      .lg\:flex-shrink-0 {
          flex-shrink: 0
      }
  
      .lg\:flex-row {
          flex-direction: row
      }
  
      .lg\:flex-col {
          flex-direction: column
      }
  
      .lg\:justify-center {
          justify-content: center
      }
  
      .lg\:rounded-md {
          border-radius: .375rem
      }
  
      .lg\:p-12 {
          padding: 3rem
      }
  
      .lg\:p-10 {
          padding: 2.5rem
      }
  
      .lg\:p-2\.5 {
          padding: .625rem
      }
  
      .lg\:p-2 {
          padding: .5rem
      }
  
      .lg\:px-0 {
          padding-left: 0;
          padding-right: 0
      }
  
      .lg\:py-16 {
          padding-top: 4rem;
          padding-bottom: 4rem
      }
  
      .lg\:px-8 {
          padding-left: 2rem;
          padding-right: 2rem
      }
  
      .lg\:px-44 {
          padding-left: 11rem;
          padding-right: 11rem
      }
  
      .lg\:px-3 {
          padding-left: .75rem;
          padding-right: .75rem
      }
  
      .lg\:pb-6 {
          padding-bottom: 1.5rem
      }
  
      .lg\:pr-2 {
          padding-right: .5rem
      }
  
      .lg\:text-lg {
          font-size: 1.125rem;
          line-height: 1.75rem
      }
  
      .lg\:text-base {
          font-size: 1rem;
          line-height: 1.5rem
      }
  }
  
  @media (min-width: 1440px) {
      .xl\:col-span-1 {
          grid-column:span 1 / span 1
      }
  
      .xl\:col-span-2 {
          grid-column: span 2 / span 2
      }
  
      .xl\:mt-0 {
          margin-top: 0
      }
  
      .xl\:grid {
          display: grid
      }
  
      .xl\:grid-cols-3 {
          grid-template-columns: repeat(3,minmax(0,1fr))
      }
  
      .xl\:gap-8 {
          gap: 2rem
      }
  
      .xl\:text-center {
          text-align: center
      }
  }
  
  :root {
      --toastify-color-light: #fff;
      --toastify-color-dark: #121212;
      --toastify-color-info: #3498db;
      --toastify-color-success: #07bc0c;
      --toastify-color-warning: #f1c40f;
      --toastify-color-error: #e74c3c;
      --toastify-color-transparent: rgba(255, 255, 255, .7);
      --toastify-icon-color-info: var(--toastify-color-info);
      --toastify-icon-color-success: var(--toastify-color-success);
      --toastify-icon-color-warning: var(--toastify-color-warning);
      --toastify-icon-color-error: var(--toastify-color-error);
      --toastify-toast-width: 320px;
      --toastify-toast-background: #fff;
      --toastify-toast-min-height: 64px;
      --toastify-toast-max-height: 800px;
      --toastify-font-family: sans-serif;
      --toastify-z-index: 9999;
      --toastify-text-color-light: #757575;
      --toastify-text-color-dark: #fff;
      --toastify-text-color-info: #fff;
      --toastify-text-color-success: #fff;
      --toastify-text-color-warning: #fff;
      --toastify-text-color-error: #fff;
      --toastify-spinner-color: #616161;
      --toastify-spinner-color-empty-area: #e0e0e0;
      --toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );
      --toastify-color-progress-dark: #bb86fc;
      --toastify-color-progress-info: var(--toastify-color-info);
      --toastify-color-progress-success: var(--toastify-color-success);
      --toastify-color-progress-warning: var(--toastify-color-warning);
      --toastify-color-progress-error: var(--toastify-color-error)
  }
  
  .Toastify__toast-container {
      z-index: var(--toastify-z-index);
      -webkit-transform: translate3d(0,0,var(--toastify-z-index) px);
      position: fixed;
      padding: 4px;
      width: var(--toastify-toast-width);
      box-sizing: border-box;
      color: #fff
  }
  
  .Toastify__toast-container--top-left {
      top: 1em;
      left: 1em
  }
  
  .Toastify__toast-container--top-center {
      top: 1em;
      left: 50%;
      transform: translate(-50%)
  }
  
  .Toastify__toast-container--top-right {
      top: 1em;
      right: 1em
  }
  
  .Toastify__toast-container--bottom-left {
      bottom: 1em;
      left: 1em
  }
  
  .Toastify__toast-container--bottom-center {
      bottom: 1em;
      left: 50%;
      transform: translate(-50%)
  }
  
  .Toastify__toast-container--bottom-right {
      bottom: 1em;
      right: 1em
  }
  
  @media only screen and (max-width : 480px) {
      .Toastify__toast-container {
          width:100vw;
          padding: 0;
          left: 0;
          margin: 0
      }
  
      .Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right {
          top: 0;
          transform: translate(0)
      }
  
      .Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right {
          bottom: 0;
          transform: translate(0)
      }
  
      .Toastify__toast-container--rtl {
          right: 0;
          left: initial
      }
  }
  
  .Toastify__toast {
      position: relative;
      min-height: var(--toastify-toast-min-height);
      box-sizing: border-box;
      margin-bottom: 1rem;
      padding: 8px;
      border-radius: 4px;
      box-shadow: 0 1px 10px #0000001a,0 2px 15px #0000000d;
      display: flex;
      justify-content: space-between;
      max-height: var(--toastify-toast-max-height);
      overflow: hidden;
      font-family: var(--toastify-font-family);
      cursor: default;
      direction: ltr;
      z-index: 0
  }
  
  .Toastify__toast--rtl {
      direction: rtl
  }
  
  .Toastify__toast--close-on-click {
      cursor: pointer
  }
  
  .Toastify__toast-body {
      margin: auto 0;
      flex: 1 1 auto;
      padding: 6px;
      display: flex;
      align-items: center
  }
  
  .Toastify__toast-body>div:last-child {
      word-break: break-word;
      flex: 1
  }
  
  .Toastify__toast-icon {
      -webkit-margin-end: 10px;
      margin-inline-end:10px;width: 20px;
      flex-shrink: 0;
      display: flex
  }
  
  .Toastify--animate {
      animation-fill-mode: both;
      animation-duration: .7s
  }
  
  .Toastify--animate-icon {
      animation-fill-mode: both;
      animation-duration: .3s
  }
  
  @media only screen and (max-width : 480px) {
      .Toastify__toast {
          margin-bottom:0;
          border-radius: 0
      }
  }
  
  .Toastify__toast-theme--dark {
      background: var(--toastify-color-dark);
      color: var(--toastify-text-color-dark)
  }
  
  .Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default {
      background: var(--toastify-color-light);
      color: var(--toastify-text-color-light)
  }
  
  .Toastify__toast-theme--colored.Toastify__toast--info {
      color: var(--toastify-text-color-info);
      background: var(--toastify-color-info)
  }
  
  .Toastify__toast-theme--colored.Toastify__toast--success {
      color: var(--toastify-text-color-success);
      background: var(--toastify-color-success)
  }
  
  .Toastify__toast-theme--colored.Toastify__toast--warning {
      color: var(--toastify-text-color-warning);
      background: var(--toastify-color-warning)
  }
  
  .Toastify__toast-theme--colored.Toastify__toast--error {
      color: var(--toastify-text-color-error);
      background: var(--toastify-color-error)
  }
  
  .Toastify__progress-bar-theme--light {
      background: var(--toastify-color-progress-light)
  }
  
  .Toastify__progress-bar-theme--dark {
      background: var(--toastify-color-progress-dark)
  }
  
  .Toastify__progress-bar--info {
      background: var(--toastify-color-progress-info)
  }
  
  .Toastify__progress-bar--success {
      background: var(--toastify-color-progress-success)
  }
  
  .Toastify__progress-bar--warning {
      background: var(--toastify-color-progress-warning)
  }
  
  .Toastify__progress-bar--error {
      background: var(--toastify-color-progress-error)
  }
  
  .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
      background: var(--toastify-color-transparent)
  }
  
  .Toastify__close-button {
      color: #fff;
      background: transparent;
      outline: none;
      border: none;
      padding: 0;
      cursor: pointer;
      opacity: .7;
      transition: .3s ease;
      align-self: flex-start
  }
  
  .Toastify__close-button--light {
      color: #000;
      opacity: .3
  }
  
  .Toastify__close-button>svg {
      fill: currentColor;
      height: 16px;
      width: 14px
  }
  
  .Toastify__close-button:hover,.Toastify__close-button:focus {
      opacity: 1
  }
  
  @keyframes Toastify__trackProgress {
      0% {
          transform: scaleX(1)
      }
  
      to {
          transform: scaleX(0)
      }
  }
  
  .Toastify__progress-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 5px;
      z-index: var(--toastify-z-index);
      opacity: .7;
      transform-origin: left
  }
  
  .Toastify__progress-bar--animated {
      animation: Toastify__trackProgress linear 1 forwards
  }
  
  .Toastify__progress-bar--controlled {
      transition: transform .2s
  }
  
  .Toastify__progress-bar--rtl {
      right: 0;
      left: initial;
      transform-origin: right
  }
  
  .Toastify__spinner {
      width: 20px;
      height: 20px;
      box-sizing: border-box;
      border: 2px solid;
      border-radius: 100%;
      border-color: var(--toastify-spinner-color-empty-area);
      border-right-color: var(--toastify-spinner-color);
      animation: Toastify__spin .65s linear infinite
  }
  
  @keyframes Toastify__bounceInRight {
      0%,60%,75%,90%,to {
          animation-timing-function: cubic-bezier(.215,.61,.355,1)
      }
  
      0% {
          opacity: 0;
          transform: translate3d(3000px,0,0)
      }
  
      60% {
          opacity: 1;
          transform: translate3d(-25px,0,0)
      }
  
      75% {
          transform: translate3d(10px,0,0)
      }
  
      90% {
          transform: translate3d(-5px,0,0)
      }
  
      to {
          transform: none
      }
  }
  
  @keyframes Toastify__bounceOutRight {
      20% {
          opacity: 1;
          transform: translate3d(-20px,0,0)
      }
  
      to {
          opacity: 0;
          transform: translate3d(2000px,0,0)
      }
  }
  
  @keyframes Toastify__bounceInLeft {
      0%,60%,75%,90%,to {
          animation-timing-function: cubic-bezier(.215,.61,.355,1)
      }
  
      0% {
          opacity: 0;
          transform: translate3d(-3000px,0,0)
      }
  
      60% {
          opacity: 1;
          transform: translate3d(25px,0,0)
      }
  
      75% {
          transform: translate3d(-10px,0,0)
      }
  
      90% {
          transform: translate3d(5px,0,0)
      }
  
      to {
          transform: none
      }
  }
  
  @keyframes Toastify__bounceOutLeft {
      20% {
          opacity: 1;
          transform: translate3d(20px,0,0)
      }
  
      to {
          opacity: 0;
          transform: translate3d(-2000px,0,0)
      }
  }
  
  @keyframes Toastify__bounceInUp {
      0%,60%,75%,90%,to {
          animation-timing-function: cubic-bezier(.215,.61,.355,1)
      }
  
      0% {
          opacity: 0;
          transform: translate3d(0,3000px,0)
      }
  
      60% {
          opacity: 1;
          transform: translate3d(0,-20px,0)
      }
  
      75% {
          transform: translate3d(0,10px,0)
      }
  
      90% {
          transform: translate3d(0,-5px,0)
      }
  
      to {
          transform: translateZ(0)
      }
  }
  
  @keyframes Toastify__bounceOutUp {
      20% {
          transform: translate3d(0,-10px,0)
      }
  
      40%,45% {
          opacity: 1;
          transform: translate3d(0,20px,0)
      }
  
      to {
          opacity: 0;
          transform: translate3d(0,-2000px,0)
      }
  }
  
  @keyframes Toastify__bounceInDown {
      0%,60%,75%,90%,to {
          animation-timing-function: cubic-bezier(.215,.61,.355,1)
      }
  
      0% {
          opacity: 0;
          transform: translate3d(0,-3000px,0)
      }
  
      60% {
          opacity: 1;
          transform: translate3d(0,25px,0)
      }
  
      75% {
          transform: translate3d(0,-10px,0)
      }
  
      90% {
          transform: translate3d(0,5px,0)
      }
  
      to {
          transform: none
      }
  }
  
  @keyframes Toastify__bounceOutDown {
      20% {
          transform: translate3d(0,10px,0)
      }
  
      40%,45% {
          opacity: 1;
          transform: translate3d(0,-20px,0)
      }
  
      to {
          opacity: 0;
          transform: translate3d(0,2000px,0)
      }
  }
  
  .Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left {
      animation-name: Toastify__bounceInLeft
  }
  
  .Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right {
      animation-name: Toastify__bounceInRight
  }
  
  .Toastify__bounce-enter--top-center {
      animation-name: Toastify__bounceInDown
  }
  
  .Toastify__bounce-enter--bottom-center {
      animation-name: Toastify__bounceInUp
  }
  
  .Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left {
      animation-name: Toastify__bounceOutLeft
  }
  
  .Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right {
      animation-name: Toastify__bounceOutRight
  }
  
  .Toastify__bounce-exit--top-center {
      animation-name: Toastify__bounceOutUp
  }
  
  .Toastify__bounce-exit--bottom-center {
      animation-name: Toastify__bounceOutDown
  }
  
  @keyframes Toastify__zoomIn {
      0% {
          opacity: 0;
          transform: scale3d(.3,.3,.3)
      }
  
      50% {
          opacity: 1
      }
  }
  
  @keyframes Toastify__zoomOut {
      0% {
          opacity: 1
      }
  
      50% {
          opacity: 0;
          transform: scale3d(.3,.3,.3)
      }
  
      to {
          opacity: 0
      }
  }
  
  .Toastify__zoom-enter {
      animation-name: Toastify__zoomIn
  }
  
  .Toastify__zoom-exit {
      animation-name: Toastify__zoomOut
  }
  
  @keyframes Toastify__flipIn {
      0% {
          transform: perspective(400px) rotateX(90deg);
          animation-timing-function: ease-in;
          opacity: 0
      }
  
      40% {
          transform: perspective(400px) rotateX(-20deg);
          animation-timing-function: ease-in
      }
  
      60% {
          transform: perspective(400px) rotateX(10deg);
          opacity: 1
      }
  
      80% {
          transform: perspective(400px) rotateX(-5deg)
      }
  
      to {
          transform: perspective(400px)
      }
  }
  
  @keyframes Toastify__flipOut {
      0% {
          transform: perspective(400px)
      }
  
      30% {
          transform: perspective(400px) rotateX(-20deg);
          opacity: 1
      }
  
      to {
          transform: perspective(400px) rotateX(90deg);
          opacity: 0
      }
  }
  
  .Toastify__flip-enter {
      animation-name: Toastify__flipIn
  }
  
  .Toastify__flip-exit {
      animation-name: Toastify__flipOut
  }
  
  @keyframes Toastify__slideInRight {
      0% {
          transform: translate3d(110%,0,0);
          visibility: visible
      }
  
      to {
          transform: translateZ(0)
      }
  }
  
  @keyframes Toastify__slideInLeft {
      0% {
          transform: translate3d(-110%,0,0);
          visibility: visible
      }
  
      to {
          transform: translateZ(0)
      }
  }
  
  @keyframes Toastify__slideInUp {
      0% {
          transform: translate3d(0,110%,0);
          visibility: visible
      }
  
      to {
          transform: translateZ(0)
      }
  }
  
  @keyframes Toastify__slideInDown {
      0% {
          transform: translate3d(0,-110%,0);
          visibility: visible
      }
  
      to {
          transform: translateZ(0)
      }
  }
  
  @keyframes Toastify__slideOutRight {
      0% {
          transform: translateZ(0)
      }
  
      to {
          visibility: hidden;
          transform: translate3d(110%,0,0)
      }
  }
  
  @keyframes Toastify__slideOutLeft {
      0% {
          transform: translateZ(0)
      }
  
      to {
          visibility: hidden;
          transform: translate3d(-110%,0,0)
      }
  }
  
  @keyframes Toastify__slideOutDown {
      0% {
          transform: translateZ(0)
      }
  
      to {
          visibility: hidden;
          transform: translate3d(0,500px,0)
      }
  }
  
  @keyframes Toastify__slideOutUp {
      0% {
          transform: translateZ(0)
      }
  
      to {
          visibility: hidden;
          transform: translate3d(0,-500px,0)
      }
  }
  
  .Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left {
      animation-name: Toastify__slideInLeft
  }
  
  .Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right {
      animation-name: Toastify__slideInRight
  }
  
  .Toastify__slide-enter--top-center {
      animation-name: Toastify__slideInDown
  }
  
  .Toastify__slide-enter--bottom-center {
      animation-name: Toastify__slideInUp
  }
  
  .Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left {
      animation-name: Toastify__slideOutLeft
  }
  
  .Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right {
      animation-name: Toastify__slideOutRight
  }
  
  .Toastify__slide-exit--top-center {
      animation-name: Toastify__slideOutUp
  }
  
  .Toastify__slide-exit--bottom-center {
      animation-name: Toastify__slideOutDown
  }
  
  @keyframes Toastify__spin {
      0% {
          transform: rotate(0)
      }
  
      to {
          transform: rotate(360deg)
      }
  }







  .listado-notificaciones {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .notification-drop {
    font-family: 'Ubuntu', sans-serif;
    color: #444;
  }
  .notification-drop .item {
    padding: 10px;
    font-size: 18px;
    position: relative;
    border-bottom: 1px solid #ddd;
  }
  .notification-drop .item:hover {
    cursor: pointer;
  }
  .notification-drop .item i {
    margin-left: 10px;
  }
  .notification-drop .item .listado-notificaciones {
    display: none;
    position: absolute;
    top: 100%;
    background: #fff;
    left: -200px;
    right: 0;
    z-index: 1;
    border-top: 1px solid #ddd;
  }
  .notification-drop .item ul li {
    font-size: 16px;
    padding: 15px 0 15px 25px;
  }
  .notification-drop .item .listado-notificaciones li:hover {
    background: #ddd;
    color: rgba(0, 0, 0, 0.8);
  }
  
  @media screen and (min-width: 500px) {
    .notification-drop {
      display: flex;
      justify-content: flex-end;
    }
    .notification-drop .item {
      border: none;
    }
  }
  
  







  .detailBox {   
    border: 1px solid #bbb;
    margin: 30px 10px;
  }
  .titleBox {
    background-color: #fdfdfd;
    padding: 10px;
  }
  .titleBox label {
    color: #444;
    margin: 0;
    display: inline-block;
  }
  
  .commentBox {
    padding: 10px;
    border-top: 1px dotted #bbb;
  }
  .commentBox .form-group:first-child,
  .actionBox .form-group:first-child {
    width: 80%;
  }
  .commentBox .form-group:nth-child(2),
  .actionBox .form-group:nth-child(2) {
    width: 18%;
  }
  .actionBox .form-group * {
    width: 100%;
  }
  .taskDescription {
    margin-top: 10px 0;
  }
  .commentList {
    padding: 0;
    list-style: none;
    max-height: 200px;
    overflow: auto;
  }
  .commentList li {
    margin: 0;
    margin-top: 10px;
  }
  .commentList li > div {
    display: table-cell;
  }
  .commenterImage {
    width: 30px;
    margin-right: 5px;
    height: 100%;
    float: left;
  }
  .commenterImage img {
    width: 100%;
    border-radius: 50%;
  }
  .commentText p {
    margin: 0;
  }
  .sub-text {
    color: #aaa;
    font-family: verdana;
    font-size: 11px;
  }
  .actionBox {
    border-top: 1px dotted #bbb;
    padding: 10px;
  }
  
  #videoPlayer {
    width: 100%;
    height: 0;/* 16:9 aspect ratio */
    position: relative;
  }
  
  #videoPlayer video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .videoList {
    margin-top: 10px;
  }
  
  .videoItem {
    cursor: pointer;
    margin-bottom: 5px;
    padding: 5px;
   
  }