<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS file within this directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the top of the
* compiled file, but it's generally better to create a new file per style scope.
*
* require bootstrap
* require grails
* require main
* require mobile
*= require material-design-icons/css/material-design-iconic-font.min.css
*= require perfect-scrollbar/css/perfect-scrollbar.min.css
*    = require datetimepicker/css/bootstrap-datetimepicker.min.css
*= require summernote/summernote.css
*= require select2/css/select2.min.css
*= require jquery.gritter/css/jquery.gritter.css
*= require jquery.datetimepicker/jquery.datetimepicker.css
*= require datatables/css/dataTables.bootstrap.min.css
*= require bootstrap-slider/css/bootstrap-slider.css
*= require style.css
*= require modify.css
*= require_self
*/


* {
    font-family: 'Kanit', sans-serif;
}

.note-editor.note-frame {
    border: 1px solid #CCCCCC;
}
.note-editor.note-frame .note-editable {
    border: 0px;
    border-top:1px solid #CCCCCC;
}

.note-editor.note-frame .note-toolbar {

     padding-bottom: 0px;
}

.note-popover .popover-content, .panel-heading.note-toolbar{
    padding: 0 0 0 5px;
}

th.switch, th.next, th.previous{
    background-color: transparent;
}

.table-condensed thead &gt; tr &gt; th.switch{
    background-color: transparent;
}

.table-condensed thead &gt; tr &gt; th.dow{
    background-color: transparent;
}

.table-condensed thead &gt; tr &gt; th.next{
    background-color: transparent;
}

.table-condensed thead &gt; tr &gt; th.prev{
    background-color: transparent;
}

.panel-footer {
    background-color: transparent;
    border-top: 0;
    padding: 20px 20px 0;
}

.panel-footer .btn-space-between {
    display: flex;
    justify-content: space-between;
}

.btn-min-w150 {
    max-width: 150px;
    width: 100%;
}

.text-note-skip {
    font-size: 14px;
    font-weight: 400;
}

.fuelux .wizard &gt; .steps {
    margin-left: 0 !important;
}

.fuelux .wizard &gt; .actions button.btn-prev i {
    margin-right: 5px;
}

.panel-heading-divider {
    font-weight: 500;
}

.panel-heading-divider .panel-subtitle {
    margin-top: 4px;
    font-weight: 400;
}

.step-content .panel {
    box-shadow: none !important;
}

.btn-disabled {
    pointer-events: none;
    cursor: default;
    /* background-color: #e0e0e0 !important; */
    /* border-color: #eee; */
    /* color: #909090 !important; */
    opacity: 0.7;
  }

.fuelux .wizard {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 4%);
}

.text-form-fill-error {
    margin: 5px 0 0;
}

.profile-id-title {
    font-size: 50px;
    text-align: center;
}

.wrapper-alert-check-form-fill {
/* .wrapper-alert-note-show-profile { */
    width: 100%;
    position: fixed;
    top: 10px;
    left: 0;
    z-index: 99;
}

.wrapper-alert-note-show-profile {
    width: 100%;
    position: absolute;
    margin-top: 12px;
    left: unset;
    right: 135px;
    z-index: 99;
    /* max-width: 1100px;
    padding-right: 0; */
}

.wrapper-alert-check-form-fill .alert-check-form-fill,
.wrapper-alert-note-show-profile .alert-note-show-profile {
    background-color: yellow;
    color: #000 !important;
    box-shadow: 0px 0px 7px #00000059;
    width: 100%;
    max-width: 400px;
    margin: auto;
    line-height: 22px;
    font-weight: 300;
}

.wrapper-alert-note-show-profile .alert-note-show-profile {
    /* max-width: 350px; */
    max-width: max-content;
    padding: 4px 10px 4px 10px;
    position: relative;
    margin-left: auto;
    margin-right: unset;
}

/* @media screen and (max-width: 1200px) {
    .wrapper-alert-note-show-profile {
        right: 14%;
    }
}
@media screen and (max-width: 992px) {
    .wrapper-alert-note-show-profile {
        right: 17%;
    }
}
@media screen and (max-width: 767px) {
    .wrapper-alert-note-show-profile {
        right: 15% !important;
        top: 110px !important;
    }
} */

.wrapper-alert-note-show-profile .alert-note-show-profile::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -19px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid yellow;
}

.wrapper-alert-check-form-fill .alert-check-form-fill strong,
.wrapper-alert-note-show-profile .alert-note-show-profile strong {
    font-weight: 400;
    margin-right: 5px;
}

