.bgDetail {
     background-color: #ececec;
     border-radius: 5px;
 }

 .navitem i {
     font-size: 0.4rem;
     margin-right: 0.25rem;
     vertical-align: middle;
 }

 .navlink,
 .navlink a {
     vertical-align: middle;
     color: #f2f2f2;
 }

 .logoweb {
     max-width: 100px;
 }

 .logoname {
     /* font-size: xx-large; */
     color: #e41414;
 }

 .navbar-default {

     background-color: #323232;
 }

 .forgotpass {
     float: right;
     padding-top: 9px;
     color: #323232;
 }

 .wrap-service {
     margin-top: 10px;
     margin-right: 0;
     margin-bottom: 10px;
     margin-left: 0;
 }

 img {
     display: block;
     max-width: 100%;
 }


 .bounce2 {
     -moz-animation: bounce 5s infinite;
     -webkit-animation: bounce 5s infinite;
     animation: bounce 5s infinite;
 }

 .contentBG {
     background-color: #6363632e;
     border-radius: 8px;
 }

 .contentBG-G {
     background-color: #00740aa1;
     border-radius: 8px;
     color: #e41414;
 }

 .table-container {
     max-height: 450px;
     overflow-y: auto;
 }

 .containers {
     width: 100%;
     padding-right: 0;
     padding-left: 0;
 }

 .locked-thead {
     position: sticky;
     top: 0;
 }

 .status-wait {
     color: #ef7700;
 }

 .status-success {
     color: green;
 }

 .buyprice {
     background-color: rgb(0 180 0 / 70%);
 }

 .sellprice {
     background-color: rgb(255 0 0 / 70%);
 }

 .marks {
     color: red;
 }



 /* modal */
 .modal-confirm {
     color: #636363;
     width: 325px;
     margin: 30px auto;
 }

 .modal-confirm .modal-content {
     padding: 20px;
     border-radius: 5px;
     border: none;
 }

 .modal-confirm .modal-header {
     border-bottom: none;
     position: relative;
 }

 .modal-confirm h4 {
     text-align: center;
     font-size: 26px;
     margin: 30px 0 -15px;
 }

 .modal-confirm .form-control,
 .modal-confirm .btn {
     min-height: 40px;
     border-radius: 3px;
 }

 .modal-confirm .closes {
     position: absolute;
     top: -5px;
     right: -5px;
     /* font-size: 3rem; */
 }

 .modal-confirm .modal-footer {
     border: none;
     text-align: center;
     border-radius: 5px;
     font-size: 13px;
 }

 .modal-confirm .modal-title {
     width: 100%;
 }

 .modal-confirm.modal-dialog {
     margin-top: 80px;
 }

 .modal-width-60 {
     max-width: 60%;
 }

 .modal-width-70 {
     max-width: 70%;
 }

 .modal-width-80 {
     max-width: 80%;
 }

 .modal-width-90 {
     max-width: 90%;
 }

 .modal-width-100 {
     max-width: 100%;
 }

 .showImageMem {
     width: 100%;
     /* max-width: 260px; */
     border-radius: 1rem;
     /* height: 100%; */
     max-height: 350px;
 }

 .showImageMem:hover {
     border: 4px solid #bbbdbe;
     /* ตั้งค่ากรอบสีเทาขนาด 4px */
     transform: scale(1.05);
     /* เพิ่มเอฟเฟกต์การขยายขนาด */
 }

 .showImageMem-a {
     width: 25%;
 }

 .showImageDeposit {
     width: 100%;
     border-radius: 1rem;
 }

 .modal-confirm .btn {
     color: #fff;
     border-radius: 4px;
     background: #82ce34;
     text-decoration: none;
     transition: all 0.4s;
     line-height: normal;
     border: none;
 }

 .modal-confirm .btn:hover,
 .modal-confirm .btn:focus {
     background: #6fb32b;
     outline: none;
 }

 .modal-confirm .icon-box {
     color: #fff;
     position: absolute;
     margin: 0 auto;
     left: 0;
     right: 0;
     top: -70px;
     width: 95px;
     height: 95px;
     border-radius: 50%;
     z-index: 9;
     background: #82ce34;
     padding: 15px;
     text-align: center;
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
 }

 .modal-confirm .icon-box i {
     font-size: 58px;
     position: relative;
     top: 3px;
 }

 @keyframes blinking {
     0% {
         opacity: 0.2;
     }

     50% {
         opacity: 1;
     }

     100% {
         opacity: 0.2;
     }
 }

 .blink {
     animation: blinking 1.7s infinite;
 }

 .dt-p-b {
     color: blue;
 }

 .dt-p-g {
     color: green;
 }
 .dt-p-o {
    color: #ff8a00;
}
.dt-p-r {
    color: #cb0000;
}
 

 .lineloginImage {
     width: 100%;
     height: 65px;
     cursor: pointer;
     background-color: #22ba4f;
     border: 0px #22ba4f;
     vertical-align: middle;
     border-radius: 5px;
 }

 .lineloginImage td {
     vertical-align: middle;
 }

 .lineloginImage p {
     color: #ececec;
     font-weight: 400;
     font-size: large;
     text-shadow: 0px 0px 3px #041f00;
 }

 .lineloginImage img {
     border-right: 1px solid #21c452;
 }

 .lineloginImage:hover {
     background-color: #21c452;
 }



 @media (min-width: 768px) and (max-width: 1024px),
 (min-width: 1024px) and (max-width: 3366px) {
     .withdraw_form {
         width: 80%;
     }

 }

 /* .withdraw_form {
    width: 80%;
} */

 .pincode-display {
     display: inline-block;
     padding: 10px 20px;
     /* ขนาดของกรอบ */
     font-size: 25px;
     /* ขนาดของตัวอักษร */
     color: #e41414;
     /* สีของตัวอักษร */
     font-weight: 500;
     border: 0.5px solid #d2d2d27b;
     /* ขอบของกรอบ */
     border-radius: 5px;
     /* ความโค้งของขอบ */
     background-color: #0bca007d;
     /* สีพื้นหลังของกรอบ */
     cursor: default;
     /* แปลงเมาส์เป็นตัวชี้ปกติ ไม่ใช่มือ */
     user-select: none;
     /* ป้องกันการเลือกข้อความ */
 }

 .navbar-nav {
     flex-wrap: wrap;
 }

 .logout {
     color: rgb(209 13 20);
 }