@-webkit-keyframes m-animate-rotate /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes m-animate-rotate {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .m-animate-rotate {
    -webkit-animation: m-animate-rotate 2s linear infinite;
    -moz-animation: m-animate-rotate 2s linear infinite;
    -ms-animation: m-animate-rotate 2s linear infinite;
    -o-animation: m-animate-rotate 2s linear infinite;
    animation: m-animate-rotate 2s linear infinite;
  }
  [action="reload-records"] span {
    font-size: 1.7rem !important;
  }
  [action="reload-records"].m-animate-rotate span {
    color:var(--color-primary)!important;
  }
  [modal="module"] textarea::-webkit-input-placeholder,
  [modal="module"] input::-webkit-input-placeholder
  {
    font-size: 14px;
  }
  [modal="module"] textarea::-moz-placeholder,
  [modal="module"] input::-moz-placeholder
  {
    font-size: 14px;
  }
  [modal="module"] textarea:-ms-input-placeholder,
  [modal="module"] input:-ms-input-placeholder
  {
    font-size: 14px;
  }
  [modal="module"] textarea::placeholder,
  [modal="module"] input::placeholder
  {
    font-size: 14px;
  }


  .m-badge.m-badge--wide.m-badge--cyan
  {
    background: #17a2b8;
    color: #fff;
  }

  .m-badge.m-badge--wide.m-badge--purple
  {
    background: #6f42c1;
    color: #fff;
  }

  .m-badge.m-badge--wide.m-badge--dark
  {
    background: #343a40;
    color: #fff;
  }
  

  /*cambia el color de la seleccion de texto del id para evitar que se note cuando se copia en el portapapeles*/
  input[name="Identificador"]::-moz-selection {   background: #f4f5f8; }
  input[name="Identificador"]::selection      { background: #f4f5f8; }
  
  
  /* ::-moz-selection { color: #fff;  background: #FF305B; } */
  /* ::selection      { color: #fff;  background: #FF305B; } */
  

  .dropzone .dz-remove
  {
    color: #2876b1;
  }
  #toast-container .toast-message .m-link {
    color: #fff!important;
  }
  #toast-container .toast-message .m-link:hover:after {
    border-bottom: 2px solid #fff;
}

  @media (hover: none) and (pointer: coarse) {

    #toast-container > div {
      margin-top: 8px;
    }
    
    #toast-container .toast-title {
      /* margin-top: 10px; */
    }
    #toast-container .toast-message {
      margin: 1em 0;
      /* margin-bottom: 10px; */
    }
    #toast-container .toast-close-button {
      top: 15px;
      right: 10px;
    }
  }