html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
header,main,section{display:block;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
b,strong{font-weight:bold;}
h1{font-size:2em;margin:0.67em 0;}
img{border:0;}
svg:not(:root){overflow:hidden;}
input,select{color:inherit;font:inherit;margin:0;}
select{text-transform:none;}
input{line-height:normal;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;}
input,select{font-family:inherit;font-size:inherit;line-height:inherit;}
a{color:#337ab7;text-decoration:none;}
a:hover,a:focus{color:#23527c;text-decoration:underline;}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
img{vertical-align:middle;}
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
@media (min-width:768px){
.container{width:750px;}
}
@media (min-width:992px){
.container{width:970px;}
}
@media (min-width:1200px){
.container{width:1170px;}
}
.container:before,.container:after{content:" ";display:table;}
.container:after{clear:both;}
.hide{display:none!important;}
.ic{font-family:'iconfont'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ic-chevron-right:before{content:"\e907";}
.ic-question-circle:before{content:"\e915";}
body{position:relative;min-height:100vh;overflow-x:hidden;font-family:'notosansthai', Helvetica, Arial, sans-serif;color:#333;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;background-color:#F4F3F9;}
h1,h2{margin:0;font-weight:normal;}
p{margin:0;}
h1,h2{font-weight:bold;line-height:1.2;}
h1{font-size:30px;}
h2{font-size:25px;}
h1.login-title{font-size:15px;font-weight:normal;line-height:1.5;}
.text-link{margin-top:5px;color:#4DCD8A!important;font-size:14px;font-weight:200;text-decoration:underline;}
.text-link .ic{font-size:11px;margin-left:3px;vertical-align:baseline;}
.body-font{font-size:15px;}
a,a:hover,a:focus{outline:0;color:inherit;text-decoration:none;}
img{border:0;outline:0;max-width:100%;vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
input,select{outline:0;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;border:0;background:none;padding:0;margin:0;min-width:inherit;font:inherit;text-transform:none;text-align:left;color:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.section{position:relative;}
.a-center{text-align:center!important;}
.c-white{color:#fff!important;}
a.link{font-weight:bold;color:#4dcc89;}
a.link-white{font-weight:bold;color:#fff;}
.action{margin-top:30px;}
.btn{display:inline-block;font-size:14px;padding:0 20px;background-color:#00a950;color:#fff!important;margin-bottom:0;font-family:'notosansthai', Helvetica, Arial, sans-serif;font-weight:bold;height:40px;line-height:40px;text-align:center;text-decoration:none!important;white-space:nowrap;background-image:none;border:1px solid transparent;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-transition:ease-in-out .2s;-o-transition:ease-in-out .2s;transition:ease-in-out .2s;}
.btn.outline-green{border:2px solid #4DCD8A;color:#4DCD8A!important;background-color:transparent;line-height:36px;}
input,select{width:100%;height:40px;color:#b5b5b5;line-height:normal;padding:10px 10px;background-color:#fff;border:1px solid #ccc;border-radius:4px;}
.select{position:relative;color:#b5b5b5;}
.select:after{font-family:'iconfont';content:"\e918";font-size:12px;font-weight:normal;color:#00A850;display:inline-block;width:45px;height:45px;line-height:45px;text-align:center;position:absolute;right:0;top:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden;}
.select select{line-height:normal;padding:0 45px 0 15px;-o-text-overflow:"";text-overflow:"";cursor:pointer;}
.select2-parent:after{display:none;}
.select2-container{position:relative;display:block;width:100%;margin:0;}
.select2-container .select2-selection--single{display:block;height:40px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.select2-container .select2-selection--single .select2-selection__rendered{display:block;color:#000;padding-left:5px;padding-right:45px;overflow:hidden;}
.select2-container .select2-selection--single .select2-selection__rendered[title]{background-color:#fff;}
.select2-container--default .select2-selection--single{background:#fff;border:1px solid #ccc;border-radius:4px;-webkit-transition:border-color 400ms ease-in-out;-o-transition:border-color 400ms ease-in-out;transition:border-color 400ms ease-in-out;overflow:hidden;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:45px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{position:absolute;top:0px;right:0px;z-index:1;display:block;width:45px;height:45px;line-height:43px;font-size:0;text-align:center;cursor:pointer;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display:block;width:100%;height:100%;}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{font-family:'iconfont';font-size:10px;font-weight:normal;color:#fff;line-height:45px;display:inline-block;vertical-align:top;}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{content:"\e918";}
.select2-container--default.select2-container--focus:not(.select2-container--disabled) .select2-selection--single{background-color:#f8f8f8;border-color:#ccc;}
.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;}
.form .field{font-size:14px;}
.form .action{width:100%;display:inline-block;margin-top:30px;}
.form.form-login{margin-top:10px!important;}
.form.form-login .action{margin-top:10px;}
.form.form-login .action .link:not(.btn){margin-top:10px;display:inline-block;}
.form.form-login .validated{margin-top:15px;}
.form-login .fields{margin-bottom:10px;}
.form.form-login .validated{margin-top:0;}
.sc-form-full .form-login .fields.no-space .field:last-child{padding-bottom:0;}
.fields{margin-left:-12px;margin-right:-13px;}
.form .field:last-child{padding-bottom:2px;}
.field{padding-left:12px;padding-right:13px;padding-bottom:20px;clear:both;}
.fields{font-size:0;}
.fields:after{content:"";display:table;clear:both;}
.field{width:100%;display:inline-block;vertical-align:top;}
.input{position:relative;text-align:left;}
.input.filled select{color:#000;background-color:#f8f8f8;}
input:disabled,select:disabled{background-color:#f8f8f8;cursor:default;opacity:0.4;}
.input-clear .select,.input-clear .select:after,.input-clear.filled select,.input-clear .select2-container--default .select2-selection--single .select2-selection__arrow b:before,.input-clear .select2-container .select2-selection--single .select2-selection__rendered{color:#fff;}
.input-clear .select:after,.input-clear .select2-container--default .select2-selection--single .select2-selection__arrow{text-align:right;}
.input-clear select,.input-clear .select2-container--default .select2-selection--single{background-color:transparent;border:0;border-radius:0;}
.input-clear select,.input-clear .select2-container .select2-selection--single .select2-selection__rendered{padding-left:0;padding-right:20px;line-height:45px;}
.input-clear.filled select,.input-clear .select2-container .select2-selection--single .select2-selection__rendered[title],.input-clear .select2-container--default.select2-container--focus:not(.select2-container--disabled) .select2-selection--single{background-color:transparent;border-color:inherit;}
.sc-full-bg{background-size:cover!important;background-position:left center!important;}
.sc-form-full{max-width:430px;margin:auto;text-align:center;}
.form-lg{max-width:580px;}
.sc-form-full.form-lg .policy{max-width:430px;margin-left:auto;margin-right:auto;}
.sc-form-full .form{max-width:380px;margin:auto;}
.sc-form-full .login-text{font-size:15px;font-weight:bold;text-align:center;color:#4DCD8A;margin-bottom:10px;}
.sc-form-full .fields.no-space .field:first-child{padding-bottom:0;}
.sc-form-full .fields.no-space .field:last-child{padding-bottom:20px;}
.sc-form-full .fields.no-space .field input{border-radius:0;border:0;height:70px;}
.sc-form-full .fields.no-space .field:first-child input{border-top:4px solid #61D699;border-bottom:1px solid #ccc;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px;}
.sc-form-full .fields.no-space .field:last-child input{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
.sc-form-full .btn{width:100%;height:50px;line-height:50px;border-radius:30px;background:rgb(0,168,80);background:linear-gradient(135deg, rgba(0,168,80,1) 0%, rgba(97,214,153,1) 100%);border:0;}
.sc-form-full .login-logo{margin-bottom:30px;}
.sc-form-full .login-logo img{height:45px;}
.sc-login-bg{background-image:url(../img/login-bg.jpg)!important;}
@media (max-width: 610px){
.sc-login-bg{background-image:url(../img/login-bg-mb.jpg)!important;background-size:max(500px, 100%) auto!important;background-position:left top!important;background-repeat:no-repeat!important;}
}
@media (max-height: 768px) and (min-width: 767px){
.sc-inner .footer-full{display:none;}
.sc-inner .ct-bg-transparent{padding:30px!important;padding-bottom:0!important;margin-bottom:10px!important;}
.sc-inner .footer-short-height{display:block;margin-top:30px;}
.sc-inner .header-full{top:18px;}
.sc-form-full .login-logo{margin-bottom:13px;}
.form-login input{height:50px!important;}
.sc-ct-inner.fixed-lock{overflow:visible!important;height:fit-content!important;}
}
.header-full{width:100%;position:absolute;top:40px;padding-left:50px;padding-right:30px;z-index:9;}
.header-full .menu-left{float:left;}
.header-full .menu-right{float:right;}
.header-full .change-lang{width:50px;float:left;}
.header-full .menu-left .ic{float:left;color:#fff;font-size:22px;margin-top:10px;margin-right:10px;}
.input-clear .select,.header-full .input-clear .select:after,.header-full .input-clear.filled select,.header-full .input-clear .select2-container--default .select2-selection--single .select2-selection__arrow b:before{color:#fff;font-weight:bold;}
.header-full .menu-right a{margin-right:10px;}
.header-full .menu-right a:last-child{margin-right:0;}
.header-full .menu-right .btn.outline-green{width:100px;height:35px;padding:0;line-height:31px;}
.footer-full{width:100%;position:absolute;bottom:20px;text-align:center;left:0;}
.footer-short-height{display:none;width:100%;text-align:center;}
.footer-full .image img,.footer-short-height .image img{height:24px;}
.sc-form-full .policy{text-align:left;color:#fff;position:relative;margin-top:35px;padding:0 30px 0 50px;font-size:14px;}
.sc-form-full .policy:before{content:"\e919";font-family:'iconfont';font-size:15px;color:#4DCD8A;position:absolute;left:25px;top:0;}
.sc-form-full .validated{width:100%;color:#E53F3F;background-color:#F8DADA;text-align:center;font-size:12px;font-family:'notosansthai', Helvetica, Arial, sans-serif;margin-top:5px;padding:5px 0;}
.sc-full-no-lock{width:100%;min-height:100vh;height:auto;background:rgb(70,89,104);background:linear-gradient(180deg, rgba(70,89,104,1) 0%, rgba(35,45,52,1) 100%);overflow:hidden;}
.sc-full-no-lock .sc-inner{position:inherit;}
.sc-full-no-lock.no-scrollbar::-webkit-scrollbar{width:0;height:0;}
.no-scroll::-webkit-scrollbar{width:0;height:0;}
.sc-ct-inner{padding-top:30px;}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
  color: #fff;
  font-family: 'notosansthai', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.show .dropdown-content{
  display: block;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content>.selected{
  display: none;
}

.dropdown-content a {
    color: #00A850;
    margin: 5px;
    padding: 5px 12px 5px 12px;
    background-color: #fff;
    text-decoration: none;
    display: block;
    font-size: 12px;
    word-wrap: break-word;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
}

.dropdown-content a:hover {
  background-color: #eee;
	cursor:pointer;
}
.sc-ct-inner .ct-bg-transparent{padding:40px;border-radius:10px;margin-top:50px;margin-bottom:100px;position:relative;}
.input.filled input, .input.filled textarea, .input.filled select {
    color: #000;
    background-color: #f8f8f8;
}

span.close .eye-vector.eye-close {
    display: block;
}

span.close .eye-vector.eye-open{
    display: none;
}

span.open .eye-vector.eye-close {
    display: none;
}

span.open .eye-vector.eye-open{
    display: block;
}
.modal {
    position: fixed; /* фиксированное положение */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5); /* цвет фона */
    z-index: 1050;
    -webkit-transition: opacity 200ms ease-in; 
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in; /* анимация перехода */
    margin: 0;
    padding: 0;
    overflow: auto;
	visibility:hidden;
	opacity:0;
	transition:.3s;
}
.modal.show{
	visibility:visible;
	opacity:1;
}
.modal-dialog {
    position: relative;
    width: 100%;
}
@media (min-width: 576px) {
  .modal-dialog {
      max-width: 650px;
      margin: 100px auto; /* для отображения модального окна по центру */
  }
}
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}
@media (min-width: 768px) {
  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
      box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
.modal-content {
    border-radius: 10px;
}
.loading_modal {
    border-radius: 10px;
}
}
.modal-body {
  position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    overflow: auto;
}
.modal_box {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    padding-top: 30px;
}
.confirm_otp{width: 100%;}
.date_otp{width: 100%;}
.header_text {
    border-bottom: 7px solid #eee;
    border-radius: 8px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header_text h3 {
    margin: 0;
    padding-left: 10px;
    font-family: 'notosansthai';
    font-weight: bold;
    font-size: 25px;
}
.otp_text {
    padding-top: 25px;
    padding-left: 20px;
}
.otp_text h3 {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 18px;
}
span.desc_otp {
    color: #a5a0a0;
}
.box_date {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 10px;
}

.otp_code {
    padding-top: 30px;
    padding-right: 20px;
    display: flex;
    justify-content: flex-end;
}
.inp_block {
    width: 85%;
}
.inp_block input {
    width: 100%;
    margin-bottom: 5px;
}
a.resend_code {
    color: #4dcc89;
    font-weight: bold;
}
#error_all_otp {
    display: none;
}
#error_all_otp.show {
    display: block;
}
#send_repeat_code {
    display: none;
}
#send_repeat_code.show {
    display: block;
}
a.resend_code:hover {
    color: #389f69;
}
.btn_block {
    display: flex;
    padding-top: 60px;
    padding-bottom: 25px;
    justify-content: center;
}
button.confirm_btn {
    width: 160px;
    color: #fff;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    border-radius: 30px;
    background: rgb(0,168,80);
    background: linear-gradient(rgba(0,168,80,1) 0%, rgba(97,214,153,1) 100%);
    transition: .3s;
    border: 0;
    cursor: pointer;
}
button.confirm_btn:disabled {
    cursor: no-drop;
    opacity: 0.5;
}
button.confirm_btn:not([disabled]):hover {
    opacity: 0.8;
}
.error_text {
    display: block;
    color: #d31919;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 99%;
}
@media (max-width: 450px) {
.modal_box {
    flex-direction: column;
	gap: 0px;
}
.otp_code {
    padding-right: 0px;
    justify-content: center;
}
.otp_text {
    padding-left: 30px;
}
}
.loading_modal {
    position: absolute;
    background-color: #ffffffa8;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
	visibility:hidden;
	opacity:0;
}
.loading_modal.active {
	visibility:visible;
	opacity:1;
}
.global_loading{height: 100%;width: 100%;position: fixed;display: flex;justify-content: center;align-items: center;z-index: 9999;background-color: #ffffff91;visibility:hidden;opacity:0;transition:.3s;}
.global_loading.active{visibility:visible;opacity:1;}
.spinner{
    width: 40px;
    height: 40px;
}
.password {
    font-family: text-security-disc;
    -webkit-text-security: disc;
}
@media (min-width:992px){
.sc-ct-inner.fixed-lock{padding-top:0;height:100vh;overflow:hidden;}
}
@media (min-width:1200px){
.container{width:1170px;}
.sc-full-no-lock{height:100vh;overflow-y:scroll;overflow-x:hidden;}
}
@media (min-width:992px) and (max-width:1199px){
.footer-full{position:fixed;bottom:20px;}
}
@media (min-width:768px) and (max-width:991px){
.footer-full{position:fixed;bottom:20px;}
}
@media (max-width:767px){
.header-full{padding-left:20px;padding-right:20px;top:30px;}
.header-full .menu-left{margin-top:-6px;}
.container{padding-left:20px;padding-right:20px;}
.sc-ct-inner{padding-top:100px;overflow:hidden;}
.sc-ct-inner .ct-bg-transparent{margin-top:0;padding:20px;}
.header-full .menu-right a{font-size:14px;}
}
@media (max-width:360px){
.sc-form-full .login-logo{margin-bottom:20px;}
.sc-form-full .policy{font-size:12px;}
.sc-form-full .btn{height:45px;line-height:45px;}
}
@media (max-width:320px){
.btn{white-space:inherit!important;height:auto!important;line-height:1!important;padding:10px!important;}
}
.icon-eye-password{position:absolute;top:0;bottom:0;right:12px;margin:auto 0;display:block;width:34px;height:37px;}
.svg{cursor:pointer;margin-top:9px;margin-right:9px;margin-left:15px;}
/*! CSS Used from: https://online.kasikornbankgroup.com/kbiz/css/new-design/bootstrap.min.css */
input{color:inherit;font:inherit;margin:0;}
input{line-height:normal;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input{font-family:inherit;font-size:inherit;line-height:inherit;}
/*! CSS Used from: https://online.kasikornbankgroup.com/kbiz/css/new-design/theme.css */
input{outline:0;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;border:0;background:none;padding:0;margin:0;min-width:inherit;font:inherit;text-transform:none;text-align:left;color:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input{width:100%;height:40px;color:#b5b5b5;line-height:normal;padding:10px 10px;background-color:#fff;border:1px solid #ccc;border-radius:4px;}
input:disabled{background-color:#f8f8f8;cursor:default;opacity:0.4;}
.sc-form-full .fields.no-space .field input{border-radius:0;border:0;height:70px;}
.sc-form-full .fields.no-space .field:last-child input{-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
@media (max-height: 768px) and (min-width: 767px){
.form-login input{height:50px!important;}
}
/*! CSS Used from: Embedded */
.password{font-family:text-security-disc;-webkit-text-security:disc;}
@font-face{font-family:'iconfont';src:url('../fonts/iconfont.eot');src:url('../fonts/iconfont.eot#iefix') format('embedded-opentype'),           url('../fonts/iconfont.ttf') format('truetype'),           url('../fonts/iconfont.woff') format('woff'),           url('../img/iconfont.svg#iconfont') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'notosansthai';src:url('../fonts/notosansthai-bold.eot ');src:url('../fonts/notosansthai-bold.eot?#iefix') format('embedded-opentype'),           url('../fonts/notosansthai-bold.woff2') format('woff2'),           url('../fonts/notosansthai-bold.woff') format('woff'),           url('../fonts/notosansthai-bold.ttf') format('truetype'),           url('../img/notosansthai-bold.svg#noto_sans_thaibold') format('svg');font-weight:bold;font-style:normal;}
@font-face{font-family:'notosansthai';src:url('../fonts/notosansthai-regular.eot');src:url('../fonts/notosansthai-regular.eot?#iefix') format('embedded-opentype'),           url('../fonts/notosansthai-regular.woff2') format('woff2'),           url('../fonts/notosansthai-regular.woff') format('woff'),           url('../fonts/notosansthai-regular.ttf') format('truetype'),           url('../img/notosansthai-regular.svg#noto_sans_thairegular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:text-security-disc;src:url("../fonts/text-security-disc.woff");}