/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap'); */

 @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');


 /* @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600;700&display=swap'); */

 .noborders,
 .noborders>* {
     border: none !important;
     border-bottom-width: 0px !important;
 }

 .custom-container,
 .containerx {
     max-width: 90vw !important;
 }



 .input-group-text {
     color: white;
     background-color: var(--bs-purple);
     ;
     border: none;
 }

 /* .footer-nav,
            .header-areaXX,
            .footer-nav-area {
                background: linear-gradient(11deg, hsl(0deg 0% 100% / 62%), #ffffffc4) !important;
                --webkit-background: linear-gradient(11deg, hsl(0deg 0% 100% / 62%), #ffffffc4) !important;
            } */

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 .myfont,
 body,
 * {
     font-family: 'Oswald', sans-serif;
     /* font-family: 'Kanit', sans-serif; */
 }


 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
     font-weight: bold !important;
 }

 HR,
 hr {
     margin-left: 0 !important;
     margin-right: 0 !important;
     margin-bottom: 0.375rem !important;
     margin-top: 0.375rem !important;
 }

 .blinking {
     animation: blinkingText 1.2s infinite;
 }

 .glowing {
     -webkit-animation: glowing 1500ms infinite;
     -moz-animation: glowing 1500ms infinite;
     -o-animation: glowing 1500ms infinite;
     animation: glowing 1500ms infinite;
 }

 .dataTables_wrapper {
     padding-left: unset;
     padding-right: unset;
 }

 .page-content-wrapper {
     min-height: 100vh;
 }

 .tags-content {
     color: #666;
     padding: 2px 4px;
     background-color: #eee;
     border-radius: 5px;
     font-size: 12px;
     line-height: 14px;
     letter-spacing: .01em;
 }

 @keyframes blinkingText {
     0% {
         color: transparent;
     }

     25% {
         color: transparent;
     }

     50% {
         color: WHITE;
     }

     75% {
         color: WHITE;
     }

     100% {
         color: WHITE;
     }
 }

 @-webkit-keyframes glowing {
     0% {
         /* background-color: #B20000; */
         -webkit-box-shadow: 0 0 3px #B20000;
     }

     50% {
         /* background-color: #FF0000; */
         -webkit-box-shadow: 0 0 40px #FF0000;
     }

     100% {
         /* background-color: #B20000; */
         -webkit-box-shadow: 0 0 3px #B20000;
     }
 }

 @-moz-keyframes glowing {
     0% {
         /* background-color: #B20000; */
         -moz-box-shadow: 0 0 3px #B20000;
     }

     50% {
         /* background-color: #FF0000; */
         -moz-box-shadow: 0 0 40px #FF0000;
     }

     100% {
         /* background-color: #B20000; */
         -moz-box-shadow: 0 0 3px #B20000;
     }
 }

 @-o-keyframes glowing {
     0% {
         /* background-color: #B20000; */
         box-shadow: 0 0 3px #B20000;
     }

     50% {
         /* background-color: #FF0000; */
         box-shadow: 0 0 40px #FF0000;
     }

     100% {
         /* background-color: #B20000; */
         box-shadow: 0 0 3px #B20000;
     }
 }

 @keyframes glowing {
     0% {
         /* background-color: #B20000; */
         box-shadow: 0 0 3px #B20000;
     }

     50% {
         /* background-color: #FF0000; */
         box-shadow: 0 0 40px #FF0000;
     }

     100% {
         /* background-color: #B20000; */
         box-shadow: 0 0 3px #B20000;
     }
 }

 .btn-group-sm>.btn,
 .btn-sm {
     font-size: 0.95rem;
     padding: .25rem 0.35rem;
     border-radius: 7px;
 }


 .MACHIVED,
 .MACHIEVED,
 .MAPPROVED,
 .MACTIVE {
     /* padding: 2px 4px; */
     padding-left: 4px;
     padding-right: 4px;
     color: white;
     background-color: green !important;
     border-radius: 7px;
     /*background-color: var(--green) !important;*/
     background-repeat: repeat-x;
     COLOR: WHITE;
 }

 .MREJECTED,
 .RED,
 .PENDING,
 .MHIDE {
     padding: 2px 4px;
     color: white;
     background-color: red;
     border-radius: 7px;
 }

 .MEXPIRE {
     padding: 2px 4px;
     COLOR: WHITE;
     background-color: var(--gray);
     ;
     border-radius: 7px;
 }

 /* .ACHIVED *,
    .ACHIEVED *,
    .TRANSFERRED * {
      border-radius: 7px !important;
    } */

 /*   .row>* {
                -ms-flex-negative: 0;
                flex-shrink: 0;
                width: 100%;
                max-width: 100%;
                padding-right: calc(var(--bs-gutter-x) * .25);
                padding-left: calc(var(--bs-gutter-x) * .25);
                margin-top: var(--bs-gutter-y);
            } */

 .mark-link:hover {
     background-color: #5a60664f;
     color: white;
     border-radius: 3px;
 }

 .MFUNDS_TRANSFER,
 .MRECHARGE,
 .MRECEIVED,
 .ACHIVED,
 .ACHIEVED,
 .TRANSFERRED {
     /*font-weight: bolder;*/
     background-image: -webkit-linear-gradient(45deg, #159957, #155799);
     background-image: -moz-linear-gradient(45deg, #159957, #155799);
     background-image: -o-linear-gradient(45deg, #159957, #155799);
     background-image: linear-gradient(45deg, #159957, #155799);
     background-repeat: repeat-x;
     COLOR: WHITE;
     /*font-size: 14px;*/
 }

 .MPENDING,
 .MPACKAGE_ACT,
 .MSENT,
 .MRED,
 .MON_HOLD,
 .MEXPIRED,
 .MREJECTED,
 .REJECTED,
 .alert-danger {
     border-radius: 7px;
     padding-left: 4px;
     padding-right: 4px;
     background-color: RED;
     color: white !important;
     border: none !important;
     background-color: #9C27B0 !important;
     background-repeat: repeat-x;
 }

 .shadowfilter {
     -webkit-filter: drop-shadow(2px 2px 4px #eeeeee);
     filter: drop-shadow(2px 2px 4px #eeeeee);
 }

 .bg-red {
     background-color: RED !important;
 }

 .panel-link {
     background-color: var(--dark);
     color: #fff;
     padding: 0px 3px;
     margin: 1px;
     border-radius: 7px;
     display: inline-block;

 }

 .bg-silver {
     /* border-bottom: 2px solid #8080805e; */
     background-color: #5a60664f;
 }

 .noshadow {
     box-shadow: none !important;
 }

 .panel-link-silver {
     background-color: #5a60664f;
     /* color: #fff; */
     padding: 0px 3px;
     margin: 1px;
     border-radius: 7px;
     display: block;
 }

 .show-link {
     /* color: #fff; */
     padding: 0px 3px;
     margin: 1px;
     border-radius: 7px;
     display: inline-block;
     border-right: 2px solid var(--gray-dark);
     border-left: 2px solid var(--gray);
 }

 .dataTable-table>tbody>tr>td,
 .dataTable-table>tbody>tr>th,
 .dataTable-table>tfoot>tr>td,
 .dataTable-table>tfoot>tr>th,
 .dataTable-table>thead>tr>td,
 .dataTable-table>thead>tr>th {
     vertical-align: top;
     padding: 6px;
 }

 tfoot>tr>th {
     text-align: end !important;
     font-weight: 500 !important;
 }

 th {
     text-transform: uppercase;
 }

 .dataTable-container .dataTable-table tbody tr td,
 .dataTable-container .dataTable-table tbody tr th,
 table,
 .table,
 table.dataTable {
     font-size: 1rem;
     border: 1px solid #ebebeb;
     border-collapse: collapse !important;
 }

 .ACHIEVED {
     font-weight: bolder;
     background-image: -webkit-linear-gradient(45deg, #159957, #155799);
     background-image: -moz-linear-gradient(45deg, #159957, #155799);
     background-image: -o-linear-gradient(45deg, #159957, #155799);
     background-image: linear-gradient(45deg, #159957, #155799);
     background-repeat: repeat-x;
     COLOR: WHITE !important;
 }

 .form-control {
     height: unset;
 }

 .btn1,
 .list-group-item,
 .form-control1,
 .input-group-text1,
 .input-group-append1 {
     box-shadow: 0 1px 5px 0 rgb(32 33 36 / 36%);
     background11: aliceblue !important;
     backdrop-filter: blur(11px);
     color: black !important;
     border: none !important;
 }

 btn .close {
     float: right;
 }

 .card-body {
     padding: 15px;
 }

 /* .ACHIVED *,
        .ACHIEVED *,
        .TRANSFERRED * {
            border-radius11: 11px !important;
            margin: 2px;
        }
 */
 .btn {
     text-transform: uppercase;
     line-height: unset;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     /* padding: .25rem .5rem !important; */
 }

 textarea.form-control {
     min-height: 175px;
 }

 .login-back-button {
     position: fixed;
     top: 2rem;
     left: 10px;
     z-index: 100;
     background-color: lightblue;
     border-radius: 7px;
 }

 .table {
     margin-bottom: unset;
 }

 .table th,
 .table td,
 .table thead th {
     /* border-width: 0.5px; */
     padding: 0.3rem;
     vertical-align: middle;
 }

 .card-header {
     text-transform: uppercase;
     /* background-image: linear-gradient(45deg, #5b0a28, #2f2d2d); */
     background-repeat: repeat-x;
     padding: 0.25rem .5rem !important;
     /* color: white; */
     text-align: center;
     FONT-WEIGHT: 500;
 }

 .card {
     margin: 7px 0;
 }

 a {
     color: inherit;
     cursor: pointer !important;
 }

 .buttons-excel,
 .buttons-print {
     padding: 5px;
     margin-bottom: 5px;
 }


 label {
     display: inline-block;
     font-size: 95%;
     margin-bottom: 5px;
     margin: 5px;
     text-transform: uppercase;
     /*  color: black; */
 }

 .sidenav-profile .user-profile img {
     border-radius: unset;
 }

 /* [data-theme=light] body,
 [data-theme=light] .login-wrapper {
     background-image: url(<?= $BGImage ?>) !important;
 } */

 [data-theme=dark] body {
     /* background-color: #000; */
     background-image: url('../IMG_6897_result.webp');
 }

 [data-theme=dark] .swal2-modal {
     background: #212529d1 !important;
     -webkit-background: #212529d1 !important;
     backdrop-filter: blur(11px);
     -webkit-backdrop-filter: blur(11px);
 }

 .swal2-confirm,
 .swal2-styled {
     width: 100%;
     display: block;
     margin-block: 5px !important;
     margin-inline: UNSET !important;
 }


 .sbtn {background: rgba(255, 255, 255, .65);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .2);}

 [data-theme=light] .card {
     /* -webkit-backdrop-filter: blur(11px); */
     /* backdrop-filter: blur(11px); */
     /* background: linear-gradient(11deg, hsl(0deg 0% 100% / 62%), #ffffffc4);
                -webkit-background: linear-gradient(11deg, hsl(0deg 0% 100% / 62%), #ffffffc4); */
     color: black;
     background: rgba(255, 255, 255, .65);
     backdrop-filter: blur(30px);
     -webkit-backdrop-filter: blur(30px);
     box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .2);
 }

 [data-theme=light] .swal2-modal {
     /* -webkit-backdrop-filter: blur(11px); */
     /* backdrop-filter: blur(11px); */
     /* background: linear-gradient(11deg, hsl(0deg 0% 100% / 62%), #ffffffc4);
                -webkit-background: linear-gradient(11deg, hsl(0deg 0% 100% / 62%), #ffffffc4); */
     color: black;
     background: rgba(255, 255, 255, .65) !important;
     backdrop-filter: blur(30px) !important;
     -webkit-backdrop-filter: blur(30px) !important;
     box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .2) !important;
 }

 /* .swal2-modal .swal2-image {
                margin: 5px auto;
                max-width: 100%;
            } */

 body,
 .login-wrapper,
 .page-content-wrapper {
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     background-attachment: fixed;
     -webkit-background-size: cover;
     /* For Safari and Chrome */
     -moz-background-size: cover;
     /* For Firefox */
     -o-background-size: cover;
     /* For Opera */
     min-height: 100vh;
     user-select: none;
 }


 .myglass22 {
     background: linear-gradient(90deg, #2628274f, #9e9e9e8f);
     backdrop-filter: blur(11px);
 }

 .bg-glass11 {
     /*background: rgba(53, 53, 53, 0.47); */
     backdrop-filter: blur(62px);

     background-color: #f7f9fa2b;
     -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
 }

 p {
     margin-bottom: unset;
     /* color: black; */
 }

 .animate-charcter {
     text-transform: uppercase;
     background-image: linear-gradient(-225deg,
             #231557 0%,
             #44107a 29%,
             #ff1361 67%,
             #fff800 100%);
     background-size: auto auto;
     background-clip: border-box;
     background-size: 200% auto;
     color: #fff;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: textclip 2s alternate-reverse infinite;
     display: inline-block;
     /* font-size: 190px; */
 }

 @keyframes textclip {
     to {
         background-position: 200% center;
     }
 }

 .container {
     max-width: 95% !important;
 }

 .cartbutton {
     margin-bottom: 0 !important;
     margin-top: 0 !important;
     background1: #cdd4db45;
     backdrop-filter: blur(5px);
     box-shadow: unset !important;
     align-items: center !important;
     --webkit-box-pack: center !important;
     justify-content: center !important;
     border-radius: 0.25rem !important;
 }

 .alert-dismissible .btn-close {
     font-size: 17px;
     position: absolute ! IMPORTANT;
     font-weight: 700;
 }

 @media print {
     body * {
         visibility: hidden;
         display: none;
     }

     /* General table styles */
     table {

         border-collapse: collapse;
         border: 1px solid #000;

     }

     th,
     td {
         border: 1px solid #000;

     }

     /* Styles specific to printing */

     table {
         page-break-inside: auto;
     }

     tr {
         page-break-inside: avoid;
         page-break-after: auto;
     }


     #section-to-print,
     #section-to-print * {
         visibility: visible;
         display: block;
     }

     #section-to-print {
         background-color: white;
         color: black;
         /*padding:10CM;*/
         position: absolute;
         left: 0;
         top: 0;
     }
 }