.clubCorrelation .box-title-center h3 {
    /* padding: 0;
  position: relative;
  bottom: 50px;
  right: 90px; */
}

.clubCorrelation .cardGlass2 {
    /* From https://css.glass */
    background: #425edd14;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding-bottom: 1.5rem;
    margin-bottom: 2.5rem;
    height: 360px;
}

.clubCorrelation .cardGlass3 {
    /* From https://css.glass */
    background: #425edd14;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding-bottom: 1.5rem;
    margin-bottom: 2.5rem;
    height: 500px;
}

.clubCorrelation .cardGlass4 {
    /* From https://css.glass */
    background: rgba(255 255 255 / 5%);
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    /* padding-bottom: 1.5rem; */
    margin-bottom: 1.5rem;
    height: 240px;
    width: 90%;
}

.clubCorrelation .contentProfile22 .profileImageCard {
    padding: 2.25rem;
    width: 1520px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.clubCorrelation .contentProfile22 .profileImageCard .profileImage {
    text-align: center;
    width: 100%;
}

.clubCorrelation .contentProfile2 .profileImageCard .profileImage .borderImg {
    margin: 0 auto;
    position: relative;
    top: 10px;
    left: 10px;
}

.clubCorrelation .contentProfile2 .profileImageCard .profileImage .borderImg>img {
    width: 10rem;
    height: 10rem;
    border-radius: 100%;
    padding: 12px;
    object-fit: cover;
}

.clubCorrelation .contentProfile2 .profileImageCard .profileImage .borderImg .btnUploadIcon img {
    width: 1.375rem;
    height: 1.375rem;
}

.clubCorrelation .contentProfile2 .profileImageCard h3 {
    font-size: 2.625rem;
    font-weight: 700;
    margin-top: 3rem;
    color: #fff;
    padding: 0;
}

.clubCorrelation .contentProfile2 .documentCard {
    padding: 30px;
    color: #fff;
}

.clubCorrelation .contentProfile2 .documentCard .row {
    padding-bottom: 20px;
    margin-bottom: 25px;
    cursor: pointer;
}

.clubCorrelation .contentProfile2 .documentCard .row h4 {
    font-weight: 700;
    font-size: 1.5rem;
}

.clubCorrelation .contentProfile2 .documentCard .row .arrowRight {
    text-align: right;
    font-size: 1.5rem;
}

.clubCorrelation .box-logo-card {
    padding: 0px;
}

.clubCorrelation .box-logo-card .logo-card {
    background: #425edd14;
    border-radius: 15px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 145px;
    width: auto;
    padding: 1.25rem !important;
}

.clubCorrelation .box-logo-card .logo-card img.thumbnail-card {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    object-fit: cover;
    align-self: baseline;
}

.clubCorrelation .box-logo-card .logo-card .card-title {
    color: #fff;
    margin-top: 2rem;
    font-size: 1.2rem;
    color: #fff;
    /* letter-spacing: 0.2; */
    align-self: end;
    font-weight: 700;
}

.clubCorrelation .text-bold {
    font-weight: 700;
}

.clubCorrelation .box-title-center {
    padding-top: 0%;
}

.clubCorrelation .welcome {
    position: absolute;
    top: 55%;
    width: 100%;
    text-align: right;
}

.clubCorrelation .welcome h4 {
    color: #4187f3;
    font-size: 1.75rem;
    position: absolute;
    right: 20px;
    font-weight: 700;
    margin-right: 1rem;
}

.clubCorrelation .cardGlass3 .section2 {
    font-size: 1.75rem !important;
}

.clubCorrelation .font-si {
    font-size: 1.5rem;
    font-weight: 700;
}

.clubCorrelation .secTion2 {
    padding-left: 1.75rem;
}

.clubCorrelation .news-card-big .thumbnail-card {
    height: 260px;
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.btn-corre {
    width: 90%;
    height: 50px;
    background-color: #fff;
    color: #4187f3;
    border-radius: 10px;
    font-size: 1.25rem;
    font-weight: 700;
}

.btn-corre img {
    width: 20px;
}

.invReservation .cardGlass5 {
    /* From https://css.glass */
    background: #fff;
    border-radius: 20px;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    height: 630px;
    width: 100%;
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}

.invReservation .box-title-center {
    padding-top: unset;
}

.invReservation .mainReservation {
    /* padding-left: 5rem; */
    padding: 0 5rem;
}

.invReservation .btn-reser1 {
    width: 60%;
    height: 50px;
    background: #425edd14;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    border-radius: 10px;
    border-color: #fff;
    font-weight: 700;
}

.invReservation .btn-reser2 {
    width: 60%;
    height: 50px;
    background-color: #fff;
    color: #000;
    border-radius: 10px;
    font-weight: 700;
}

.invReservation .reser2 {
    display: flex;
    justify-content: flex-start;
}

.invReservation .reser1 {
    display: flex;
    justify-content: flex-end;
}

.invReservation p {
    margin-bottom: 0.2rem;
    font-size: 1.25rem;
    font-weight: 700;
    font-family: "Kanit Regular";
}

.uploadBank .boxInput .input-group input {
    padding-left: 0% !important;
    font-size: 1.25rem;
    margin: 10px;
    border-bottom: unset;
}

.uploadBank .cardGlass {
    height: 620px;
}

.uploadBank .dropzone-wrapper {
    padding-bottom: 0%;
    height: 430px;
}

.uploadBank .dropzone-desc {
    position: relative;
    /* bottom: 100px; */
    top: unset;
}

.uploadBank .btn-upload {
    width: 60%;
    height: 60px;
    background: #425edd14;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    border-radius: 10px;
    border-color: #fff;
    font-weight: 700;
    margin-top: 3rem;
    /* margin-left: 6.5rem; */
}

.uploadBank .btn-upload2 {
    width: 300px;
    height: 60px;
    background: #425edd14;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    border-radius: 10px;
    border-color: #fff;
    font-weight: 700;
}

.underLine {
    border-bottom: 1px solid #585e63;
}

.uploadBank .btn-select {
    background: rgb(0 0 0 / 0%);
    color: #fff;
    width: 300px;
    height: 60px;
    border: none;
    position: relative;
    font-size: 20px;
}

.vodiapicker {
    display: none;
}

#a {
    padding-left: 0px;
}

#a img,
.btn-select img {
    width: 40px;
}

#a li {
    list-style: none;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 20px;
    cursor: pointer;
}

