body { font-family: 'Kanit', sans-serif !important; display: none; }
p.validate { margin-top: 3px;margin-bottom: 0;font-size: 13px;color: red; }
html, .container-fluid, nav , .colorbackbg{
    background-color: #F8FCFF;
}
.sticky {
   position: -webkit-sticky;
  position: sticky;
  top: 110px; 
  margin-top: 25px;
}

.linepage{
    content:"";
    position: absolute;
    z-index: -50;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 2px dotted #ff0000;
    transform: translate(-50%);
}
.navbarRegis{
    background-color: #FFFFFF;
    border-bottom: 1px solid #00000014; 
    box-shadow: 0px 3px 8px #00000014; 
    position: fixed
}
.paddingpackage{
    padding-left: 12px;
    padding-right: 12px;
}
.marginthxrg{
    margin-bottom: 0px;
}
.logoUser{
    float: right;
}
.marginTopRegis{
    margin-top: 30px !important;
}
.marginTopListRegis{
    margin-top: 15px !important;
}
.marginTopXT{
    margin-top: 20px !important;
}
.marginTop{
    margin-top: 10px !important;
}
.marginsmTop{
    margin-top: 5px !important;
}
label p{
    height: 10px;
}
.colorblue{
    color: #22AEEF !important;
}
.colorconfirm{
    color: #26CBA4;
}
.colortxtsm{
    color: #000000;
}
.colortxtlose{
    color: #FF727D;
}
.colortxtafterstar{
    color: #323B41;
}
.colortxtacontEmail{
    color: #19A9F7 !important;
}
.colortxtwhite{
    color: #FFFFFF !important;
}
.fontTopicconfirm{
    color: #26CBA4;
    font-weight: 600;
    font-size: 24px;
}
.fontssm{
    font-size: 10px;
}
.fontsm{
    font-size: 14px !important;
}
.fontmd{
    font-size: 14px !important;
}
.fontsb{
    font-size: 18px
}
.fontb{
    font-size: 20px
}
.fontbold{
    font-weight: 600;
}
.floatR{
    float: right;
}
.floatL{
    float: left;
}
.txtcenter{
    text-align: center;
}
.curspt{
    cursor: pointer;
}
.fontTopicTopmadalpx{
    font-weight: 600;
    font-size: 20px;
    color: #323B41;
}
.fontTopicmadalpx{
    font-weight: 600;
    font-size: 30px;
}
.fontTopic{
    font-weight: 600;
    font-size: 24px;
    color: #323B41;
}
.fontTopiclist{
    font-size: 14px;
    color: #19A9F7;
    margin-bottom: 25px;
    font-weight: bold;
}
.displayInline{
    display: inline-block;
}
.colorStar{
    color: #ff727d;
}
.btnRegisterDisabled{
    width: 243px;
    height: 40px;
    background-color: #707070;
    border-radius: 5px;
    border: none;
    color: white;
    text-align: center;
    font-size: 16px;
}
.btnRegister{
    width: 243px;
    height: 40px;
    background-color: #22AEEF;
    border-radius: 5px;
    border: none;
  /*  border-color: #22AEEF; */
    color: white;
    text-align: center;
    font-size: 16px;
}
.btnRegister:hover{
    width: 243px;
    height: 40px;
    background-color: #49AFE6;
    border-radius: 5px;
    border: none;
    color: white;
    text-align: center;
    font-size: 16px;
}
.btnRegistersm{
    width: 243px;
    height: 40px;
    background-color: #22AEEF;
    border-radius: 5px;
    border: none;
  /*  border-color: #22AEEF; */
    color: white;
    text-align: center;
    font-size: 16px;
}
.btnRegistersm:hover{
    width: 243px;
    height: 40px;
    background-color: #49AFE6;
    border-radius: 5px;
    border: none;
    color: white;
    text-align: center;
    font-size: 16px;
}
.btnRegisterdf{
    width: 180px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #C0C6D0;
  /*  border-color: #22AEEF; */
    color: #000000;
    text-align: center;
    font-size: 16px;
}
.btnRegisterdf:hover{
    width: 180px;
    height: 30px;
    background-color: #F2F2F2;
    border-radius: 5px;
    border: 1px solid #888888;
    color: #000000;
    text-align: center;
    font-size: 16px;
}
.btnback{
    width: 243px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 0.5px solid #A4BACC;
  /*  border-color: #22AEEF; */
    color: #7D8A95;
    text-align: center;
    font-size: 15px;
}
.btnback:hover{
    width: 243px;
    height: 40px;
    background-color: #F2F2F2;
    border-radius: 5px;
    border: 1px solid #888888;
    color: #888888;
    text-align: center;
    font-size: 15px;
}
.btnconfirmsm{
    width: 180px;
    height: 30px;
    background-color: #707070;
    border-radius: 5px;
    border: none;
  /*  border-color: #22AEEF; */
    color: white;
    text-align: center;
    font-size: 16px;
}
/*.btnconfirmsm:hover{
    width: 180px;
    height: 30px;
    background-color: #49AFE6;
    border-radius: 5px;
    border: none;
    color: white;
    text-align: center;
    font-size: 16px;
}*/
.btnconfirmpayqr{
    width: 180px;
    height: 30px;
    background-color: #49AFE6;
    border-radius: 5px;
    border: none;
    color: white;
    text-align: center;
    font-size: 16px;
}
.btnmodalpickpk{
    width: 243px;
    height: 40px;
    background-color: #22AEEF;
    border-radius: 25px;
    border: none;
  /*  border-color: #22AEEF; */
    color: white;
    text-align: center;
    font-size: 15px;
}
.btnmodalpickpk:hover{
    width: 243px;
    height: 40px;
    background-color: #49AFE6;
    border-radius: 25px;
    border: none;
    color: white;
    text-align: center;
    font-size: 15px;
}
.btnPackage{
    width: 140px;
    height: 30px;
    background-color: #22AEEF;
    border-radius: 15px;
    border: none;
  /*  border-color: #22AEEF; */
    color: white;
    text-align: center;
    font-size: 15px;
}
.btnPackage:hover{
    width: 140px;
    height: 30px;
    background-color: #49AFE6;
    border-radius: 15px;
    border: none;
    color: white;
    text-align: center;
    font-size: 15px;
}
.borderbank{
    border: 1px solid #C0C6D0;
    border-radius: 5px;
    padding-top: 10px;
}
.borderpackage{
    border: 1px solid #22AEEF;
    background-color: #FFFFFF;
    border-radius: 5px;
    padding-top: 10px;
}
.borderpackagedt{
    border: 1px solid #C0C6D0;
    background-color: #FFFFFF;
    border-radius: 5px;
    padding-top: 10px;
}
input::placeholder{
    font-size: 14px;
}
textarea::placeholder{
    font-size: 14px;
}
.centered {
    vertical-align: middle;
  }

