/* Edit: adjusted display scale - 16-07-25 */

.layout-body-login .login-page {padding-bottom: 0;}
.layout-body-login .login-page .container {max-width: 1000px;}
.layout-body-login .login-page .header .h-title,
.layout-body-login .login-page .header .desc {font-size: 28px;}
.layout-body-login .login-page .body .login-card {padding: 90px 30px 30px 30px;}
.layout-body-login .login-page .body .login-card .form-default .title {font-size: 22px; margin-bottom: 20px;}
.layout-body-login .login-page .body .login-card .form-default .form-group .form-label {font-size: var(--typo-xs);margin-left: 25px;}
.layout-body-login .login-page .body .login-card .form-default .form-group .form-control {font-size: var(--typo-xs);padding: 0 25px; height: 50px;}
.layout-body-login .login-page .body .login-card .form-default .form-group #password-view {font-size: var(--typo-default);right: 25px;}
.layout-body-login .login-page .body .login-card .form-default .forgot-password {font-size: var(--typo-xs);}
.layout-body-login .login-page .body .login-card .form-default .action {margin-top: 15px;}
.layout-body-login .login-page .body .login-card .form-default .action .btn,
.layout-body-login .login-page .body .login-card .form-thai-id .btn-login {height: 50px;font-size: var(--typo-sm);}
.layout-body-login .login-page .body .login-card .form-thai-id .thai-id-brand {width: 180px;}
.layout-body-login .login-page .body .login-card > .row > div:first-child::before {font-size: var(--typo-xs);}
.layout-body-login .note-card {padding: 15px;}
.layout-body-login .note-card p {font-size: var(--typo-xs);}

@media (max-width: 1600px) {
  .layout-body-login .login-page .container {max-width: 900px;}
  .layout-body-login .login-page .header .h-title,
  .layout-body-login .login-page .header .desc {font-size: 26px;}
  .layout-body-login .login-page .body .login-card > .row {margin: 0 -40px;}
  .layout-body-login .login-page .body .login-card > .row > div {padding: 0 40px;}
  .layout-body-login .login-page .body .login-card {padding: 70px 20px 20px 20px;}
  .layout-body-login .login-page .body .login-card .form-default .title {font-size: 18px;}
  .layout-body-login .login-page .body .login-card .form-default .form-group .form-label {margin-bottom: 5px;}
  .layout-body-login .login-page .body .login-card .form-default .action .btn, 
  .layout-body-login .login-page .body .login-card .form-thai-id .btn-login {font-size: 16px;}
  .layout-body-login .login-page .body .login-card > .row > div:first-child::before {font-size: 13px;width: 35px; height: 35px;}
  .layout-body-login .login-page .footer-fluid {position: relative;}
}

@media (max-width: 1440px) {
  .layout-body-login .login-page .header .h-title,
  .layout-body-login .login-page .header .desc {font-size: 22px;}
  .layout-body-login .login-page .body .login-card .form-default .title {margin-bottom: 15px;}
  .layout-body-login .note-card {padding: 12px;}
  .layout-body-login .note-card p {font-size: 13px;}
}

@media (max-width: 1366px) {
  .layout-body-login .login-page .header {margin-top: 0;}
  .layout-body-login .login-page .container {max-width: 100%;padding: 0 100px;}
}

@media (max-width: 991px) {
  .layout-body-login .login-page .container {padding: 0 15px;}
  .layout-body-login .login-page .header .h-title, 
  .layout-body-login .login-page .header .desc {font-size: var(--typo-lg);}
}

@media (max-width: 767px) {
  .layout-body-login .login-page .body .login-card {padding: 30px 20px 20px 20px;}
  .layout-body-login .login-page .body .login-card .form-thai-id .thai-id-brand {width: 130px;}
}

/*/////////////////////*/

/* Edit Comment 18-7-25 */

.select2-search--dropdown {border-bottom: 1px solid #ddd;}
.select2-container--default .select2-results__option:nth-child(odd) {background-color: #f7f7f7;color: var(--color-default);}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: var(--color-primary); color: var(--color-light);}


/* wcag dark theme */
[data-asw-filter=dark-contrast] .sc-filter .form-default .form-group .form-label {color: var(--color-light);}
[data-asw-filter=dark-contrast] .sc-filter .select2-container--default .select2-selection--single .select2-selection__rendered {color: var(--color-black);}
[data-asw-filter=dark-contrast] .sc-filter .select2-container--default .select2-selection--single .select2-selection__placeholder {color: var(--color-black);}
[data-asw-filter=dark-contrast] .sc-filter .select2-container .select2-selection--single {border-color: var(--color-light);}
[data-asw-filter=dark-contrast] .sc-filter .select2-container--default .select2-selection--single .select2-selection__arrow b:before, 
[data-asw-filter=dark-contrast] .sc-filter .select2-container--default .select2-selection--single .select2-selection__arrow b:after {background-color: #000;}
[data-asw-filter=dark-contrast] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: var(--color-black);}
[data-asw-filter=dark-contrast] .select2-dropdown {border-color: var(--color-black);}
[data-asw-filter=dark-contrast] .select2-search--dropdown .select2-search__field:focus, 
[data-asw-filter=dark-contrast] .select2-search--dropdown .select2-search__field:focus-visible {border-color: var(--color-black); box-shadow: 0 0 8px -4px var(--color-black);}

/* wcag yellow theme */
[data-asw-filter=yellow-contrast] .sc-filter .form-default .form-group .form-label {color: #fff000;}
[data-asw-filter=yellow-contrast] .sc-filter .select2-container--default .select2-selection--single .select2-selection__rendered {color: var(--color-black);}
[data-asw-filter=yellow-contrast] .sc-filter .select2-container--default .select2-selection--single .select2-selection__placeholder {color: var(--color-black);}
[data-asw-filter=yellow-contrast] .sc-filter .select2-container .select2-selection--single {border-color: #fff000; background-color: #fff000;}
[data-asw-filter=yellow-contrast] .sc-filter .select2-container--default .select2-selection--single .select2-selection__arrow b:before, 
[data-asw-filter=yellow-contrast] .sc-filter .select2-container--default .select2-selection--single .select2-selection__arrow b:after {background-color: #000;}
[data-asw-filter=yellow-contrast] .select2-dropdown {border-color: #fff000;background-color: #bfbebe;}
[data-asw-filter=yellow-contrast] .select2-container--default .select2-search--dropdown .select2-search__field {background-color: #ddd;}
[data-asw-filter=yellow-contrast] .select2-container--default .select2-results__option:nth-child(odd) {background-color: #ddd;color: #000;}
[data-asw-filter=yellow-contrast] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: var(--color-black);color: #fff000;}
[data-asw-filter=yellow-contrast] .select2-search--dropdown  {border-color: #fff000;}
[data-asw-filter=yellow-contrast] .select2-search--dropdown .select2-search__field:focus, 
[data-asw-filter=yellow-contrast] .select2-search--dropdown .select2-search__field:focus-visible {border-color: #fff000; box-shadow: 0 0 8px -4px #fff000;}

/*/////////////////////*/