.loader{
  position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/gif/loading-9.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
.i2{
  display: none;
}
.direc1{
  text-align: center;
  display:none;
}
.direc2{
  display:none;
}
@media (max-width: 740px) {
  body,
  header,
  .view {
    height: 130%;
  }

}
@media (min-width: 800px) and (max-width: 900px) {
  html,
  body,
  header,
  .view {
    height: 100%;
  }
}
@media (min-width: 530px) and (max-width: 770px) {
  .direc{
   display: none;
  }
   .direc1{
   display:inline-block ;
  }
   body,
  header,
  .view {
    height: 105%;
  }
  .br{
    display: none;
  }
 
}
@media (min-width: 150px) and (max-width: 530px) {
  .direc{
   display: none;
  }
  .direc1{
   display: none;
  }

   .direc2{
   display:inline-block ;
  }
   body,
  header,
  .view {
    height: 110%;
  }
   .br{
    display: none;
  }
}

.resul{
    position: relative;
    bottom: 12px;
    font-size: 15px;
    padding: 0px;
    margin: 0px;
}
.verde{
  color: #0FE81E;
  margin-left: 5px;
}
.rojo{
  color: #FF0000;
  margin-left: 5px;
}
  .botom1{
    background-color: rgba(66, 133, 244, 1);
    box-shadow: rgba(66, 133, 244, 0.7) !important;
  }

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

.barra {
width: 300px !important;
}
#footer {
    text-align: center;
    background-color: #dce3e2;
/*    padding: 1em 0 1em 0; */
    box-shadow: inset -0.25em 0 0.25em 0 rgb(0 0 0 / 10%);
    font-size: 0.7em;
    width: 100%;
  }

.rgba-gradient {
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, 45deg, from(rgba(255, 255,255, 0.0), rgba(0, 0, 0, 0) 100%)));
  background: linear-gradient(to 45deg, rgba(255, 255, 255, 0), rgba(72, 15, 144, 0) 100%);
}

.card {
  background-color: rgba(0, 186, 206, 0.1);
}

.md-form label {
  color: #000000;
}

.md-form input {
  color: #000000;
}

h6 {
  line-height: 1.7;
}

h5 {
  color: #000000;
}

body {
background-image: url('../img/fondo.png'); 
  background-repeat: no-repeat;
 background-size: cover;
  background-position: center center;
  background-attachment: fixed;
 -webkit-user-select: none;
  -moz-user-select: none; 
  -ms-user-select: none;
  user-select: none;
}
.borderr{
  padding: 0.84rem 2.14rem;
}

/* @media only screen and (max-width: 767px) {

body {

background-image: url(images/background-photo-mobile-devices.jpg);

}
} */