* {
  margin: 0;
  padding: 0px;
  list-style: none;
}
img {
  max-width: 100%;
}

a {
  text-decoration: none;
  outline: none;
  color: #444;
}

a:hover {
  color: #444;
}

ul {
  margin-bottom: 0;
  padding-left: 0;
}

a:hover,
a:focus,
input,
textarea {
  text-decoration: none;
  outline: none;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.cp {
  cursor: pointer;
}
html,
body {
  height: 100%;
}
p {
  margin-bottom: 0px;
  width: 100%;
}
.no-padding {
  padding: 0px;
}

.no-margin {
  margin: 0px;
}
.hid {
  display: none;
}
.top-mar {
  margin-top: 15px;
}
.h-100 {
  height: 100%;
}
::placeholder {
  color: white !important;
  font-size: 13px;
  opacity: 0.5 !important;
  font-weight: bold;
  text-transform: uppercase !important;
}
.container-fluid {
  padding: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: $font-regular;
}
strong {
  font-family: "Ubuntu", sans-serif;
}
body {
  background-color: #fafafa !important;
  font-family: "Ubuntu", sans-serif;
  color: #000000;
  overflow-x: hidden;
}

.row {
  background-color: #096DC5;
}

.bg-login {
  background-color: #096DC5;
  min-height: 100%;
  background-size: 100%;
  padding: 20px;
}
.login-card {
  float: none;
  margin: auto;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
  margin-top: 8%;
  margin-bottom: 5%;
  padding: 0;
}
.detail-part {
  background-size: 100%;
}
.detail-part h1 {
  color: #fff;
}
.detail-part p {
  color: #fff;
  margin-top: 30px;
}
.logn-part {
  padding: 0 29px;
  border-radius: 20px;
  border: 1px solid white;
}
.logo-cover img {
  margin-bottom: 30px;
}
.form-cover h6 {
  margin-bottom: 30px;
}
.form-cover input {
  margin-bottom: 30px;
  border-radius: 0px;
  background-color: #cccccc38;
}

.button-div {
  text-align: right;
}
.form-footer {
  margin-bottom: 50px;
}
.button-div .btn {
  background-color: #ffffff !important;
  border: 1px solid #020202 !important;
  color: black;
}

.titulo-formulario{
  text-transform: uppercase !important;
  color: white;
}

.contenedor-formulario{
  background-color: transparent;
}

@media screen and (max-width: 700px) {
  .row{
    padding: 10px;
  }
}