body {
    background-color: #242526;
    margin: 0 auto;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: 242526;
}
.form-control {
    background-color: #fff;
    color: #242526;
}

.form-group {
    margin-bottom: 2px;
    margin-top: 2px;
}

.custom-header {
    background-color: #ffea70;
    position: sticky;
    top: 0;
    z-index: 1000;
    padding-bottom: 10px;
    padding-top: 10px;
}
.custom-footer {
    background-color: #ffea70;
    position: sticky;
    top: 0;
    z-index: 1000;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
}

.logo {
    width: 170px;
    vertical-align: middle;
}

.button-login-req-demo {
    background-color: #242526;
    color: white;
    border: solid #242526 1px;
    border-radius: 4px;
    padding: 3px 7px;
    margin-right: 20px;
    margin-top: 7px;
    transition: background-color 0.3s;
}

.button:hover {
    background-color: #1a1b1c;
}

.help-text {
    color: #242526;
    font-size: 14px;
    cursor: pointer;
    width: auto;
    float: left;
    text-align: left;
}

.help-text:hover {
    text-decoration: underline;
}

.help-text img {
    max-width: 30px;
    margin-top: 3px;
    margin-right: 10px;
    vertical-align: middle;
}

.vertical-align {
    display: flex;
    align-items: center;
}
.vertical-center-align {
    margin: auto 0;
    top: 50%;
    -ms-transform: translateY(-50%);
}

.divider-line {
    height: 5px;
    background-color: #242526;
    width: 100px;
    margin: 10px 0px 20px 0px;
}
.hero-image {
    background-image: url("/imgs/bg-07.jpg");
    background-color: #242526; /* Used if the image is unavailable */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    /*background-size: cover;*/
}
.hero-image-overlay {
    overflow: hidden;
    height: 100%;
    z-index: 2;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.gen-password {
    font-size: 12px !important;
    background-color: #d6e3eb !important;
    color: #66686a;
    text-align: left;
    border: solid 1px #b3b3b3 !important;
    border-radius: 3px !important;
    margin-top: 5px !important;
    line-height: 16px !important;
    padding: 3px !important;
    width: auto !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.5) !important;
}
.login-page-head {
    padding: 0px 0px 0px 0px;
    font-size: 45px;
    font-weight: 600;
    line-height: 60px;
    color: #242526;

}

.pristine-error input,
.pristine-error select {
    border: 1px solid red;
    box-shadow: 0 0 5px red;
}

.pristine-success input,
.pristine-success select {
    border: 1px solid green;
    box-shadow: 0 0 5px green;
}

.form-group .pristine-error {
    color: red;
}

.error-message {
    color: red;
}

.success-message {
    color: green;
}


input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* Chrome, Safari, Edge */
    color: #CCC;
    font-size: 0.8rem;
  }

  input:-moz-placeholder,textarea:-moz-placeholder,.note-placeholder { /* Firefox 18- */
    color: #CCC;
    font-size: 0.8rem;
  }

  input::-moz-placeholder,textarea::-moz-placeholder { /* Firefox 19+ */
    color: #CCC;
    font-size: 0.8rem;
  }

  input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* IE 10-11 */
    color: #CCC;
    font-size: 0.8rem;
  }

  .register-modal .modal-header {
    background-color: #FFE96F;
  }
  .help-modal .modal-header {
    background-color: #FFE96F;
  }
  #form_container .form-group {
    margin-bottom: 1rem;
  }
.input-group-text .captcha_request_demo
{
    height: 38px !important;
    width: 145px !important;
}
.login-popups .modal-dialog,.login-popups .modal-content{
    background: #d6e3eb;
    border-color: #d6e3eb;
}
.login-popups .modal-header{
    background: #FFE96F;
}
.login-popups .form-group.row {
    margin-top: 0;
}
.login-popups .form-group input, .login-popups .form-group select, .login-popups .form-group button {
    margin-top: 0;
}
.btn-primary {
    color: #fff;
    background-color: #007bff !important;
    border-color: #007bff !important;
}
.login-popups .form-group input,  .login-popups .form-group select,  .login-popups .form-group button {
    padding: .375rem .75rem;
}
#captcha_request_demo, #captcha_support {
    width: 1% !important;
    height: 40px;
}
.btn-link {
    font-weight: 400 !important;
    color: #007bff  !important;
    text-decoration: none  !important;
    background-color: #D6E3EB !important;
    border: none !important;
}
.input-group.p-0{
    padding-left: 0 !important;
}
.separate-dial-code
{
    padding-left: 0px;
    padding-right: 0px;
}