/* api page : start */
.sc-api {margin: 50px 0 100px 0;}
.sc-api .card-api {background-color: var(--color-light);border-radius: 30px;box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); overflow: hidden;}
.sc-api .card-box {height: 100%;background-color: #224BC6;}
.sc-api .card-box .collapse-group .collapse-box {background: transparent;}
.sc-api .card-box .collapse-group .collapse-btn {padding: 0; border: none;pointer-events: none;}
.sc-api .card-box .collapse-group .collapse-btn .title {position: relative;}
.sc-api .card-box .collapse-group .collapse-btn .title::before{content: "\e842"; font-family: "feather"; transition: var(--transition); transform: rotate(0deg); 
 display: inline-block;position: absolute; right: 0; font-weight: var(--fw-bold); display: none;
}
.sc-api .card-box .collapse-group .collapse-btn.active .title::before {transform: rotate(-180deg);}
.sc-api .card-box .collapse-group .collapse-btn.active {background-color: transparent;}
.sc-api .card-box .collapse-group .collapse-content {padding: 0;}




.sc-api .card-box + .card-box {margin-top: 30px;}
.sc-api .card-header {width: 420px;height: 100%;}
.sc-api .card-header .api-list {height: 100%; background-image: url(../img/background/bg-header-form.png); background-repeat: no-repeat; background-position: top;
  padding: 80px 20px 20px 15px; position: relative;border-radius: 0;}
.sc-api .card-header .api-list::before {content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background-color: #224BC6; z-index: -1;border-radius: 0;}
.sc-api .card-header .api-list .logo {text-align: center; margin-bottom: 20px; display: flex ; justify-content: center;}
.sc-api .title {display: flex ; align-items: center; font-size: 30px; line-height: 1.4em; margin-bottom: 30px;color: var(--color-primary);transition: var(--transition);}
.sc-api .card-header .title {color: var(--color-light);justify-content: center;}
.sc-api .title .icon {display: flex;margin-right: 10px;}
.sc-api .title .icon svg {width: 35px; height: 35px;}

.sc-api.-has-collapse .collapse-box + .collapse-box {margin-top: 20px;}
.sc-api.-has-collapse .collapse-btn .title {margin-bottom: 0;position: relative;}
.sc-api.-has-collapse .collapse-btn .title::before{content: "\e842"; font-family: "feather"; transition: var(--transition); transform: rotate(0deg); position: relative; display: inline-block;
  position: absolute; right: 0; font-weight: var(--fw-bold);
}
.sc-api.-has-collapse .collapse-btn {padding: 0;background-color: transparent;border: none;}
.sc-api.-has-collapse .collapse-btn.active {margin-bottom: 20px;}
.sc-api.-has-collapse .collapse-btn.active .title::before {transform: rotate(-180deg);}
.sc-api.-has-collapse .collapse-content {padding: 0;}


.sc-api  .api-list .item-list li {width: 100%;}
.sc-api  .api-list .item-list li + li {margin-top: 10px;}
.sc-api  .api-list .item-list li .link {position: relative; display: block; padding: 20px 15px; border: 2px solid var(--color-light);font-size: var(--typo-sm);
  color: var(--color-default);  background-color: var(--color-light); box-shadow: rgba(0, 0, 0, 0.1) 5px 10px 20px 0px inset; border-radius: 20px; text-decoration: none;
  display: flex; align-items: center;
}
.sc-api  .api-list .item-list li .link.active {background-color: var(--color-primary);color: var(--color-light);}
.sc-api  .api-list .item-list li .link:not(.active):hover p {color: var(--color-primary);}
.sc-api  .api-list .item-list li .link .icon {display: flex ; min-width: 28px;margin-right: 5px;}
.sc-api  .api-list .item-list li .link .icon::before {content: ""; width: 18px; height: 18px; background: #fff; filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 3px 2px 4px 1px inset;
}
.sc-api  .api-list .item-list li .link .icon svg {display: none;}
.sc-api  .api-list .item-list li .link p {word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.2em; -webkit-line-clamp: 2; max-height: 2.4em; transition: all 200ms ease-out; margin-bottom: 0;
}

.sc-api  .api-list .item-list li .link.active .icon::before {display: none;}
.sc-api  .api-list .item-list li .link.active .icon svg {display: block;}

.sc-api .card-wrapper {padding: 40px 30px 30px 30px;}
.sc-api .card-content + .card-content {margin-top: 40px;}
.sc-api .card-content {position: relative; z-index: 1;}
.sc-api .card-content .sc-head {padding-bottom: 25px; margin-bottom: 25px;border-bottom: 1px solid #d0cfcfa3;}
.sc-api .card-content .sc-head .icon {display: flex;}
.sc-api .card-content .sc-head .icon svg {width: 35px;height: 35px;}
.sc-api .card-content .sc-head .icon svg * {fill: var(--color-primary);}
.sc-api .card-content .topic {font-weight: var(--fw-bold);color: var(--color-primary);font-weight: var(--fw-bold); color: var(--color-primary); 
  line-height: 1em; margin-bottom: 0; position: relative; top: 1px;
}

.sc-api .card-content .body-info .row + .row {margin-top: 15px;}
.sc-api .card-content .body-info .row > div:first-child > p {min-width: 130px;}
.sc-api .card-content .body-info .desc {font-size: var(--typo-sm);margin-bottom: 0;}

.sc-api .card-content .body-table {padding-top: 25px; margin-top: 25px;border-top: 1px solid #d0cfcfa3;}
.sc-api .card-content .body-table .desc {font-size: var(--typo-sm);margin-bottom: 0;}


.sc-api .card-content .body-table table {width: 100%; padding: 0; margin: 0; border: none; border-spacing: 0; border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; overflow: hidden;margin-top: 20px;
}
.sc-api .card-content .body-table table .tb-size11-head {background-color: var(--color-primary) !important;border-bottom: 1px solid #b7b7b7;padding: 10px 20px; color: var(--color-light);
  font-weight: var(--fw-bold);  line-height: 1.4em; height: 80px; text-align: left; font-size: var(--typo-sm);
}
.sc-api .card-content .body-table table tr:nth-child(even) td {background-color: var(--color-light);}
.sc-api .card-content .body-table table tr:nth-child(odd) td {background-color: #F2F7FF;}
.sc-api .card-content .body-table table td {padding: 10px 20px;line-height: 1.4em; height: 80px; text-align: left;font-size: var(--typo-sm);}
.sc-api .card-content .body-table table td + td {border-left: 1px solid #ECECEC;}
.sc-api .card-content .body-table table .txt-mb {display: none; color: var(--color-primary);}

.sc-api .card-content .body-fields .desc {font-size: var(--typo-sm);margin-bottom: 0;}

.sc-api .card-content .body-fields .fields-block {background-color: #F5F5F5; border: 1px solid #E8E8E8; border-radius: 30px; padding: 30px;margin-top: 20px;}
.sc-api .card-content .body-fields .fields-block pre {margin: 0;overflow: auto;}
.sc-api .card-content .body-fields .fields-block code {word-break: break-word;overflow: auto; word-break: break-all; word-wrap: break-word; display: block; white-space: break-spaces;}


.sc-api .menu-mobile-btn {position: relative;width: 28px; height: 22px;display: none;}
.sc-api .menu-mobile-btn .bar {position: absolute; width: 100%; height: 3px; left: 0; background-color: #fff; margin: auto; transition: all 200ms ease-out; border-radius: 3px;}
.sc-api .menu-mobile-btn .bar:nth-child(1) {top: 0;}
.sc-api .menu-mobile-btn .bar:nth-child(2) {top: 0; bottom: 0;}
.sc-api .menu-mobile-btn .bar:nth-child(3) {top: 0; bottom: 0;}
.sc-api .menu-mobile-btn .bar:nth-child(4) {bottom: 0;}
.sc-api .card-box .collapse-group .collapse-btn.active .menu-mobile-btn .bar:nth-child(1) {top: 0; opacity: 0;}
.sc-api .card-box .collapse-group .collapse-btn.active .menu-mobile-btn .bar:nth-child(2) {top: 0; bottom: 0;transform: rotate(45deg);}
.sc-api .card-box .collapse-group .collapse-btn.active .menu-mobile-btn .bar:nth-child(3) {top: 0; bottom: 0;transform: rotate(-45deg);}
.sc-api .card-box .collapse-group .collapse-btn.active .menu-mobile-btn .bar:nth-child(4) {bottom: 0; opacity: 0;}


/* breakpoints */
@media (max-width: 1600px) {
  .sc-api {margin: 30px 0 60px 0;}
  .sc-api .card-header {width: 340px;}
  .sc-api .card-header .api-list {padding: 50px 20px 20px 15px;}
  .sc-api .card-header .title {margin-bottom: 20px;}
  .sc-api .card-header .api-list .logo {margin-bottom: 10px;}
  .sc-api .card-header .api-list .logo img {max-width: 100px;}
  .sc-api .title {font-size: var(--typo-lg);}
  .sc-api .card-content .sc-head {padding-bottom: 20px; margin-bottom: 20px;}
  .sc-api .card-content .sc-head > .row {margin-left: -4px; margin-right: -4px;}
  .sc-api .card-content .sc-head > .row > div {padding: 0 4px;}
  .sc-api .card-content .sc-head .icon svg {width: 30px; height: 30px;}
  .sc-api .card-content .topic {font-size: 20px;}
  .sc-api .card-content + .card-content {margin-top: 30px;}
  /* .sc-api .card-content .body-info .row > div:first-child > p {min-width: 95px;} */
}
@media (max-width: 1400px) {
  /* .sc-api {margin: 30px 0 40px 0;} */
  
}
@media (max-width: 1199px) {
  .sc-api {margin: 30px 0 40px 0;}
  .sc-api > .row {margin: 0 -10px;}
  .sc-api > .row > div {padding: 0 10px;}
  /* .sc-api .card-header {width: 320px;} */
  /* .sc-api .card-header .api-list {border-radius: 20px;} */
  .sc-api .card-header .api-list {padding: 30px 20px 20px 15px;}
  .sc-api .api-list .item-list li .link {padding: 15px;border-radius: 16px;}
  .sc-api .title .icon svg {width: 30px; height: 30px;}



  /* .sc-api .card-content {padding: 20px;border-radius: 20px;} */
  .sc-api .card-api {border-radius: 20px;}
  .sc-api .card-content .body-fields .fields-block {border-radius: 20px;}
  .sc-api .card-content .sc-head {padding-bottom: 15px;}
  .sc-api .card-content .sc-head .icon svg {width: 28px; height: 28px;}
  /* .sc-api .card-content .body-info .row > div:first-child > p {min-width: 90px;} */
}
@media (max-width: 991px) {
  .sc-api .card-header {width: 100%;}
  .sc-api .card-header .api-list {background-size: cover;}
  .sc-api .card-header .api-list .logo img {max-width: 60px;}
  .sc-api > .row > div:nth-child(2) {margin-top: 30px;}
  
  .sc-api .card-content .body-fields .fields-block {padding: 15px; margin-top: 15px;}
  .sc-api .card-content .body-fields .fields-block code {white-space: pre;}

  .sc-api .card-wrapper {padding: 30px 20px 20px 20px;}

  .sc-api .menu-mobile-btn {display: block;}
  .sc-api .card-box .collapse-group .collapse-btn {pointer-events: auto;}
  /* .sc-api .card-box .collapse-group .collapse-btn .title::before {display: block;} */
  .sc-api .card-header .api-list .logo {display: none;}
  .sc-api .card-header .title {margin-bottom: 0;justify-content: space-between;}
  .sc-api .card-box .collapse-group .collapse-content {margin-top: 20px;display: none;}

  .sc-api .card-content .body-info .row > div:first-child > p br {display: none;}


}
@media (max-width: 767px) {
  .sc-api {margin: 30px 0 30px 0;}
  .sc-api .card-box {background-color: transparent;}

  .sc-api .card-header .api-list {padding: 20px 15px;}
  /* .sc-api .card-header .title {margin-bottom: 15px;} */

  /* .sc-api .card-content {padding: 15px;} */
  .sc-api .card-content .sc-head {margin-bottom: 15px;}
  .sc-api .card-content .sc-head .icon svg {width: 25px; height: 25px;}
  .sc-api .card-content .topic {font-size: 18px;}

  .sc-api .card-content .body-info .desc {font-size: var(--typo-default);}
  .sc-api .card-content .body-info .row + .row {margin-top: 10px;}
  .sc-api .card-content .body-info .row > div:first-child > p {margin-bottom: 5px;}

  .sc-api .card-content .body-table table {border-radius: 20px;margin-top: 15px;}
  .sc-api .card-content .body-table table tr:first-child {display: none;}
  .sc-api .card-content .body-table table td {display: flex ; justify-content: space-between; height: auto; text-align: left; flex-direction: column;padding: 15px 15px;
    border-top: 1px solid #ECECEC;
  }
  .sc-api .card-content .body-table table tr:nth-child(even) td:nth-child(odd) {background-color: #F2F7FF;}
  .sc-api .card-content .body-table table tr:nth-child(odd) td:nth-child(even) {background-color: #F2F7FF;}
  .sc-api .card-content .body-table table tr:nth-child(odd) td:nth-child(odd) {background-color: var(--color-light);}

  .sc-api .card-content .body-table table .txt-mb {display: block;font-weight: var(--fw-bold);margin-bottom: 5px;}

}


/* api page : end */

[data-asw-filter=dark-contrast] .layout-header .header-group-end .btn.-home span {color: #000;}
[data-asw-filter=dark-contrast] .layout-header .header-group-end .dropdown .dropdown-toggle.active .icon, 
[data-asw-filter=dark-contrast] .layout-header .header-group-end .dropdown .dropdown-toggle:hover .icon {border-color: var(--color-black); background-color: var(--color-black);}
[data-asw-filter=dark-contrast] .layout-header .header-group-end .dropdown .dropdown-menu .link .icon {background-color: transparent;color: var(--color-black);}
[data-asw-filter=dark-contrast] .layout-header .header-group-end .dropdown .dropdown-menu .link .icon svg * {fill: var(--color-black);}
[data-asw-filter=dark-contrast] .layout-header .header-group-end .dropdown .dropdown-menu .link:hover .icon svg * {fill: var(--color-light);}
[data-asw-filter=dark-contrast] .layout-header .header-group-end .btn.-home:hover span {color: var(--color-light);}


[data-asw-filter=dark-contrast] .sc-card .header::before {background-color: #494949;}
[data-asw-filter=dark-contrast] .sc-api .card-box {background-color: #494949;}
[data-asw-filter=dark-contrast] .sc-api .card-header .api-list {background-image: url(../img/background/bg-header-form-gray.png);}
[data-asw-filter=dark-contrast] .sc-api .card-header .api-list .logo {filter: grayscale(1);}
[data-asw-filter=dark-contrast] .sc-api .api-list .item-list li .link.active {background-color: var(--color-black);}
[data-asw-filter=dark-contrast] .sc-api .api-list .item-list li .link:not(.active):hover p {color: var(--color-black);}
[data-asw-filter=dark-contrast] .sc-api .title {color: var(--color-black);}
[data-asw-filter=dark-contrast] .sc-api .card-content .sc-head .icon svg * {fill: var(--color-black);}
[data-asw-filter=dark-contrast] .sc-api .card-content .topic {color: var(--color-black);}
[data-asw-filter=dark-contrast] .sc-api .card-content .body-info .desc {color: var(--color-black);}
[data-asw-filter=dark-contrast] .sc-api .card-content .body-table table .tb-size11-head {background-color: var(--color-black) !important;}
[data-asw-filter=dark-contrast] .sc-api .card-box .collapse-group .collapse-btn .title,
[data-asw-filter=dark-contrast] .sc-api .card-box .collapse-group .collapse-btn .title::before {color: var(--color-black);}
[data-asw-filter=dark-contrast] .sc-api .menu-mobile-btn .bar {background-color: var(--color-black);}
[data-asw-filter=dark-contrast] .sc-api .card-content .body-table table .txt-mb {color: var(--color-black);}

[data-asw-filter=dark-contrast] .sc-api .card-content:nth-child(2) .body-table table tr:nth-child(odd) td {background-color: #ddd;}

@media (max-width: 767px) {
  [data-asw-filter=dark-contrast] .sc-api .card-content:nth-child(1) .body-table table tr:nth-child(even) td:nth-child(odd),
  [data-asw-filter=dark-contrast] .sc-api .card-content:nth-child(1) .body-table table tr:nth-child(odd) td:nth-child(even){background-color: #ddd;}

  [data-asw-filter=dark-contrast] .sc-api .card-content:nth-child(2) .body-table table tr:nth-child(even) td:nth-child(odd) {background-color: #ddd;}
  [data-asw-filter=dark-contrast] .sc-api .card-content:nth-child(2) .body-table table tr:nth-child(odd) td:nth-child(odd) {background-color: #fff;}

  [data-asw-filter=dark-contrast] .sc-api .card-content .body-table table td {border: none !important;}
}


[data-asw-filter=yellow-contrast] .layout-header .header-group-end .btn.-home {background-color: #fff000;border-color: #fff000;}
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .btn.-home:hover {background-color: var(--color-black);}
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .btn.-home:hover span {color: #fff000;}
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .btn.-home span {color: #000;}
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .dropdown .dropdown-toggle .icon {border-color: #fff000;}
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .dropdown .dropdown-toggle.active .icon, 
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .dropdown .dropdown-toggle:hover .icon {border-color: var(--color-black); background-color: var(--color-black); color: #fff000;}
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .dropdown .dropdown-menu .link .icon {background-color: transparent;}
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .dropdown .dropdown-menu .link.active .icon {background-color: var(--color-black);}

[data-asw-filter=yellow-contrast] .layout-header .header-group-end .dropdown .dropdown-menu .link .icon svg * {fill: var(--color-black);}
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .dropdown .dropdown-menu .link.active svg *, 
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .dropdown .dropdown-menu .link:hover svg * {fill: var(--color-black);}
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .dropdown .dropdown-menu .link.active svg *, 
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .dropdown .dropdown-menu .link:hover svg * {fill: #fff000;background-color: var(--color-black);}
[data-asw-filter=yellow-contrast] .layout-header .header-group-end .dropdown .dropdown-menu .link .icon {color: var(--color-black);}
[data-asw-filter=yellow-contrast] .sc-card .header::before {background-color: #494949;}

[data-asw-filter=yellow-contrast] .sc-api .card-wrapper {background-color: #fff000;}
[data-asw-filter=yellow-contrast] .sc-api .card-box {background-color: #494949;}
[data-asw-filter=yellow-contrast] .sc-api .card-header .api-list {background-image: url(../img/background/bg-header-form-gray.png);}
[data-asw-filter=yellow-contrast] .sc-api .card-header .api-list .logo {filter: grayscale(1);}
[data-asw-filter=yellow-contrast] .sc-api .card-box .collapse-group .collapse-btn .title,
[data-asw-filter=yellow-contrast] .sc-api .card-box .collapse-group .collapse-btn .title::before {color: #000;}
[data-asw-filter=yellow-contrast] .sc-api .api-list .item-list li .link {border-color: #fff000;background-color: #626262;}
[data-asw-filter=yellow-contrast] .sc-api .api-list .item-list li .link.active .icon svg * {fill: #fff000;}
[data-asw-filter=yellow-contrast] .sc-api .api-list .item-list li .link .icon::before {background-color: #fff000;}
[data-asw-filter=yellow-contrast] .sc-api .api-list .item-list li .link p {color: #fff000;}
[data-asw-filter=yellow-contrast] .sc-api .api-list .item-list li .link.active {background-color: var(--color-black);}
[data-asw-filter=yellow-contrast] .sc-api .api-list .item-list li .link:not(.active):hover p {color: var(--color-black);}
[data-asw-filter=yellow-contrast] .sc-api .title {color: var(--color-black);}
[data-asw-filter=yellow-contrast] .sc-api .card-content .sc-head .icon svg * {fill: var(--color-black);}
[data-asw-filter=yellow-contrast] .sc-api .card-content .topic {color: var(--color-black);}
[data-asw-filter=yellow-contrast] .sc-api .card-content .body-info .desc {color: var(--color-black);}
[data-asw-filter=yellow-contrast] .sc-api .card-content .body-table table .tb-size11-head {background-color: var(--color-black) !important;color: #fff000;border-color: #fff000;}
[data-asw-filter=yellow-contrast] .sc-api .card-content .sc-head {border-color: #fff000;}

[data-asw-filter=yellow-contrast] .sc-api .card-content .body-table table td + td {border-color: #fff000;}
[data-asw-filter=yellow-contrast] .sc-api .card-content .body-fields .fields-block {background-color: #626262;border-color: #000;color: #fff000;}
[data-asw-filter=yellow-contrast] .sc-api .card-content .body-table table .txt-mb {color: var(--color-black);}

[data-asw-filter=yellow-contrast] .sc-api .menu-mobile-btn .bar {background-color: #000;}

[data-asw-filter=yellow-contrast] .sc-api .card-content .body-table table tr:nth-child(even) td {background-color: #ababab;}
[data-asw-filter=yellow-contrast] .sc-api .card-content:nth-child(2) .body-table table tr:nth-child(odd) td {background-color: #ddd;}

/* [data-asw-filter=yellow-contrast] .sc-api .card-content:nth-child(2) .body-table table tr:nth-child(3) td
[data-asw-filter=yellow-contrast] .sc-api .card-content:nth-child(2) .body-table table tr:nth-child(4) td {border-top: 1px solid #fff000;} */

@media (max-width: 767px) {
  [data-asw-filter=yellow-contrast] .sc-api .card-content:nth-child(1) .body-table table tr:nth-child(even) td:nth-child(odd),
  [data-asw-filter=yellow-contrast] .sc-api .card-content:nth-child(1) .body-table table tr:nth-child(odd) td:nth-child(even){background-color: #ddd;}

  [data-asw-filter=yellow-contrast] .sc-api .card-content:nth-child(2) .body-table table tr:nth-child(even) td:nth-child(odd) {background-color: #ddd;}
  [data-asw-filter=yellow-contrast] .sc-api .card-content:nth-child(2) .body-table table tr:nth-child(odd) td:nth-child(odd) {background-color: #ababab;}

  [data-asw-filter=yellow-contrast] .sc-api .card-content .body-table table td + td {border-top: 1px solid #000;border-left: none;}

  [data-asw-filter=yellow-contrast] .sc-api .card-content .body-table table td {border: none !important;}
  /* [data-asw-filter=yellow-contrast] .sc-api .card-content:nth-child(1) .body-table table tr:nth-child(2) td,
  [data-asw-filter=yellow-contrast] .sc-api .card-content:nth-child(2) .body-table table tr:nth-child(2) td:first-child {border: none;} */
}


/* 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);}
}