.wrapper-alert-check-form-fill .alert-check-form-fill .close,
.wrapper-alert-note-show-profile .alert-note-show-profile .close {
    color: #000 !important;
    opacity: 0.4;
}

.wrapper-alert-note-show-profile .alert-note-show-profile .close {
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
}

.wrapper-alert-note-show-profile .alert-note-show-profile {
    /* background-color: #000000c7; */
}

.note-warning-preview {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 26px;
    margin-top: 10px;
    font-weight: bold;
    color: red;
}

.note-change-info {
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}

.note-upload-profile-image {
    font-size: 14px;
    line-height: 26px;
}

.note-upload-profile-image span {
    color: red;
}

.td-options .btn {
    margin-left: 2px;
    margin-right: 2px;
}

/* general &amp; layout */
.p-0 {
    padding: 0 !important; }
  
.pt-0 {
    padding-top: 0 !important; }

.pb-0 {
    padding-bottom: 0 !important; }

.pr-0 {
    padding-right: 0 !important; }

.pl-0 {
    padding-left: 0 !important; }

.pt-5 {
    padding-top: 5px !important; }

.pt-10 {
    padding-top: 10px !important; }

.pt-15 {
    padding-top: 15px !important; }

.pt-20 {
    padding-top: 20px !important; }

.pt-25 {
    padding-top: 25px !important; }

.pt-30 {
    padding-top: 30px !important; }

.pt-35 {
    padding-top: 35px !important; }

.pt-40 {
    padding-top: 40px !important; }

.pt-45 {
    padding-top: 45px !important; }

.pt-50 {
    padding-top: 50px !important; }

.pb-5 {
    padding-bottom: 5px !important; }

.pb-10 {
    padding-bottom: 10px !important; }

.pb-15 {
    padding-bottom: 15px !important; }

.pb-20 {
    padding-bottom: 20px !important; }

.pb-25 {
    padding-bottom: 25px !important; }

.pb-30 {
    padding-bottom: 30px !important; }

.pb-35 {
    padding-bottom: 35px !important; }

.pb-40 {
    padding-bottom: 40px !important; }

.pb-45 {
    padding-bottom: 45px !important; }

.pb-50 {
    padding-bottom: 50px !important; }

.pl-5 {
    padding-left: 5px !important; }

.pl-10 {
    padding-left: 10px !important; }

.pl-15 {
    padding-left: 15px !important; }

.pl-20 {
    padding-left: 20px !important; }

.pl-25 {
    padding-left: 25px !important; }

.pl-30 {
    padding-left: 30px !important; }

.pl-35 {
    padding-left: 35px !important; }

.pl-40 {
    padding-left: 40px !important; }

.pl-45 {
    padding-left: 45px !important; }

.pl-50 {
    padding-left: 50px !important; }

.pr-5 {
    padding-right: 5px !important; }

.pr-10 {
    padding-right: 10px !important; }

.pr-15 {
    padding-right: 15px !important; }

.pr-20 {
    padding-right: 20px !important; }

.pr-25 {
    padding-right: 25px !important; }

.pr-30 {
    padding-right: 30px !important; }

.pr-35 {
    padding-right: 35px !important; }

.pr-40 {
    padding-right: 40px !important; }

.pr-45 {
    padding-right: 45px !important; }

.pr-50 {
    padding-right: 50px !important; }

.m-0 {
    margin: 0 !important;
}

.m-5 {
    margin: 5px !important; }

.m-10 {
    margin: 10px !important; }

.m-15 {
    margin: 15px !important; }

.m-20-auto {
    margin: 20px auto !important; }

.mt-0 {
    margin-top: 0 !important; }

.mb-0 {
    margin-bottom: 0 !important; }

.mr-0 {
    margin-right: 0 !important; }

.ml-0 {
    margin-left: 0 !important; }

.mt-5 {
    margin-top: 5px !important; }

.mt-10 {
    margin-top: 10px !important; }

.mt-15 {
    margin-top: 15px !important; }

.mt-20 {
    margin-top: 20px !important; }

.mt-25 {
    margin-top: 25px !important; }

.mt-30 {
    margin-top: 30px !important; }

.mt-35 {
    margin-top: 35px !important; }

.mt-40 {
    margin-top: 40px !important; }

.mt-45 {
    margin-top: 45px !important; }

.mt-50 {
    margin-top: 50px !important; }

.mb-5 {
    margin-bottom: 5px !important; }