#a li:hover {
    background-color: rgb(60, 60, 60);
    color: #fff;
    transition: 0.3s;
}

#a li img {
    margin: 5px;
}


/* #a li span,
.btn-select li span {
margin-left: 30px;
} */


/* item list */

.b {
    display: none;
    width: 100%;
    max-width: 340px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    color: #fff;
    position: absolute;
    background-color: rgb(20, 31, 39);
    z-index: 2;
    top: 80px;
}

.open {
    display: show !important;
}

.btn-select {
    margin-top: 10px;
    width: 100%;
    max-width: 350px;
    height: 34px;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 0%);
    border: 1px solid #ccc;
    color: #fff;
}

.btn-select li {
    list-style: none;
    float: left;
    padding-bottom: 0px;
}

.btn-select:hover li {
    margin-left: 0px;
}

.btn-select:hover {
    background-color: rgb(0 0 0 / 0%);
}

.btn-select:focus {
    outline: none;
}

.uploadBank .boxInput .input-group .iconBack {
    height: 20px;
    position: absolute;
    top: 30px;
    right: 10px;
}

.uploadBank .icondd {
    width: 15px;
    position: relative;
    bottom: 15px;
    left: -2%;
}

.uploadBank .cardGlass2 {
    height: auto;
    background: #425edd14;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding-bottom: 1.5rem;
    margin-bottom: 2.5rem;
    color: #fff;
}

.uploadBank .cardGlass {
    color: #fff;
}

.uploadBank .card {
    width: 31rem;
    position: relative;
    left: 7%;
}

.withbank {
    /* position: relative;
top: 10px; */
    font-size: 20px;
    font-weight: lighter;
    align-self: center;
    position: relative;
}

