.textocolor{

      color: black !important;
    }

    .simple-captcha-text{
    color: black !important;
    }

    #backVideo {
      position: fixed;

      width: 100%;

      filter: invert(1005) hue-rotate(-159deg);
      -webkit-filter: invert(1005) hue-rotate(-159deg);

      z-index:-1;
    }

    .btn, .btn-large, .btn-small {

    background-color: #0089ff;

    }

    .btn:hover, .btn-large:hover, .btn-small:hover {
      background-color: #0089ff;
    }

    [type="checkbox"].filled-in:checked+span:not(.lever):after {

      border: 2px solid #0089ff;

      background-color: #0089ff;

    }

    .loginbox {

      background-color: #ffffff;
      border-radius: 25px;
    }

    .imagenlogo {

      //border-radius: 25px;
      //border: 4px solid #0089ff;
    }

    .imagenmosca {

      width:auto;
      height:4vh;
      margin-top:10%;
    }

    #bodyDiv {

      position: fixed;

      z-index:1;

    }
  /* Para las card-panel */

  h6 {
    line-height: 50%;
  }

  @keyframes bake-pie {
    from {
      transform: rotate(0deg) translate3d(0,0,0);
    }
  }

  body {

    background: #010102;


    background-image: cream-pixels.png;

    color: white;


  /*Deep Orange: #FF5A09 – With different shades of oranges, there is depth and gradient, without venturing into totally new colors.

  Light Orange: #ec7f37 – Utilizing illustrative elements, requires a bit of flexibility for the natural lightness and darkness to contour objects.

  Orange Yellow: #be4f0c – Using on color over on the color wheel can keep the palette looking classy, bold and restrained.*/
  }
  main {
    width: 400px;
    margin: 30px auto;
  }
  section {
    margin-top: 30px;
  }

  .legend {
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: transparent;
    padding: 15px;
    font-size: 13px;
    box-shadow: 1px 1px 0 #DDD,
                2px 2px 0 #BBB;
  }
  .legend li {
    width: 110px;
    height: 1.25em;
    margin-bottom: 0.7em;
    padding-left: 0.5em;
    border-left: 1.25em solid black;
  }
  .legend em {
    font-style: normal;
  }
  .legend span {
    float: right;
  }


  {# Datos de estilo relativos al cliente #}

  blockquote {
    border-left: 5px solid #00bfa5;
  }
  .tabs .tab a {
    color: #00bfa5;
  }

  .tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: #e5fbf8;
  }

  .tabs .tab a:hover, .tabs .tab a.active {
    color: #156b60;
  }

  .tabs .tab.disabled a,
  .tabs .tab.disabled a:hover {
    color: #91e5da;

  }

  .tabs .indicator {
    background-color: #00bfa5;

  }



  .material-icons{

    color: white;
  }

  .menu_element:hover{

    box-shadow: 0 0 11px 10px rgba(228, 116, 13, 0.76);
  }

  .menu_element a{

    color: white;
  }

  .menu_element:hover a{

    text-shadow: 0 0 2vw rgba(228, 116, 13, 1);
    color: orange;
  }
  .menu_element:hover .material-icons:hover{

    text-shadow: 0 0 2vw rgba(228, 116, 13, 1);
    color: orange;
  }

   .textocolor{

      color: black !important;
    }

    #backVideo {
      position: fixed;

      width: 100%;


      filter: invert(1005) hue-rotate(-159deg);
      -webkit-filter: invert(1005) hue-rotate(-159deg);

      z-index:-1;
    }

    .btn, .btn-large, .btn-small {

    background-color: #0089ff;

    }

    .btn:hover, .btn-large:hover, .btn-small:hover {
      background-color: #0089ff;
    }

    [type="checkbox"].filled-in:checked+span:not(.lever):after {

      border: 2px solid #0089ff;

      background-color: #0089ff;

    }

    .loginbox {

      background-color: #ffffff;
      border-radius: 25px;
    }

    .imagenlogo {

      //border-radius: 25px;
      //border: 4px solid #0089ff;
    }

    .imagenmosca {

      width:auto;
      height:4vh;
      margin-top:10%;
    }