.m-login-hello-div
{
    display:none;
}
.m-nav-logo
{
    display:none;
}

.m-nav-refesh
{
    display:none;
}
 
.m-file-position
{
    
position: absolute;
left: 20px;
background: yellow;
width: 445px;
height: 30px; 
opacity:-0.5;
}

.m-photo-container
{
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
 transition: all 0.3s cubic-bezier(.25,.8,.25,1);
padding: 15px 0 40px 10px;
margin-bottom: 5px;
}

.m-photo-label
{
padding-left: 2px !important;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}

.m-file-counter
{
   
    text-align: center;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    padding: 1px;
    color: #fff;  
    margin-right: 6px;
}

.dd-photo-note
{
    display:block;
    padding-right:5px;
}
.m-file-counter
{
    display:none;
}

.d-photo-container
{
    display:block;
    border-bottom: 1px solid #F2F3F4;
    padding-bottom: 3px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.m-photo-container
{
    display:none;
}

.order-creation
{
    padding-top:0px !important;
    padding-bottom:0px !important;
}


    .nav-tabs .nav-item .nav-link
    {
        padding: 5px 5px !important;
    }
    
    

@media only screen and (max-width: 650px) and (min-width: 200px)
{
    body
    {
        background:#fff !important;    
        overflow:scroll;
    }
    
    .mat-raised-button
    {
        min-width:35px !important;    
    }
    
    /*--------------login start-----------------------------*/
    .m-login-welcome
    {
        display:none;
    }
    
    .m-login-logo
    {
        width: 150px;
        float: left;
        margin-bottom: 20px;
    }
    
    .m-login-hello-div
    {
        display:block;
    }
    
    .m-login-hello
    {
        font-size:30px;
        color: #DE6250;
        text-align: left;
        padding-top: 35px;
        margin-bottom: 0px;
        width: 80px;
    }
    
    .mt-30
    {
        margin-top:0px;
    }
    
    .m-login-border
    {
        border-top: 2px solid #DE6250;
        width: 50px;
    }
    
    .m-login-subtitle
    {
        text-align:left;
        color: #4E4E4E !important;
        font-weight: 600;
    }
    
    .card .card-body
    {
        padding-bottom:0px !important;
    }
    
    .mm-login-container span
    {
        font-weight:600 ;
        font-size:16px;
        color:#4E4E4E !important;
    }
    
    .m-login-button
    {
        float:left;
        background-color:#34A853 !important;
        color:#fff !important;
    }
    
    .m-login-button span
    {
        color:#fff !important;
    }
    
    .btn-width {
        width: 95px !important;
        padding: 10px !important;
        margin-bottom:20px !important;
    }
    
    
    /*--------------login end-----------------------------*/
    
    
    button.mat-focus-indicator.navbar-toggler.mat-raised-button.mat-button-base
    {
        box-shadow:unset;
        padding: 10px;
    }
    
    .main-panel .main-content
    {
        padding:0px;
    }
    
    .m-nav-logo
    {
        display:block;
        position:absolute;
        left:70px;
    }
    
    .m-nav-refesh
    {
        display:block;
        font-size:18px;
    }
    
    .m-tech-vehicle-search
    {
        padding: 2px;
        box-shadow: unset;
    }
    
    .m-hr
    {
        margin-bottom:30px;
        border-bottom:1px solid #EAECEE;
    }
    
    .m-vehicle-tech-container
    {
        display:block; 
    }
   
    .navbar
    {
        z-index:unset !important;
    }
    .modal-open .modal
    {
        z-index:1000000 !important;
    }
    .m-mlr-5
    {
        margin-left:5px !important;
        margin-right:5px !important;
    }
    
    .m-bg-dark
    {
        background-color:#303354 !important;
        z-index:-1 !important;
    } 
    
    .m-phone-icon
    {
        background: #F5F5F5;
        border-radius: 50px;
        padding: 10px;
        color: #437EE1;
        height: 40px;
        width: 40px;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    /*.vehicleNumber[_ngcontent-aer-c237] ul[_ngcontent-aer-c237]
    {
        height: 500px !important;
    }*/
    
   /* .m-rep-design-form
    {
        height:500px !important;
        overflow-y:scroll;
    }
    */
    
    
     
    
    .modal-backdrop.show
    {
        opacity:0.2;
        display:none;
    }
     
    
    .card .card-header {
         z-index: auto !important;
    }
     
    .modal
    {
       background:#fff !important;
    }
    
    .modal-dialog
    {
        margin:0px !important;
    }
    
    
    .modal-content
    {
        box-shadow:unset !important;
        border: unset !important;
    }
    
    
    /* Hide all steps by default: */
    .mtab {
      display: none;
    }
    
    #prevBtn {
      background-color: #fff;
    }
    
    /* Make circles that indicate the steps of the form: */
    .step {
      height: 15px;
      width: 15px;
      margin: 0 2px;
      background-color: #bbbbbb;
      border: none;  
      border-radius: 50%;
      display: inline-block;
      opacity: 0.5;
    }
    
    .step.active {
      opacity: 1;
    }
    
    /* Mark the steps that are finished and valid: */
    .step.finish {
      background-color: #04AA6D;
    }
    
    .modal-body
    {
        padding-top:0px !important;
    }
    
    .m-tab-heading
    {
        box-shadow: 0 2px 2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        padding-top: 20px;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }
     
    .m-customer-tab label
    {
        width:100%; 
        font-size:18px;
    }
    
    .select2-container
    {
        width:100% !important; 
    }
    
    .m-order-btn
    {
        background: #303354;
        padding: 10px;
        margin-top: 10px;
    }
    
    .btn-mprev
    {
     
        background:#ef5350;
        border:2px solid #ef5350;
        color:#ef5350;
    }
    
    
    .m-file-position
    {
            
        position: absolute;
        left: 20px;
        background: yellow;
        width: 445px;
        height: 30px; 
        opacity:-0.5;
    }
    
    .m-photo-container
    {
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
         transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        padding: 15px 0 40px 10px;
        margin-bottom: 5px;
    }
    
    .m-photo-label
    {
        padding-left: 2px !important;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .m-file-counter
    {
           
            text-align: center;
            border-radius: 50px;
            width: 25px;
            height: 25px;
            padding: 1px;
            color: #fff;  
            margin-right: 6px;
    }
    
    .dd-photo-note
    {
        display:none;
    }
    
    .m-file-counter
    {
        display:block;
    }
    .m-app-sidebar
    {
        display:block !important;
    }
    
    
    
    .dd-navbar
    {
        display:none;
    }
    
    .mmobile-menu
    {
        display: block;
        background: #fff;
        width: 273px;
        z-index: 1 !important;
        position: absolute;
        top: 60px;
        height: 200px;
        padding:10px;
        box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(63 81 181 / 40%);
    }
     .mmobile-menu ul li
     {
         list-style:none;
        
     }
      .mmobile-menu ul li a
      {
           font-size:25px !important;
           font-weight:500 !important;
      }
     .mmobile-menu ul 
     {
         padding-left:0px;
     }
     
    .d-photo-container
    {
        display:none;
    }
    
    .m-photo-container
    {
        display:block;
    }
    
    
    .admin-manage-container
    {
        margin-top:60px !important;
    }
    
    .admin-manage
    {
        padding:0px !important;
    }
    
    .action-list
    {
        padding-left:0px !important;
    }
    
    .action-list li
    {
        width:145px !important;
        height:140px !important;
        margin:5px !important;
        padding:0px !important;
    }
     
    
    .action-list li .content i
    {
        font-size:25px !important;
    }
    
    .nav-item 
    {
        all: unset !important;
    }
   
   /* .ng-star-inserted  
    {
        all: unset !important;
    }
    */
    
      .nav-link
    {
        all: unset !important;
    }
    
    .active
    {
        color:#3C4858 !important;
    }
    
    .table-list-height
    {
        height:100% !important;
    }
    
    .perfect-scrollbar-on
    {
        all: unset !important;
    }
    
    .ft-copyright
    {
        margin-right:0px !important;
    } 
    
    
    .action-list li .content h4
    {
        font-size:15px !important;
    }
    
    .mat-form-field-wrapper
    {
        padding-bottom:0px !important;
    }
    
    .tbl-data-list th
    {
        font-weight: 600 !important;
        font-size: 15px !important;
    }
    
    .order-creation
    {
         padding:5px !important;
    }
    
    .font-bold-gray
    {
        font-size:14px !important;
    }
    
    input[type="text"]
    {
        height:40px !important;
    }
    
    .vehicleNumber[_ngcontent-aer-c237] ul[_ngcontent-aer-c237]
    {
        height:280px !important;
    }
    
    .nav-tabs {
        border-bottom: unset !important;
    }
    
    .nav-tabs .nav-item .nav-link
    {
        padding:0px 0px !important;
    }
    
    .nav-tabs .nav-item
    {
        padding-right: 5px !important;
    }
    
    .assigned-orders li h4
    {
        font-size:14px !important;
    }
    
    .mr-2
    {
        margin-right:0px !important;
    }
    
    .fs-12
    {
        font-size:15px !important;
    }
    
    .aqw
    {
        text-align:right !important;
    }
    
}