body {
  font-family: "Roboto", sans-serif;
  background-color: #fff;
}

p {
  color: #b3b3b3;
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Roboto", sans-serif;
}
a:hover {
  text-decoration: none !important;
}

.content {
  padding: 7rem 0;
}

h2 {
  font-size: 20px;
}
.half .contents {
  background: #fbfbfb;
}

.half .bg {
  width: 25%;
}
@media (max-width: 767.98px) {
  .half .bg {
    width: 100%;
    height: 200px;
  }
}

.half .contents {
  width: 100%;
}

.align-up{
  float: right;
    position: absolute;
    right: 16px;
    top: 14px;
    color:#7F7F7F;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}
@media (max-width: 767.98px) {
  .half .contents {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .img-mob {
    width: 40%;
  }
}
.half a {
  color: #888;
  text-decoration: underline;
}
.max-wid-500{
  max-width: 500px;
}
.button-align-rite{
  float: right;
  width: 200px;
}
.half .btn {
  padding-left: 30px;
  padding-right: 30px;
}

.half .forgot-pass {
  position: relative;
  top: 0px;
  font-size: 14px;
  color:#2E7CF3;
}
.logo-head{
  background: #1A42BF;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
hr.dashed-border{
  border-top: 1px dashed #c7c7c7;
}
.footer{
  position: fixed;
  width: 100%;
  bottom: 0px;
  height: 40px;
  padding-top: 10px;
    margin-top: 20px;
    padding-bottom: 0px;
    font-size: 15px;
    color: #000;
    text-align: left;
    padding-left: 20px; border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.logo-head img{ margin-left: 25px;}
.form-block {
  background: #fff;
  padding: 15px 25px 10px 25px;
  max-width: 500px;
  -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  border: 1px solid #e6e6e6;
  margin-top: 10px;
}
h2 {
  width: 100%; 
  text-align: center; 
  border-bottom: 1px solid #e5e5e5; 
  line-height: 0.1em;
  margin: 6px 0 20px; 
} 
.termsText{
  color:#7F7F7F;
  font-size: 14px;
}
.termsText a {
  color:#7F7F7F;
}
h2 span { 
  background: #fff;
   padding:0 8px; 
   color:#7F7F7F;
   font-size: 13px;
}
@media (max-width: 767.98px) {
  .form-block {
    padding: 25px;
  }
}
.btn {
  text-decoration: none !important;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  text-align: center;
}
.flex-item-left {
  flex: 48%;
}
.flex-item-right {
  flex: 48%;
  margin-left: 15px;
}
.form-control{
  border: 1px solid #e5e5e5;
  font-size: 14px;
  height:47px;
}
.form-control:focus {
  box-shadow:none;
}
.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: block;
}
.dot > div {
  width: 70vw;
  margin-left: 18px;
  line-height: 20px;
  color: #7F7F7F;
  font-size: 14px;
  word-wrap: break-word;
  position: relative;
  top: -4px;
}
.mr-5px{
  margin-right: 5px; 
}
.font-15px{
  font-size: 15px;
}
.mt-10{
  margin-top: 10px;
}
.back-color{color:#2073f2}
.otp-field {
  flex-direction: row;
  column-gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.otp-field input {
  height: 45px;
  width: 42px;
  border-radius: 6px;
  outline: none;
  font-weight: bold;
  font-size: 1.125rem;
  text-align: center;
  border: 1px solid #ddd;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.text-underline{text-decoration: underline;}
.color-black{color: #000;}
.position-set{
  position: relative; top:0px;
}
label {
  font-size: 14px;
  margin-bottom: 5px;
}
.cancel-color{color: #007bff;}
.footer-menu{
  float: left;
}
.footer-menu a{
  color: #27bcda;
  padding: 6px;
  text-decoration: none;
}
.footer-menu a:hover{
  color: #27bcda;
}
.footer-end{
  position:absolute;
   bottom:0;
}
.float-left{ float: left;}
.float-left{ float: right;}
.text-align{text-align:right}
.line-height-60px{line-height: 60px}
.refresh-home{margin-top: 10px; margin-bottom: 5px;}
.refresh{ display: block;}
.refresh ul li{list-style-type: none; float: left; margin-right: 20px;}
.refresh ul li a{ text-decoration: none;}
.refresh ul li a:hover{ text-decoration: none; color: #000;}
.middle-image{
  background-image: url("../images/loginBanner.jpg");
  height: 250px;
  width: 1170px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.loginHeader{ 
  font-size: 52px;
  color: rgba(85, 85, 85, 1) !important;
}
.loginHeaderContentText{
  font-size: 16px;
  color: rgba(85, 85, 85, 1) !important;
}
.middle-image-text{
  width: 450px; float: left;  padding-top: 3%; margin-left: 13%;
}
.btn-default {
  background-color: rgba(25, 101, 225, 1) !important;
  border-color: rgba(25, 101, 255, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}
.width-160px{
  width: 160px!important; font-size: 14px!important;
}
.bg-color{background-color: #fbfbfb !important;}
.m-t-10px{margin-top: 10px;}
.already{ margin-right: 60px; float: right; line-height: 40px;}
.already a{ color: #fff; text-decoration: none;}
.already a:hover{text-decoration: none;color: #fff; }

input::-ms-reveal,
input::-ms-clear {
  display: none;
}