body {
  background: linear-gradient(to bottom, #0b6192 25%, #124768 51%, #124768 51%, #124768 100%);
}

#loginbox {
  margin-top: 30px;
}

#loginbox>div:first-child {
  padding-bottom: 10px;
}
#felcha-atras{
      width: 45px;
    color: #830000;
    filter: grayscale(2);
    /* background-color: white; */
    filter: invert(1) hue-rotate(20deg) saturate(1000%);
    cursor: pointer;
}
.iconmelon {
  display: block;
  margin: auto;
}

.logo-swap {
  width: 100%;
}

#form>div {
  margin-bottom: 25px;
}

#form>div:last-child {
  margin-top: 10px;
  margin-bottom: 10px;
}

.panel {
  background-color: transparent;
}

.panel-body {
  padding-top: 30px;
}


.img-gtk,
.img-stk,
.img-rtk:hover{
  cursor: pointer;
}
#img-container-rtk{
  margin-left: 150px;
  margin-right: 150px;
}

.logo-swap {
  width: 100%;
}

#loginform {
  margin-top: 50px;
}

.header {
  padding: 20px
}

.linea {
  border-top: 1px solid #fff;
}

.img-container {
  display: inline-block;
}



.img-gtk,
.img-stk,
.img-rtk {
  position: absolute;
  width: 100%;
}

.form {
  background: transparent;
  border: none;
  width: 90%;
  height: 25;
  transition: .3s ease;
  border-left: 3px solid #ffffff00;
  border-bottom: 3px solid #ffffff00;
  color: #bcbec0;
  background: #e3e3e3;
}

.input-group {
  margin-bottom: 20px;
  color: #bcbec0;
}

.form:focus {
  background: transparent;
  border-left: 3px solid #202020;
  border-bottom: 3px solid #202020;
  outline: none;
}
.linea2{
  background: #000;
}

.form-container {
  border: 3px solid #f5f5f5;
  background: #e3e3e3;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 3px 3px 10px;
}

.btn {
     border: 2px solid #0000;
     background: #2c3e50;
     transition: .5s ease;
}

.btn:hover {
     color: #ffffff;
     background-color: #1a242f;
     border-color: #161f29;
}

.container-form {
  margin-top: 150px;
}body {
  background: linear-gradient(to bottom, #0b6192 25%, #124768 51%, #124768 51%, #124768 100%);
}

#loginbox {
  margin-top: 30px;
}

#loginbox>div:first-child {
  padding-bottom: 10px;
}

.iconmelon {
  display: block;
  margin: auto;
}

.logo-swap {
  width: 100%;
}

#form>div {
  margin-bottom: 25px;
}

#form>div:last-child {
  margin-top: 10px;
  margin-bottom: 10px;
}

.panel {
  background-color: transparent;
}

.panel-body {
  padding-top: 30px;
}


.img-gtk,
.img-stk,
.img-rtk:hover{
  cursor: pointer;
}
#img-container-rtk{
  margin-left: 150px;
  margin-right: 150px;
}

.logo-swap {
  width: 100%;
}

#loginform {
  margin-top: 50px;
}

.header {
  padding: 20px
}

.linea {
  border-top: 1px solid #fff;
}

.img-container {
  display: inline-block;
}


.img-gtk,
.img-stk,
.img-rtk {
  position: absolute;
  width: 100%;
}

.form {
  background: transparent;
  border: none;
  width: 90%;
  height: 25;
  transition: .3s ease;
  border-left: 3px solid #ffffff00;
  border-bottom: 3px solid #ffffff00;
  color: #000;
  background: #e3e3e3;
}

.input-group {
  margin-bottom: 20px;
  color: #bcbec0;
}

.form:focus {
  background: transparent;
  border-left: 3px solid #202020;
  border-bottom: 3px solid #202020;
  outline: none;
}
.linea2{
  background: #000;
}

.form-container {
  border: 3px solid #f5f5f5;
  background: #e3e3e3;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 3px 3px 10px;
}
#enviar1{
      background: #2c3e50!important;
      background-color: #2c3e50 ;
}

.send { 
   background-color: #2c3e50 ;
    color:#fff !important;
     border: 2px solid #0000;
        background: #2c3e50;
     transition: .5s ease;
     width: 125px;
      border-radius: 5px;
}

.send:hover {
     color: #ffffff;
     background-color: #1a242f;
     border-color: #161f29;
}

.container-form {
  margin-top: 150px;
}
input:-webkit-autofill { 
    -webkit-box-shadow: 0 0 0 30px #e3e3e3 inset; 
     border: 3px solid #e3e3e3;
}