.withbank .iconBack {
    position: absolute;
    right: 0px;
    height: 20px;
    top: 16px
}

.withbank p {
    margin: 10px;
}

.btn-upload3 {
    width: 300px;
    height: 60px;
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #000;
    border-radius: 10px;
    border-color: transparent;
    font-weight: 700;
}

.uploadBank .btn-upload4 {
    width: 300px;
    height: 60px;
    background: #27ae60;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    border-radius: 30px;
    border-color: transparent;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.uploadBank .btn-upload5 {
    width: 300px;
    height: 60px;
    background: #5697e6;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    border-radius: 30px;
    border-color: transparent;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.uploadBank .btn-upload4 img {
    margin-right: 5px;
}

.uploadBank input[type="checkbox"] {
    transform: scale(2);
    margin-right: 10px;
}

.uploadBank .items {
    padding: 10px 0px;
    font-size: 20px;
    border-bottom: unset;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.7); */
}

.uploadBank .header-row .items {
    border-bottom: 1px solid #4187f3;
}

.uploadBank .header-row {
    background-color: #1c262d;
}

.uploadBank .table-rows:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.1);
    opacity: 0.8;
}

.uploadBank .table-rows:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05);
    opacity: 0.8;
}

.showBank .items {
    padding: 10px 0px;
    font-size: 20px;
    border-bottom: unset;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.7); */
}

.showBank .header-row .items {
    border-bottom: 1px solid #4187f3;
}

.showBank .header-row {
    background-color: transparent;
}

.showBank .table-rows:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.1);
    opacity: 0.8;
}

.showBank .table-rows:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05);
    opacity: 0.8;
}