.mb-10 {
    margin-bottom: 10px !important; }

.mb-15 {
    margin-bottom: 15px !important; }

.mb-20 {
    margin-bottom: 20px !important; }

.mb-25 {
    margin-bottom: 25px !important; }

.mb-30 {
    margin-bottom: 30px !important; }

.mb-35 {
    margin-bottom: 35px !important; }

.mb-40 {
    margin-bottom: 40px !important; }

.mb-45 {
    margin-bottom: 45px !important; }

.mb-50 {
    margin-bottom: 50px !important; }

.ml-5 {
    margin-left: 5px !important; }

.ml-10 {
    margin-left: 10px !important; }

.ml-15 {
    margin-left: 15px !important; }

.ml-20 {
    margin-left: 20px !important; }

.ml-25 {
    margin-left: 25px !important; }

.ml-30 {
    margin-left: 30px !important; }

.ml-35 {
    margin-left: 35px !important; }

.ml-40 {
    margin-left: 40px !important; }

.ml-45 {
    margin-left: 45px !important; }

.ml-50 {
    margin-left: 50px !important; }

.mr-2 {
        margin-right: 2px !important;
}

.mr-3 {
    margin-right: 2px !important;
}

.mr-5 {
    margin-right: 5px !important; }

.mr-10 {
    margin-right: 10px !important; }

.mr-15 {
    margin-right: 15px !important; }

.mr-20 {
    margin-right: 20px !important; }

.mr-25 {
    margin-right: 25px !important; }

.mr-30 {
    margin-right: 30px !important; }

.mr-35 {
    margin-right: 35px !important; }

.mr-40 {
    margin-right: 40px !important; }

.mr-45 {
    margin-right: 45px !important; }

.mr-50 {
    margin-right: 50px !important; }

.mt-2 {
    margin-top: 2px;
}

.pb-3 {
    padding-bottom: 3px;
}

.p-5 {
    padding: 5px !important; }

.p-10 {
    padding: 10px !important; }

.p-15 {
    padding: 15px !important; }

.input-form-custom {
    border-width: 1px;
    border-top-color: #bdc0c7;
    box-shadow: none;
    padding: 4px 10px;
    font-size: 14px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background-image: none;
    border: 1px solid #d5d8de;
    border-radius: 2px;
    height: 30px;
    max-width: 170px;
}

.input-form-custom:focus {
    outline: none;
}

.vert-top {
    vertical-align: top;
}

.smart-card-page .tools a {
    margin: 0 2px 10px;
}


.smart-card-page #reader-data-wrapper input,
.smart-card-page #reader-data-wrapper select,
.smart-card-page #server-data-wrapper input,
.smart-card-page #server-data-wrapper select {
    outline: none !important;
    margin-bottom: 20px;
}

.smart-card-page #reader-data-wrapper input.no-fill-input {
    border: 0;
    border-bottom: 3px dotted #ddd;
}

.smart-card-page #reader-data-wrapper input.no-fill-input.text-like-input {
    border-bottom: 0 !important;
}

.smart-card-page #server-data-wrapper input.no-fill-input {
    border: 0 !important;
}

.smart-card-page #reader-data-wrapper b,
.smart-card-page #server-data-wrapper b {
    font-weight: 500;
    display: inline-block;
    min-width: 200px;
}

.smart-card-page .title-smart-card {
    color: #2f95e2;
    font-weight: 400;
}

.smart-card-page #reader-data-wrapper .first-info b,
.smart-card-page #server-data-wrapper .first-info b {
    width: 160px;
    width: 210px;
}

.smart-card-page #reader-data-wrapper .second-info b,
.smart-card-page #server-data-wrapper .second-info b {
    min-width: 80px;
}

.smart-card-page #reader-data-wrapper hr,
.smart-card-page #server-data-wrapper hr {
    margin: 50px auto;
    border-top: 3px dashed #7ac5ff;
    width: 80%;
}

.smart-card-page .form-fill-smart-card b {
    display: inline-block;
}

.smart-card-page .form-fill-smart-card input,
.smart-card-page .form-fill-smart-card select {
    display: inline-block;
    max-width: 100%;
    width: 300px;
    height: 33px;
    padding: 0 10px;
    vertical-align: text-top;
}

.smart-card-page .form-fill-smart-card .twitter-typeahead {
    vertical-align: -webkit-baseline-middle;
}

.smart-card-page .form-fill-smart-card .tt-menu {
    width: 100%;
    border: 1px solid #eee;
    border-top: none;
}

