body{
 font-family: 'Poppins', sans-serif !important;
 font-size: 14px !important;
}

.onboard-bg{
 background-image: url(../img/onboarding.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 min-height: 125vh;
}
.text-default{
 color: #828282;
}

.signup-bg{
 background-image: url(../img/signup-bg.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 min-height: 120vh;
}

.btn-outline-white {
 color: #ffffff !important;
 border-color: #ffffff !important;
}

.log-box{
 background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 25.97%, #F9F2F2 58.56%, #F6DDDD 100%);
 border-radius: 10px;
 /* height: 519px;*/
 min-width: 345px;
}
.img-right{
 position: absolute;
 right: 0;
 top: 40px;
}
.img-left{
 position: absolute;
 left: 0;
 top: 120px;
}
.form-control {
 display: block;
 width: 100%;
 height: 25px;
 padding: .375rem .75rem;
 font-size: 12px;
 font-weight: 400;
 line-height: 1.5;
 color: #495057;
 background-color: transparent !important;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: .25rem;
 transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-group{
/*
 padding:10px;
 border:1px solid;
 border-radius: 10px;
 margin:10px;
 position: relative;
*/
}
.form-group>label{
/*
 position:absolute;
 bottom: 19px;
 left:10px;
 background-color:white;
*/
 font-size: 12px;
}

.form-group>input{
/* border:none;*/
}

.btn-signup{
 background: #6F99C2;
 box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);
 color: #fff;
}

.btn-signup:hover{
 background: #6F99C2;
 box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);
 color: #fff;
}

#diary-color{
 color: #EB62A3 !important;
}

.no-text-decoration{
 text-decoration: none !important;
}

.hover:hover{
 border : 1px solid #729CC5;
 border-radius: 10px;
 padding: 5px;
 box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.08);
}

.selected{
 border : 1px solid #729CC5;
 border-radius: 10px;
 padding: 5px;
 box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.08);
}
.has-error
  {
   border-color:#cc0000;
   background-color:#ffff99;
  }

.none{
 display: none;
}

.visible{
 display: block !important;
}


@media (min-width: 320px) and (max-width: 767px) {

.log-box{
 min-width: 291px !important;
 max-width: 295px !important;
}


}