.showBank .btn-upload4 {
    width: auto;
    height: 60px;
    background: #27ae60;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    border-radius: 30px;
    border-color: transparent;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.showBank .btn-upload5 {
    width: auto;
    height: 60px;
    background: #5697e6;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    border-radius: 30px;
    border-color: transparent;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.showBank .bankList {
    margin-top: 5rem;
}

.showBank .btn-upload3 {
    margin-top: 3rem;
}

.showBank .titleSection h3 {
    font-size: 24px;
}

.showBank .imgBank .img {
    width: 50px;
}

.showBank .imgBank img {
    width: 50px;
    position: relative;
    top: 12px;
}

.showBank .box-title-center h3 {
    margin-top: -10%;
}

.bookingLounge textarea {
    background: #425edd14;
    font-size: 1.25rem;
    color: white;
    border-color: #fff;
    border-radius: 10px;
}

.bookingLounge .boxInput .input-group input {
    border-bottom: unset;
}

.bookingLounge .vodiapicker {
    display: unset;
}

.bookingLounge .btn-select {
    background: transparent;
    color: #fff;
    width: 100%;
    height: 60px;
    border: none;
    position: relative;
    font-size: 20px;
    top: 5px;
    padding-left: 55px;
}

.bookingLounge option {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    color: #000;
    width: 100%;
    height: 100px;
    border: none;
    font-size: 1.25rem;
    top: 5px;
    padding-top: 1rem;
}

.bookingLounge option:focus {
    background-color: #000;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-family: "Sukhumvit Set";
    font-weight: 400;
    /* letter-spacing: 1px; */
    backdrop-filter: blur(5px);
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.5rem;
    background-color: #4187f3;
    color: #fff;
    margin-bottom: 0 !important;
    border-radius: 15px 15px 0 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: transparent;
    font-weight: 400;
    border: unset;
    color: #fff;
    font-family: "Sukhumvit Set";
    font-weight: 400;
    /* letter-spacing: 1px; */
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 6px solid #4187f3;
    background: #4187f3;
    color: #fff;
}

.datepicker-inline {
    display: none !important;
}

.bookingLounge tbody,
.bookingLounge td,
.bookingLounge tfoot,
.bookingLounge th,
.bookingLounge thead,
.bookingLounge tr {
    font-family: "Sukhumvit Set" !important;
    font-weight: 400;
    /* letter-spacing: 1px; */
    border-width: unset;
    border: transparent;
    font-size: 1.25rem;
    color: #fff;
    background-color: #425edd14;
}

.daterangepicker {
    border-radius: 15px;
}

.bookingLounge .daterangepicker .drp-calendar.left .calendar-table {
    background-color: #425edd14;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    font-size: 1.25rem;
    width: 100%;
    height: 40px;
    border-radius: unset;
    border: unset;
    background-color: #425edd14;
    color: #fff;
}

.daterangepicker.opensright:after {
    display: none;
}

.daterangepicker.opensright:before {
    display: none;
}

.daterangepicker.opensleft:after {
    display: none;
}

.daterangepicker.opensleft:before {
    display: none;
}

.daterangepicker td.start-date.end-date {
    border-radius: unset;
    background-color: #5a574f;
}

.daterangepicker .drp-buttons .applyBtn {
    background-color: #696557;
    border: #696557;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    font-size: 1rem;
    border-radius: 10px;
}

.profileEap textarea {
    background: #425edd14;
    font-size: 1.25rem;
    color: white;
    border-color: #fff;
    border-radius: 10px;
    width: 100%;
}

.profileEap .dropzone-wrapper2 {
    border-radius: 50px;
    width: 100px;
    height: 100px;
    padding: unset;
    padding-top: unset;
    background: rgb(255 255 255 / 10%);
    border: 3px dashed #ddd;
    color: #ababab;
    position: relative;
    display: flex;
    align-items: center;
}

.profileEap .dropzone-wrapper2 img {
    width: auto;
}

.profileEap .dropzone-wrapper2 .dropzone-warning {
    font-size: 0.85rem;
    margin-bottom: 0;
    font-weight: 300;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

.profileEap .dropzone-desc {
    position: relative;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    top: 0;
    font-size: 2rem;
}

.profileEap .dropzone-desc p {
    margin-bottom: 0;
    /* font-size: 20px; */
    font-weight: 700;
}

.profileEap .dropzone,
.dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 150px;
    cursor: pointer;
    opacity: 0;
}

.profileEap .dropzone-wrapper2:hover,
.dropzone-wrapper2.dragover {
    background: #ecf0f5;
}

.profileEap .dropzone-wrapper2:hover,
.dropzone-wrapper2.dragover {
    background: #33373b !important;
}

.profileEap .btndlIcon {
    position: absolute;
    bottom: 55px;
    right: -10px;
}

.profileEap .btndlIcon img {
    width: 30px;
}

.login .btn-login {
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #000;
    border-radius: 10px;
    border-color: transparent;
    font-weight: 700;
    font-size: 1.35rem;
}

.login #gotoRegister {
    cursor: pointer;
    width: 100%;
    height: 60px;
    color: #000;
    border-radius: 10px;
    border-color: transparent;
    font-weight: 200;
    font-size: 1.35rem;
}

.login h6 {
    font-weight: 200;
    font-size: 1.35rem;
}

.login #login_from {
    width: 75%;
    margin: 0 auto;
}

.login .cardGlass {
    /* width: 60%; */
}


/* .login .contentProfile{
margin-right: unset;
} */

.login .loginSocial img {
    width: 80px;
}

.notification .notifications .dropdown-noti-box {
    width: 500px;
    height: 600px;
    background-color: #081c2a;
    color: #fff;
    padding: 2rem;
    border-radius: 20px;
}

.notification .notifications a {
    color: transparent;
}

.notification .colorRed {
    right: 11px;
}

.notifications img {
    height: 50px;
    border-radius: 15px;
    align-items: center;
}

.notifications .noti-row2 {
    font-weight: lighter;
}

.notifications .dropdown-divider {
    border-color: #9fa3a6;
}

.notification .btn-notidanger {
    border-radius: 20px;
    background-color: #f86464;
}

.agentPort .progress-box .card-glass-cover {
    margin: 0 10px;
    height: 250px;
    padding: 1rem;
}

.agentPort .dt-payoff {
    line-height: unset;
}

.agentPort .text-green-pc {
    font-weight: lighter;
    color: #2ecc71;
}

.agentPort .text-green-pc img {
    width: 20px;
}

