.CustomCard {
    /* 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 63px 14px 24px;
    border-radius: 50px;
    background: transparent;
    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: 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: transparent;
    outline: none;
    /* text-transform: capitalize; */
}
.t_textarea{
    padding: 13.3px 63px 14px 24px;
    border-radius: 50px;
    background: transparent;
    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: transparent;
    outline: none;
    text-transform: capitalize;
}


.ButtonSave {
background: transparent linear-gradient(276deg,rgba(13,53,148,.898),#35d3e1) 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;
}
.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;
    }

.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: 10%;
border-radius: 20px;
border: none;
padding: 8px 10px;
font-size: 13px;
}
@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: transparent;
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: transparent;
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: transparent;
    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: transparent;
        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%);
}
.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;
}
}