/* @font-face{font-family:Lato;src:url(/static/merchant/font/Lato/Lato-Regular.woff)}
.default-form-div .form-div-container{padding:2em 4em}
.default-form-div .form-div-container .form-title-container div{padding-bottom:5px}
.default-form-div .form-div-container .form-title-container .form-title{font-family:montserrat;font-weight:400;font-style:normal;font-size:24px;color:#0a1632}
.default-form-div .form-div-container .form-container{margin:1em 0 2em 0}
.default-form-div .form-div-container .form-container .ui.form .field>label{font-family:Lato;font-weight:400;font-style:normal;opacity:.8;font-size:12px}
.default-form-div .form-div-container .form-container .ui.form .field{clear:both;margin:0 0 .5em}
.default-form-div .form-div-container .form-container input{padding:.8em .9em;background-color:#f9fafb}
#application-base .main_content_container{padding:0}
#application-base .form-div-container{padding:15px;margin:0px auto} */

body{
    font-family: 'DM Sans' !important;
  }
    .ui.form {
        font-size: 12px;
        font-weight: 100;
    }
    .success {
        color: #0A8C08;
    }
    .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px
    }
    .alert.debug {
        color: #6435c9;
        background-color: #eae7ff;
        border-color: #6435c9
    }

    .alert.info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

    .alert.success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

    .alert.warning {
        color: #b58105;
        background-color: #fff8db;
        border-color: #b58105
    }

    .alert.error {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }
    .link{
        color: #5778f9;
        font-weight: 600;
    }
    .ui.inverted.fixed.borderless.main.menu{
        display: none !important;
    }
    .main-banner{
        background: #fff !important;
    }
    ::placeholder
    {
      font-family: 'DM Sans' !important;
      font-size: 16px;
      color: #8F93A8 !important;
    }
  /* input::-ms-reveal,
  input::-ms-clear {
    display: none;
  } */
  .sign-in.login .section-right .sign-in-form-wrap .form .onboarding-field.pass
      {
        margin-bottom: 0px !important;
      }
   
  /*************************tagline css*******************************************/
   .tagline-login 
      {
        padding:60px 0px 0px 0px;
      }
    .tagline-login h4
    {
      color: #fff;
    }
    .tagline-login p
    {
      color: #fff;
    }
    .small-text.singin-text
    {
      font-size: 16px;
      color: #2a2a2a;
      font-family: DM Sans;
    }
    .form-signup-label
    {
      position: static !important;
      text-align: left;
    }
   .sign-in.login .ui.form .field .prompt.label
    {
      position: static;
      width: auto;
      margin-top: 0px;
    font-size: 12px;
    font-weight: 100;
    color: #ff1a1a;
    text-align: left;
    height: auto;
    }
   .sign-in.login .ui.form .field .prompt.label:after
    {
      display: none;
    }
    .sign-in-form-wrap .field{
      text-align: left;
    }
    #application-base input
    {
      border: 1px solid rgba(34,36,38,.15) !important;
      background: transparent !important;
      height: 46px !important;
    }
    #application-base input:focus {
    border: 1px solid #6746DD !important;
    background: #fff !important;}
    #application-base input
    {
      border-radius: 7px !important; 
    }
    .form-signup-label {
      margin: 0px 0 5px 0!important;
      font-size: 16px !important;
      position: static !important;
      text-align: left !important;
      font-family: 'DM Sans' !important;}
    .form .onboarding-field .hide-show
    {
      top:39px !important;
    }
    .sign-in__left .sign-in__textslider__logo
      {
          margin: 0px auto !important;
          background: transparent !important;
          width: 161px !important;
          height: 160px !important;
          border-radius: 0px !important;
      }
      .sign-in__left .sign-in__textslider__txt
      {
        margin-top: 25px;
      }
      .sign-in__left .sign-in__textslider__info
      {
      font-size:16px !important;
      line-height: 22px !important;
      font-family: 'DM Sans' !important;
    }
      .section-left.sign-in__left
      {
        background: #091B49 !important;
        padding: 64px 65px 10px;
      }
      .ease-buzz-logo-white {
          margin-bottom: 70px!important;
          padding-top: 30px;
      }
      /* *****************contact*********************** */
      .contact {
          display: flex;
          justify-content: space-between;
          margin-top: 10px;
      }
      .hr-lines {
          position: relative;
          max-width: 392px;
          margin: 0px auto;
          text-align: center;
          font-size: 22px;
          font-family: DM Sans;
      }
      .hr-lines:before {
          content: " ";
          height: 1px;
          width: 60px;
          background: rgb(134, 133, 133);
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
      }
      .hr-lines:after {
            content: " ";
            height: 1px;
            width: 60px;
            background: rgb(134, 133, 133);
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
        }
        .contact a{
          color:#fff; 
        }
        .contact a:hover{
          color:#fff; 
        }
        .form .onboarding-field .hide-show
        {
            color: #6D44E5 !important;
        }
        .contact-info{
          margin-top: 80px;
           
        }
        .btn-submit.send-otp
        {
          background-color: #6D44E5 !important;
        border-radius: 5px !important;
        margin-top: 30px !important;
        font-weight: 600 !important;
        font-family: 'DM Sans' !important;
        }
       
        .top{
            position: absolute;
            right: 0;
            z-index: 1;
        }
        .sign-in.login .section-right .sign-in-form-wrap .form .onboarding-field
        {
            margin-bottom: 0px !important;
        }
        .sign-link{
          font-size: 16px ;
          color: #6D44E5 !important;
        }
        .sign-link:hover{
          color: #6D44E5 !important;
        }
        .section-right
        {
          padding-bottom: 30px;
        }
        .footer-links
        {
          position: absolute;
          bottom: 40px;
          width: 100%;
          text-align: center;
        }
        .store
        {
          margin-right: 20px;
          margin-left: 20px;
        }
        .mandatory-field-css {
          color: red;
          font-size: 15px;
          top: -1px;
      }
      @media only screen and (max-width:1600px)
      {
        .ease-buzz-logo-white
        {
          margin-bottom: 57px!important;
          padding-top: 1px;
        }
        .hr-lines {
            font-size: 18px;
        }
        .sign-in__left .sign-in__textslider__info
        {
          font-size: 13px !important;
        }
        .mid-text
        {
          font-size: 18px !important;
        }
        .small-text
        {
          font-size: 12px !important;
          font-family: 'DM Sans' !important;
        }
        .sign-in .section-right .sign-in-form-wrap .boarding-form-heading
        {
          margin-bottom: 17px !important;
        }
        .form-signup-label {
        margin: 0px 0 5px 0!important;
        font-size: 12px !important;
        position: static !important;
        text-align: left !important;
        font-family: 'DM Sans' !important;
       }
       #application-base input {
            height: 30px !important;
          }
          .sign-in.login .section-right .sign-in-form-wrap .form .onboarding-field
          {
            margin-bottom: 0px !important;
          }
          /* .sign-in .section-right .sign-in-form-wrap
          {
            margin: 60px auto 0 !important;
          } */
            .sign-link
          {
            font-size: 12px ;
          }
          .contact a{
            font-size: 12px;
            color: #fff;
          }
          .form .onboarding-field .hide-show{
            top: 33px !important;
            font-size: 12px !important;
          }
          .contact-info{
            margin-top: 60px;
          }
          input::placeholder {
            font-size: 12px !important;
          }
      }
      @media only screen and (max-width:1024px) {
        .contact{
          flex-direction: column;
        }
        .hr-lines{
          font-size: 14px;
        }
        .hr-lines:before
        {
          left: -40px;
        }
        .hr-lines:after
        {
          right: -40px;
        }
        .back
        {
            left: 30px !important;
        }

        .sign-in .section-right .sign-in-form-wrap
        {
            width: 70% !important;
        }
      }
      @media only screen and (max-width:600px)
      {
        .footer-links{
          text-align: center;
          bottom: 6px;
        }
        .sign-in .section-right .sign-in-form-wrap
        {
          width: 80% !important;
        }
        .footer-links
        {
          position: static;
        }
      }