body {
    /* background: url("login_background.png") ; */
    background-size: cover  !important;
    background-repeat:no-repeat !important;
    width: auto !important;
    font-family: Roboto !important;
    background-attachment: fixed !important;
    /* background-color: rgb(39, 15, 42) !important; */
}
footer p{
    text-align: center;
    font-size: 12px;
}
.footer-margin{
    top: 90%;
    width: 100%;
    position:absolute;
}
.centerImg{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    /* -ms-transform: translate(-30%, -30%); */
    transform: translate(-50%, -50%);
}
.login-label{
    margin-left: 14px;
    font-size: 24px;
    color:gray;
    font-weight:100 !important;
}
.text-margin-top{
    margin-top: 2em;
}
.domain-input{
    border: none;
    height: 85px;
    width: 100%;
    font-size: 24px;
   padding: 30px;
   padding-right: 5px !important;
   border-bottom-left-radius: 22px;
   border-top-left-radius: 22px;
}
.hrappdomain{
    border: none;
    height: 85px;
    width: 100%;
    font-size: 24px;
    cursor: default;
    text-align: right;
    padding-right: 10px;
}
.launchButton{
    border: none;
    border-top-right-radius: 22px;
    height: 85px;
    width: 100%;
    font-size: 1.2em;
    color: white;
    background: hotpink;
    border-bottom-right-radius: 22px;
    /* cursor: pointer; */
    text-align: center;
}
.row-margin{
    width: 650px;
    margin-top: 3em;
}
.hrapp-domain-name {
  display: flex !important;
  height: 100% !important;
  align-items: center;
  font-size: 20px;
  color: grey;
  font-weight: 500;
}
.hrapp-domain-name-text {
  width: 100%
}

.domain-name-text {
  margin-right: 4px
}


.center-algin{
    text-align: center;
}
.hrappLabel{
color: gray;
font-size: 24px;
font-weight: 100 !important; 
}
.registerLabel{
    color:#EC407A;
    font-size: 24px;
    font-weight: 100 !important; 
    /* cursor: pointer */
    border: none;
    background: none;
}
.row-shadow{
    box-shadow: 0 4px 28px 0 rgba(0,0,0,0.2);
    background-color: #fff;
border-radius: 22px 
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, 
.col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, 
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, 
.col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, 
.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, 
.col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9{
  padding: 0px !important;
}
.footer-link-color{
color: #333 !important;
}
.download-mobile-app-alert{
  display: flex;
  align-items: center;
}
.download-mobile-app-alert-body{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.update-mobile-app-button{
  background-color: #EC407A;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    width: 60%;
    border-radius: 30px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.modal-content .modal-header {
  padding: 15px !important;
  }
.close{
  opacity: 1 !important;
  color: #ec407a !important;
  font-size : 25px !important;
}
.download-mobile-app-alert-heading {
  color: #ec407a;
  font-weight: 500;
  font-size: 2em;
  margin-top: 15px;
  }
  .download-mobile-app-alert-content {
  line-height: 25px !important;
  font-size: 1.3em;
  text-align: center;
  padding: 10px;
  }

@media screen and (max-width:649px) {
  .row-margin {
    width: 110%;
  }
  .domain-name-text {
    font-size: 0.6em !important;
  }

}

@media screen and (min-width:650px) and (max-width:810px) {
  .row-margin {
    width: 500px;
  }
}

@media screen and (min-width:700px) and (max-width:967px) {
  .centerImg{
    position: absolute;
    top: 16%;
    left: 18%;
    -ms-transform: translate(-15%, -10%);
    transform: translate(-10%, -10%);

  }
}
@media screen and (min-width: 1px) and (max-width: 1100px) {
    body {
        background-image: url("mobile_background.png") ;
        background-size: cover  !important;
        background-repeat:no-repeat !important;
        width: auto !important;
        font-family: Roboto !important;
        background-attachment: fixed !important;
      }
      .hr-app-log{
        /* height: 8em; */
        width: 20em;
      }
      .login-label{
        font-size: 1.8em;
         margin-left: 0em;
      }
      .domain-input{
        width: 100%;
        font-size: 14px;
        height: 5em;
        padding-right: 0px !important;
        padding-left: 20px !important;
      }
      .hrappdomain{
        width: 100%;
        font-size: 14px;
        height: 5em;
      }
      .launchButton{
        font-size: 14px;
        width: 100%;
        height: 5em;
      }.hrappLabel{
        font-size: 1.8em;
      }
      .registerLabel{
        font-size: 1.8em;
      }
      .footer-margin{
        font-size: 1.3em;
      }
}