.CustomCard {
             background-color: white;
             /* background: linear-gradient(to bottom right, #eff0f3, #e5e6eb); */
             box-shadow: 3px 3px 6px #bfc3cf, -3px -3px 6px #fff;
             border-radius: 10px;
             border: none !important;
         }

         .MyWId {
             box-shadow: 3px 3px 6px #bfc3cf, -3px -3px 6px #fff;
             background: linear-gradient(to bottom right, #eff0f3, #e5e6eb);

         }

         .card {
             position: relative;
             display: -ms-flexbox;
             display: flex;
             -ms-flex-direction: column;
             flex-direction: column;
             min-width: 0;
             word-wrap: break-word;
             background-color: #fff;
             background-clip: border-box;
             border: 1px solid rgba(0, 0, 0, .125);
             border-radius: .25rem;
         }

         .card-body {
             -ms-flex: 1 1 auto;
             flex: 1 1 auto;
             min-height: 1px;
             padding: 1.25rem;
         }

         .inputlable {
             color: #071e54;
             font-size: 15px;
             font-weight: bold;
             opacity: .5;
             margin-left: 25px;
         }

         .t_input {

             padding: 13.3px 25px 14px 24px;
             border-radius: 50px;
             background: #F3F3FF;
             width: 100%;
             border: none;
             outline: none;
             font-size: 16px;
             font-weight: 600;
             line-height: 1.5;
             color: #071e54;
             -webkit-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             -moz-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             height: 40px;
         }

         .form-control {

             transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
         }

         .border-0 {
             border: 0 !important;
         }


         /* .t_input:focus {
    color: #071e54;
    box-shadow: inset 3.5px 3.5px 6px rgba(7, 30, 84, .4), inset -3.5px -3.5px 6px #fff;
    background: #F3F3FF;
    outline: none;
} */
         /* text-transform: capitalize; */

         .t_input:focus {
             color: #071e54;
             box-shadow: inset 3.5px 3.5px 6px #48a1bc, inset -3.5px -3.5px 6px #48a1bc;
             background: #F3F3FF;
             outline: none;
             /* text-transform: capitalize; */
         }

         .t_textarea {
             padding: 13.3px 63px 14px 24px;
             border-radius: 50px;
             background: #F3F3FF;
             width: 100%;
             border: none;
             outline: none;
             font-size: 16px;
             font-weight: 600;
             line-height: 1.5;
             color: #071e54;
             -webkit-appearance: none;
             -webkit-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             -moz-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             height: 70px;
         }

         /* .t_textarea:focus {
             color: #071e54;
             box-shadow: inset 3.5px 3.5px 6px rgba(7, 30, 84, .4), inset -3.5px -3.5px 6px #fff;
             background: #F3F3FF;
             outline: none;
             text-transform: capitalize;
         } */
         .t_textarea:focus {
             color: #071e54;
             box-shadow: inset 3.5px 3.5px 6px #48a1bc, inset -3.5px -3.5px 6px #48a1bc;
             background: #F3F3FF;
             outline: none;
             text-transform: capitalize;
         }


         .ButtonSave {
            background: transparent linear-gradient(276deg, #7197ee, #0f0fd1) 0 0 no-repeat padding-box;
            color: white;
            box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff;
            width: 20%;
            border-radius: 20px;
            border: none;
            padding: 8px 10px;
            font-size: 13px;
        }
        
        /* Add a border on focus */
        .ButtonSave:focus {
            outline: none; /* Remove default focus outline */
            border: 3px solid #9fa7b4; /* Blue border on focus */
        }
        

         .ScannerButton {
             background: transparent linear-gradient(276deg, #78ee71, #46b527) 0 0 no-repeat padding-box;
             color: white;
             box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff;
             width: 100%;
             border-radius: 7px;
             border: none;
             padding: 8px 10px;
             font-size: 14px;
             font-weight: bold;
         }
         .ScannerButton:focus {
            outline: none; /* Remove default focus outline */
            border: 3px solid #9fa7b4; /* Blue border on focus */
        }

         .ButtonLogin {
             background: transparent linear-gradient(276deg, #7197ee, #0f0fd1) 0 0 no-repeat padding-box;

             color: white;
             box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff;
             width: 10%;
             border-radius: 20px;
             border: none;
             padding: 8px 10px;
             font-size: 13px;
         }
         .ButtonLogin:focus {
            outline: none; /* Remove default focus outline */
            border: 3px solid #9fa7b4; /* Blue border on focus */
        }

         .ButtonPermission {
             background: transparent linear-gradient(276deg, rgb(13 148 52 / 90%), #35e190) 0 0 no-repeat padding-box;
             color: white;
             box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff;
             width: 100%;
             border-radius: 20px;
             border: none;
             padding: 8px 10px;
             font-size: 12px;
         }
          .ButtonPermission:focus {
            outline: none; /* Remove default focus outline */
            border: 3px solid #9fa7b4; /* Blue border on focus */
        }

         .ButtonPer {
             background: transparent linear-gradient(276deg, rgb(12 12 12 / 90%), #797877) 0 0 no-repeat padding-box;
             color: white;
             box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff;
             width: 100%;
             border-radius: 20px;
             border: none;
             padding: 8px 10px;
             font-size: 12px;
         }
          .ButtonPer:focus {
            outline: none; /* Remove default focus outline */
            border: 3px solid #9fa7b4; /* Blue border on focus */
        }

         .ButtonReset {

             background: transparent linear-gradient(276deg, rgba(165, 33, 10, 0.898), #f4314a) 0 0 no-repeat padding-box;
             color: white;
             box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff;
             width: 20%;
             border-radius: 20px;
             border: none;
             padding: 8px 10px;
             font-size: 13px;
         }
         .ButtonReset:focus {
            outline: none; /* Remove default focus outline */
            border: 3px solid #9fa7b4; /* Blue border on focus */
        }

         .ButtonView {

             background: transparent linear-gradient(276deg, rgb(42 165 10 / 90%), #31f480) 0 0 no-repeat padding-box;
             color: white;
             box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff;
             width: 20%;
             border-radius: 20px;
             border: none;
             padding: 8px 10px;
             font-size: 13px;
         }
         .ButtonView:focus {
            outline: none; /* Remove default focus outline */
            border: 3px solid #9fa7b4; /* Blue border on focus */
        }

         @media only screen and (max-width: 600px) {
             /*.ButtonSave {*/
             /*    width: 50% !important;*/
             /*    margin-top:4px;*/
             /*}*/
             /*.ButtonReset {*/
             /*    margin-top:4px;*/
             /*    width: 50% !important;*/
             /*}*/
         }

         .t_select {
             padding: 13.3px 63px 14px 24px;
             border-radius: 50px;
             background: #F3F3FF !important;
             width: 100%;
             border: none;
             outline: none;
             font-size: 16px;
             font-weight: 600;
             line-height: 1.5;
             color: #071e54;
             -webkit-appearance: none;
             -webkit-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             -moz-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             height: 50px;
         }

         /* .t_select:focus {
             color: #071e54;
             box-shadow: inset 3.5px 3.5px 6px rgba(7, 30, 84, .4), inset -3.5px -3.5px 6px #fff;
             background: #F3F3FF;
             outline: none;
             text-transform: capitalize;
         } */
         .t_select:focus {
             color: #071e54;
             box-shadow: inset 3.5px 3.5px 6px #48a1bc, inset -3.5px -3.5px 6px #48a1bc;
             background: #F3F3FF;
             outline: none;
             text-transform: capitalize;
         }

         .t_select_option {
             padding: 13.3px 63px 14px 24px;
             background: #EDEEF1;
             width: 100%;
             border: none;
             outline: none;
             font-size: 16px;
             font-weight: 300;
             line-height: 1.5;
             color: #071e54;
             -webkit-appearance: none;
             -webkit-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             -moz-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             height: 50px;
         }

         .password-view-container {
             position: absolute;
             right: 15px;
             top: 10px;
             font-weight: bold;
         }

         /* Input type file */
         .t_file {
             padding: 13.3px 63px 14px 24px;
             border-radius: 50px;
             background: #F3F3FF;
             width: 100%;
             border: none;
             outline: none;
             font-size: 14px;
             font-weight: 600;
             line-height: 1.5;
             color: #071e54;
             -webkit-appearance: none;
             -webkit-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             -moz-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff;
             height: 45px;
         }

         /* .t_file:focus {
             color: #071e54;
             box-shadow: inset 3.5px 3.5px 6px rgba(7, 30, 84, .4), inset -3.5px -3.5px 6px #fff;
             background: #F3F3FF;
             outline: none;
             text-transform: capitalize;
         } */
         .t_file:focus {
             color: #071e54;
             box-shadow: inset 3.5px 3.5px 6px #48a1bc, inset -3.5px -3.5px 6px #48a1bc;
             background: #F3F3FF;
             outline: none;
             text-transform: capitalize;
         }

         /* New code for type file  */
         .file-input-wrapper {
             display: inline-block;
             position: relative;
         }

         .file-input {
             width: 0.1px;
             height: 0.1px;
             opacity: 0;
             overflow: hidden;
             position: absolute;
             z-index: -1;
         }

         .file-input-label {
             display: inline-block;
             width: 300px;
             /* Set a fixed width */
             padding: 10px 20px;
             font-size: 16px;
             font-weight: 700;
             color: white;
             background-color: #2b7db7;
             border-radius: 4px;
             cursor: pointer;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
         }

         .file-input-label:hover {
             background-color: #2b7db7;
         }

         .radius-10 {
             border-radius: 10px !important;
         }

         .border-info {
             border-left: 5px solid #0dcaf0 !important;
         }

         .border-danger {
             border-left: 5px solid #fd3550 !important;
         }

         .border-success {
             border-left: 5px solid #15ca20 !important;
         }

         .border-warning {
             border-left: 5px solid red !important;
         }

         .border-new {
             border-left: 5px solid #9223c2 !important;
         }

         .border-new1 {
             border-left: 5px solid #1c1a1c !important;
         }

         .border-amt {
             border-left: 5px solid #964707 !important;
         }

         .border-qty {
             border-left: 5px solid #149e16 !important;
         }

         .card {
             position: relative;
             display: flex;
             flex-direction: column;
             min-width: 0;
             word-wrap: break-word;
             background-color: #fff;
             background-clip: border-box;
             border: 0px solid rgba(0, 0, 0, 0);
             border-radius: .25rem;
             margin-bottom: 1.5rem;
             box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
             /* -webkit-box-shadow: 0px 0px 5px 0px rgba(210,210,212,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(210,210,212,1);
    box-shadow: 0px 0px 5px 0px rgba(210,210,212,1); */


         }

         .bg-gradient-scooter {
             background: #17ead9;
             background: -webkit-linear-gradient(45deg, #17ead9, #6078ea) !important;
             background: linear-gradient(45deg, #17ead9, #6078ea) !important;
         }

         .widgets-icons-2 {
             width: 60px;
             height: 60px;
             display: flex;
             align-items: center;
             justify-content: center;
             background-color: #ededed;
             font-size: 30px;
             border-radius: 10px;
         }

         .rounded-circle {
             border-radius: 50% !important;
         }

         .text-white {
             color: #fff !important;
         }

         .ms-auto {
             margin-left: auto !important;
         }

         .bg-gradient-bloody {
             background: #f54ea2;
             background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676) !important;
             background: linear-gradient(45deg, #f54ea2, #ff7676) !important;
         }

         .bg-gradient-ohhappiness {
             background: #00b09b;
             background: -webkit-linear-gradient(45deg, #00b09b, #96c93d) !important;
             background: linear-gradient(45deg, #00b09b, #96c93d) !important;
         }

         .bg-gradient-blooker {
             background: red;
             background: -webkit-linear-gradient(45deg, red, #ff8359) !important;
             background: linear-gradient(45deg, red, #ff8359) !important;
         }

         .bg-gradient-new {
             background: #b57dff;
             background: -webkit-linear-gradient(45deg, #b57dff, #9a57ff) !important;
             background: linear-gradient(45deg, #b57dff, #9a57ff) !important;
         }

         .bg-gradient-new1 {
             background: #888888;
             background: -webkit-linear-gradient(45deg, #888888, #000000) !important;
             background: linear-gradient(45deg, #888888, #000000) !important;
         }

         .bg-gradient-qty {
             background: #149e16;
             background: -webkit-linear-gradient(45deg, #149e16, #b1e0b1) !important;
             background: linear-gradient(45deg, #149e16, #b1e0b1) !important;
         }

         .bg-gradient-amt {
             background: #149e16;
             background: -webkit-linear-gradient(45deg, #964707, #c1a281) !important;
             background: linear-gradient(45deg, #964707, #c1a281) !important;
         }

         .textstatus {
             font-weight: 600;
             font-size: 15px;
             position: absolute;
             top: 0;
             margin-top: 10px;
         }

         .counter1 {
             font-weight: 500;
             font-size: 25px;
         }

         @media only screen and (max-width: 600px) {
             .textstatus {
                 font-weight: 600;
                 font-size: 14px;
                 position: absolute;
                 top: 0;
                 margin-top: 20px;
             }

             .counter1 {
                 margin-top: 40px !important;
             }
         }

         @media only screen and (max-width: 600px) {
             .companyIMG {
                 display: none !important;
             }
         }

         .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
             width: 160px;
             top: 32px !important;
             left: -12px;
             padding: 0 10px;
         }