/* add filter */

.sc-filter {padding-bottom: 100px;}
.sc-filter .form-default {max-width: 850px; margin: auto;}
.sc-filter .form-default .form-fieldset {padding: 0; border: none; margin: 0;}
.sc-filter .form-default .form-fieldset .form-legend {display: none;}
.sc-filter .select2-container .select2-selection--single {height: 60px;border-radius: 30px;background-color: #FBFDFF;border-color: var(--color-primary);}
.sc-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 60px;padding-left: 25px; padding-right: 40px;
  font-size: var(--typo-sm);color: var(--color-primary);
}
.sc-filter .select2-container--default .select2-selection--single .select2-selection__placeholder {color: var(--color-primary);}
.sc-filter .select2-container--default .select2-selection--single .select2-selection__arrow {right: 25px;}
.sc-filter .select2-container--default .select2-selection--single .select2-selection__arrow b:before, 
.sc-filter .select2-container--default .select2-selection--single .select2-selection__arrow b:after {background-color: var(--color-primary);}
.select2-dropdown {border-color: var(--color-primary);}
.select2-search--dropdown {padding: 15px;}
.select2-search--dropdown .select2-search__field {min-height: 40px;border-radius: 4px;}
.select2-container--default .select2-results__option {padding: 15px;}
/* .select2-container--default .select2-results__option--selected {background-color: #ddd !important;} */
.sc-filter .form-default .form-group {margin-bottom: 0;}
.sc-filter .form-default .form-group .form-label {font-size: 36px; font-weight: var(--fw-bold); color: var(--color-primary); display: block; margin-bottom: 15px; text-align: center;}
.sc-filter .form-default .form-group .form-label br {display: none;}

@media (max-width: 1600px) {
  .sc-filter {padding-bottom: 110px; margin-top: -20px;}
  .sc-filter .form-default .form-group .form-label {font-size: 30px;}
}

@media (max-width: 1199px) {
  .sc-filter {margin-top: -40px;}
  .sc-filter .form-default .form-group .form-label {font-size: var(--typo-xl);}
  .sc-filter .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 50px; padding-left: 18px; padding-right: 30px;}
  .sc-filter .select2-container .select2-selection--single {height: 50px; border-radius: 25px;}
  .sc-filter .select2-container--default .select2-selection--single .select2-selection__arrow {right: 18px;}
  .select2-search--dropdown {padding: 10px;}
  .select2-search--dropdown .select2-search__field {min-height: 35px;}
  .select2-container--default .select2-results__option {padding: 10px;}
}

@media (max-width: 991px) {
  .sc-filter {margin-top: -60px; padding-bottom: 100px;}
  .sc-filter .form-default .form-group .form-label {font-size: var(--typo-xl);margin-bottom: 10px;}
}

@media (max-width: 767px) {
  .sc-filter {margin-top: -80px;}
}

@media (max-width: 575px) {
  .sc-filter {margin-top: -90px; padding-bottom: 120px;}
  .sc-filter .form-default .form-group .form-label {font-size: var(--typo-lg);}
  .sc-filter .form-default .form-group .form-label br {display: block;}
}

/* add welcome page */