.agentPort .progress-r2 {
    width: 100%;
    background-color: white;
    border-radius: 15px;
    height: 12px;
}

.agentPort .progress-r2::-webkit-progress-value {
    background-color: #2d66ac;
    border-radius: 15px;
}


/* ???????? ?????? */

.agentPort .progress-r2::-webkit-progress-bar {
    background-color: rgb(240, 240, 240);
    border-radius: 15px;
}

.agentPort .btn-upload {
    background-color: #4187f3;
    color: #fff;
    width: 200px;
    height: 60px;
    border-radius: 20px;
    font-size: 1.5rem;
    position: absolute;
    right: 70px;
}

.agentPort tbody,
td,
tfoot,
th,
thead,
tr {
    font-size: unset;
}

.agentPort .chartCommiss {
    position: relative;
    bottom: 402px;
    left: 10px;
}

.agentPort .chartCommiss h1 {
    font-weight: 700;
    font-size: 4rem;
    font-family: "Kanit Bold";
}

.agentPort .chartCommiss a {
    font-family: "Kanit Regular";
    font-weight: 100;
    font-size: 1rem;
}

.agentPort .rankCommiss {
    position: relative;
    bottom: 350px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.box-rankCommiss-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -26px;
}

.box-rankCommiss-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -26px;
}

.clubPrivilege .icon-radius:hover {
    background-color: #4187f3;
}

.btn-mission {
    height: 50px;
    min-width: 80px;
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: "Kanit Bold";
    white-space: nowrap;
}

.btn-mission:focus {
    background-color: #fff;
    color: #4187f3;
    border-color: #fff;
}


/* .modal {
display:    none;
position:   fixed;
z-index:    1000;
top:        0;
left:       0;
height:     100%;
width:      100%;
background: rgba(80, 80, 80, 0.8)
url('https://i.stack.imgur.com/FhHRx.gif')
50% 50%
no-repeat;
} */

body.loading {
    overflow: hidden;
}

body.loading .modal {
    display: block;
}

.clubPrivilege .search-input-icon {
    position: absolute;
    top: 25%;
    right: 2%;
}

.clubPrivilege .search-input {
    width: 100%;
    height: 60px;
    border-radius: 15px;
    margin-left: 0%;
    background: #2d3b4669;
    margin-bottom: 0%;
    padding: 0 2rem;
    color: #fff;
    font-size: 1.5rem;
}


/* .uploadH .dz-remove {
width: 50px !important;
height: 50px !important;
background-color: #FFF;
padding: 5px;
position: absolute;
bottom: 356px !important;
left: 956px !important;
top: unset !important;
right: unset !important;
border-radius: 20px;
} */

.uploadH .dz-remove::before {
    position: relative;
    content: "";
    display: block;
    top: 5px;
    right: -5px;
    width: 30px;
    height: 30px;
    background: url(/assets/img/bin.png) no-repeat center center;
    background-size: cover;
}

.design_img_uploadH .dz-remove {
    width: 45px !important;
    height: 45px !important;
    background-color: #fff;
    padding: 2.35px;
    position: absolute;
    top: 20px;
    right: 24px;
    border-radius: 20px;
    z-index: 99;
}

.uploadBank .dz-remove::before {
    position: relative;
    content: "";
    display: block;
    top: 5px;
    right: -5px;
    width: 30px;
    height: 30px;
    background: url(/assets/img/bin.png) no-repeat center center;
    background-size: cover;
}

.design_img_uploadH .dz-image img {
    border-radius: unset;
    height: auto;
    max-height: 624px;
    width: 100%;
    object-fit: contain;
    position: relative;
    /* left: 16px; */
    /* bottom: -131px; */
}

.uploadH .bottom2,
.bottom23 {
    color: #9fa3a6;
    /* background-color: #33373B; */
    border-color: #9fa3a6;
    /* margin: 59px; */
    width: 27%;
    width: 300px;
    height: 60px;
}

.showH .cardGlass img {
    width: 100%;
    height: auto;
}

.showH .cardGlass {
    width: 100%;
    height: 80%;
    position: relative;
}

