body {
    font-family: "Lato", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  font-weight: normal;
  background: #dfe1eb;
  color: gray; 
}

.container-login {
    /* background-image: url(../images/DPCanvasCloseUp.png); */
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}

.container-login::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: rgba(255,255,255,.7); */
    pointer-events: none;
}






.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.w-100 {
    width: 100% !important;
}
.w-100 img {
    max-height: 300px;
}
.wrap {
    width: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
}
.login-wrap {
    position: relative;
    background: #fff;
}
.login-wrap h3 {
    font-weight: 500;
    text-transform: uppercase;
    color: #fc4e80;
}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    line-height: 1.5;
    font-weight: 400;
    font-family: "Open Sans", Arial, sans-serif;
    color: #000;
}
.social-media {
    position: relative;
    width: 100%;
}
.text-wrap {
    background: #f9799e;
    background: -moz-linear-gradient(-45deg, #f9799e 0%, #ff0049 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #f9799e), color-stop(100%, #ff0049));
    background: -webkit-linear-gradient(-45deg, #f9799e 0%, #ff0049 100%);
    background: -o-linear-gradient(-45deg, #f9799e 0%, #ff0049 100%);
    background: -ms-linear-gradient(-45deg, #f9799e 0%, #ff0049 100%);
    background: -webkit-linear-gradient(315deg, #f9799e 0%, #ff0049 100%);
    background: -o-linear-gradient(315deg, #f9799e 0%, #ff0049 100%);
    background: linear-gradient(135deg, #f9799e 0%, #ff0049 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9799e', endColorstr='#ff0049', GradientType=1 );
    color: #fff;
}
.form-group .label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-weight: 700;
}

.underline {
    border-bottom: 2px solid rgba(255,0,73,.24);
}
.no-border {
    border:0;
}
.padding-top {
    padding-top: 10px;
}
textarea:focus, input:focus, input{
    outline: none;
}
*:focus {
    outline: none!important;
    outline: none !important;
    outline-color: initial !important;
    outline-style: none !important;
    outline-width: initial !important;
}
.form-control:focus {
    box-shadow: none;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f9799e;
    --bs-btn-border-color: #f9799e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff0049;
    --bs-btn-hover-border-color: #ff0049;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #04151F;
    --bs-btn-active-border-color: #04151F;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    text-transform: uppercase;
}

.hot-pink {
    color:#ff0049;
}