/* -----------------------------------Selectt------------------------------------------ */ 

#listRegisterL,
#listRegisterM,
#listRegisterS,
#license_no_L,
#license_no_M,
#license_no_S,
#payment,
#paymentt,
#type_payment,
#listCfRegister {
    background-color:#FFFFFF;
    border: 1px solid #888888;
    border-radius: 5px;
    color: #888888;
    text-align: left;
    padding-left: 25px;
    line-height: 28px;
    font-size: 14px;
    /*background: url(../../../images/premium_icon/select-down-white.svg) no-repeat;*/
}

#listCfRegister:focus,
#listRegisterL:focus,
#listRegisterM:focus,
#listRegisterS:focus,
#license_no_L:focus,
#license_no_M:focus,
#license_no_S:focus,
#payment:focus,
#type_payment:focus,
#paymentt:focus, 
#Company_Name:focus { 
    outline: none; 
}

[aria-labelledby=select2-listRegisterL-container],
[aria-labelledby=select2-listRegisterM-container],
[aria-labelledby=select2-listRegisterS-container],
[aria-labelledby=select2-license_no_L-container],
[aria-labelledby=select2-license_no_M-container],
[aria-labelledby=select2-license_no_S-container],
[aria-labelledby=select2-payment-container],
[aria-labelledby=select2-paymentt-container],
[aria-labelledby=select2-type_payment-container],
[aria-labelledby=select2-listCfRegister-container],
[aria-labelledby=select2-Company_Name-container] {
    background-color:#FFFFFF !important;
    color: #888888 !important;
    height: 39px !important;
    font-size: 14px;
    padding-top: 5px;
    border: 1px solid #C0C6D0 !important;
}

