.inexped-panel-heading{
text-align:center;
border-bottom: 0px !important;
}

body {
  background-image: url(../Images/fondo2.png);
  background-size:cover;
}

.element {
  width: 32%;
  height: 300px;
  background-color: transparent;
}

.panel.panel-default{
  background-color: rgba(1, 190, 248, 0.38);
  font-size: 10px;
}
.panel-body {
  background-color: rgba(1, 190, 248, 0.38);
  color:white;
}

.panel-body a {
  color:white;
}

.panel-default > .panel-heading{
  background-color: rgba(1, 190, 248, 0.38);
  color:white;
}



.inexped-login-button {
    color: #fff;
    background-color: #ffffff00;
    border-color: #ffffff;
    border-radius: 50px;
    width:150px;
    padding: 6px;
}

form {
  margin: 8%;
}

.header-usericon{
  font-size: 2.5em;
}


.glyphicon-lock:before {
  font-size: 2.5em;
}
#cuadrodialogo {
  position:absolute;
  bottom:-75px;
  right:55px;
  width:250px;
  padding:-15px;
  background: #000000bd;
  font-size:10px;
  border-radius:5px;
  box-shadow:0 1px 3px #ccc;
  border:1px solid #ddd;
}

#cuadrodialogo h5 {
  margin:10px 0 px 0;
  margin-left: 10px;
  padding:0;
  font-weight:normal;
}
#cuadrodialogo::before {
  content: "\25B2";
  position:absolute;
  top:-12px;
  left:45%;
  font-size:14px;
  line-height:14px;
  color:rgba(0, 0, 0, 0.658);
  text-shadow:none;
  display:block;
}

#cuadrodialogo2 {
  position:absolute;
  bottom:0px;
  right:55px;
  width:250px;
  padding:-15px;
  background:#000000bd;
  font-size:10px;
  border-radius:5px;
  box-shadow:0 1px 3px #ccc;
  border:1px solid #ddd;
}
#cuadrodialogo2 h5 {
  margin:10px 0 px 0;
  margin-left: 10px;
  padding:0;
  font-weight:normal;
}
#cuadrodialogo2::before {
  content: "\25B2";
  position:absolute;
  top:-12px;
  left:45%;
  font-size:14px;
  line-height:14px;
  color:rgba(0, 0, 0, 0.658);
  text-shadow:none;
  display:block;
}

#cuadrodialogoUser {
  position:absolute;
  bottom:110px;
  right:55px;
  width:250px;
  padding:-15px;
  background:#01bef8;;
  font-size:10px;
  border-radius:5px;
  box-shadow:0 1px 3px #ccc;
  border:1px solid #ddd;
}
#cuadrodialogoUser h5 {
  margin:10px 0 px 0;
  margin-left: 10px;
  padding:0;
  font-weight:normal;
}


.invalid {
  background:url(../Images/invalido.png) no-repeat 0 50%;
  padding-left:22px;
  line-height:24px;
  color:#ffffff;
}
.valid {
  background:url(../Images/valido.png) no-repeat 0 50%;
  padding-left:22px;
  line-height:24px;
  color:#ffffff;
}
#cuadrodialogo {
  display:none;
}
#logo{
    margin-top:10px;
    height:100% !important;
}

@media (max-width: 850px) {
  .element { 
  width:70%;
  transform: translateX(10%);
    }
  }

@media (max-width: 478px) {
  .element { 
  width:90%;
  transform: translateX(10%);
    }
  }

#inferiorLogoChat{
  display: none;
}