.showH .btn-upload4 {
    width: 250px;
    height: 50px;
    background: #27ae60;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    border-radius: 30px;
    border-color: transparent;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: absolute;
    right: 89px;
    top: 25px;
    margin: unset;
}

.showH .btn-upload5 {
    width: 250px;
    height: 50px;
    background: #5697e6;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    border-radius: 30px;
    border-color: transparent;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: absolute;
    right: 89px;
    top: 25px;
    margin: unset;
}

.showH .upload6,
.showBank .upload6 {
    background: #e74c3c !important;
}

.icon_shrink {
    width: 25px;
}

.showH .btn-upload-reject {
    width: 250px;
    height: 50px;
    background: #e74c3c;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    border-radius: 30px;
    border-color: transparent;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: absolute;
    right: 89px;
    top: 25px;
    margin: unset;
}

.showH .btn-upload-reject img {
    margin-right: 5px;
    width: 30px;
    height: 30px;
}

.uploadBank .btn-upload-reject {
    width: 300px;
    height: 60px;
    background: #5697e6;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff;
    border-radius: 30px;
    border-color: transparent;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.showH .btn-upload4 img {
    margin-right: 5px;
    width: 30px;
    height: 30px;
}

.showH .btn-upload5 img {
    margin-right: 5px;
    width: 30px;
    height: 30px;
}

.home-banner-inside-container .home-profile .box2 .box2-detail .contact-ecg .right .bg-circle:hover {
    background-color: #4187f3;
}

.home-banner-inside-container .home-profile .box1 .investor-name2 {
    padding: 4.3rem 3rem;
}

.home-banner-inside-container .home-profile .box1 .investor-name2 h5 {
    font-size: 1.125rem;
    font-weight: 200;
}

.home-banner-inside-container .text-percent {
    color: #4187f3;
    text-decoration: unset;
    font-weight: 700;
    font-size: 1.125rem;
}

.home-banner-inside-container .home-profile .home-glass-personal {
    min-height: 680px;
    background: #425edd14;
    padding: 3rem 3rem;
    margin-top: 1.5rem;
}

.home-banner-inside-container .personal3 {
    line-height: 1.2;
    /* letter-spacing: 0.1; */
    font-size: 1.125rem;
    /* font-weight: 700; */
    font-family: "Kanit Regular";
}

.home-banner-inside-container .personal3 img {
    position: relative;
    top: -2px;
}

.home-banner-inside-container .personal-data {
    font-size: 2.25rem;
    /* font-weight: 700; */
    font-family: "Kanit Regular";
}

.home-banner-inside-container .fc-event-time {
    display: none;
}

.home-banner-inside-container .fc-daygrid-event-dot {
    width: 1px;
    height: 1px;
    background-color: #fff;
    border-color: #fff;
    border-radius: 20px;
    position: relative;
    top: 54px;
    left: 34px;
}

.home-banner-inside-container .fc-daygrid-dot-event .fc-event-title {
    display: none;
}

.home-banner-inside-container .fc-daygrid-day-frame:before,
.fc-daygrid-day-events:before,
.fc-daygrid-event-harness:before {
    display: none;
}

.contractManage .checkmark_mc {
    border-radius: 5px !important;
    margin-top: 3px;
    margin-left: -20px;
    top: unset;
}

#cb2 {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.whyhow .news-card {
    padding-bottom: 0%;
}

.home-banner-inside-container .home-profile .calendar {
    margin-top: 2.375rem;
    backdrop-filter: unset;
    filter: unset;
}

.home-banner-inside-container .home-profile .home-glass2 {
    /* height: auto !important; */
    padding: 3rem 3rem;
}


/* .mainBodyHomeInside {
  padding-top: 2rem !important;
  padding-bottom: 60px;
} */

.mainBodyHomeInside a {
    color: transparent;
}

.top500ranking .top500ranking-detail .rank-card .my-rank-list .rank-title .coin {
    border-radius: 30px;
}

.top500ranking .top500ranking-detail .rank-card .my-rank-list .rank-title .circle {
    width: 60px;
}

.founder .name-personal {
    margin-left: 60px;
}

.founder .sortFounder {
    margin-left: 10px;
}

