.invalid-feedback,
.help-block {
	color: #ff0000;
}

.required > .control-label:after, 
.required > .control-label-check:after {
    content: '*';
    position: relative;
    font-size: inherit;
    color: #F1416C;
    padding-left: 0.25rem;
    font-weight: bold;
}

/* .form-group .help-block {
	display: none;
}
.form-group.has-error {
	margin-bottom: 0px !important;
}
.required.has-error .form-group .help-block {
	display: inline-block;
	padding: 0px 8px;
	margin-top: 4px;
  border-radius: 12px;
  background-color: #ff0000;
  color: #ffffff;
} */


.help-block{font-size: var(--typo-xs); font-weight: var(--fw-normal);
   color: var(--color-warning); display: inline-block; transition: var(--transition);
  top: 50%; opacity: 0; height: 0; pointer-events: none; visibility: hidden; position: absolute; margin-top: 3px;margin-left: 30px;
}

/* .sc-card .form-default .help-block {border-radius: 12px; font-size: 13px; background-color: transparent; color: var(--color-warning); padding: 0; margin-left: 30px;} */
.form-default .form-group.has-error .help-block {top: 100%; height: auto; opacity: 1; visibility: visible;}

.form-default .form-group.has-success .form-control-feedback {background-color: var(--color-success);}
.form-default .form-group.has-success .form-control-feedback:before {content: "\f00c";}

.form-default .form-group.has-error .form-control-feedback {background-color: var(--color-warning);}
.form-default .form-group.has-error .form-control-feedback:before {content: "\f12a";}

.sc-card .form-default .form-group.has-success .feather, 
.sc-card .form-default .form-group.has-error .feather {right: 30px;}
.sc-card .form-default .form-control-feedback {right: 20px;}

/* login page */

.login-page .help-block {font-size: 13px;margin-left: 30px;}
.login-page .field-loginform-username.has-error .form-group {margin-bottom: 40px;}
.login-page .required.has-error .form-control {border-color: var(--color-warning) !important;}
.login-page .required.has-error .help-block {top: 100%; height: auto; opacity: 1; visibility: visible;}

/* card error */
.error-page .card-error {text-align: center;margin: 30px 0 40px 0;}
.error-page .card-error .txt-nuber {font-size: 100px; font-weight: bold; line-height: .8em; margin-bottom: 20px;color: var(--color-primary);}
.error-page .card-error .title {font-size: 36px;font-weight: var(--fw-medium);line-height: 1em; margin-bottom: 20px;}
.error-page .card-error .desc {font-size: 20px;font-weight: var(--fw-medium);margin-bottom: 0;}


.footer-main .footer-copyright p {max-width: 726px;}
.footer-main .footer-group-text .item-list li:first-child .group-text .desc {max-width: 609px;}

@media (max-width: 1600px) {
  .login-page .help-block {margin-left: 20px;}
  .sc-card .form-default .help-block {margin-left: 20px;}

  .sc-card .form-default .form-group.has-success .feather, 
  .sc-card .form-default .form-group.has-error .feather {right: 25px;}

  .error-page .card-error {margin: 20px 0 10px 0;}
  .error-page .card-error .txt-nuber {font-size: 70px;margin-bottom: 15px;}
  .error-page .card-error .title {font-size: 28px;margin-bottom: 15px;}
  .error-page .card-error .desc {font-size: 18px;}
}

@media (max-width: 1199px) {
  .error-page .card-error {margin-top: 15px;}
  .error-page .card-error .txt-nuber {font-size: 60px;margin-bottom: 10px;}
  .error-page .card-error .title {font-size: 22px;margin-bottom: 10px;}
  .error-page .card-error .desc {font-size: 14px;}
}

@media (max-width: 767px) {
  .login-page {overflow: unset;}
  .login-page.error-page .container {height: 100dvh;padding-bottom: 45px;}
  .login-page.error-page .header {margin-top: unset;}
  .error-page .card-error {margin-top: 30px;}
}

/* edit comments addon 3/20/25 */


/* edit comments addon 05/05/25 */

@media (max-width: 1600px) {
  .footer-main .footer-copyright p {max-width: 570px;}
}

@media (max-width: 1199px) {
  .footer-main .footer-copyright p {max-width: 100%;}
}

@media (max-width: 1300px) {
  .sc-portal .portal-list .link .border {border-radius: 20px;}
}

@media (max-width: 575px) {
  .sc-portal .portal-list .link .title, 
  .sc-portal .portal-list .link .desc {text-align: center;}
  .sc-portal .portal-list .link .action .btn {min-width: 100%;}
}


/* forgot-password */

.login-page .body .login-card .form-default .forgot-password {
  width: max-content; margin-left: auto; display: block; text-align: right; margin-top: -10px;
  font-size: var(--typo-default);font-weight: var(--fw-medium);color: var(--color-black);text-decoration: none;
}
.login-page .body .login-card .form-default .forgot-password:hover {opacity: 0.8;}

@media (max-width: 1600px) {
  .login-page .body .login-card .form-default .forgot-password {font-size: var(--typo-xs);margin-top: -12px;}
}