#select2-listRegisterL-containerr,
#select2-listRegisterM-containerr,
#select2-listRegisterS-containerr,
#select2-license_no_L-containerr,
#select2-license_no_M-containerr,
#select2-license_no_S-containerr,
#select2-payment-containerr,
#select2-paymentt-containerr,
#select2-type_payment-containerr,
#select2-listCfRegister-containerr, 
#select2-Company_Name-containerr {
    background-color:#FFFFFF !important;
    color: #888888 !important;
}
.select2-container { width: 100% !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option[aria-selected]{
    font-size: 14px;
}

[aria-labelledby=select2-payment-container] span.select2-selection__arrow b,
[aria-labelledby=select2-listRegisterL-container] span.select2-selection__arrow b,
[aria-labelledby=select2-listRegisterM-container] span.select2-selection__arrow b,
[aria-labelledby=select2-listRegisterS-container] span.select2-selection__arrow b,
[aria-labelledby=select2-license_no_L-container] span.select2-selection__arrow b,
[aria-labelledby=select2-license_no_M-container] span.select2-selection__arrow b,
[aria-labelledby=select2-license_no_S-container] span.select2-selection__arrow b,
[aria-labelledby=select2-paymentt-container] span.select2-selection__arrow b,
[aria-labelledby=select2-type_payment-container] span.select2-selection__arrow b,
[aria-labelledby=select2-listCfRegister-container] span.select2-selection__arrow b,
[aria-labelledby=select2-Company_Name-container] span.select2-selection__arrow b {
    background: url(../../images/premium_icon/select-down.svg) no-repeat;
    background-color: transparent;
    background-size: contain;
    border: none !important;
    height: 12px !important;
    width: 12px !important;
    margin: auto !important;
    top: 15px !important;
    left: auto !important;
    right: 15px !important;
}
[aria-disabled=true] {
    background-color: #FAFAFA !important;
    border: 1px solid #A4BACC !important;
    color:#1C2124;
}


[aria-disabled=true] span.select2-selection__arrow b {
    display: none !important;
}

.anmrotate {
    overflow: hidden;
    transition-duration: 0.5s;
    transition-property: transform;
}
.rotate {
    transform: rotate(180deg);
}
.bgnavLeft{
    background-color: #F8F9FB;
    height: 1000px !important;
    min-height: 100%;
}
.lipackage{
    height: 50px;
    list-style-type: none;
    display : flex;
    align-items : center;
    padding-left: 20px;
}
.lipackage:hover{
    background-color: #22AEEF;
    color: #ffffff;
}
.middle{
    vertical-align: sub;
}

.selectDisabled{
    background: red !important;
}

/*----------------------------------------------------------------------------------------*/

button.close {
    width: 28px;
    font-size: 20px;
    color: #EB5353;
    align-self: flex-end;
    background-color: transparent;
    border: none;
    margin-bottom: 5px;
  }
.modal-footer { 
    text-align: center;
}
.maxwidthmodal{
    max-width: 1088px !important;
}
.bordermodalpickpk{
    border-radius: 5px;
    border: 0.5px solid #A4BACC;
    margin: 16px
}
.bordermodalpickpk:hover{
    box-shadow: 0 0 0 2px #22AEEF;
}

.scrollbarNew::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px #EAEAEA; */
    background-color: #FFFFFF;
    border-radius: 10px;
}

.scrollbarNew::-webkit-scrollbar {
    width: 6px;
    background-color: #FFFFFF;
}

.scrollbarNew::-webkit-scrollbar-thumb {
    background-color: #EAEAEA;
    border-radius: 20px;
}

#detailReg { 
    height: auto;
    overflow: hidden; 
}
.bordeQRpayment{
    height: 260px;
    border: 1px solid #19A9F7;
    border-radius: 8px;
    background: #FFFFFF ;
    padding: 0px;
}
.centerinput{
    display: grid;
    place-items: center;
}