body,
  html {
    margin: 0;
    padding: 0;
    /*background: #1D284B !important;*/
    /* 29 40 75 AZUL 230 85 11  #E6550B*/
  }
  .user_card {
    height: 351px;
    width: 500px;
     margin-bottom: auto;
     background: white;
     position: relative;
     display: flex;
     justify-content: center;
     flex-direction: column;
     padding: 10px;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     border-radius: 20px;*/

   }

  .login_btn {
    width: 40%;
    background: #4087c9 !important;
    color: white !important;
    height: 40px;
    border-radius: 50px;
    margin-bottom: 15px;
  }
  .login_btn button:hover {
    background-color: #59A2E6;
}
 /* .login_btn:focus {
    box-shadow: none !important;
    outline: 0px !important;
  } */
  .input-group-text {
    background: transparent; !important;
    border: 0px;

  }
  .input_user,
  .input_pass:focus {
    box-shadow: none !important;
    outline: 0px !important;
    border: 0px;
    background: transparent !important;
  }
  .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #c0392b !important;
  }

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    border: solid 1px ;
    border-color: #f2f2f2;
    border-radius: 23px;
    padding-left: 20px;
}


.jb_inicio{
  cursor: pointer;
    padding: 6px 0;
    font-family: "Proxima Nova Reg",Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    text-align: center;
    width: 85px;
    background: rgb(49, 123, 191);
    background: -moz-linear-gradient(270deg, rgb(49, 123, 191) 26%, rgb(73, 142, 206) 77%);
    background: -webkit-linear-gradient(270deg, rgb(49, 123, 191) 26%, rgb(73, 142, 206) 77%);
    background: -o-linear-gradient(270deg, rgb(49, 123, 191) 26%, rgb(73, 142, 206) 77%);
    background: -ms-linear-gradient(270deg, rgb(49, 123, 191) 26%, rgb(73, 142, 206) 77%);
    background: linear-gradient(0deg, rgb(49, 123, 191) 26%, rgb(73, 142, 206) 77%);
    border: 1px solid #3178BA;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(87,86,87,1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(87,86,87,1);
    box-shadow: 0px 1px 3px 0px rgba(87,86,87,1);
}
.jb_menu{
    display: inline-block;
    color: white;
    font-size: 12px;
    margin-right: 15px;
    cursor: pointer;
    margin-top: 8px;

}
.login_container{
  font-size: 18px;
  margin-top: -5px;
}
.login_container  h6{
  font-size: 14px;
}

.bg-dark {
    background-color: #4087c9!important;
}
input{
  height: 50px;
}
.form-control{
  height: calc(2.2em + .75rem + 2px);
}

#logo{
  width:120px;
  margin-left: 150%;
}

.rec{
  background-color: transparent;
  border-color: transparent;
  padding: 0px;
  padding-left: 30%;
  font-size: 12px;
  color: #4F5053;
}
.input_user{
  font-size: 15px;
}
@media only screen and (min-width : 200px) and (max-width : 800px) {
#logo{
  width:120px;
  margin-left: 10%;
}

.rec{
  background-color: transparent;
  border-color: transparent;
  padding: 0px;
  padding-left: 24%;
}
 .login_btn {
    width: 50%;
    background: #4087c9 !important;
    color: white !important;
    height: 40px;
    border-radius: 50px;
    margin-bottom: 15px;
    font-size: 15px;
  }
  .input_user{
    font-size: 11px !important;
  }

}

.btnRecuperar{
  width: 100%;
  background: #4087c9 !important;
  color: white !important;
  border-radius: 50px;
  border-color: transparent;
  height: 40px;
}