.title-team-port {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
}

.agentPort .text-red-pc {
    font-weight: lighter;
    color: #ae2727;
}

.agentPort .text-red-pc img {
    width: 20px;
}

.agentPort .text-yellow-pc {
    font-weight: lighter;
    color: #abab40;
}

.agentPort .text-yellow-pc img {
    width: 20px;
}

.mainBodyHomeInside .noti-expire p {
    font-size: 1.25rem;
}

.mainBodyHomeInside .noti-expire-content {
    display: flex;
    justify-content: end;
    height: 245px;
  /* overflow-y: auto; */
}

.mainBodyHomeInside .box3 {
    /* margin-bottom: -15rem; */
    display: flex;
    overflow: hidden;
    position: relative;
    height: auto;
}

.whyhow .gap-all {
    gap: 60px;
}

.founder_img_circle {
    border: 4px solid #9fa3a6;
    border-radius: 100%;
    background-color: #fff;
    width: 5.25rem;
    height: 5.25rem;
    position: absolute;
    right: 150px;
    top: 100px;
}

.mainBody .contentClubHome .clubHomeImageCard .founder_img_circle .founder-text-number {
    font-size: 2rem;
    font-weight: 700;
    color: #9fa3a6;
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 17px;
}

.clubhomeMainBody .btnUploadIcon {
    width: 2.125rem;
    height: 2.125rem;
    background: #9fa3a6;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0rem;
    top: -1rem;
}

.mainBody .contentClubHome .clubHomeImageCard .text-founder1 p {
    position: absolute;
    right: 120px;
    top: 50px;
    margin-top: 0rem;
}

#bannerModalCenter .modal-dialog {
    max-width: 50%;
}

#bannerModalCenter .modal-dialog .modal-content {
    border-radius: 16px;
}

#bannerModalCenter .modal-dialog .modal-body {
    padding: 0px;
}

#bannerModalCenter .modal-dialog .modal-body .close {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #fff;
    font-size: 16px;
    padding: 0;
    background-color: transparent;
    border: 0;
}

#bannerModalCenter .modal-dialog .modal-body img {
    border-radius: 10px;
    width: 100%;
    height: 650px;
}

.modal-backdrop {
    z-index: unset !important;
}

.mainBodyHome iframe {
    border-radius: 15px;
}

.box-image iframe {
    border-radius: 30px;
}

.name-box {
    font-size: 30px;
    color: white;
    font-weight: 600;
    /* text-overflow: ellipsis;
overflow-x : clip;
overflow-y: unset; */
    margin-right: 2rem;
    white-space: nowrap;
    /* max-width: 380px; */
    margin-bottom: unset;
}

.name-box2 {
    position: absolute;
    right: 0;
}

.progress-success::-webkit-progress-bar {
    background-color: #4187f3;
}

.progress-success::-webkit-progress-value {
    background-image: -webkit-linear-gradient(left, #4187f3, #4187f3);
}

.home-banner-inside-container .home-profile .home-glass-personal2 {
    background: #425edd14;
    padding: 3rem 3rem;
    /* margin-top: 3rem; */
}

.home-banner-inside-container .personal-data2 {
    font-size: 2.25rem;
    color: #fff;
    text-align: center;
}

.home-banner-inside-container .personal-data3 {
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
}

.home-banner-inside-container .home-profile .box1 .alert-in-profile2 {
    font-size: 1.125rem;
    text-align: center;
}

.home-banner-inside-container .home-profile .home-glass-personal3 {
    background: #425edd14;
    padding: 3rem 3rem;
    width: 230px;
    cursor: pointer;
}

.box-jus-center {
    display: flex;
    justify-content: center;
}

.box-jus-center-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.clubPrivilege .box-title-srction {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 1900px;
    margin: 0 auto;
    padding: 0 1rem;
}

.a-fancy {
    position: absolute;
    right: 26px;
    top: 20px;
}

.img-zoom-fancy {
    width: 50px;
    height: 50px;
}

.invReservation .font_color p {
    font-size: 1.25rem !important;
    color: #9fa3a6;
    font-weight: 200;
    /* line-height: 1; */
    margin-bottom: unset;
}

.mainBodyHomeInside .play-vdo {
    width: 75px !important;
    height: 75px !important;
    position: absolute;
    left: 350px;
    top: 200px;
    z-index: 1;
}

.commissionDetail .text-title {
    padding-top: 5px;
    font-size: 2.625rem;
}

.clubCorrelation .card-table {
    background: #425edd14;
    word-break: break-all;
    /* text-align: center; */
    color: white;
    border-radius: 15px;
    font-size: 16px;
}

.faqMain .text-title {
    padding-top: 5px;
    font-size: 42px;
}

.faqMain .text-head h5 {
    padding-left: 60px;
}

.familyList .text-light {
    padding-top: 5px;
    font-size: 42px;
}

.btn-payoff-choose,
.btn-payoff-choose2 {
    border-radius: 10px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #4187f3;
    border-color: #4187f3;
    opacity: 50%;
    font-weight: 600;
    width: 95%;
    white-space: nowrap;
}

#investor_list_1,
#investor_list_2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    position: absolute;
    top: 12px;
    right: 15px;
    height: 60px;
    width: 350px;
    font-size: 1.5rem;
    padding: 0 2rem;
    border: none;
    text-align: center;
    font-weight: 700;
}