.welcome-page.login-page  .container {gap: 50px;}
.welcome-page .login-card {max-width: 560px; margin-left: auto; margin-right: auto;}
.welcome-page .card-welcome {width: max-content;margin: 0 auto 10px auto;}
.welcome-page .card-welcome .title {font-size: 44px; font-weight: bold; line-height: 1em; margin-bottom: 30px; color: var(--color-primary); text-align: center;}
.welcome-page .card-welcome .row {margin: 0 -10px;}
.welcome-page .card-welcome .row > div {padding:0 10px;}
.welcome-page .card-welcome .btn {
   position: relative; z-index: 2; min-width: 200px; height: 60px; border-radius: 30px; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); width: 100%; font-size: var(--typo-md); color: var(--color-light); border: none; font-family: "Noto Sans Thai", sans-serif; -webkit-transition: var(--transition); transition: var(--transition);
   border: 1px solid transparent;
}
.welcome-page .card-welcome .btn::before {content: '';position: absolute; width: 100%; height: 100%; border-radius: 30px;z-index: -1;
  -webkit-transition: var(--transition); transition: var(--transition);
}
.welcome-page .card-welcome .btn-login::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#0693ff), to(#0a64db)); background: linear-gradient(#0693ff 0%, #0a64db 100%);
}
.welcome-page .card-welcome .btn-logout::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#f75555), to(#ec4546)); background: linear-gradient(#f75555 0%, #ec4546 100%);
}
/* .welcome-page .card-welcome .btn-login {border-color: var(--color-primary);} */
.welcome-page .card-welcome .btn-login:hover {border-color: var(--color-primary);color: var(--color-primary);}
.welcome-page .card-welcome .btn-login:hover::before {opacity: 0;}
/* .welcome-page .card-welcome .btn-logout {border-color: #ec4546;} */
.welcome-page .card-welcome .btn-logout:hover {border-color: #ec4546;color: #ec4546;}
.welcome-page .card-welcome .btn-logout:hover::before {opacity: 0;}

.welcome-page .card-welcome .alert {color: red;margin: 20px 0 0 0;text-align: center;}

@media (max-width: 1600px) {
  .welcome-page.login-page .header {margin-top: 100px;}
  .welcome-page.login-page .container {gap: 10px;}
  .welcome-page .login-card {max-width: 500px;}
  .welcome-page .card-welcome {margin: 0 auto 0 auto;}
  .welcome-page .card-welcome .row {margin: 0 -5px;}
  .welcome-page .card-welcome .row > div {padding: 0 5px;}
  .welcome-page .card-welcome .title {font-size: 36px;margin-bottom: 20px; margin-top: 10px;}
  .welcome-page .card-welcome .btn {min-width: 180px; height: 50px;border-radius: 25px;font-size: var(--typo-sm);}
}

@media (max-width: 1440px) {
  .welcome-page .card-welcome .title {font-size: 32px;}
}

@media (max-width: 1199px) {
  /* .welcome-page .card-welcome .title {font-size: 30px;} */
}

@media (max-width: 991px) {
  .welcome-page.login-page .header {margin-top: auto;}
}

@media (max-width: 767px) {
  .welcome-page.login-page .header {margin-top: 0;}
  .welcome-page.login-page .container {gap: 20px;height: 100dvh;}
  .welcome-page .card-welcome .alert {margin: 15px 0 0 0;}
}

@media (max-width: 575px) {
  .login-page {background-position: center;}
  .welcome-page .card-welcome {width: 100%;margin-top: 30px;}
  .welcome-page .card-welcome .btn {min-width: 100%;}
  .welcome-page .card-welcome .title {margin-bottom: 15px;}
}

[data-asw-filter=dark-contrast] .welcome-page .card-welcome .title {color: #000;}
[data-asw-filter=dark-contrast] .welcome-page .card-welcome .btn {border-color: #000;}
[data-asw-filter=dark-contrast] .welcome-page .card-welcome .btn:hover {color: #000;}
[data-asw-filter=dark-contrast] .welcome-page .card-welcome .btn-login::before {background: #000;}
[data-asw-filter=dark-contrast] .welcome-page .card-welcome .btn-logout::before {background: #626262;}
[data-asw-filter=dark-contrast] .welcome-page .card-welcome .alert {color: #000;}

[data-asw-filter=yellow-contrast] .welcome-page .card-welcome .title {color: #000;}
[data-asw-filter=yellow-contrast] .welcome-page .card-welcome .btn {border-color: #000;color: #fff000;}
[data-asw-filter=yellow-contrast] .welcome-page .card-welcome .btn:hover {color: #000;}
[data-asw-filter=yellow-contrast] .welcome-page .card-welcome .btn-login::before {background: #000;}
[data-asw-filter=yellow-contrast] .welcome-page .card-welcome .btn-logout::before {background: #626262;}
[data-asw-filter=yellow-contrast] .welcome-page .card-welcome .alert {color: #000;}


/* forgot-password */

.login-page .body .login-card .form-default .forgot-password {
  width: max-content; margin-left: auto; display: block; text-align: right; margin-top: -15px;
  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: -10px;}
}


.failed-page.welcome-page .card-welcome .title {margin-bottom: 20px;}
.failed-page.welcome-page .card-welcome .desc {font-size: 22px; margin-bottom: 0; text-align: center;line-height: 1.4em;}
.failed-page.welcome-page .card-welcome .action {margin-top: 20px;}

@media (max-width: 1600px) {
  .failed-page.welcome-page .card-welcome .desc {font-size: 20px;}
}

@media (max-width: 767px) {
.failed-page.welcome-page .card-welcome .desc {font-size: 18px;}
.failed-page.welcome-page .card-welcome .action {margin-top: 15px;}
}

@media (max-width: 575px) {
.failed-page.welcome-page .card-welcome .title {margin-bottom: 13px;line-height: 1.2em;}
}


/* add text 040625*/

.login-page .header .desc {color: var(--color-secondary); font-size: 36px; font-weight: var(--fw-bold); text-align: center; margin: 10px 0 0 0;}

@media (max-width: 1600px) {
  .login-page .header .desc {font-size: 26px;margin: 5px 0 0 0;}
}

@media (max-width: 767px)  {
  .login-page .header .desc {font-size: var(--typo-lg);}
}

.layout-header .header-group-end .dropdown.-nav .menu .link {
  cursor: pointer;
}