.button-form {
    align-items: center;
    appearance: none;
    background-image: radial-gradient(100% 100% at 100% 0, #ff9c00 0, #f3ab6f 100%);
    border: 0;
    border-radius:20px;
    /*box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;*/
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: "JetBrains Mono",monospace;
    height: 32px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    /*user-select: none;*/
    /*-webkit-user-select: none;*/
    /*touch-action: manipulation;*/
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 12px;
  }
      
   .button-29 {
    align-items: center;
    appearance: none;
    background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
    border: 0;
    border-radius:20px;
    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: "JetBrains Mono",monospace;
    height: 32px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    /*user-select: none;*/
    /*-webkit-user-select: none;*/
    /*touch-action: manipulation;*/
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 12px;
  }
  
  .button-29:focus {
    box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
  }
  
  .button-29:hover {
    /* box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset; */
    transform: translateY(-2px);
  }
  
  .button-29:active {
    box-shadow: #3c4fe0 0 3px 7px inset;
    transform: translateY(2px);
  }
  .button-30 {
    align-items: center;
    appearance: none;
    background-image: radial-gradient(100% 100% at 100% 0, #f4314a 0, #a5210ae5 100%);
    border: 0;
    border-radius:20px;
    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: "JetBrains Mono",monospace;
    height: 32px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    /*user-select: none;*/
    /*-webkit-user-select: none;*/
    /*touch-action: manipulation;*/
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 12px;
  }
  
  .button-30:focus {
    box-shadow: #a5210ae5 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #a5210ae5 0 -3px 0 inset;
  }
  
  .button-30:hover {
    /* box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset; */
    transform: translateY(-2px);
  }
  
  .button-30:active {
    box-shadow: #a5210ae5 0 3px 7px inset;
    transform: translateY(2px);
  }

  .button-31 {
    align-items: center;
    appearance: none;
    background-image: radial-gradient(100% 100% at 100% 0, #78ee71 0, #46b527 100%);
    border: 0;
    border-radius:20px;
    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: "JetBrains Mono",monospace;
    height: 32px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    /*user-select: none;*/
    /*-webkit-user-select: none;*/
    /*touch-action: manipulation;*/
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 12px;
  }
  
  .button-31:focus {
    box-shadow: #46b527 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #46b527 0 -3px 0 inset;
  }
  
  .button-31:hover {
    /* box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset; */
    transform: translateY(-2px);
  }
  
  .button-31:active {
    box-shadow: #46b527 0 3px 7px inset;
    transform: translateY(2px);
  }
  
  
   .button-110 {
                align-items: center;
                appearance: none;
                background-image: radial-gradient(100% 100% at 100% 0, #7d7d7d 0, #4f4f4f 100%);
                border: 0;
                border-radius: 20px;
                box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
                box-sizing: border-box;
                color: #fff;
                cursor: pointer;
                display: inline-flex;
                font-family: "JetBrains Mono", monospace;
                height: 32px;
                justify-content: center;
                line-height: 1;
                list-style: none;
                overflow: hidden;
                padding-left: 10px;
                padding-right: 10px;
                position: relative;
                text-align: left;
                text-decoration: none;
                transition: box-shadow .15s, transform .15s;
                white-space: nowrap;
                will-change: box-shadow, transform;
                font-size: 12px;
              }

              .button-110:focus {
                box-shadow: #4f4f4f 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #4f4f4f 0 -3px 0 inset;
              }

              .button-110:hover {
                transform: translateY(-2px);
              }

              .button-110:active {
                box-shadow: #4f4f4f 0 3px 7px inset;
                transform: translateY(2px);
              }
  
  
  .t_input {
    padding:13px 15px !important;

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

.form-control {

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

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

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

    /*padding: 13.3px 25px 14px 24px!important;*/
    border-radius: 50px!important;
    background: #F3F3FF!important;
    width: 100%!important;
    border: none!important;
    outline: none!important;
    font-size: 16px!important;
    font-weight: 600!important;
    line-height: 1.5!important;
    color: #071e54!important;
    -webkit-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
    -moz-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
    box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
    height: 40px!important;
}      
.CustomCard {
    background-color: white!important;
    /* background: linear-gradient(to bottom right, #eff0f3, #e5e6eb)!important; */
    box-shadow: 3px 3px 6px #bfc3cf, -3px -3px 6px #fff!important;
    border-radius: 10px!important;
    border: none !important;
}
.MyWId{
     box-shadow: 3px 3px 6px #bfc3cf, -3px -3px 6px #fff!important;
    background: linear-gradient(to bottom right, #eff0f3, #e5e6eb)!important;

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

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

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

.t_input {
    padding:13px 15px !important;

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

.form-control {

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

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

.t_input:focus {
    color: #071e54!important;
    box-shadow: inset 3.5px 3.5px 6px rgba(7, 30, 84, .4), inset -3.5px -3.5px 6px #fff!important;
    background: #F3F3FF!important;
    outline: none!important;
    /* text-transform: capitalize!important; */
}
.t_textarea{
    padding: 13.3px 63px 14px 24px!important;
    border-radius: 50px!important;
    background: #F3F3FF!important;
    width: 100%!important;
    border: none!important;
    outline: none!important;
    font-size: 16px!important;
    font-weight: 600!important;
    line-height: 1.5!important;
    color: #071e54!important;
    -webkit-appearance: none!important;
    -webkit-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
    -moz-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
    box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
    height: 70px!important;
}
.t_textarea:focus {
    color: #071e54!important;
    box-shadow: inset 3.5px 3.5px 6px rgba(7, 30, 84, .4), inset -3.5px -3.5px 6px #fff!important;
    background: #F3F3FF!important;
    outline: none!important;
    text-transform: capitalize!important;
}


.ButtonSave {
    background: transparent linear-gradient(276deg, #7197ee, #0f0fd1) 0 0 no-repeat padding-box!important;
color: white!important;
box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff!important;
width: 20%!important;
border-radius: 20px!important;
border: none!important;
padding: 8px 10px!important;
font-size: 13px!important;
}
.ScannerButton {
background: transparent linear-gradient(276deg, #78ee71, #46b527) 0 0 no-repeat padding-box!important;
    color: white!important;
    box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff!important;
width: 100%!important;
border-radius: 20px!important;
border: none!important;
padding: 8px 10px!important;
font-size: 13px!important;
}
/* .ButtonLogin {
    background-image: linear-gradient(to right, #F09819 0%, #EDDE5D  51%, #F09819  100%) !important;

    color: white!important;
    box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff!important;
    width: 100%!important;
    border-radius: 20px!important;
    border: none!important;
    padding: 8px 10px!important;
    font-size: 13px!important;
    text-transform: uppercase;
    transition: 0.5s;
    } */
    
             
    .ButtonLogin {
        background-image: linear-gradient(to right, #000000 0%, #434343  51%, #000000  100%);
        text-align: center;
    box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff!important;

        text-transform: uppercase;
        transition: 0.5s;
        background-size: 200% auto;
        color: white;            
        box-shadow: 0 0 20px #eee;
        width: 100%!important;
        border-radius: 20px!important;
        border: none!important;
        padding: 12px 10px!important;
        font-size: 13px!important;
        text-transform: uppercase;
        /* display: block; */
      }

      .ButtonLogin:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
      }
     
.ButtonPermission{
    /* background: transparent linear-gradient(276deg, rgb(13 148 52 / 90%), #35e190) 0 0 no-repeat padding-box!important;
    color: white!important;
    box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff!important;
    width: 100%!important;
    border-radius: 20px!important;
    border: none!important;
    padding: 8px 10px!important;
    font-size: 12px!important; */
    background: transparent linear-gradient(276deg, #78ee71, #46b527) 0 0 no-repeat padding-box!important;
    color: white!important;
    box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff!important;
width: 100%!important;
border-radius: 20px!important;
border: none!important;
padding: 5px 8px!important;
font-size: 13px!important;
    }
    .ButtonPer{
        background:transparent linear-gradient(276deg, rgb(12 12 12 / 90%), #797877) 0 0 no-repeat padding-box!important;
        color: white!important;
        box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff!important;
        width: 100%!important;
        border-radius: 20px!important;
        border: none!important;
        padding: 8px 10px!important;
        font-size: 12px!important;
        }

.ButtonReset {

background: transparent linear-gradient(276deg,rgba(165, 33, 10, 0.898),#f4314a) 0 0 no-repeat padding-box!important;
color: white!important;
box-shadow: 3px 3px 3px #cecece, -3px -3px 3px #fff!important;
width: 100%!important;
border-radius: 20px!important;
border: none!important;
padding: 6px 10px!important;
font-size: 13px!important;
}
@media only screen and (max-width: 600px) {
  .ButtonSave {
      width: 50% !important;
      margin-top:4px!important;
  }
  .ButtonReset {
      margin-top:4px!important;
      width: 50% !important;
  }
}
                     
.ListButton {
    background-image: linear-gradient(to right, #56ab2f 0%, #a8e063  51%, #56ab2f  100%)!important;
    cursor: pointer!important;
    padding: 7px 25px!important;
    text-align: center!important;
    text-transform: uppercase!important;
    transition: 0.5s!important;
    background-size: 200% auto!important;
    color: white!important;    
    font-weight: bold!important;        
    box-shadow: 0 0 20px #eee!important;
    border-radius: 10px!important;
    /* display: block!important; */
  }

  .ListButton:hover {
    background-position: right center!important; /* change the direction of the change here */
    color: #fff!important;
    text-decoration: none!important;
  }
.t_select{
padding: 13.3px 63px 14px 24px!important;
border-radius: 50px!important;
background: #F3F3FF !important;
width: 100%!important;
border: none!important;
outline: none!important;
font-size: 16px!important;
font-weight: 600!important;
line-height: 1.5!important;
color: #071e54!important;
-webkit-appearance: none!important;
-webkit-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
-moz-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
height: 50px!important;
}
.t_select:focus {
color: #071e54!important;
box-shadow: inset 3.5px 3.5px 6px rgba(7, 30, 84, .4), inset -3.5px -3.5px 6px #fff!important;
background: #F3F3FF!important;
outline: none!important;
text-transform: capitalize!important;
}
.t_select_option{
padding: 13.3px 63px 14px 24px!important;
background: #EDEEF1!important;
width: 100%!important;
border: none!important;
outline: none!important;
font-size: 16px!important;
font-weight: 300!important;
line-height: 1.5!important;
color: #071e54!important;
-webkit-appearance: none!important;
-webkit-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
-moz-box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
box-shadow: inset 3px 3px 6px #bfc3cf, inset -3px -3px 6px #fff!important;
height: 50px!important;
}

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

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

    .t_file:focus {
        color: #071e54!important;
        box-shadow: inset 3.5px 3.5px 6px rgba(7, 30, 84, .4), inset -3.5px -3.5px 6px #fff!important;
        background: #F3F3FF!important;
        outline: none!important;
        text-transform: capitalize!important;
        }
        /* New code for type file  */
    .file-input-wrapper {
        display: inline-block!important;
        position: relative!important;
    }

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

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

    .file-input-label:hover {
        background-color: #2b7db7!important;
    }
            .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!important;
    display: flex!important;
    flex-direction: column!important;
    min-width: 0!important;
    word-wrap: break-word!important;
    background-color: #fff!important;
    background-clip: border-box!important;
    border: 0px solid rgba(0, 0, 0, 0)!important;
    border-radius: .25rem!important;
    margin-bottom: 1.5rem!important;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%)!important;
    /* -webkit-box-shadow: 0px 0px 5px 0px rgba(210,210,212,1)!important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(210,210,212,1)!important;
    box-shadow: 0px 0px 5px 0px rgba(210,210,212,1)!important; */
    

}
.bg-gradient-scooter {
    background: #17ead9!important;
    background: -webkit-linear-gradient( 
45deg
 , #17ead9, #6078ea)!important;
    background: linear-gradient( 
45deg
 , #17ead9, #6078ea)!important;
}
.widgets-icons-2 {
    width: 60px!important;
    height: 60px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    background-color: #ededed!important;
    font-size: 30px!important;
    border-radius: 10px!important;
}
.rounded-circle {
    border-radius: 50%!important;
}
.text-white {
    color: #fff!important;
}
.ms-auto {
    margin-left: auto!important;
}
.bg-gradient-bloody {
    background: #f54ea2!important;
    background: -webkit-linear-gradient( 
45deg
 , #f54ea2, #ff7676)!important;
    background: linear-gradient( 
45deg
 , #f54ea2, #ff7676)!important;
}

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

.bg-gradient-blooker {
    background: red!important;
    background: -webkit-linear-gradient( 
45deg
 , red, #ff8359)!important;
    background: linear-gradient( 
45deg
 , red, #ff8359)!important;
}
.bg-gradient-new {
    background: #b57dff!important;
    background: -webkit-linear-gradient(45deg, #b57dff, #9a57ff)!important;
    background: linear-gradient(45deg, #b57dff, #9a57ff)!important;
}
.bg-gradient-new1 {
    background: #888888!important;
    background: -webkit-linear-gradient(45deg, #888888, #000000)!important;
    background: linear-gradient(45deg, #888888, #000000)!important;
}
.bg-gradient-qty {
    background: #149e16!important;
    background: -webkit-linear-gradient(45deg, #149e16, #b1e0b1)!important;
    background: linear-gradient(45deg, #149e16, #b1e0b1)!important;
}
.bg-gradient-amt {
    background: #149e16!important;
    background: -webkit-linear-gradient(45deg, #964707, #c1a281)!important;
    background: linear-gradient(45deg, #964707, #c1a281)!important;
}
.textstatus{
 font-weight:600!important;font-size:15px!important;position:absolute!important;top:0!important;margin-top:10px!important;
}
.counter1{
    font-weight:500!important;font-size:25px!important;
}
@media only screen and (max-width: 600px) {
 .textstatus{
 font-weight:600!important;font-size:14px!important;position:absolute!important;top:0!important;margin-top:20px!important;
}
.counter1{
    margin-top:40px !important;
}
}
@media only screen and (max-width: 600px) {
    .companyIMG {
        display: none !important;
    }
}
/**=====================
    3.29 Login CSS Start
==========================**/
.login-card-bg {
    /* min-height: 100vh; */
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    /* -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    background: url("../images/login/login_bg.jpg");
    background-position: center;
    padding: 30px 12px; */
  }
  /* .login-card {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    background: url("../images/login/login_bg.jpg");
    background-position: center;
    padding: 30px 12px;
  }
  .login-card input[type=password] {
    padding: 12px 60px 12px 12px !important;
  }
  [dir=rtl] .login-card input[type=password] {
    padding: 12px 12px 12px 60px !important;
  }
  .login-card input[type=text] {
    padding: 12px 60px 12px 12px !important;
  }
  [dir=rtl] .login-card input[type=text] {
    padding: 12px 12px 12px 60px !important;
  }
  .login-card .logo {
    display: block;
    margin-bottom: 30px;
    text-align: center;
  }
  .login-card .btn-showcase .btn {
    line-height: 1;
    padding: 10px 12px;
    margin: 0;
  }
  .login-card .btn-showcase .btn + .btn {
    margin-left: 5px;
  }
  .login-card .btn-showcase .btn svg {
    height: 16px;
    vertical-align: bottom;
  }
  .login-card .login-main {
    width: 450px;
    padding: 40px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 37px rgba(8, 21, 66, 0.05);
            box-shadow: 0 0 37px rgba(8, 21, 66, 0.05);
    margin: 0 auto;
    background-color: #fff;
  }
  .login-card .login-main .theme-form h4 {
    margin-bottom: 5px;
  }
  .login-card .login-main .theme-form label {
    font-size: 15px;
    letter-spacing: 0.4px;
  }
  .login-card .login-main .theme-form .checkbox label::before {
    background-color: #f9f9fa;
    border: 1px solid #dfdfdf;
  }
  .login-card .login-main .theme-form .or {
    position: relative;
  }
  .login-card .login-main .theme-form .or:before {
    content: "";
    position: absolute;
    width: 65%;
    height: 2px;
    background-color: rgba(92, 97, 242, 0.1);
    top: 9px;
    z-index: 0;
    right: 0;
  }
  .login-card .login-main .theme-form input {
    background-color: rgba(92, 97, 242, 0.1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .login-card .login-main .theme-form input::-webkit-input-placeholder {
    color: #999999;
  }
  .login-card .login-main .theme-form input:hover, .login-card .login-main .theme-form input:focus {
    border: 1px solid #b9c1cc;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .login-card .login-main .theme-form p {
    margin-bottom: 25px;
    font-size: 14px;
    color: #9B9B9B;
  }
  .login-card .login-main .theme-form .form-group {
    margin-bottom: 10px;
    position: relative;
  }
  .login-card .login-main .theme-form .link {
    position: absolute;
    top: 10px;
    right: 0;
  }
   */