/* stylelint-disable */
/* stylelint-disable, declaration-no-important */
/* csslint important: false */
/* csslint ignore: start */

/* modified css start login */
 body,html
    {
        background-color: white;   margin: 0;
        padding: 0;
        border: 0;
        height: 100%;
        max-height: 100%;
        color: #3c4257;
        font-weight: 400;
        font-size: 14px;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
        /* overflow-y: auto; // google autosuggest check comment */
        overflow-y: auto;
    }
.middle
    {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            width: 497px;
            margin-top: 3%;
    }
.Card-root
    {
        width: 497px;
        margin: 0;
        height: auto;
        overflow: visible;
        height: auto;
        padding: 3% 7% 6% 7%;
    }
.logo
    {
         height: 50px;
    }
.logo_div
    {
        text-align: center;
        margin-bottom: 4%;
    }
.Text-color-cus
    {
        color: #001c55;
    }
.bg_color
    {
         background-color:#001c55;
    }
.login_bottom_line
    {
        margin-top: 4%;
    }


input[type=text]:focus, textarea:focus
    {
        box-shadow: 0 0 5px #001c55;
        border: 2px solid rgb(0 28 85);
        border-radius: 4px;

    }
input[type=email]:focus, textarea:focus
    {
        box-shadow: 0 0 5px rgb(0 28 85);
        border: 2px solid rgb(0 28 85);
        border-radius: 4px;
    }
input[type=password]:focus, textarea:focus
    {
        box-shadow: 0 0 5px rgb(0 28 85);
        border: 2px solid rgb(0 28 85);
        border-radius: 4px;
    }
/* .db-RegisterTitle--v4
    {
        font-weight: bold;
    } */

.border-none
    {
        border: none;
    }
.w_100
    {
        width: 100% !important;
    }
.pl_5
    {
    padding-left: 5px;
    }

.box-shadow_input
    {
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    }

.cus_input
   {
    width: 100%;
    border: none;
    padding-left: 10px;
    max-width: 100%;
    border-radius: 8px;
    /* border: 1px solid #ddd; */
    height: 36px;
   }

.TextInput-element{height: 36px;}

.cus_input_div
   {
     max-width: 100%;
     min-height: 36px;
     cursor: text;
     position: relative;
     transition: background-color .24s,box-shadow .24s;
     display: inline-flex;
     width: 100%;
     border-radius: 4px;
     box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(60 66 87 / 16%) 0px 0px 0px 1px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px;
    }

/* select option dropdownlist  */


.main{
    margin:1rem;
    max-width:350px;
    width:50%;
    height:250px;
  }




  @media(max-width:34em){
    .main{
      min-width:150px;
      width:auto;
    }
  }
.niceCountryInputMenu{height: 36px;}
.niceCountryInputMenu{height: 36px;}
.niceCountryInputMenu:focus{
    width: 100%;
    box-shadow: 0 0 5px rgb(154 207 222);
    border: 2px solid rgb(154 207 222);
    border-radius: 4px;
  }
  .niceCountryInputMenuFilter input{border: none;}

  .cus_input_div:focus{
    width: 100%;
    box-shadow: 0 0 5px rgb(154 207 222);
    border: 2px solid rgb(154 207 222);
    border-radius: 4px;
  }

  .db-LoginTitle--v4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    font-family: sohne-var,sohne-woff,Helvetica Neue,Arial,sans-serif;
    letter-spacing: -.2px;
    color: #3c4257;
}