.newDetail .image-new-more img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 5px;
}


/* 
.mainBodyHomeInside {
  padding-top: 10rem !important;
} */

.navbarMain {
    background: #223a71;
    user-select: none;
    position: fixed;
    width: 100%;
    z-index: 3;
    top: -3px;
}

.rankCommiss-1 {
    position: relative;
    bottom: 200px;
    text-align: start;
    /* flex-direction: row;
  align-items: center; */
    background: #425edd14;
    justify-content: space-between;
    border-radius: 20px;
}

.future-color {
    /* background: #AE2627; */
    text-align: start;
    border-radius: 10px 0 0 10px;
    position: relative;
    left: 20;
    padding: 20px 20px 0 20px;
}

.future-color-1 {
    /* background: #fff; */
    text-align: start;
    border-radius: 0 10px 10px 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.agentPort .text-white .row .future-color h3 {
    font-size: 1rem !important;
}

.agentPort .text-white .row .future-color-1 h5 {
    font-size: 1rem !important;
    color: #FFFFFF;
}

#modal-bookbank-nickname .modal-body .boxInput .input-group input {
    background: transparent;
    border: none;
    /* color: #fff; */
    border-bottom: 2px solid #858585;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 80px;
    border-radius: 0;
    font-size: 1.5rem;
    height: 4rem;
    padding-right: 40px;
}

#modal-bookbank-nickname .modal-body .boxInput .input-group .iconFront {
    height: 20px;
    position: absolute;
    top: 20px;
    left: 10px;
}

#modal-bookbank-nickname .modal-content {
    background: #425edd14;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding-bottom: 1.5rem;
    margin-bottom: 2.5rem;
}

#modal-bookbank-nickname .modal-header {
    padding: 1rem 1rem 1rem 2rem;
}

#modal-bookbank-nickname .modal-body {
    /* color: #fff; */
    padding: 1rem 2rem;
}

#modal-bookbank-nickname .modal-header .modal-title {
    font-size: 1.25rem;
    font-weight: bold;
    /* color: #fff; */
}

.agentPort .text-white .row .future-color .head_predict {
    font-size: 1rem !important;
    color: #ffffff87 !important;
}

.agentPort .text-white .row .future-color .date_predict {
    font-size: 1.25rem !important;
}

.agentPort .text-white .row .text_predict {
    font-size: .9375rem !important;
    margin-top: 0px !important;
    padding-left: 26px !important;
    margin-bottom: 30px !important;
}

.contractManage .comment_head {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    position: relative;
}

.contractManage .comment_body {
    background: #3B2E35;
    padding: 10px 20px 10px 10px;
    border-radius: 5px;
    color: white;
}

.contractManage .comment_body2 {
    color: #656C6F;
    position: absolute;
    border-bottom: 1px solid;
    top: 50px;
    cursor: pointer
    /* right: 200px; */
}