/* 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;
}
.active_link {
    color: #1a1f36 !important;
    font-weight: 700 !important;
  }
  

/* Hide scrollbar for Chrome, Safari and Opera */
.body_element {
    overflow: auto; /* Enable scrolling */
    scrollbar-width: none; /* Hide scrollbar for Firefox */
}

.body_element::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}



.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: rgb(38, 59, 126);
}

.bg_color {
    background-color: rgb(38, 59, 126);
}

.login_bottom_line {
    margin-top: 4%;
}



.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: 4px;
    /* 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;
}

.hasError {
    border: 1px solid red;
    border-radius: 8px !important;
}

.hasSucess {
    border: 1px solid #0ca502;
    border-radius: 8px !important;
}

.errorText {
    color: red;
}


@media only screen and (max-width: 600px) {
    .mobile_screen {
      position: relative;
      top: 3%;
      left: 0%;
      transform: translate(0%, 0%);
      padding: 5%;
    }
  }

  .error {
    color: #FF0000;
  }

 
  button:disabled,
  button[disabled]{
    opacity:0.6 !important;
    cursor: not-allowed !important;
  }

 .inLineSetPass {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #page_section {
    position: relative;
   
    }

#page_section::-webkit-scrollbar {
    display: none; /* Hides scrollbar for WebKit-based browsers (Chrome, Safari) */
}

#page_section {
    -ms-overflow-style: none;  /* Hides scrollbar for Internet Explorer and Edge */
    scrollbar-width: none; /* Hides scrollbar for Firefox */
}
/* csslint important: true */
/* csslint ignore:end */