.smart-card-page .form-fill-smart-card .tt-suggestion {
    padding: 10px 5px;
    background: #fff;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.smart-card-page .title-smart-card small,
.smart-card-page .title-smart-card small a {
    color: #000;
}

.smart-card-page #server-data-wrapper {
    border-right: 1px solid #eee;
}

.dateOfBirthInput {
    position: relative;
}

.dateOfBirthInput #age {
    position: absolute;
    right: -65px;
    top: 5px;
    font-size: 20px;
    font-weight: 500;
    margin: 0 !important;
}

.text-note-age-fill {
    margin-top: 5px;
    font-size: 12px;
    color: red;
    font-weight: 400;
}

.text-bold-500 {
    font-weight: 500;
}

.footer-page-main.row .version-product,
.footer-page-main.row .contact-product {
    padding: 0;
}   

.footer-page-main.row .version-product span {
    font-size: 12px;
    color:#EEE;
    text-shadow: 1px 2px 10px #000;
}

.footer-page-main.row .contact-product span {
    font-size: 14px;
    color:#EEE;
    text-shadow: 1px 2px 10px #000;
}

.footer-page-main.row .contact-product span b {
    font-weight: 400;
}

.footer-page-main.row .contact-product span a {
    padding: 0 10px;
    line-height: 18px;
}

#wizard1 select:required,
#wizard1 input:required {
        border: 1px solid #d5d8de;
}

#wizard1 select:required:invalid,
#wizard1 input:required:invalid {
    border: 1px solid red;
}

.input-sm {
    padding: 4px 8px;
}

.btn-clone-data {
    vertical-align: bottom;
    font-size: 14px;
    border-bottom: 1px dashed #2687d0;
    padding: 0;
    color: #2687d0;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.btn-clone-data #cloneHomeAddress {
    margin: 0 3px 0 0;
    vertical-align: initial;
    cursor: pointer;
}

/* .table-show-data-register td {
    padding: 10px;
} */

.table.table-show-data-register td.property-name span.property-label {
    font-weight: 500;
}

@media (max-width: 767px) {
    .smart-card-page #reader-data-wrapper b {
        display: block;
        width: 100%;
    }
    .profile-id-title {
        font-size: 42px;
    }
    .public-body-apply .main-content {
        padding-right: 0;
        padding-left: 0;
    }
    .public-body-apply #wizard1 .step-content {
        padding: 10px 0 !important;
    }
    .footer-page-main.row .version-product,
    .footer-page-main.row .contact-product {
        text-align: center !important;
        padding: 5px 30px;
    }
    .dateOfBirthInput #age {
        position: relative;
        right: -10px;
    }
    .step-pane-5 .table &gt; tbody &gt; tr &gt; td.property-name {
        vertical-align: top;
        width: 40% !important;
    }
    .step-pane-5 .table td.property-value {
        padding-right: 0;
        word-break: break-word;
    }
    .step-pane-5 .be-checkbox label {
        font-size: 14px;
    }
    .note-warning-preview {
        font-size: 14px;
        margin: 0 0 7px;
    }
    .note-warning-preview br {
        display: none;
    }
    .wrapper-alert-check-form-fill, .wrapper-alert-note-show-profile {
        /* bottom: 0;
        top: auto; */
    }
    .iframe-show-profile {
        padding: 0 !important;
        text-align: center;
    }
    .iframe-show-profile iframe {
        width: 96% !important;
    }
    .showProfilePage .col-md-12 {
        padding: 0 15px !important;
    }
    .showProfilePage .panel-border {
        border: 0 !important;
    }
    .fuelux .wizard &gt; .steps li {
        padding: 0 5px 0 20px !important;
        font-size: 12px;
    }
    .fuelux .wizard &gt; .steps li:first-child {
        padding-left: 10px !important;
    }
}

@media (max-width: 480px) {
    .general-info-step-2 {
        padding: 0 10px !important;
    }
    .step-pane-3 .col-md-12 {
        padding: 0 5px !important;
    }
    .step-pane-4 .col-md-12 {
        padding: 0 10px !important;
    }
    .step-pane-5 .col-md-12 .col-md-12 {
        padding: 0 !important;
    }
}

@media (max-width: 400px) {
    .step-pane-5 .btn-min-w150 {
        max-width: 75px;
    }
}

@media (max-width: 370px) {
    .text-note-skip {
        font-size: 12px;
    }
}

</pre></body></html>