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


*{
    margin: 0;
    padding: 0;

    border: border-box;
    font-family: 'Poppins',sans-serif;
    font-weight: 300;
    
}

::selection{
  background: rgba(190, 28, 6, 0.3);
}
.container{
    width: 30%;
  /* border: 1px solid red; */
  margin: 0px!important;
  
}
.tagline{
    max-width: 65%;
    min-width: 50%;
    font-weight: 400;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    height: auto;
    color:  hsl(220, 48%, 28%);
    /* border: 1px solid blue; */
    margin-right: 80px;
    font-size: 45px;
} 

.forgot-password {
    text-align: right;
    margin-top: -25px;
    margin-bottom: 10px; 
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

    
}

.forgot-password a { 
    color:  hsl(220, 48%, 28%);
    font-size: 14px; 
    text-decoration: none;
}

.forgot-password a:hover {
    text-decoration: underline;
}

.gif_contaier{
    width: 100%;
    height: 20%;
    /* border: 3px solid brown; */
    display: flex;
    
}
.gifmarquee{
    height: 100%;
    width: 100%;
    /* border: 5px solid pink; */

}
.staticgif_container{
    width: 15%;
    height: 100%;
    display: flex;
    /* border: 2px solid brown; */
}
.gif_contaier img{
    height: 100%;
    width: auto;
}
.flipimage{
    transform: scaleX(-1);
}
.tag_container{
    width: 100%;
    height: 80%;
    /* border: 2px solid blue; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.font_header_cont{
    width: 61%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    /* border: 1px solid green; */
}
.header_container{
    /* background-image: url("blob.png"); */
    background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("blob.png");
    width: 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    height: 400px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* border: 1px solid red; */
}
.footer_content_main{
    width: 100%!important;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* border: 1px solid black; */

}
.social_line{
    width: 100%;
    height: auto;
    /* border: 1px solid white; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_line img{
    height: 40px;
    width: 40px;
    margin: 10px;
    cursor: pointer;
    
}
.footer_content_main p{
    font-size: 17px;
    color: #9175F9;
}
.footer_Secondary{
    width: 100%;
    height: 30%;
    /* background-color: rgb(39, 36, 36); */
    background-color: #171717;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0px -10px 10px -10px rgba(0, 0, 0, 0.5);
}
.footer_Secondary p{
    margin-top: 5px;

    width: 100%;
    text-align: center;
    height: auto;
    font-size: 17px;
    color: white;
}
.sign_up_footer{
    /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent); */
    box-shadow: 0px -5px 5px -5px rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #4067B5;
}
.about_us_section{
    width: 100%;
    height: 500px;
    /* border: 1px solid rebeccapurple; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("blob.png");
    background-position: center;
    background-size: contain;
}
.aboutus_data{
    width: 60%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid green; */
}
.services_section{
    width: 100%;
    height: 600px;
    /* border: 1px solid rgb(51, 209, 51); */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    border-bottom: 1px solid gray;
    /* background-image: url("blob.png");
    background-size: contain; */
}
.welcome_message{
    width: 100%;
    height: 40px;
    background-color: whitesmoke;
    display: flex;
    align-items: center;
    justify-content: center;
}
.welcome_message p{
    font-size: 19px;
    color: black;
    font-weight: 450;
}
.service_heading001{
    width:100%;
    /* padding: 15px;
    padding-bottom: 0px; */
    /* border-radius: 8px; */
    border-bottom: 1px solid gray;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4067B5;
    color: white;
    /* text-align: left; */
    font-size: 18px;
}
.service_card{
    transition: 0.4s ease-in-out;
    width: 30%;
    height: 80%;
    /* border: 1px solid purple; */
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: white;
}
.service_content01{
    margin-top: 5px;
    width: 90%;
    height: 85%;
    font-family: "Quicksand", sans-serif;
    font-size: 1rem;
}
.sservice_heading{
    width: 90%;
    height: 10%;
    /* border: 1px solid green; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    font-size: 1.1rem;
    font-family: "Quicksand", sans-serif;

}
.service_card:hover {
    transform: scale(1.1);
}
#first_service_row{
    margin-top: 20px;
}
.service_innerdata_top{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 80%;
    height: 10%;

}
.service_innerdata{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 80%;
    height: 50%;
    /* border: 1px solid green; */
}
.heading_abtus{
    background-color: #4067B5;
    width: fit-content;
    padding: 5px;
    color: white;
    border-radius: 8px;
}
.first_para_abtus{
    margin-top: 10px;
    font-size: 1rem;
}
.data_container{
    width: 75%;
    height: 80%;
    /* border: 1px solid red; */
    background-color: white;
    padding: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.data_container p {
    font-size: 1.2rem;
    font-weight: 100;
}
.abtusimg{
    width: 40%;
    height: 100%;
    /* border: 1px solid red; */
    background-image: url("about_vector.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
}
.wrapper{
  width: 100%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.1);
}
.wrapper .title{
  height: 90px;
  background:  hsl(220, 48%, 48%);
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.title span{
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.wrapper form{
  padding: 30px 25px 25px 25px;
}
.wrapper form .row{
  height: 45px;
  margin-bottom: 15px;
  position: relative;
}
.wrapper form .row input{
  height: 100%;
  width: 100%;
  outline: none;
  padding-left: 60px;
  border-radius: 5px;
  border: 1px solid lightgrey;
  font-size: 16px;
  transition: all 0.3s ease;
}

form .row input:focus{
  border-color:  hsl(220, 48%, 48%);
  /* box-shadow: inset 0px 0px 2px 2px rgba(230, 25, 25, 0.25); */
}
form .row input::placeholder{
  color: #999;
}
.wrapper form .row i{
  position: absolute;
  width: 47px;
  height: 100%;
  color: #fff;
  font-size: 18px;
  background:  hsl(220, 48%, 48%);
  border: 1px solid  hsl(220, 48%, 48%);
  border-radius: 5px 0 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper form .pass{
  margin: -8px 0 20px 0;
}
.wrapper form .pass a{
  color:  hsl(220, 48%, 28%);
  font-size: 17px;
  text-decoration: none;
}
.wrapper form .pass a:hover{
  text-decoration: underline;
}
.wrapper form .button input{
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  padding-left: 0px;
  background:  hsl(220, 48%, 48%);
  border: 1px solid  hsl(220, 48%, 48%);
  cursor: pointer;
}
form .button input:hover{
  background:  hsl(220, 48%, 48%);
}
.wrapper form .signup-link{
  text-align: center;
  margin-top: 20px;
  font-size: 17px;
}
.wrapper form .signup-link a{
  color:  hsl(220, 48%, 28%);
  text-decoration: none;
}
form .signup-link a:hover{
  text-decoration: underline;
}
.navbar1{
    height: 75px;
    background-color: hsl(220,100%,99%)  ;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px hsla(220, 68%, 12%, 0.1);
    /* border: 1px solid red; */
    
   
}
.navbar-btn {
        padding: 5px 12px;
        background: #253C6A;
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 0.8rem;
        cursor: pointer;
        font-weight: 500;
        transition: background 0.2s;
        /* margin-bottom: 10px; */
        box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    }
    .navbar-btn:hover {
        background: #3a5b9d;
        color: #fff;
    }
.nav__data {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    width: 15%;
  }
  .nav__logo {
    display: inline-flex;
    align-items: center;
    column-gap: 0.25rem;
    color: var(--title-color);
    font-weight: var(--font-semi-bold);
    transition: color 0.3s;
    
  }
  
  #main_nav{
    position: fixed;
    z-index: 1;
}
.bg{
    width: 100%;
    height: 500px;
    /* border: 2px solid black; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.bgleft{
    /* border: 2px solid blue; */
    width: 40%;
    height: 100%;
}
.bgleft h1{
    font-size: 125px;
font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;    
}
.bgright{
    /* border: 2px solid green; */
    width: 60%;
    height: 100%;
    background-image: url("crane_vector.jpg");
    background-size: cover;
}
.iconcontainer{
    display: flex;
    justify-content: right;
    align-items: center;
    width: 70%;
    height: 100%;
    /* border: 1px solid green; */
}
.logo_fleet{
    width: 15%;
    height: 100%;
    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo_fleet img{
    width: 64px;
    height: 80%;
    cursor: pointer;
    transition: 0.3s ease;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}
.logo_fleet img:hover {
    transform: rotate(360deg) scale(1.1); /* Rotate 360 degrees and scale by 1.1 on hover */
}
.iconcontainer ul {
    list-style-type: none; /* Remove default list styling */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}

.iconcontainer li {
    display: inline-block; /* Display list items inline */
    padding: 15px; /* Add padding around each list item */
    text-align: center; /* Center-align text inside list items */
    border: 1px solid transparent; /* Add border for visual separation */
    font-size: 17px; /* Font size */
    transition: border-color 0.3s, color 0.3s; /* Smooth transition for border color and text color */
    font-weight: 200; /* Font weight */
    font-family: "Poppins", sans-serif; /* Font family */
}

.iconcontainer a {
    text-decoration: none; /* Remove underline from links */
    color: hsl(220, 48%, 28%); /* Text color using HSL color model */
    transition: color 0.3s; /* Smooth transition effect for text color */
    font-weight: 100; /* Font weight */
    font-size: 17px; /* Font size */
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; /* Font family */
}


.iconcontainer a:hover {
    text-decoration: underline; /* Underline links on hover */
}

.proj_detail1{
    width: 48%;
    height: 100%;
    /* border: 1px solid black; */
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.view_quote_price{
    padding: 8px;
    background-color: #4067B5;
    color: white;
    font-size: 14px;
    text-decoration: none;
    border-radius: 8px;
}
.proj_detail1 p{
    /* font-weight: 550; */
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    font-size: 17px;
}
.project_details{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    width: 100%;
    border: 1px solid red;
}
.card1 img{
background-size:cover;
width: 200px;
   
}

.contact_photo{
    background-image: url("contact\ us.jpg");
    height: 500px;
    width: 500px;
    background-size: cover;
    margin-top: 100px;
    margin-left: 100px;
}
#Feedback{
    height: 100px;
    width: 400px;
}
.contact_form{
    
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.contact_form{
    height: 300px;
    display: flex;
    justify-content:left;
    align-items: center;
    margin-left: 150px;
    
}
.sign_up_here{
    font-size: 30px;
    font-weight: 600;
    color: white;
    margin-top: 10px;
}

.form_left{
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    margin-top: 250px;
    margin-left: 10px;
    gap: 20px;
    background-color: #D3BEFF;
    width: 500px;
    height: 395px;
    border-radius: 30px;
    border: none;


}
.contact_input{
   width: 400px;
   height: 40px;
   /* border: 1px solid black; */
   border: none;
   outline: none;
   border-radius: 31px;
   padding-left: 5px;
    
}
.contact_photo{
    background-image: url("contact\ us.jpg");
    height: 500px;
    width: 550px;
    background-size: cover;
}
.contact_right{
    margin-top: 180px;
    width: 600px; 
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}
.contact_submit{
    font-family:"Oswald-bold ";
    /* border-radius: 16%; */
    height: 35px;
    width: 35%;
    border: 0px;
    background-color: #363B8C;
    cursor: pointer;
    border-radius: 31px;
    font-size: 17px;
    font-weight: 600;
   

}
.contact_input:focus{
    border:2px solid #363B8C;
}

.contact_input::placeholder{
    font-family: Oswald-normal;
    padding: 4px;
    /* font-family:Arial, Helvetica, sans-serif; */
}

.signin{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px;
    /* border: 1px solid #4067B5; */
    width: 40%;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    /* background-color: #f1faee; */
    margin-left: 60px;

    box-sizing: border-box;
    /* background-color: white; */
    /* margin-left: 20px; */
}

.login{
    display: flex;
    flex-direction: column;
    justify-content:space-evenly;
    align-items: center;
    /* background-color: aquamarine; */
    height: 300px;
    /* gap: 20px; */
    /* padding: 30px; */
    /* margin-top: 70px; */
    width: 75%;
    
    /* margin-right: 70px; */
    /* border: 2px solid black; */
}
.login-heading{
    font-family: SFProDisplay-Regular, Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: black;
}
.login-username{
    font-family: Oswald-Medium;
    font-size: 16px;
    color: #43383e;
    /* display: block; */
    width: 80%;
    height: 51px;
    background: #fff;
    border-radius: 8px;
    padding: 0 35px;
   border: 1px solid #dddfe2;
    
}
.login-button{
    
    padding: 0 20px;
    width: 349px;
    border: 1px solid #4067B5;
    padding: 10px;
    border-radius: 6px;
    background: #4067B5;
    font-size: 22px;
    font-weight: 500;
    color: white;
    text-transform: uppercase;
    cursor: pointer;

}
.login-body{
    background-color: #e6e6e6;
}
.signup-footer{
    display: flex;
    justify-content: space-evenly;
    align-items:center;
    
}
.signup-footer a{
    text-decoration: none;
    color: #4067B5;

}
.signup-footer a:hover{
    text-decoration: underline;
    color: #4067B5;
}
.mainouter{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.headcont p{
    font-size: 20px;
    color: white;
    font-weight: 600;
}
.outer121{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 35%;
    flex-direction: column;
    border: 2px solid #4067B5;
    gap: 15px;
}
.leftname{
    width: 50%;
}
.signin{
    /* width: 60%; */
    /* border: 2px solid black; */
    margin-right: 90px;
    margin-top: 70px;
}
.logotext{
    text-align: center;
    font-family:  SFProDisplay-Regular, Helvetica, Arial, sans-serif;
    margin-left: 65px;
    
}
/* .logo{
    background-image: url("newlogo.png");
    background-size: cover;
    width: 200px;
    height: 140px;
    padding: 10px;
    /* position: relative; */
    /* margin-left: 140px;
    margin-top: 20px;
    padding-top: -30px;
} */ 
.top-message{
    font-family: Oswald-Regular;
    font-size: 19px;
    color: #999;
    text-transform: capitalize;
    
}
.bottom-message{
    margin-left: 22px;
    font-family: Oswald-bold;
    font-size: 18px;
    color: black;
    text-transform: uppercase;
    
    
} 
.outerbody{
    /* background-image: url("aboutus\ \ 2.jpg"); */
    height: 80%;
    background-size: cover;
    /* opacity: 40%; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.signup{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.signup-form{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
    width: 45%;
    /* margin-left: 390px; */
    
    /* padding: 10px; */
    /* background-color: white; */
    border-radius: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    

}
.signup-info{
    /* font-family: Oswald-Medium; */

    font-size: 16px;
    color: #43383e;
    display: block;
    width: 60%;
    height: 49px;
    background: #fff;
    border-radius: 8px;
    padding: 0 35px;
    border: 1px solid #dddfe2;
    margin-top: 5px;
}

.signup-body{
    background-color: #ffffff;
    /* background-image: url("body_bg_sign_in.jpg");
    background-size: cover; */
    /* opacity: 60%; */
    
    
}
.signup-heading{
    font-family: SFProDisplay-Regular, Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #333;
    text-transform: capitalize;
    /* margin-top: 5px; */
    height: 90px;
    background-color: #4067B5;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    /* text-align: center; */
}
.terms{
    
    font-size: 12px;
    text-transform: capitalize;
    text-decoration: none;
    color: black;
}
.sign_in_a{
    text-decoration: none;
    color: #4067B5;
}
#Rmc_loca_outer{
    display: none;
}
#Rmc_loca_outer2{
    display: none;
}
.about-us{
    background-color:#e6e6e6;
}
.firstleft{
    background-image: url("aboutus\ 1.jpg");
    width: 200%;
    height: 390px;
    background-size:cover;
    display: block;
}
.firstsection{
    margin-top: 25px;
    display: flex;
    justify-content: space-evenly;
    /* align-items: center; */
    padding: 110px;
    padding-bottom: 0%;
}
.fistright{
   
    text-align: center; 


    
}
.firstpara{
    padding: 20px;
    background-color: #161617CC;
    margin-left: 10px;
    text-align: start;
    /* margin-top: 30px; */
    color: white;
    font-family:Arial, Helvetica, sans-serif ;
    gap: 10px;
    
}
.secondsection{
    
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 110px;
    padding-top: 5px;

}
.newpara{
    padding: 20px;
    background-color: #161617CC;
    /* margin-left: 10px; */
    text-align: start;
    margin-top: -5px;
    color: white;
    font-family:Arial, Helvetica, sans-serif ;
    /* gap: 10px; */
    /* padding: 110px; */

}
.secondright{
    background-image: url("aboutus\ \ 2.jpg");
    width: 200%;
    height: 350px;
    background-size:cover;
    display: block;
    margin-left: 10px;

}
.secondsection{
    display: flex;
    justify-content: space-evenly;
    /* align-items: center; */
    /* padding: 110px; */
    padding-bottom: 0%;

}
.secondpara{
    padding: 20px;
    background-color: #161617CC;
    /* margin-left: 10px; */
    text-align: start;
    /* margin-top: 30px; */
    color: white;
    font-family:Arial, Helvetica, sans-serif ;
    gap: 10px;
    margin-top: 0%;

}

.firstcard{
    background-color: white;
    /* border: 1.8px solid blue; */
    height: 321px;
    width: 21%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-radius: 3px;
    /* box-shadow: 5px 5px 3px #333; */
    
}
.secondcard{
    
    background-color: white;
    height: 321px;
    width: 21%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-radius: 3px;
    /* box-shadow: 5px 5px 3px #333; */

}

.thirdcard{
   
    background-color: white;
    height: 321px;
    width: 21%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-radius: 3px;
    /* box-shadow: 5px 5px 3px #333; */
}
.outerservice{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 111px;
}
/* .service{
    text-align: center;
    text-transform: uppercase;
    font-family:Oswald-bold; 
    
    text-align: center;
    font-size: 45px;
    color: rgb(44, 41, 41);
    width: 100%;
    background-color: white;
    margin-top: 20px;
}
 */
.thirdcard:hover{
    
    /* animation: 3s ease-in 1s infinite reverse both running slidein; */
    animation: ease-in;
    
}
.innercircle{
    
    
  height: 88%;
  width: 100%;
  border-radius: 21%;
  background-color: #e6e6e6;
  margin: 0;
  background-image: url("platform-crane-icon-flat-style-vector.jpg");
  background-size: cover;
  
  
  
    
}
.innercircle2{
    height: 88%;
  width: 100%;
  border-radius: 21%;
  background-color: #e6e6e6;
  margin: 0;
  background-image: url("OIP.jpg");
  background-size: cover;
}
.innercircle3{
    height: 88%;
  width: 100%;
  border-radius: 21%;
  background-color: #e6e6e6;
  margin: 0;
  background-image: url("wheel-crane-icon-flat-style-vector.jpg");
  background-size: cover;
}
.addcraneform{
    /* margin-top: 10px; */
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
   
    
    
}
.addicon{
    color: white;
    text-align: center;
}
.crane-details{
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    height: 920px;
    width: 100%;
    
}
.select-button{
    
    font-family: Oswald-Medium;
    font-size: 16px;
    color: #43383e;
    display: block;
    width: 55.3%;
    height: 45px;
    background: #fff;
    
    padding: 0 35px;
    border: none;
    
} 

.user-dashboard{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 800px;
    margin: 20px;
    margin-top: 60px;
    

}
.mainout{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.dashboard{
    /* margin-top: 50px; */
    margin: 20px;
    height: 200px;
    width: 390px;
   /* border: 1.1px solid #1c549e; */
    margin: 20px;
    /* border-radius: 9px; */
    /* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  

}
.dashboard-card{
    text-align: center;
}
.formcontainer{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    gap: 8px;
    width: 50%;
    margin-top: 45px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    background-color: white;

    
}
#silos_container{
    display: none;
}
#silos_qty_container{
    display: none;
}
.add-fleet i{
    width: 5%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    /* border: 1px solid black; */
}
.add_rental_fleet{
    font-size: 22px;
    /* font-weight: 00; */
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    /* border: 1px solid white; */
}
.craneforminput{
    /* font-family: Oswald-Medium; */
    font-size: 16px;
    color: black;
    /* display: block; */
    width: 80%;
    height: 43px;
    background: #fff;
    border-radius: 8px;
    padding: 0 35px;
    border: 1px solid #dddfe2;
    /* margin-top: 10px; */
    

}
.add-fleet{
    height: 70px; 
    background-color: #4067B5;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.selectoption{
    width: 80%;
}
.crane-submit{
    padding: 0 20px;
    min-width: 360px;
    height: 48px;
    background-color:#4067B5;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 520;
    cursor: pointer;
    border: none;

}
.first_btn{
    border-right: 2px solid #4067B5;
}
#hide_show00{
    display: none;
}
#hide_show01{
    display: none;
}
#hide_show02{
    display: none;
}
#hide_show{
   display:none;
}
#hide_show1{
    display: none;
}
#hide_show2{
    display: none;
}
.viewfleet{
    display: flex;
    justify-content: space-evenly;
    align-items: center;

}
.cardtext{
    font-family: "Lucida Handwriting", cursive;;
    font-size: 20px;
}


/* contact US NEW */
.contactleft{
    width: 40%;
    height: 450px;
    padding: 50px;
   background-image: url(contact\ us.jpg);
    background-size:contain;
    background-repeat: no-repeat;
    /* border: 2px solid black; */
    margin-left: 150px;
    margin-top: 50px;
}
.outercontact{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 500px;
}
.contactform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3%;
    /* border: 2px solid blue; */
}
.contactform2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30%;
    border: 2px solid #4067B5;
    gap: 16px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    margin-left: 30px;


    
}
.imagecontact{
    
    width: 50%;
    /* border: 2px solid red; */
    margin-right: 20px;
    height: 500px;
    background-image: url("landline.png");
    background-size: cover;
}
.contact{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4067B5;
    height: 70px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;


}
.contact p{
    font-size: 20px;
    color: white;
    font-weight: 600;
}
.contactinput02{
    font-family: Oswald-Medium;
    font-size: 16px;
    color: #43383e;
    width: 90%;
    height: 51px;
    background: #fff;
    border-radius: 8px;
    padding: 0 35px;
   border: 1px solid #dddfe2;
}

.contactbutton{
    background-color: #1c549e;
    border-radius: 8px;
    font-family: SFProDisplay-Regular, Helvetica, Arial, sans-serif;;
    font-size: 16px;
    color: #fff;
    height: 31px;
    text-transform: uppercase;
    cursor: pointer;
    border: none;

}
.contactright{
    margin-top: 50px;
    padding: 30px;
}
.fetchtable1{
    /* border: 2px solid blue; */
    width: 90%;
    border-radius: 8px;
    border-collapse: collapse;
    margin: 5px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.userlist{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.table-container{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 30px;
}
.fetchtable1 th{
    background-color: #1c549e;
    color: white;
    /* background-color: #009879; */
    color: #ffffff;
    text-align: left;
    padding:  15px;
}
.fetchtable1 td{
    padding:  15px;
    
}
.fetchtable1 tr{
    border-bottom: 1px solid #dddddd;
}
.fetchtable1 tr:last-of-type {
    border-bottom: 2px solid #1c549e;
}
.fetchtable1-head{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
/* .statuss{
    background-color: red;
} */
.card1{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
    /* transition: 0.3s; */
    cursor: pointer;
    margin: 10px;
    border: 2px solid black;
}
.card1 p{
    height: 30px;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}
.outercard{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    /* margin-left: 55px; */
    /* border: 2px solid rebeccapurple; */

    
    
}
.rental_dashboard{
    height: 100%;
    width: 100%;
   
}
.card_container1{
    display: flex;
    justify-content: flex-start ;
    align-items: center;
    width: 80%;
    /* border: 2px solid blue; */
    height: 200px;
}
.card_container2{
    display: flex;
    justify-content: flex-start ;
    align-items: center;
    /* border: 2px solid yellow; */
    /* height: 200px; */
    width: 80%;
}
.card_container_purchase{
    display: flex;
    justify-content: center ;
    align-items: center;
    width: 80%;
    /* border: 2px solid blue; */
    height: 200px;
}


.epcinput{
    width: 80%;
    font-family: Oswald-Medium;
    font-size: 16px;
    color: #43383e;
    
    height: 49px;
    background: #fff;
    border-radius: 8px;
    padding: 0 35px;
    border: 1px solid #dddfe2;
}
.epc-button {
    padding: 10px 20px; /* Increased vertical padding for better click area */
    min-width: 140px; /* Slightly increase width */
    height: 45px; /* Slightly increased height for a better proportion */
    margin-bottom: 15px;
    background-color: #1c549e; /* Keep original color */
    border-radius: 5px; /* Slightly more rounded corners */
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    font-weight: 600;
    border: 2px solid #1c549e;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Added a subtle shadow */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

.epc-button:hover {
    background-color: #154c7a; /* Darker shade of the same color on hover */
    transform: translateY(-2px); /* Slight elevation on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Increase shadow on hover */
}

.epc-button:active {
    transform: translateY(1px); /* Slight press effect on click */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Reset shadow on active */
}
.purchase-requisition{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    /* border-radius: 8px; */
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    width: 35%;
    /* height: 280px; */
    gap: 8px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    
}
.purchase_requisition_heading{
    font-size: 15px;
    font-weight: 550;
    color: white;
}
.purchase_heading{
    height: 60px;
    background-color: #4067B5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    border-top-right-radius: 15px;
    border-top-left-radius:15px ;
}
.purchaseform{
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    /* height: 500px; */
    margin-top: 50px;
}
.btn-editt{
     /* box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1); */
   text-decoration: none;
   color: white;
   padding: 9px;
   background-color:#1c549e;
   text-align: center;
   border-radius: 4px;

}
.btn-del{
   /* box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1); */
   text-decoration: none;
   color: white;
   padding: 9px;
   background-color:#1c549e;
   text-align: center;
   border-radius: 4px;
    
}
.rental_heading1{
    font-size: 20px;
    font-weight: 550;
    color: white;
    
}
.innersubuser{
    display: flex;
    flex-direction: column;
    justify-content:space-evenly;
    align-items: center;
    /* height: 400px; */
    gap: 8px;
    width: 30%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    background-color: white;
}
.rental-subuser-form{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;

}
.rentaluser-info{
    font-size: 16px;
    color: #43383e;
    display: block;
    width: 80%;
    height: 41px;
    background: #fff;
    border-radius: 8px;
    padding: 0 35px;
    border: 1px solid #dddfe2;
}
.subuser_button{
    padding: 0 20px;
    min-width: 200px;
    height: 39px;
    background-color: #212529;
    border-radius: 8px;
    font-size: 20px;
    color: #fff;
    /* line-height: 1.2; */
    text-transform: uppercase;
    cursor: pointer;
    background-color: #4067B5;
    border: none;
    font-weight: 450;
}

.fontasset{
    font-size: 50px;
    font-weight: 600;
    color: black;
    text-transform: capitalize;
}
.fleetcard:nth-child(5n) {
    clear: both;
}

.fleetheading{
    text-align:center;
    margin-top: 20px;
}




.outer_table01{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}


.addcraneform-full{
    height: 1400px;
}
.add_subuser_heading{
    height: 70px;
    background-color: #4067B5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0px;
}
.formcontainer-fullinfo{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 1700px;
    margin-top: 40px;
    /* padding: 20px; */
}
.sellcrane-container{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 40px;
    /* height: 750px; */
    gap: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    width: 50%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;

}
.used_equip{
    height: 70px;
    width: 100%;
    background-color: #4067B5;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.used_equip h3{
    font-size: 16px;
    color: white;
    font-weight: 600;
}
.sellcrane_heading
{
display: flex;
justify-content: center;
align-items: center;
background-color: #4067B5;
height: 70px;
width: 100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.sellcrane_heading h2{
    font-size: 25px;
    font-weight: 600;
    color: white;
}




/* .btn-group1{
    background-color: beige;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    
}
.btn-group1 a{
    text-decoration: none;
    color: #4067B5;
} */
#uploadphoto{
    padding: 12px;
    margin-left: 15px;
}
.sell-submit{
    padding: 0 20px;
    min-width: 100px;
    height: 35px;
    background-color:#1c549e;
    border-radius: 8px;
    font-family: SFProDisplay-Regular, Helvetica, Arial, sans-serif;;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
}
.sellcrane{
    /* height: 800px; */
    /* border: 2px solid blue; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    
}
.pdf{
    display: flex;
    /* justify-content: space-evenly; */
    font-family: Oswald-Medium;
    font-size: 16px;
    color: #43383e;
    /* display: block; */
    width: 50%;
    height: 45px;
    background: #fff;
    border-radius: 8px;
    padding: 0 35px;
    border: 1px solid #dddfe2;
    align-items: center;
    


}
.pdf_upload{
    margin-left: 5px;
}

label {
    font-weight: bold;
}

/* input[type="file"] {
    display: block;
    margin-top: 5px;
} */
.sellimage{
    font-family: Oswald-Medium;
    font-size: 16px;
    color: #43383e;
    /* display: block; */
    width: 41%;
    height: 49px;
    background: #fff;
    border-radius: 8px;
    padding: 0 35px;
    border: 1px solid #dddfe2;
}
.capacity{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 80%;
}
.oemfleet-container{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
   margin-top: 30px;
    gap: 10px;
    width: 70%;
    border: 2px solid #4067B5;
    border-radius: 18px;
}
.add_fleet_heading{
    width: 100%;
    height: 90px;
    background-color: #4067B5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;

}
.add_fleet_heading p {
    font-size: 25px;
    color: white;
    font-weight: 600;
    margin-top: 15px;
}
.otherinput1{
    display: block;
}
.other_chassis{
    display: block;
}
.superlift_weight{
    display: block;
}
.oemaddfleet{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.oem-submit{
    margin-top: 10px;
}
.awp_options{
    display: none;
}
.cq_options{
    display: none;
}
.earthmover_options{
    display: none;
}
.mhe_options{
    display: none;
}
.gee_options{
    display: none;
}
.trailor_options{
    display: none;
}
.generator_options{
    display: none;
}
#othermake01{
    display: none;
}
#counter_weight_input{
    display: block;
}
#superlift_dd{
    display: block;
}
.subuser-container{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 18px 26px rgba(0, 0, 0, .1);
    gap: 12px;
    width: 35%;
    border-radius: 15px;
    margin-top: 40px;

}
.oemsubusers{
    /* margin-top: 120px; */
    /* border: 2px solid blue; */
    display: flex; 
    justify-content: space-evenly;
    align-items: center;
    
}


/* .oemsubusers h2{
    margin-bottom: 5px;
} */
.oemsubuser_button{
    padding: 0 20px;
    min-width: 60px;
    height: 35px;
    background-color:#1c549e;
    border-radius: 8px;
    border: none;
    font-family: SFProDisplay-Regular, Helvetica, Arial, sans-serif;;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    cursor: pointer;
}
.trial1{
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    width: 80%;
    /* border: 1px solid blue; */
}
.placeholder2{
    position: absolute;
    top: 10px;
    left: 8px;
    margin-top: 3px;
    font-size: 15px;
    padding: 0px 7px;
    color: #666;
    transition: 0.3s;
    pointer-events: none;
    font-weight: 500;
}
.input02:focus ~ .placeholder2
{
    top: -10px;
    color: #707070;
    background-color: #fff;
    font-size: 13px;

}
#quote_date_input{
    width: 200px;
}
#datequote_container{
    /* border: 1px solid red; */
    align-items: flex-start;
    justify-content: flex-start;
}
.input02:not(:placeholder-shown) ~ .placeholder2 {
    top: -10px;
    color: #707070;
    background-color: #fff;
    font-size: 13px;

}


.additional_info_heading{
    color: white;
    font-weight: 600;
    font-size: 25px;
}
.outer{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    gap: 15px;
    width: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    padding: 40px 20px;


}
.form_news
{
    margin-top: 70px;
    background-color: #fff;
    /* padding: 40px 20px; */
    width: 100%;
    /* max-width: 300px; */
    box-sizing: border-box;
    border-radius: 5px;
    /* box-shadow: 0px 0px 10px 0px #666; */
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.new_btn{
    margin-top: 10px;
    height: 40px;
    border-radius: 5px;
    background-color: #1c549e;
    width: 100px;
    border: none;
}
.news_content{
    height: 150px;
}
.newstable{
    display: flex;
    justify-content: center;
    align-items: center;
}
.news_card{
    /* padding: 30px; */
   width: 500px;
    border: 2px solid #4067B5;
    margin-right: 30px;
    /* border-radius: 17px; */
    /* border-top-left-radius: 12px;
    border-top-right-radius: 12px; */

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 700px;

}
.news_image{
    width: 100%;
    height: 300px;
    /* border: 2px solid black; */
}
.news_image1{
    width: 100%;
    height: 300px;
}
.news_head1{
    display: flex;
    /* border: 2px solid gray; */
}
.content_news{
    margin-left: 8px;
    width: 97%;

}
.newsheading{
    text-align: center;
    margin-top: 15px;
}
.newstable{
    /* border: 2px solid blue; */
    margin-top: 22px;
}
.directory_container{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    
}
.form_control{
    width: 50%;
    height: 35px;
    padding: 10px;
    /* box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5); */
    border: 2px solid #4067B5;
    border-collapse: collapse;
    border-radius: 8px;

}
.form_control:focus{
    border: 2px solid black;
}
.directory_container placeholder{
    margin-left: 5px;
}
.outertable{
    display: flex;
    align-items: center;
    justify-content: center;
}
.users_table{
    width: 90%;
    margin-top: 50px;
    border-bottom: 2px solid black;
    border: 2px solid #4067B5;
    
}
.no_data{
    text-align: center;
    margin-top: 50px;
}

.users_table th{
    background-color: #4067B5;
    height: 35px;
    /* border-right: 1px black; */
    color: white;
}
.users_table td{
    text-align: center;
    height: 35px;
    /* border-right: 1px solid black; */

}
.content{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
}
.oem_fleetcard{
    border: 1px solid #ccc;
    /* padding: 10px; */
    margin: 10px;
    width: 220px; /* Adjust as needed */
    /* float: left; */
    box-shadow:6px -3px 5px rgb(153 72 72 / 10%);
    /* cursor: pointer; */
    height: 340px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}
.btn_oem{
    width: 150px;
    border: 2px solid #1c549e;
    padding: 13px;
    margin: 5px;
    text-decoration: none;
    color: #1c549e;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.search_fleet{
    padding: 15px;
    border: 2px solid #1c549e;
    text-decoration: none;
    color: #1c549e;
    margin-top: 10px;
}
.logistic_need_container{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    /* margin-top: 20px; */
    gap: 8px;
    /* border: 2px solid black; */
    box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.1);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
    width: 70%;
    /* background-color: #333; */
}
.no_of_trailor1{
    width: 150px!important;
}
#trailor_req{
    width: 140px;
}
.logistics_need_form{
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.input01{
    padding: 13px;
    width: 100%;
    /* width: 80%; */
    border-radius: 8px;
    /* width: 530px; */
    box-sizing: border-box;
    outline: none;
    border: 1px solid #dddfe2;
}
.logistics_heading{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    background-color: #4067B5;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.logistics_need_heading{
    font-size: 25px;
    font-weight: 500;
    color: white;
}
.logi_req{
    padding: 0 20px;
    min-width: 360px;
    height: 48px;
    background-color:#4067B5;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 520;
    cursor: pointer;
    border: none;
}
.spare_parts_formm{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.spare_container{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    /* border: 2px solid blue; */
    box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.1);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;

    width: 50%;

}
.input02{
    padding: 13px;
    width: 100%;
    /* width: 80%; */
    border-radius: 8px;
    /* width: 530px; */
    box-sizing: border-box;
    outline: none;

    font-size: 13px!important;
    border: 1px solid #dddfe2;
}
.consumable_head{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 60px;
    background-color: #4067B5;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 100%;
}
.consumable{
    font-size: 20px;
    color: white;
    font-weight: 600;
}
.outer_sellcontainer{
    display: flex;
    justify-content:space-evenly;
    align-items: center;
    width: 100%;
    border: 2px solid red;
    margin-top: 70px;
    
}



.sell_info001{
    
    width: 60%!important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #4067B5;
    border-radius: 18px;
    
    margin-left: 25px;

}
.jib_outer{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 80%;

}
.qwerty{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 110%;
    /* border: 2px solid green; */
    gap: 10px;
    margin-top: 20px;
}
.sellheading{
    height: 60px;
    background-color: #4067B5;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.sellheading p{
    font-size: 16px;
    font-weight: 600;
    color: white;
}










.my_sell_listing{
    width: 90%;
    border: 2px solid #4067B5;
    text-align: center;
    margin-left: 65px;
}
.my_sell_listing th {
background-color: #4067B5;
color: white;
font-weight: 600;
font-size: 12px;
height: 35px;
}
.table_head01{
    height: 50px;
    width: 90%;
    background-color: #4067B5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 65px;
    margin-top: 30px;

    
    
}
.table_head01 p{
    font-size: 18px;
    color: white;
    font-weight: 600;
}
.my_sell_listing tr{
    height: 45px;
}
.btn_listing{
    height: 25px;
    width: 30px;
    background-color: #4067B5;
    color: white;
    /* font-size: 15px; */
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
   
}
.my_logi_btn{
    padding: 10px;
}
.edit_btn_contai{
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn_listing10{
    padding: 9px;
    background-color: #4067B5;
    color: white;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    border-radius: 5px;
    margin-left: 25px;
}
.btn_listing1{
    border-radius: 5px;
    padding: 9px;
    background-color: #4067B5;
    color: white;
    font-weight: 500;
    margin-left: 3px;
    text-decoration: none;
   
}
.edit_listing_form{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 20px;
}
.innerlisting_edit_form{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    width: 60%;
    padding: 12px;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
} 
.edit_listinghead{
    width: 62.1%;
    height: 60px;
    background-color: #4067B5;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.edit_listinghead p{
    font-size: 19px;
    color: white;
    font-weight: 600;
}
.first_img{
    height: 200px;
    width: 200px;
    
}
.trial123 h4{
color: #4067B5;
font-weight: 600;
}
#picture1{
    display: none;
}
#picture2{
    display: none;
}
#picture3{
    display: none;
}
.confirmdel_btn{
    background-color: #4067B5;
    color: white;
    height: 40px;
    width: 100px;
    border: none;
    border-radius: 8px;
}
.confirmbck_btn{
    background-color: #4067B5;
    color: white;
    height: 40px;
    width: 100px;
    border: none;
    border-radius: 8px;
    cursor: pointer;

}
.addoperator_form{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
}
.addoperator_container{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    width: 70%;
    gap: 13px;
    margin-top: 15px;
    background-color: white;
    /* border: 1.5px solid #4067B5; */
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.outer02{
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    width: 80%;
    gap: 3px;
}
.outer02_rmc{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 80%;
}
.equipment{
    width: 30%;
}
.add_operator{
    height: 90px;
    background-color: #4067B5;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.add_operator p{
    font-size: 19px;
    color: white;
    font-weight: 600;
}
.purchase_table{
    width: 90%;
    border: 1px solid #4067B5;
    text-align: center;
    margin-top: 30px;
    margin-left: 5%;
    
}
.outstanding_table{
    width: 90%;
    border: 1px solid #4067B5;
    text-align: center;
    margin-top: 30px;
    margin-left: 5%;
    
}
#upcomingauctionheading{
    width: 90%;
    /* border: 1px solid #4067B5; */
    text-align: center;
    margin-top: 30px;
    margin-left: 5%;
    margin-bottom: -50px!important;

}
.purchase_table th{
    height: 35px;
    background-color: #4067B5;
    color: white;
    font-weight: 200;

}
.purchase_table td{
    height: 55px;
}
.outstanding_table th{
    height: 35px;
    background-color: #4067B5;
    color: white;
    font-weight: 200;

}
.outstanding_table td{
    height: 55px;
}
.statesegregation{
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: -20px;
}

.button-52 {
    font-size: 18px;
    font-weight: 200;
    color: white;
    font-family: serif;
    letter-spacing: 1px;
    padding: 13px 20px 13px;
    border: 2px solid black;
    cursor: pointer;
    position: relative;
    touch-action: manipulation;
    width: 150px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 35px;
  }
  
  .button-52:after {
    content: "";
    background-color: #4067B5;
    width: 100%;
    z-index: -1;
    position: absolute;
    height: 100%;
    top: 7px;
    left: 7px;
    transition: 0.3s;
  }
  
  .button-52:hover:after {
    top: 0px;
    left: 0px;
  }
  
.members_table{
    width: 90%;
    /* border: 2px solid red; */
    display: flex;
    margin-left: 3%;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: 2px solid rebeccapurple; */
    /* height: auto; */
    margin-top: 25px;
    margin-bottom: 25px;
   
  }
  #operatorfilterbutton{
    background-color: #4067B5;
    color: white;
  }
  .filters{
    width: 80%;
    margin-left: 10%;
    /* border: 1px solid red; */
    margin-top: 20px;
    
    margin-bottom: -20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }
  #filterinfo{
    width: 85%;
    margin: 30 auto;

  }
  #quotationfilter{
    width: 100%;
    margin-left: 0%;
    display: flex;
  }
  .quotationfilterform{
    display: flex;
    gap: 8px;
  }
  #quotationfilterbutton{
    background-color: #1C549E;
    color: white;
    height: 35px;
  }
  #filteroptionnew{
    margin-right: 20px;
  }
  .filter_button{
    width: max-content;
    border: none;
    padding: 7px;
    height: 40px;
    border: 1px solid gray;

    border-radius: 8px;
    cursor: pointer;
  }
  #submitfilter{
    background-color: #F8D453;
    border: none;
  }
  .quotation_select{
    width: max-content;
    padding: 7px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid gray;

  }
  .filterinput{
    width: auto;
    padding: 7px;
    height: 21px;
    border-radius: 8px;
    border: 1px solid gray;

  }
  .filterinput2{
    width: auto;
    padding: 7px;
    height: 35px;
    border-radius: 8px;
    border: 1px solid gray;

  }
  .norecord{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  #quotationfilterdate{
    height: 30px;
    display: none;
  }
  #statusfilter{
    display: none;
  }
  #clientfilter{
    display: none;
  }
  #acfilter{
    display: none;
  }
  #quotationfilterdd{
    background-color: white;
    border: 1px solid gray;
  }
  #filterselect{
    border: 1px solid gray;
    height: 35px;
    background-color: white!important;
    cursor: auto;
  }

.viewfleet_outer{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    width: 250px;
    /* height: 290px; */
    gap: 5px;
    padding: 10px;
    /* border: 2px solid blue; */
    margin-bottom: 20px;
    margin-left: 15px;
    margin-top: 10px;
    border-radius: 10px;
}
.fleetcard{
    /* border: 2px solid green; */
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; 
    border-radius: 8px;   
    width: 90%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #1c549e;
    opacity: 70%;
    font-weight: 500;
    
    
}
.fleetcard img{
   
    width: 100%;
   background-size: cover;
    /* min-width: 100% */
    /* padding: 10px; */
}
.content{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
    /* border: 2px solid violet; */
    width: 99%;
}
.content p{
    font-size: 12px;
    font-weight: 400;
}
.btn01{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    /* border: 2px solid blue; */
}
.operator_fullinfo{
    text-decoration: none;
    color: #4067B5;
}
.viewfleet2_btncontainer{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.viewfleet2_btncontainer a{
    padding: 4px 10px 4px 10px;
    background-color: #F8D453;
    color: black;
    font-weight: 800;
    border-radius: 6px;
    margin-left: 4px;
    text-decoration: none;
}
.btn{
    display: block;
    padding: 10px 23px 10px 23px;
    background: #f6cb38;
    text-decoration: none;
    color: black;
    border-radius: 8px;
    font-family: serif;
    font-size: 15px;
    font-weight: 400;


}
.delbtn{
margin-left: 5px;    
}
.viewbtn02{
    margin-left: 5px;
}
.outer_Sell_table{
    /* border: 2px solid black; */
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sellfleet_table{
    /* border: 2px solid blue; */
    width: 80%;
    /* margin-left: 10%; */
    /* margin-top: 30px; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 50px;

}
.view_used_fleet_button{
    width: 40px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    margin-top: 7px;
    cursor: pointer;
    height: 20px;
    border-radius: 6px;
    background-color: #3F79E6;
}
.gallery_item img {
    width: 100%;
    height: 230px; 
}
/* .sellfleet_table td{
max-width: 200px;
} */
.gallery_container{
    /* box-shadow: 10px 14px 10px 6px #4067B51a; */
    border: 1px solid red;
    width: 380px;
    /* border-radius: 15px; */

    margin-left: 15px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    

}
.gallery_item{
    /* border: 1px solid grey; */
    border-style: double;
    width: 70%;
    
}
.details{
    /* border: 2px solid darkcyan; */
    width: 85%;
    
}
.detail_inner{
    /* border: 2px solid brown; */
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.button_sellused_fleet{
    /* border: 2px solid #363B8C; */
    width: 75px;
    background: #4067B5;
    /* border-radius: 8px; */
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.button_sellused_fleet a{
    text-decoration: none;
    color: white;

    font-weight: 400;
}
.outer_btn_view{
    /* border: 2px solid yellow; */
    width: 85%;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }
  .modal1 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }
.ratingoperator{
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);

}
.ratingcontent{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ratingcontentinner{
    width: 45%;
    padding: 20px;
    gap: 10px;
    background-color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.1);


    /* border: 1px solid #4067B5; */
}
.rating_operator_form{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
#submit_rate{
    background-color: #4067B5;
    text-decoration: none;
    cursor: pointer;
    border-radius: 8px;
    color: white;
    height: 45px;
    border: none;
    width: 80px;
}
#cancel_rate{
    background-color: #4067B5;
    text-decoration: none;
    cursor: pointer;
    border-radius: 8px;
    color: white;
    height: 45px;
    border: none;
    width: 80px;
    margin-left: 5px;
}
#rate_button{
    display: flex;
    width: 80%;
    align-items: flex-start;
    justify-content: flex-start;
    /* border: 2px solid blue; */
    flex-direction: row;
    

}

  .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    height: 100px;
    /* border: 2px solid red; */
    box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.1);
    border-radius: 8px;
    line-height: 3.2;

    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-direction: column;
  }
  .modal-content-epc {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    /* height: 200px; */
    gap: 15px;
    /* border: 2px solid red; */
    box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.1);
    border-radius: 8px;
    line-height: 3.2;

    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-direction: column;
  }
  .confirmdel_btn :hover{
  cursor: pointer;
}
.request_quoteform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.request_quote_innercontainer{
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    gap: 12px;
    margin-top: 40px;
    border: 2px solid #4067B5;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
}
.quotehead{
    background-color: #4067B5;
    height: 70px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;

}
.quotehead p{
    font-size: 25px;
    color: white;
    font-weight: 600;

}
.card_container01{
    display: flex;
    justify-content: center ;
    align-items: center;
    width: 100%;
    /* border: 2px solid blue; */
    height: 100px;
    margin-top: 10px;
}
.card_container001{
    display: flex;
    justify-content: center ;
    align-items: center;
    width: 100%;
    /* border: 2px solid blue; */
    height: 100px;
    margin-top: 100px;
}
.button-quote{
    font-size: 18px;
    font-weight: 200;
    color: white;
    font-family: serif;
    letter-spacing: 1px;
    padding: 13px 20px 13px;
    border: 2px solid black;
    cursor: pointer;
    position: relative;
    touch-action: manipulation;
    width: 150px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 35px;
}
.button-quote {
    font-size: 18px;
    font-weight: 200;
    color: white;
    font-family: serif;
    letter-spacing: 1px;
    padding: 13px 20px 13px;
    border: 2px solid black;
    cursor: pointer;
    position: relative;
    touch-action: manipulation;
    width: 220px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 35px;
  }
  
  .button-quote:after {
    content: "";
    background-color: #4067B5;
    width: 100%;
    z-index: -1;
    position: absolute;
    height: 100%;
    top: 7px;
    left: 7px;
    transition: 0.3s;
  }
  
  .button-quote:hover:after {
    top: 0px;
    left: 0px;
  }
  .fleetcard_operator{
    /* border: 2px solid green; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    
    
}
.fleetcard_operator img{
   
   width: 150px; 
   height: 150px;
   background-size: cover;
    /* min-width: 100% */
    /* padding: 10px; */
}
.btn_operator{
    /* padding: 10px; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 30px;
    background: #4067B5;
    text-decoration: none;
    color: white;
    border-radius: 8px;
    /* font-family: serif; */
    font-size: 14px;
    font-weight: 200;
    
}
.addoperator_ifnot a{
    text-decoration: none;
    color: #4067B5;
    
}
.view_operator_container{
    border-radius: 10px;
    /* border: 1px solid blue; */
    /* box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); */
    

}
.addoperator_ifnot{
    margin-bottom: 5px;
    font-size: 13px;
}
.card_container_logistic{
    display: flex;
    justify-content: center ;
    align-items: center;
    width: 80%;
    margin-top: 30px;
    margin-right: 70px;
    height: 200px;
}
.alert {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    padding: 10px;
    /* margin: 10px; */
    line-height: 1.8;
    /* border-radius: 5px; */
    cursor: hand;
    cursor: pointer;
    font-family: sans-serif;
    font-weight: 400;
  }
  
  .alertCheckbox {
    display: none;
    width: 100%!important;
    
  }
  .errornotification{
    width: 100%!important;
    margin-top: 30px!important;

  }
  
  :checked + .alert {
    display: none;
  }
  
  .alertText {
    display: table;
    /* margin: 0 auto; */
    text-align: left;
    margin-left: 10px;
    font-size: 16px;
    /* font-weight: 600; */
    
  }
  .alertText_addfleet{
    display: table;
    /* margin: 0 auto; */
    text-align: left;
    margin-left: 13px;
    font-size: 16px;
    /* font-weight: 600; */
  }
  .alertText_addfleet a{
    text-decoration: underline;
    margin-left: 5px;
    color: black;
    font-weight: 600;

  }
  
  .alertClose {
    float: right;
    padding-top: 3px;
    font-size: 14px;
  }
  
  .clear {
    clear: both;
  }
  
 
  
  .notice {
    background-color: #008000;
    opacity: 70%;
  /* border-left: 1px solid #4067B5; */
  color: white;
  
  }
  .error{
    background-color: #4067B5;
    opacity: 70%;
    width: 100%!important;
  /* border-left: 1px solid #4067B5; */
  color: white;
  
  }
  
.news_head{
    background-color: #4067B5;
    width: 100%;
    height: 75px;
    display: flex;
    /* border-top-right-radius: 8px;
    border-top-left-radius: 8px; */
}
.news_head p {
    margin-left: 10px;
    margin-top: 9px;
    color: white;
    font-size: 20px;
    
}
.epc_req_heading{
    height: 60px;
    background-color: #4067B5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;

}
.epc_req_heading h2{
    font-size: 16px;
    font-weight: 600;
    color: white;
}
.epc_req1{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 30px;
    /* border: 1px solid red; */

}
.epc_red_div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    gap: 8px;
    width: 90%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
    border-radius: 10px;
}
#adminpanelepcreq{
    width: 70%!important;
}
.bothform_container{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    /* border: 1px solid black; */
}

.myreq_epc{
    width: 95%;
    border: 2px solid #4067B5;
    text-align: center;
    margin-top: 30px;
    margin-left: 3%;
}
#notinterested{
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* overflow: auto; */
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    /* display: flex; */
    /* align-items: center;
    justify-content: center; */

   
}
.notinterested_content{
    width: 50%;
    height: 150px;
    background-color: white;
    border-radius: 8px;
    position: fixed;
    margin-top: 18%;
    margin-left: 23%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* line-height: 1.2; */
    /* gap: 20px; */
    flex-direction: column;
}
.button_notinterested{
    /* border: 2px solid blue; */
    width: 80%;
    margin-top:9px;
    /* width: 100%; */
    display: flex;
    /* align-items: center;
    justify-content: flex-start; */
}
.myreq_epc th{
    height: 35px;
    background-color: #4067B5;
    color: white;
    font-weight: 500;

}
.myreq_epc td{
    height: 55px;
}
.card_container001{
    display: flex;
    justify-content: flex-start ;
    align-items: center;
    width: 80%;
    border: 2px solid blue;
    height: 200px;
}
.subuser_div{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4067B5;
    height: 75px;
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.subuser_div h2{
    font-size: 22px;
    color: white;
    font-weight: 600;
    margin-top: 11px;
    
}
#otherchassis{
    display: none;
}
.cap_container{
    display: flex;
    width: 80%;
}
.length_outercontainer{
    display: flex;
    width: 80%;
}
#registration_rental{
    display: none;
}
#kealy_length{
    display: none;
}
#pipelength{
    display: none;
}
#registration_num{
    display: none;
}
#length_container{
    display: none;
}
#length2{
    display: none;

}
#length3{
    display: none;
}
.hydraulic_outer{
    display: flex;
    width: 80%;
}
.firstrow{
    display: flex;
    width: 80%;
}
.secondrow{
    display: flex;
    width: 80%;
}
.thirdrow{
    display: flex;
    width: 80%;
}
.fourthrow{
    height: auto;
    display: flex;
    width: 80%;
}
#othermake_oem{
    display: none;
}
.dimensions{
    text-align: left;
    width: 98%;
}
#specify_other_chassis_oem{
    display: none;
}
#superlift_weight{
    display: none;
}
#oem_addfleet_jib {
    display: none;  
    /* width: 80%; */
}
#boomlength_oem{
    display: none;
}
#jiblength_oem{
    display: none;
}
#luffinglength_oem{
    display: none;
}
#crane_full_specs_other_brand{
    display: none;
}
.abcd{
    /* margin-left: 15px; */
    width: 15%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    /* border: 1px solid blue; */
    /* padding: 3px; */
    
}
.cont{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border: none!important;
}
.chart_outer_cont{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new_add{
    width: 80%;
    height: 100%;
    background-color: #4067B5;
    border: none;
    font-size: 20px;
    color: white;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.5sec ease-in-out;
}
.new_add:hover{
    transform: scale(1,1);
    text-decoration: underline;
}
.add_fleet_btn_new{
    margin-top: 10px;
    margin-left: 10%;
    /* margin-bottom: 20px; */
    width:80%;
    height:50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* border: 1px solid red; */
}
.chartcontainer{
    box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.1);


    width: 80%;
    height: auto;
    display: flex;
    margin-top: 70px;
    border-radius: 10px;
    /* margin-left: 8.4%; */
  
}
#leads_button{
    margin-top: 60px;
}

.container1234{
    width: 50%;
    height: 100%;
}
.idle_table{
    width: 30%;
    gap: 5px;
    /* border: 1px solid #4067B5; */
    display: flex;
    padding: 5px;
    font-size: 13px;

    
    
}
.idle_table td{
    font-size: 14px!important;
}
.idle_table01{
    width: 30%;
    gap: 5px;
    /* border: 2px solid #4067B5; */
    display: flex;
    /* margin-left: 15px; */
    align-items: flex-start;
    justify-content: center;
    padding: 5px;
    font-size: 13px;
}
.idle_table01 th{
    width: 300px;
    height: 35px;
    border-radius: 8px;
    background-color: #4067B5;
    color: white; 
    font-size: 15px;
}

.idle_table th{
    width: 300px;
    height: 35px;
    border-radius: 8px;
    font-size: 15px;

    background-color: #4067B5;
    color: white;
}
.idle_heading{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4067B5;
    /* width: 100%; */
    height: 15px;
}
.soldinner{
    width: 50%;
}
.viewsoldfull_form{
    width: 100%;
    
}
#asset_code{
    display: none;
}
.center-block {
         
    height: 300px;
    /* border: 2px solid blue; */
    /* box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.1); */

    width: 100%;
} 

.chartdatacontainer {
    width: 80%;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.1);
    padding: 10px;
    margin-top: 25px;
    border-radius: 10px;
    margin-top: 70px;

}

.chartdatacontainer_sellingfleet {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 8px;
    /* border: 2px solid red; */
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;    padding: 10px;
    margin-top: 25px;
    margin-bottom: 100px;
    margin-left: 10%;
}

.container12345 {
    width: 40%;
    height: 100%;
}
.idleoperator_table{
    width: 30%;
    gap: 5px;
    /* border: 2px solid #4067B5; */
    display: flex;
    padding: 5px;
    margin-left: 20px;
    
}
.idleoperator_table th{
    background-color: #4067B5;
    height: 35px;
    width: 300px;
    border-radius: 8px;
    color: white;
}
.headcont{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #4067B5;
    height: 70px;
}
.not_interested_form{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
}
.notinterested_container{
    width: 60%;
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
}
.notinterestedhead{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 100%;
    background-color: #4067B5;
}
.notinterestedhead p{
    font-size: 19px;
    color: white;
    font-weight: 600;
}
#engine_hour_dd{
    display: none;
}
.outer_checkbox{
    display: flex;
    /* border: 2px solid black; */
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    height: 20px;
}
.checkboxlabel{
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    /* cursor: pointer; */
}
input[type='checkbox']:checked{
    background-color: #4067B5;
}
#rmclocation-outer{
    display: none;
}
#rmcpincode-outer{
    display: none;
    margin-left: 10px;
}
#rmc_Type{
    display: none;
}
#check_container{
    display: none;
}
.outermost{
    width: 90%;
}
.particular{
    width: 100%;
}
.rmc_epc_req{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
   
}
.rmc_req_container{
    display: flex;
    flex-direction: column;
    width: 63%;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    gap: 10px;
    border: 2px solid #4067B5;

}
.rmc_req_heading{
    display: flex;
    background-color: #4067B5;
    height: 70px;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;

}
.rmc_req_heading p{
    font-size: 18px;
    font-weight: 600;
    color: white;
}
.grade_Select{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /* width: 80%; */
   
}
#cmnt_content_div{
    display: none;
    /* width: 100%; */
}
.hideouterr{
    width: 90%
    
}
.abcd2{
    width: 68%;
}
.trial_particular{
    width: 50%;
}

.pouring{
    width: 30%;
}

.outer03{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /* margin-left: 19.5%; */
}
#sellfleeticon{
    width: 20%;
    height: 50px;
    /* border: 1px solid black; */
    cursor: pointer;
}
.outer04{
    width: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 19.5%;
}
.outer3{
    width: 100%;
    /* display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; */
    margin-left: 19.5%;

}
#second_particular{
    display: none;
}
#third_particular{
    display: none;
}
#fourth_particular{
    display: none;
}
#fifth_particular{
    display: none;
}
.dedicated_rmc_req{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#second_particular_dedicated{
    display: none;
}
#third_particular_dedicated{
    display: none;
}
#fourth_particular_dedicated{
    display: none;
}
#fifth_particular_dedicated{
    display: none;
}
.boq{
    font-size: 19px;
    text-align: center;
    text-decoration: underline;
    color: #4067B5;
}
#no_of_equipment_required{
    display: none;
}
#no_of_equipment_required_dedicated{
    display: none;
}
#vendor-list{display: none;}

.piling_form{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#concrete_placing{
    width: 470px;
    height: 70px;
}
#reinforcement{
    width: 470px;
    height: 70px;

}
#ms_liner{
    width: 470px;
    height: 70px;

}
#other_particular{
    width: 470px;
    height: 70px;

}
#uom_liner{
    height: 70px;
}
.uom_liner{
    height: 70px;
}
.abcd_piling{
    margin-left: 5px;
    width: 10%;
    cursor: pointer;
    /* border: 2px solid #4067B5; */
    /* border-radius: 50%; */
    padding: 3px;
    margin-top: 20px;
    
}
#other_particular_container{
    display: none;
}
#otherdia1{
    display: none;
}
.rmc_epc_req1{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
   
}
.rmc_req_container1{
    display: flex;
    flex-direction: column;
    width: 75%;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    gap: 10px;
    border: 2px solid #4067B5;

}
.rmc_req_heading1{
    display: flex;
    background-color: #4067B5;
    height: 70px;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;

}
.rmc_req_heading1 p{
    font-size: 18px;
    font-weight: 600;
    color: white;
}

#specify_comp_web{
    display: none;
}
#addonservices{
    display: none;
}
.rmc_sales{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rmc_salesperson_container{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 70%;
    flex-direction: column;
    border: 2px solid #4067B5;
        margin-top: 25px;
    gap: 10px;

}
.salespersonhead{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    background-color: #4067B5;
    /* margin-top: 25px; */
}
.salespersonhead p{
    font-size: 20px;
    font-weight: 600;
    color: white;
}
#minimum_target{
    display: none;
}
.cont{
    display: flex;
    align-items: center;
    justify-content: space-evenly; 
     border: 2px solid red;
     width: 100%;
}
.product_services{
    text-align: left;
    color: #4067B5;
    width: 100%;
}
.service_container{
    width: 80%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    /* border: 2px solid blue; */
    flex-direction: column;
    height: 150px;
}
.new{
    width: 100%;
    height: 20px;
}



.main_container{
    width: 100%;
    height: 550px;
    /* margin-top: 5px; */
    /* padding: 5px; */
    /* border: 2px solid black; */
}
.main_container{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.left_menu_options{
    /* border: 2px solid rebeccapurple; */
    width: 19%;
    /* height: 570px; */
    height: 120%;
    /* height: 100%; */
    /* margin-left: 5px; */
    border-top: 1px solid white;
    background-color: #4067B5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left_menu_inner{
    font-family: "Alegreya Sans SC", sans-serif;
    width: 80%;
    height: 95%;
    /* border: 2px solid black; */
    display: flex;
    flex-direction: column;
    justify-content:flex-start ;
    align-items: flex-start;
    margin-left: 5px;
    
}
.right_menu_options{
    /* border: 2px solid blue; */
    width: 85%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.firstrow_stats{
    display: flex;
    /* align-items: center; */
    /* border: 2px solid pink; */
    width: 98%;
    z-index: 0;
    justify-content: space-evenly;
}
.add_fleet_menu{
    /* padding: 10px; */
    margin-top: 15px;
    text-decoration: none;
    color: white;
    font-size: 17px;
    font-weight: 450;
    transition: 0.3s ;
    
    /* border: 2px solid black; */
}
.add_fleet_menu:hover{
    font-weight: 450; 
    transform: scale(1.08,1);  
    color: black;

}

.firstblock{
    width: 270px;
    height: 130px;
    /* border: 2px solid red; */
    background-color: #4067B5;
    margin-top: 50px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    z-index: 0;

}
.added_fleet_notification{
    height: 35px;
    width: 35px;
    background-color: white;
    border: 2px solid #4067B5;
    border-radius: 8px;
    z-index: 1;
    position: absolute;
    margin-left: 250px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 550;
    
}
.alerts{
    height: 25px;
    width: 75px;
    background-color: white;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid #4067B5;
    font-size: 15px;
    /* font-family:'Times New Roman', Times, serif; */
    
    
}
.alerts:hover {
    background-color: #005D8B; /* Darker shade on hover */
    transform: translateY(-2px); /* Slight lift on hover */
    color: white;
}

.alerts:active {
    transform: translateY(0); /* Reset on click */
}
.num_container{
    /* padding: 3px; */
    height: 20px;
    width: 20px;
}
.firstblock_inside1{
    width: 100%;
    height: 30%;
    /* border: 2px solid black; */
    font-family:Lato;
    /* margin-top: 5px; */
    padding: 9px;
    color: white;
    font-size: 26px;
}
.firstblock_inside2{
    width: 100%;
    height: 70%;
    /* border: 2px solid black; */
    font-family:Lato;
    margin-left: 15px;
    /* margin-top: 5px; */
    /* padding: 9px; */
    color: white;
    font-size: 66px;
    margin-top: -10px;
}

.secondblock{
    width: 270px;
    height: 130px;
    /* border: 2px solid; */
    background-color: #4067B5;
    border-radius: 6px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    cursor: pointer;


}
.secondblock_inside1{
    width: 100%;
    height: 30%;
    /* border: 2px solid black; */
    font-family:Lato;
    /* margin-top: 5px; */
    padding: 9px;
    color: white;
    font-size: 26px;
}
.secondblock_inside2{
    width: 100%;
    height: 70%;
    /* border: 2px solid black; */
    font-family:Lato;
    margin-left: 15px;
    /* margin-top: 5px; */
    /* padding: 9px; */
    color: white;
    font-size: 66px;
    margin-top: -10px;
}



.thirdblock{
    width: 270px;
    height: 130px;
    /* border: 2px solid red; */
    background-color: #4067B5;
    margin-top: 50px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    cursor: pointer;


}
.thirdblock_inside1{
    width: 100%;
    height: 30%;
    /* border: 2px solid black; */
    font-family:Lato;
    /* margin-top: 5px; */
    padding: 9px;
    color: white;
    font-size: 26px;
    cursor: pointer;
}
.thirdblock_inside2{
    width: 100%;
    height: 70%;
    /* border: 2px solid black; */
    font-family:Lato;
    margin-left: 15px;
    /* margin-top: 5px; */
    /* padding: 9px; */
    color: white;
    font-size: 66px;
    margin-top: -10px;
}

.secondrow_stats{
    display: flex;
    align-items: center;
    justify-content: center;
    /* align-items: center; */
    /* border: 2px solid pink; */
    width: 100%;
    /* margin-left: 5.9%; */
}
.todolist{

    width: 90%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    margin-top: 30px;
    margin-left: 5%;
}
.addtask{
    width: 30%;
    height: 45px;
    /* border: 1px solid green; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 10px;
}
.addtask button{
    width: 120px;
    height: 80%;
    background-color: white;
    color: black;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}
.todo_heading{
    width: 100%;
    background-color: #4067B5;
    /* border: 1px solid black; */
    height: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.todo_heading p {
    color: white;
    font-size: 20px;
    width: 70%;
    margin-left: 15px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* border: 1px solid green; */
}
.todo_list{
    width: 100%;
    height: 85%;
    /* border: 1px solid rebeccapurple; */
    overflow-y: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.to_do_content{
    width: 100%;
    height: 300px;

}
.to_do_content th{
background-color: #4067B5;
color: white;
height: 30px;
}
.done_btn{
    margin: 2px;
    padding: 4px;
    text-decoration: none;
    color: white;
    border-radius: 8px;
    background-color: #4067B5;
    cursor: pointer;
    border: none;
}
.to_do_content tr{
    font-size: 15px;
    height:auto;
    width: auto;
    text-align: center;
}
.fourthblock{
    width: 270px;
    height: 130px;
    /* border: 2px solid red; */
    background-color: #4067B5;
    margin-top: 50px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;


}
.fourthblock_inside1{
    width: 100%;
    height: 30%;
    /* border: 2px solid black; */
    font-family:Lato;
    /* margin-top: 5px; */
    padding: 9px;
    color: white;
    font-size: 26px;
}
.fourthblock_inside2{
    width: 100%;
    height: 70%;
    /* border: 2px solid black; */
    font-family:Lato;
    margin-left: 15px;
    /* margin-top: 5px; */
    /* padding: 9px; */
    color: white;
    font-size: 66px;
    margin-top: -10px;
}
#enter_website{
    display: none;
}
#services{
    display: none;
}
#rmc_subtype    {
    display: none;
}
#dedicated_rmc_location{
    display: none;
}
#ratingbutton{
    margin-left: 5px;
}
#ratingbutton:hover{
    cursor: pointer;
}
#alerticon{
    cursor: pointer;
    height: 40px;
    
}
.cross_symbol{
    margin-right: 4px;
}
.closeall{
    height: 40px;
    width: 140px;
    border-radius: 10px;
    background-color: white;
    margin-top: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.closeall:hover{
    transform: scale(1.05,1.05);
}
#notification_bg{
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* padding: 20px; */
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);

}
.noti_container{
    /* gap: 12px; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    /* margin-top: 15px; */
    /* border: 2px solid red; */
    padding: 10px;
    
}
.noti_content_main{
    width: 30%;
    transition: 0.3s ease-in-out;
    height: 80px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: white;
    padding: 5px;
    
}

.noti_content_main:hover{
    transform: scale(1.1,1.04);
}
.content_holder{
    width: 79%;
    /* border: 2px solid blue; */
}
.noti_outer{
    width: 100%;
    /* gap: 10px; */
    /* padding: 30px; */
    /* margin-top: 3%; */
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}
#del_notification{
    padding: 10px;
    background-color: #4067B5;
    color: white;
    cursor: pointer;
    border-radius: 15px;
}
.noti_count_container{
   
   background-color: blue;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1;
   position: absolute;
 width: 20px;
 margin-left: 27px;
 margin-top: 5px;
}
.bell_cont{
    height: 30px;
    width: 40px;
    border: 2px solid green;
    background-size:contain;
    z-index: 0;
    display: flex;
    /* align-items: center;
    justify-content: center; */
}
.generate_quotation{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 2px solid blue; */
    margin-top: 20px;
}
.generate_quote_container{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 80%;
    gap: 12px;
    border-radius: 8px;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;    
}

.generate_quote_heading{
    height: 60px;
    width: 100%;
    background-color: #4067B5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    font-weight: 600;
}
.quotation_submit{
    height: 50px;
    width: 150px;
    background-color: #4067B5;
    color: white;
    border-radius: 8px;
    border: none;
    font-size: 17px;
    cursor: pointer;
    margin-bottom: 20px;
}
.entire_quotation_container{
    width: 97%;
    height: 650px;
    /* padding: 15px; */
    /* border: 1px solid blue; */
}
.companylogo{
    height:100px;
    width:80px;
    /* margin-left: 5%; */
    background-size: contain;
    /* padding: 20px; */
    /* border: 2px solid red; */
    background-repeat: no-repeat;
    background-position: right;
}
.compname_{
    width: 70%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* font-size: 31px; */
    font-size: 1rem; /* Initial font size */
    resize: horizontal; /* Allows width adjustment */
    display: inline-block; /* Allows for resizing */
    text-transform: capitalize;
}
.logo_namecontainer{
    width: 100%;
    height: 17%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid brown; */
}
.doc{
    width: 400px;
    height: 250px;
}
.doc img{
    width: 400px;
    height: 250px;
  
}
.tocontainer{
    width: 100%;
    height: 20%;
    gap: 10px;
    /* border: 2px solid red; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    /* margin-top: 10px; */
}
.date{
    padding-left: 10px;
}
.ref{
    padding-left: 10px;
    margin-bottom: 5px;
}
.toadress{
    height: 100%;
    width: 50%;
    /* border: 2px solid green; */
    padding-left: 10px;
    /* border-top: 1px solid black; */

    padding-top: 15px;

}
.to_contactperson{
    height: 100%;
    width: 50%;
    /* border: 2px solid green; */
    /* border-left: 1px solid black;
    border-top: 1px solid black; */
    padding-left: 10px;
    padding-top: 15px;


}
.salutation{
    width: 100%;
    height: auto;
    /* border: 2px solid blue; */
}
.table_info{
    width: 100%;
    height: 20%;
    border: 1px solid black;
    margin-top: 20px;
    /* border-collapse: collapse; */
}

.table_info th{
    color: white;
    background-color: #4067B5;
    font-size: 13px;
    height: 35px;

    text-align: left;
    padding: 5px;
    font-weight: 550;
}
.table_info td{
    /* border-left: 1px solid black; */
    /* border: 1px solid black; */
    padding: 4px;
}
.duration_td{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly;
   /* border: 1px solid black; */
    height: 80%;
    border: none;
}
.duration_th{
    width: 50%; 
    /* border: 1.3px solid black; */


}
.withregard_section{
    width: 100%;
    height: 15%;
    /* border: 2px solid yellow; */
    margin-top: 4%;
    padding: 10px;
    font-size: 15px;
}
.print_quotation{
    height: 50px;
    border: none;
    width:  190px;
    background-color: #4067B5;
    color: white;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    
    border-radius: 7px;
}
.button_container{
    width: 98%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.view_my_quotation{
    width: 94%;
    border: 2px solid #4067B5;
    margin-left: 3%;
    /* margin-top: 25px; */
    border-collapse: collapse;
    background-color: #4067B5;
    color: white;
    height: 35px;

}
/* #sell_length{
    position: absolute;
} */
#unit_sell{
    width: 40%;
}
.submit_quote_para{
    font-size: 19px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.view_my_quotation th{
    border: 2px solid black;
    height: 39px;
    font-weight: 600;
}
.view_my_quotation td{
    text-align: center;
    height: 50px;
    background-color: white;
    color: black;
    /* border-collapse: collapse;
    border-left: 1px solid black; */
}
.quote_btn{
    padding: 10px ;
    background-color: #4067B5;
    color: white;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
}
.sender_name{
    text-transform: capitalize;
}
.address_tobe_sent{
    /* border: 1px solid red; */
    width: 60%;
    gap: 5px;
}
.space{
    margin-top: 3px;
}
#date_of_availability{
    display: none;

}
.sender_office_address{
    /* border: 2px solid red; */
    width: 25%;
    text-transform: capitalize;
}
.bold_text{
    font-weight: 600;
    font-size: 15px;
}
.terms_condition{
    font-size: 13px;
    width: 99%;
    border: none;
    margin-top: 8px;
}
.terms_condition textarea{
    font-size: 13px!important;
}
.terms_condition select {
    font-size: 13px!important;
}

.terms_textarea{
    font-size: 16px;
    width: 97%;
    border: none;
    /* border:1px solid rebeccapurple; */
}
.container_outer{
    /* height: 1350px; */
    display: flex;
    flex-direction: column;
    /* border: 2px solid rebeccapurple; */
}
.heading_terms{
    font-size: 18px;
    text-decoration: underline;
    margin-bottom: 10px;
}
.edit_profile_form{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.edit_profile_container{
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.proifle_heading{
    width: 100%;
    background-color: #4067B5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
    height: 60px;
    margin-bottom: 10px;
    font-weight: 600;
}
.closed_requirements{
    width: 80%;
    margin-left: 10%;
    border: 1px solid black;
    border-collapse: collapse;
    margin-top: 20px;
}
.closed_requirements th{
    background-color: #4067B5;
    height: 30px;
    border: 2px solid black;
    color: white;
}
.closed_requirements td{
    text-align: center;
    font-size: 18px;
    height: 45px;
    /* border: 1px solid black; */
}
.View_closed_requirement{
    padding: 9px;
    background-color: #4067B5;
    color: white;
    font-size: 15px;
    text-decoration: none;
    border-radius: 8px;
}
.bill_client{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.bill_client_container{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    width: 50%;
    gap: 12px;
    border: 2px solid #4067B5;
}
.client_heading{
    height: 70px;
    background-color: #4067B5;
    color: white;
    font-weight: 600;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
}
.view_clients{
    width: 80%;
    margin-left: 10%;
    border: 2px solid black;
    margin-top: 15px;

}
.view_clients th {
    height: 40px;
    background-color: #4067B5;
    color: white;
    font-size: 16px;
    font-weight: 500;
    }

.view_clients td{
    height: 45px;
    text-align: center;
}

 .view_clients_button{
    padding: 9px;
    background-color: #4067B5;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    cursor: pointer;
    /* margin-right: 5px; */

 }   
 .confirm_del_client{
    width: 40%;
    background-color: white;
    border-radius: 8px;
    height: 80px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    /* border: 2px solid #4067B5; */
    /* align-items: flex-start;
    justify-content: flex-start; */
 }
 .modal_client {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }
  .del_client_container{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .client_delete{
    margin-top: 30px;
  }
  .del_client_confirm{
    padding: 9px;
    background-color: #4067B5;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    cursor: pointer;
    /* margin-left: 10px; */

 }  
 .btn_set{
    /* border: 2px solid blue; */
    margin-top: 15px;
 } 
 #cancel_client{
    margin-left: 5px;
 }
 .confirm_del_client p{
    font-size: 16px;
    margin-left: 3px;
 }
 .bill_form{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .bill_form_container{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
    gap: 12px;
    border: 2px solid #4067B5;
 }
 .bill_form_container p{
    width: 100%;
    background-color: #4067B5;
    color: white;
    height: 60px;
    text-align: center;
    color: white;
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 550;
 }
 .view_bills{
    width: 80%;
    margin-left: 10%;
    border: 2px solid black;
    margin-top: 20px;
 }
 .view_bills th{
    height: 50px;
    background-color: #4067B5;
    color: white;
    text-align: center;
 }
 .view_bills tr{
    height: 60px;
    text-align: center;
 }
 .view_bill_button1{
    padding: 9px;
    background-color: #4067B5;
    text-decoration: none;
    color: white;
    border-radius: 8px;
    cursor: pointer;
 }
 #del_bill_button{
    margin-left: 5px;
 }
 .bill_body{
    height: 990px;
    width: 98%;
    display: flex;
    flex-direction: column;
    /* border: 2px solid red; */
 }
 .logo_contaier_bill{
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 12%;
    /* border: 2px solid blue; */
 }
 .tax_invoice{
    width: 100%;
    text-align: center;
    color: red;
    font-size: 20px;
    font-weight: 550;
 }
 .ref_date{
    width: 100%;
    height: 3%;
    /* border: 2px solid yellow; */
    display: flex;
    align-items: center;
 }
 .ref{
    width: 50%;
 }
 .date{
    width: 50%;
 }
 .bill_ship_to{
    width: 100%;
    height: 17%;
    /* border: 2px solid pink; */
    display: flex;
 }
 .bill_to_container{
    width: 50%;
    /* border: 2px solid greenyellow; */
 }
 .ship_to_container{
    width: 50%;
    /* border: 2px solid purple; */
 }
 .bill_detail{
    width: 100%;
    height: 13%;
    border: 2px solid #4067B5;
 }
 .bill_detail th{
    height: 20px;
    background-color: #4067B5;
    text-align: left;
    color: white;
    padding: 7px;
 }
 .bill_detail td{
    text-align: left;
    padding: 7px;
 }
 .total_basic_amount{
    width: 100%;
    height: 3%;
    /* border: 2px solid #4067B5; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
 }
 .total_heading{
    width: 35%;
    display: flex;
    align-items: center;
    height: 100%;
    /* border: 2px solid violet; */
    text-align: left;
    
 }
 .total_amount{
    width: 10%;
    height: 100%;
    text-align: left;
    margin-right: 3px;
    display: flex;
    align-items: center;
 }
 .tax_calculation{
    width: 100%;
    height: 14%;
    /* border: 2px solid forestgreen; */
    display: flex;
    /* align-items: center; */
    justify-content: flex-end;
 }
 .tax_heading{
    height: 100%;
    width: 9%;
    /* border: 2px solid gold; */
 }
 .tax_percent{
    height: 100%;
    width: 9%;

 }
 .tax_amount{
    width: 13%;
    margin-right: 3px;
    height: 100%;
 }
 .conclusion{
    width: 80%;
    height: 10%;
    border: 2px solid #4067B5;
 }
 .conclusion th{
    height: 40px;
    /* padding: 3px; */
    background-color: #4067B5;
    text-align: center;
    color: white;
 }
 .tax_head{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: space-evenly;
    /* align-items: center; */
 }
 .rate_amount{
    display: flex;
    /* border: 2px solid blue; */
    height: 50%;
 }
 .percent1{
    width: 50%;
    height: 95%;
    /* padding: 2px; */
    border-right: 2px solid white;
}
 .amnt{
    width: 50%;
    height: 100%;
 }
 .tax1{
    height: 50%;
    border-bottom: 2px solid white;
 }
 .split{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
 }
 .conclusion td{
    text-align: center;
 }
 .bankdetails{
    width: 100%;
    /* text-transform: capitalize; */
    height: 15%;
    /* border: 2px solid red; */
    display: flex;
    justify-content: flex-start;
 }
 .details{
    height: 100%;
    width: 40%;
    gap: 6px;
    /* border: 2px solid blue; */
    /* margin-top: 6px; */
 }
 .bankdetail{
    font-weight: 550;
 }
 .add_clients{
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
 }
 .footer_bill{
    text-align: center;
    color: black;
    font-size: 17px;
    font-weight: 550;
 }
 .complete_profile{
    text-align: center;
    font-size: 17px;
    width: 100%;
    /* border: 2px solid red; */
    margin-top: 20px;
 }
 .profile{
    width: 100%;
    display: flex;
    /* border: 2px solid rebeccapurple; */
    align-items: center;
    justify-content: center;
    margin-top: 20px;
 }
 .profile_container{
    width: 40%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
 }
 .profile_container p {
    height: 65px;
    background-color: #4067B5;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 550;
    width: 100%;
 }
 .after_display{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-top: 20px;
    text-transform: capitalize;
 }
 .both_form_container{
    width: 100%;
    /* border: 2px solid rebeccapurple; */
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    /* margin-top: 80px; */
 }
 .bill_info001{
    width: 50%;
    height: 100%;
    display: flex;
    margin-top: 20px;
        /* border: 2px solid red; */
}
 .bill_contianer{
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    gap: 12px;
    border: 2px solid #4067B5;
 }
 .bill_contianer p{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4067B5;
    width: 100%;
    color: white;
    font-weight: 550;
    height: 45px;
 }
 .letterhead_logo{
    margin-top: 30px;
    height: 90px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
 }
 .letterhead_caution{
    width: 100%;
    text-align: center;
    /* align-items: center; */
    
 }
 #log_sheet{
    margin-left: 5px;
 }
 .logsheet_form{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
 }
 .logsheet_container{
    width: 70%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 12px;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
 .logsheet_container p{
    height: 55px;
    color: white;
    font-weight: 550;
    width: 100%;
    background-color: #4067B5;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 #unit1{
    width: 30%;
 }
 .night_shift_container{
    
        width: 100%;
        gap: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        /* border: 2px solid rebeccapurple; */
        /* margin-left: 19.5%; */
    }
    .outer-container1{
        width: 100%;
        /* border: 2px solid red; */
    }
     #night{
        display: none;
     }
     .summary_logsheet{
        width: 100%;
        /* border: 2px solid blue; */
        display: flex;
        align-items: center;
        justify-content: center;
     }
     #view_summary_button{
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        margin-left: 7px;
     }
     .client_list{
        font-size: 15px;
        text-transform: capitalize;
        margin-bottom: 5px;
        width: 100%;
        text-align: center;
     }
     .client_conti{
        width: 100%;
        /* border: 2px solid black; */
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: column;

     }
     .outerclient{
        width: 100%;
        gap: 12px;
     }

     .client_info{
        width: 100%;
        height: 12%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 4px;
        display: flex;
        align-items: flex-start;
        justify-content: space-evenly;
        flex-direction: row;        
     }
     .first_side_client_info{
        width: 50%;
        height: 100%;
     }
     .second_side_client_info{
        width: 70%;
        height: 100%;
     }

     .summarycontainer{
        height: auto;
        /* gap: 10px; */
        /* border: 2px solid blue; */
        width: 98%;
        margin-left: 1%;
        display: flex;
        flex-direction: column;
     }
     .row_cont{
        border: 1px solid black;
     }
     .day_shift_run{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: none;
     }
     .kmrrun{
        width: 100%;
        height: 50%;
        border-bottom: 1px solid white;

     }
     .start_close{
        width: 100%;
        height: 50%;
        display: flex;
        align-items: center;
        justify-content: space-between;
     }
     .start_close p {
        width: 50%;
     }
     .kmrrun1{
        width: 100%;
        height: 50%;
        border-bottom: 1px solid white;

     }
     .start_close1{
        width: 100%;
        height: 50%;
        display: flex;
        align-items: center;
        justify-content: space-between;
     }
     .start_close1 p {
        width: 50%;
     }
     .time_info{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
     }
     .strttime{
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 33px;
     }
     .endtime{
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 33px;

     }
     .total_hours_container{
        /* border: 2px solid blue; */
        border: 1px solid black;
        margin-top: 10px;
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        /* flex-direction: column; */
     }
     .first{
        width: 17%;
        /* border: 2px solid blue; */
        height: 100%;

     }
     .second{
        width: 15%;
        /* border: 2px solid red; */
        height: 100%;
        text-align: center;
        
     }
     .third{
        width: 10%;
        text-align: center;     }

    .fourth{
        width: 12%;
        height: auto;
    }
     .desc{
        background-color: #4067B5;
        color: white;
        text-align: center;
     }
     .logsheet_Edit{
        padding: 6px;
        background-color: #4067B5;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        cursor: pointer;
     }
     .log_summary{
        font-weight: 550;
        color: black;
    }
    #outerclient1{
        display: flex;
        gap: 8px;
        /* border: 2px solid rebeccapurple; */
        
    }
    #outerclient11{
        /* display: none; */
        border: 4px solid red;
    }
    .out_cont{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 12px;
    }
    #delete_logsheet_button{
        cursor: pointer;
    }
    .modal_inside_cont{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .popup{
        width: 30%;
        height: 80px;
        background-color: white;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: column;

        }
        .log_btn{
            padding: 8px;
            text-decoration: none;
            background-color: #4067B5;
            color: white;
            border-radius: 6px;
            margin-right: 7px;
            
        }
        .btn_cont{
            margin-top: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }
        #date_logsheet{
            width: 10%;
        }
        .btm_border{
            border-bottom: 1px solid black;
        }
        #action_logsheet{
            /* display: block; */
            border: none;
            text-align: center;
            
        }
        
        /* #wo_validity{
            margin-top: 12px;
        } */

        .unit_logsheet{
            width: 30%;
        }
        .breakdown_table_data{
            width: 50%;
            font-size: 12px;
            border: 2px solid #4067B5;
            border-collapse: collapse;
            text-align: center;
    
    
        }
        .breakdown_table_data th{
             background-color: #4067B5;
             color: white;
             height: 30px;
        }
        .breakdown_table_data tr{
             height: 30px;
        }

#brkdown_del{
    margin-left: 4px;
}
#display_help_amt{
border: none;
/* padding: 4px; */
font-size: 15px;
}
.stats_container{
    width: 90%;
    /* height: 30px; */
    /* border: 2px solid red; */
}
.black_modal{
    /* display: none; */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(10, 9, 9, 0.825);

}
.cross12{
    color: white;
}
.add_task_cont{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add_task{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add_task_form_cont{
    width: 35%;
    /* height: auto; */
    gap: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: white;
    border: 2px solid #4067B5;
}
.task_heading{
    width: 100%;
    height: 60px;
    background-color: #4067B5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.task_heading i{
    cursor: pointer;
}
.task_heading p{
    height: 100%;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    /* border: 1px solid white; */

}
.task_btn{
    width: 100%;
    /* border: 1px solid black; */
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.task_para{
    font-size: 12px;
    text-transform: capitalize;
}
.taskadd{
    width: 120px;
    height: 40px;
    background-color: #4067B5;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}
#on_add_task{
    display: none;
}
#task_area{
    height: 60px;
}
#task_done{
    display: none;
}
.done_task_outer{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.done_task{
    width: 30%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 6px;
    gap: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background-color: white;
}
.btn_task_done{
    width: 80%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid green; */
}
.done_task h3{
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid blue; */
}
.cls-btn{
    padding: 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background-color: #4067B5;
    color: white;
    font-size: 16px;
    border-radius: 8px;
}
.sign_up_new{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form_container1{
    width: 40%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 20px;
    border-radius: 8px;
    border: 1px solid #4067B5;
    box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.1);

}
.sign_head{
    width: 100%;
    height: 70px;
    background-color: #4067B5;
    color: white;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#web_add_company{
    display: none;
}
.icon_contai{
    width: 5%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid black;
    border-radius: 50%; */
    margin-top: 10px;
    cursor: pointer;
}
#expn_desc1{
    display: none;
}
#cost1{
    display: none;
}
#second_expense_btn{
    display: none;
}
#expn_desc2{
    display: none;
}
#cost2{
    display: none;
}
.action_td{
    display: flex;
    align-items: center;
    justify-content: center;
}
#todonoti{
    display: none;
}
.noti_contai{
    width: 100%;
    height: 100%;
    /* background-color: white; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
}
.todo_nnoti_info{
    width: 30%;
    height: 80px;
    background-color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
}
.todo_nnoti_info:hover{
    transform: scale(1.08,1);
}
.noti_content{
    width: 70%;
    /* border: 1px solid red; */
}
.cross_icon{
    width: auto;
    cursor: pointer;
    background-color: #4067B5;
    border-radius: 8px;
    padding: 10px;
    /* border: 1px solid orange; */
}
#del_ot_screen{
    display: none;
}
.del_ot_inner{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid blue; */
}
.req_group{
    width: 90%;
    margin-left: 5%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid rebeccapurple;
    margin-top: 3%;
    
}
.epc_card_pic{
    width: 80%;
    height: 50%;
    /* border: 1px solid green; */
    background-image: url("ecp_req_group_pic.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.epc_req_grp_info{
    width: 85%;
    padding: 4px;
    /* height: 40%; */
    /* border: 1px solid brown; */
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
}
.epc_req_grp_info p {
    font-weight: 500;
}
.prices_by_rentals{
    width: 99%;
    margin-left: 0.5%;
    border: 1px solid #4067B5;
}
.lowest-price {
    background-color: green;
    color: white;
    font-weight: 600;
}
.prices_by_rentals th{
    height: 45px;
    background-color: #4067B5;
    color: white;
}
.prices_by_rentals tr{
    text-align: center;
    height: 40px;
}
.req_epc_Card{
    width: 350px;
    cursor: pointer;
    transition: 0.3s;
    height: 350px;
    /* border: 1px solid gray; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.req_epc_Card:hover{
    transform: scale(1,1.03);
}
.epc_reqrow{
    width: 100%;
    border: 3px solid red;
}
.offer_full{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
}
.offer_first{
    width: 40%;
    height: 100%;
    border: 1px solid #4067B5;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    gap: 12px;
}
.offer_first h3{
    width: 100%;
    height: 50px;
    background-color: #4067B5;
    color: white;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offer_second{
    width: 40%;
    height: 100%;
    border: 1px solid red;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    gap: 12px;
}
.offer_second h3{

    width: 100%;
    height: 50px;
    background-color: #4067B5;
    color: white;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;

}
#pic4{
    display: none;
}
#pic5{
    display: none;
}
#new_equip{
    display: none;
}
#newfleet_unit{
    width: 30%;
}
#newfleet_makemodel{
    display: none;
}
#newfleet_capinfo{
    display: none;
}
#newfleet_jib{
    display: none;
}
.terms_area{
    width: 99%;
    font-size: 16px;
    border: none;
}
.bold {
    font-weight: bold;
}
.terms_condition select{
    border: 1px solid black;
    width:auto;
    font-size: 16px;

}
strong{
    font-weight: 600;
}
.iconcontainer a{
    cursor: pointer;
}
.otpform{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.otp_container{
    width: 60%;
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.otp_container h2{
    width: 100%;
    height: 50px;
    background-color: #4067B5;
    color: white;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.modal_new_fleetadd{
    
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
      }
    

.view_op_btn{
    width: 80%;
    margin-left: 10%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 15px;
}
#search_op{
    margin-left: 10px;
}

.add_fleet_manager_btn{
    cursor: pointer;
    border-radius: 8px;
    width: 40%;
    height: 100%;
    background-color: #4067B5;
    border: none;
    font-size: 20px;
    color: white;
    transition: 0.4sec ease-in-out;
}
.add_fleet_manager_btn:hover{
    transform: scale(1,1);
}
.newcard{
    font-size: 16px!important;
}
.main_secondrow{
    margin-top: 50px;
}
.service-title {
    text-align: center;
    margin: 30px auto 40px;
    color: black; 
    font-size: 20px;
    font-family: "poppins";
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border:1px solid black;
    background-color: #1c549e;
    border-radius: 8px; */
  }
  .naviconnew{
    color: hsl(220, 48%, 28%); /* Text color using HSL color model */
  }
  .naviconnew:hover{
    text-decoration: underline;
  }
  
  .service-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    margin: 0 auto;
    max-width: 1200px; 
    background-color: hsl(220,100%,99%)  ;
    
  }
  
  /* Individual service item */
  .service {
  
    margin: 20px;
    padding: 30px;
  /*   border-radius: 10px;
    box-shadow: 0 0 20px -15px #030380; */
    background-color: whitesmoke; 
    transition: transform 0.8s;
  }
  
  /* Service logo */
  .service-logo {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: -90px auto 0;
    background-color: white;
    border: 18px solid white;
  }
  
  .service-logo img {
    width: 94px;
    margin-top: 20px;
    transition: transform 1s;
  }
  
  /* Service title */
  .service h4 {
    height: 35px;
    width: 100%;
    /* font-size: 25px; */
    background-color: whitesmoke;
    margin: 10px auto 20px;
    position: relative; 
    text-align: center;
    /* border: 1px solid red; */
  }
  .service_heading{
    margin-bottom: 35px!important;
  }
  
  /* .service h4::after,
  .service h4::before {
    content: "";
    width: 40px;
    height: 30px;
    position: absolute;
    z-index: -1;
  }
  
  .service h4::after {
    background: linear-gradient(to right, white, black);
    right: -5px;
    top: -5px;
  } */
  
  .service h4::before {
    background: linear-gradient(to right, black, white);
    left: -5px;
    bottom: -5px;
  }
  
  /* Hover effect */
  .service:hover {
    transform: translateY(-10px);
  }
  
  .service:hover img {
    transform: rotate(360deg);
  }
.mainbody1{
    background-color: #FAFCFF;
}
#addopbtn_newdesign{
    width: 30%!important;
    margin-left: 10px;
}


.customButton {
    font-family: inherit;
    font-size: 20px;
    background: royalblue;
    color: white;
    padding: 0.7em 1em;
    padding-left: 0.9em;
    width: 30%; /* Set width to 50% */
    display: flex;
    align-items: center;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.2s;
    cursor: pointer;
  }
  
  .customButton span {
    display: block;
    margin-left: 0.3em;
    transition: all 0.3s ease-in-out;
  }
  
  .customButton svg {
    display: block;
    transform-origin: center center;
    transition: transform 0.3s ease-in-out;
  }
  
  .customButton:hover .customSvgWrapper {
    animation: fly-1 0.6s ease-in-out infinite alternate;
  }
  
  .customButton:hover svg {
    transform: translateX(4em) rotate(45deg) scale(1.1);
  }
  .view_fleet_addbtn{
    margin-bottom: 15px!important;
    margin-top: 15px!important;
  }
  .customButton:hover span {
    transform: translateX(4em);
  }
  .customButtonnew:hover svg {
    transform: translateX(3em) rotate(45deg) scale(1.1)!important;
  }
  
  .customButtonnew:hover span {
    transform: translateX(4em)!important;
  }
  
  .customButton:active {
    transform: scale(0.95);
  }
  
  @keyframes fly-1 {
    from {
      transform: translateY(0.1em);
    }
  
    to {
      transform: translateY(-0.2em);
    }
  }
  .socials a{
    text-decoration: none!important;
  }
  #senders_Add{
    display: none;
  }
  #single_Shift_hour{
    display: none;
    /* width: 160px!important; */
  }
  #othershift_enginehour{
    display: none;
    /* width: 160px!important; */

  }
  .adbluecontainer{
    width: 350px!important;
  }
  .workingdayscontainer{
    width: 350px!important;
  }
  .specific-container{
    width: 100%;
  }
  .specific-container .trial1{
    width: 100%;
  }
  .terms_container012{
    width: 80%;
    gap: 5px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin-top: 20px;
    /* border: 1px solid black; */
  }
  .addbuttonicon{
    width: 80%;
    height: 30px;
    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .addbuttonicon i{
    height: 100%;
    width: auto;
    /* border: 1px solid brown; */
    /* font-size: 15px; */
    cursor: pointer;
    margin-right: 5px;
  }
  #newequipdet7{
    display: none;
  }
  .newequip_details1{
    width: 100%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .add_second_equipment_generate{
    /* border: 1px solid red; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .add_second_equipment_generate i{
    margin-left: 5px;
    font-size: 12px;
    cursor: pointer;
    height: 100%;
    padding: 2px;
    border-radius: 8px;
    color: white;
    background-color: #1c549e;
  }
  #editfleetbutton{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  #enterlumsumamount{
    width: 100px;
    margin-left: 4px;

    display: none;
  }
  #roadtaxcondition{
    width: 120px;
    margin-left: 4px;
    display: none;
  }
  #roadtaxselect{
    margin-left: 4px;
  }
  #roadtaxselectcontainer{
    display: flex;
  }
  .otherquipquote{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
  }
  #new_out1{
    display: none;
    /* border-top: 1px solid black; */
  }
  #new_out2{
    /* border-top: 1px solid black; */

    display: none;
  }
  #new_equip3{
    display: none;
  }
  #newfleet_makemodel3{
    display: none;
  }
  #newfleet_capinfo3{
    display: none;
  }
  #newfleet_jib3{
    display: none;
  }
  #date_of_availability3{
    display: none;
  }
  #date_of_availability2{
    display: none;
  }

  #newequipdet1{
    width: 100%!important;
    /* display: none; */
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    /* border: 1px solid red; */

  }
  .add_client_btn1{
    width:80%;
    margin-left: 10%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height:50px;
    /* border: 1px solid brown; */
    margin-top: 15px;
  }
  .addclassinner{
    width: 150px;
    height: 100%;
    background-color: #4067B5;
    border: none;
    border-radius: 8px;
    font-size: 17px;
    color: white;
    cursor: pointer;
  }
  #sender_add_employee{
    display: none;
  }
#salute_dd{
    /* border: 1px solid red; */
    width: 190px;
}
.width450{
    width: 450px!important;
}

#contact_number1{
    width: 350px;
}
#rental_charges1{
    width: 300px;
}
#mob_charges1{
    width: 300px;
}
#demob_charges1{
    width: 350px;
}
.button_container_resend{
    width: 100%;
    height: auto;
    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    justify-content: center;
}
#verifyotpbutton{
    margin-right: 10px;
}
.basic_details{
    margin-left: 50px;
    margin-top: 20px;
    cursor: pointer;
    font-size: large;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande',
                 'Lucida Sans Unicode', Arial, sans-serif;
}
.basic_details:hover{
    color: #253d6b;
}
.basic_detailsform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* display: none; */
}
.icon_container_complete{
    width: 100%;
    height: auto;
    display: none;
}
.basic_detail_container_form{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 30%;
    gap: 8px;
    /* border: 1px solid #4067B5; */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.basic_detail_container_form p{
    width: 100%;
    height: 50px;
    background-color: #3f67b5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 10px;
    color: white;
    font-weight: 400;
}
.basic-detail-button {
    padding: 10px 25px;
    border: unset;
    border-radius: 8px;
    color: #212121;
    z-index: 1;
    background: #e8e8e8;
    position: relative;
    font-weight: 1000;
    font-size: 12px;
    -webkit-box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
    box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
    transition: all 250ms;
    overflow: hidden;
    margin-bottom: 25px;
    cursor: pointer;
  }
  
  .basic-detail-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    border-radius: 8px;
    background-color: #3f67b5;
    z-index: -1;
    -webkit-box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
    box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);
    transition: all 250ms;
  }
  
  .basic-detail-button:hover {
    color: #e8e8e8;
  }
  
  .basic-detail-button:hover::before {
    width: 100%;
  }
  .registration_details{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .reg_data_container{
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .reg_data_container p{
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
    background-color: #3f67b5;
    justify-content: center;
    font-size: 20px;
    color: white;
    font-weight: 400;
  }
  #msme_num{
    display: none;
  }
  #coi_number_input{
    display: none;
  }
  .page_404 {
    display: none;
}


@media (max-width: 768px) {
    .page_404 {
        display: flex;
        justify-content: center;
        padding: 40px 0;
        background: #fff;
        font-family: 'Arvo', serif; 
    }  

    .container404{ 
        display: flex; 
        align-items: center; 
        justify-content: center;
    }


    .four_zero_four_bg {
        background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
        background-size: cover; 
        background-repeat: no-repeat; 
        height: 300px; 
        background-position: center;
    }

    .four_zero_four_bg h1 {
        font-size: 60px;  
        text-align: center;
    }

    .four_zero_four_bg h3 {
        font-size: 40px; 
    }

    .contant_box_404 {
        margin-top: -50px;
    } 

    .mainbody1{ 
        display: none;
    }
}
.addmanagement_member{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.manage_container{
    width: 30%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.manage_container p{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    font-weight: 400;
    background-color: #3f67b5;
}
#iso_{
    display: none;
}
.addnew_office{
    width: 100%;
    height: 15px;
    border: 1px solid black;
    margin-top: -20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.addnew_office i{
    color: black;
}
.prefetch_data_container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
#prefetch{
    display: none;
}
.quote_status_form{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.stat_container{
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 20px;
    background-color: white;
    gap: 10px;
    margin-bottom: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-left: 30%;
    
}
.stat_container p{
    width: 100%;
    height: 60px;
    background-color: #1c549e;
    color: black;
    font-size: 15px;
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
}
#enquiry_closed_dd{
    display: none;
}
#lost_to_{
    display: none;
}
#regretted_reason_{
    display: none;
}
#postponed_to_{
    display: none;
}
#quote_submit_button{
    width: 200px!important;
}
.back_icon {
    cursor: pointer;
    font-size: 18px;
    color: white;
    font-weight: 400;
    background-color: #1c549e;
    height: 60px;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon_container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#prefetch_second{
    display: none;
}
.prefetch_data_container_second{
    display: flex;
    flex-direction: column;
    align-items: center!important;
    justify-content: center!important;
    width: 100%;
    gap: 10px;
}
.view_managment_team_member{
    width: 100%;
    height: 100px;
    border: 1px solid red;
    margin-top: 30px;
}
.btn_manageing{
    align-items: center;
    justify-content: center;
    display: flex;
    margin-top: 5px;
}
.btn_manageing a{
    width: 30px;
    height: 30px;
    border: none;
    background-color: #b3c4e3;
    color: white;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.cheque-container {
    background-color: whitesmoke;
    border: 2px solid #ccc;
    max-width: 600px;
    border-radius: 12px;
    padding: 20px;
    margin-left: 50px;
    margin-top: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    
}
.cheque {
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.cheque .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
/* .cheque .header img {
    height: 50px;
    width: auto;
} */
.cheque .details {
    margin-bottom: 20px;
}
.cheque .details p {
    margin: 5px 0;
}
.cheque .amount {
    font-size: 24px;
    font-weight: bold;
}
.cheque .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    font-size: 14px;
}
.header_new{
    border-bottom: 2px solid #ccc;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.header_new img{
    height:50px;
    width: 50px;
    margin-bottom:5px;
}
#bank_name{
    margin-left:5px;
}
.bank_info{
   display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.bank_info img{
    width: 40px;
    height:40px;
    border-radius: 50%;
}
#edit_basic{
    margin-bottom: 20px;
    flex-direction: column!important;
}
.comp_logo_andname{
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.comp_logo_andname img{
    height: 60px;
    width: 70px;
}
#editmanagement_form{
    margin-top: 50px;
}
.prefilldata_secondvehicle{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.edit_btn_container1{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
#custom_terms_textarea{
    border: 1px solid black;
}
.won_image_container {
    position: fixed; /* Use fixed positioning to cover the screen */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 10000;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    display: none;
}
.card_trial{
    margin-left: 100px;
    margin-top: 100px;
    width: 190px;
    height: 254px;
    border-radius: 10px;
    background: whitesmoke;
    box-shadow: 15px 15px 30px #bebebe,
               -15px -15px 30px #ffffff;

    display: flex;
    align-items: center;               
    justify-content: center;
    flex-direction: column;
}
.card_trial p{
    width: 100%;
    text-align: left;
    font-size: 12px;
    padding-left: 5px;
    margin-left: 10px;
}
/* Card Container Style */
.custom-card {
    --border-radius: 0.75rem;
    --primary-color: #7257fa;
    --secondary-color: #3c3852;
    width: auto;
    min-width: 180px;
    height: auto;
    font-family: "Arial";
    padding: 1rem;
    /* border: 1px solid red; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    cursor: pointer;
    border-radius: var(--border-radius);
    background: #f1f1f3;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 3%);
    position: relative;
    margin-bottom: 30px;
    margin-left: 12px; 
  }
  .custom-card-link {
    text-decoration: none; /* Remove underline from the link */
    color: inherit; /* Inherit text color from parent */
    display: block; /* Ensure the link is a block element */
}

.custom-card {
    /* Existing styles for your card */
    /* Add padding, border, etc. */
    cursor: pointer; /* Change cursor to indicate that the card is clickable */
}
  .custom-card > * + * {
    margin-top: 1.1em;
  }
  
  .custom-card .custom-card__content {
    color: var(--secondary-color);
    font-size: 0.86rem;
  }
  
  .custom-card__arrow i {
    font-size: 15px;
    color: white;
  }
  
  .custom-card .custom-card__title {
    padding: 0;
    font-size: 1.3rem;
    font-weight: bold;
  }
  
  .custom-card .custom-card__date {
    color: #6e6b80;
    font-size: 0.8rem;
  }
  
  .custom-card .custom-card__arrow {
    position: absolute;
    background: var(--primary-color);
    padding: 0.4rem;
    border-top-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    bottom: 0;
    right: 0;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .custom-card svg {
    transition: 0.2s;
  }
  
  /* Hover Effects */
  .custom-card:hover .custom-card__title {
    color: var(--primary-color);
    text-decoration: underline;
  }
  
  .custom-card:hover .custom-card__arrow {
    background: #111;
  }
  
  .custom-card:hover .custom-card__arrow svg {
    transform: translateX(3px);
  }
  .basic_details_container{
    width: 70%;
    margin-left: 15%;
    height: auto;
    padding: 10px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 20px;
  }
  .basic_detail1 , .basic_detail2{
    width: 50%;
    height: 100%;
    /* border: 1px solid green; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
  .basic_detail1 p , .basic_detail2 p{
    width: 100%;
    text-transform: capitalize;
    /* border: 1px solid red; */
    display: flex;
    /* padding-left: 5px; */
  }
    #requirement{
    text-align: center!important;
  }
  .epc_new_fleet{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }
  .epc_fleet_container{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}
#logi_req_category{
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
  .epc_fleet_container p{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-size: 20px;
    background-color: #1c549e;
    font-weight: 400;
  }
  #epc_textarea{
    width: 100%;
  }
#rate_card{
    margin-top: 30px;
    margin-left: 30px;
    height: auto!important;
    width: fit-content;
}
#application_card{
    margin-top: 30px;
    margin-left: 30px;
    height: auto!important;
    width: fit-content;
}
.insidedetails{
    margin-top: 0px;
    margin-right: 12px;
}
.insidedetails a{
    text-decoration: none;
}
#button_container_resume{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
}
#downloadresume{
    margin-left: 5px;
}
.downloadresume{
    margin-left: 5px;
}
.confirmsoldbutton{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#email_logi{
    margin-bottom: 10px;
}
/* #reg_dd{
    width: 100%!important;
} */
#reg_container{
    display: none;
    width: 80%;
}
#chassis_make_rental_outer{
    display: none;
}
#regestration_dd{
    width: 100%;
    /* display: none; */
}
/* #model_number{
    display: none;
} */
 #forklift_height{
    display: none;
 }
 #tower_crane{
    display: none;
 }
 .tip_load_in_tons{
    font-size: 11px!important;
 }
 .job_posting{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 40px;
 }
 .job_posting_container1{
    width: 40%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* border: 1px solid red; */
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
 .job_posting_container1 p{
    width: 100%;
    height: 50px;
    color: white;
    font-size: 18px;
    background-color: #1c549e;
    display: flex;
    align-items: center;
    justify-content: center;

 }
 .job_posting_container2 p{
    width: 100%;
    height: 50px;
    color: white;
    font-size: 18px;
    background-color: #1c549e;
    display: flex;
    align-items: center;
    justify-content: center;

 }

 .job_posting_container2{
    margin-left: 15px;
    width: 50%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;

    /* border: 1px solid red; */
    /* display: none; */
 }
 #job_desc{
    display: none;
    transition: ease-in 0.6s;
 }
 .btn_container_job_posting{
    display: flex;
    width: 80%;
    margin-left: 10%;
    height: 60px;
    /* border: 1px solid red; */
    align-items: center;
    justify-content: space-between;
 }
#job_postingstep{
    /* border: 1px solid #1c549e; */
    padding: 5px;
    border-radius: 8px;
    font-size: 10px;
}
.backarrow {
cursor: pointer;
}
#requirement_club{
    margin-left: 15px;
    text-align: left;
    /* border: 1px solid red; */
}
#logi_rates{
    border: none!important;
    display: flex;
    /* border: 1px solid red!important; */
    align-items: center;
    justify-content: flex-start;
}
#logi_rank{
    font-size: 15px;
    color: red;
}
#advancepay{
    width: 100%;
}
#percent_payment{
    display: none;
}
#rate_condition{
    width: 50%;
}
.generate_logi_requirement{
    width: 80%;
    margin-left: 10%;
    height: 100px;
    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
}
#post_rfq_button{
    width: 180px!important;
    height: 70px;
}
.btn_container_logireq{
    width: 100%;
    height: 30px;
    border: 1px solid red;
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.row_logi_req{
    margin-top: 3px!important;
}
.edit_icon_logi{
    padding: 7px;
    background-color: #7257FA;
    color: white;
    border-radius: 8px;
}
.job_heading_container{
    height: fit-content;
    width: 60%;
    margin-left: 20%;
    border: 2px solid #DFDFDF;
    margin-top: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    
}
.job_heading{
    width: 100%;
    height: 70%;
    text-align: left;
    padding: 10px;
}
.job_postedon{
    width: 100%;
    height: 40px;
    text-align: left;
    background-color: #F7F7F7;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #6C757D;

}
.job_postedon p{
    margin-left: 5px;
}
.links button {
    font-family: 'Poppins', sans-serif;
    min-width: 100px;
    padding: .5rem;
    border: 1px solid #222;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    transition: all .25s linear;
  }
  .links .follow,
  .links .view:hover {
    background-color: #253C6A;
    color: #FFF;
  }
  .links .view,
  .links .follow:hover{
    background-color: transparent;
    color: #222;
  }
  .job_detialscontainer{
    width: 80%;
    margin-left: 10%;
    height: fit-content;
    display: flex;
    border: 2px solid #E6E6E6;
    background-color: #F7F7F7;
    align-items: flex-start;
    justify-content:center ;
    flex-direction: column;
    border-radius: 5px;
    /* border: 1px solid red; */
    margin-top: 20px;
    padding: 10px;
  }
  .applyforjob{
    width: 100%;
    height: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
  }
  .applyjob_container{
    width: 35%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border-radius: 10px; */
    flex-direction: column;
    border-radius: 0% 25% 0% 0% / 25% 25% 44% 25%;
    
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
  .applyjob_container p{
    height: 60px;
    width: 100%;
    font-size: 11px;
    color: black;
    display: flex;
    align-items: center;
    margin-left: 40px;
    justify-content: flex-start;
    /* border-bottom: 1px solid grey; */

}
.custom-hr {
    border-top: 1px solid #ccc; /* Adjust color and thickness as needed */
    margin-top: 10px; /* Adjust spacing */
}
.apply_span{
    font-size: 18px;
    margin-left: 8px;
}
#job_posting{
    width: fit-content;
    max-width: 85%;
    height: auto;
    border: none;
}
.noborder{
    border: white!important;
}
.downloadresume{
    background-color: #7257FA;
    width: 25px;
    height: 25px;
    text-decoration: none;
    border: none;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 5px;
}
.transportbuttoncn{
    background-color: #7257FA;
    /* width: 25px;
    height: 25px; */
    padding: 5px;
    text-decoration: none;
    border: none;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 5px;
}
.edit_fleet_new{
    width: 80%;
    display: flex;
    gap: 8px;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 250px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    
}
.first_two_form_container{
    width: 100%;
    height: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /* border: 2px solid brown; */
}
.second_two_form_container{
    width: 100%;
    height: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /* border: 2px solid brown; */
}
.first_form{
    width: 48%;
    height: 100%;
    margin-left: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    margin-top: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    
    padding-bottom:15px ;
}
.first_form p{
    width: 100%;
    height: 50px;
    background-color: #1c549e;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.second_form p{
    width: 100%;
    height: 50px;
    background-color: #1c549e;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;

}
.second_form{
    width: 48%;
    height: 100%;
    margin-left: 1%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 8px;
    /* border: 1px solid red; */
    margin-top: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;


    padding-bottom:15px ;


}
#notvisible{
    display: block!important;
    border: 1px solid red;
}
#lunchbreak{
    width: fit-content;
}
.quotation_stats{
    width: 100%;
    /* margin-left: 10%; */
    height: auto;
    /* border: 1px solid red; */
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
#custom_terms_container{
    border: 1px solid black;
}
.quotation_Stats_table{
    min-width: 1100px;
    max-width: auto;
    border: 1px solid grey;
    text-align: center;

}
.quotation_Stats_table th{
    background-color: #1c549e;
    color: white;
}
.status_heading{
    max-width: 150px;
}
.status_heading2{
    max-width: 50px;
}
#plus_icon_op{
    color: black;
    /* border: 1px solid black; */
    width: 50px;
    height: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 20px;
    padding-left: 10px;
    cursor: pointer;
}
#operator_name_{
    align-items: center;
    justify-content: center;
}
#secondoperator_name{
    width: 50%;
}
#second_helper_name{
    width: 50%;

}
#plus_icon_helper{
    color: black;
    /* border: 1px solid black; */
    width: 50px;
    height: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 20px;
    padding-left: 10px;
    cursor: pointer;
}
.soldfleet_info{
    width: 100%!important;
}
.nomatching{
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.sell_fleet_card {
    width: 200px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    
    background: white;
    padding: .4em;
    margin-top: 30px;
    border-radius: 6px;
    margin-left: 20px;
  }
  
  .sell_fleet_card .card-image {
    background-color: rgb(236, 236, 236);
    width: 100%;
    height: 130px;
    background-size: cover;
    /* background-size: 96% 95%; */
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 6px 6px 0 0;
  }
  
  .sell_fleet_card .card-image:hover {
    transform: scale(0.98);
  }
  
  .sell_fleet_card .category {
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: 600;
    color: rgb(63, 121, 230);
    padding: 10px 7px 0;
  }
  
  .sell_fleet_card .category:hover {
    cursor: pointer;
  }
  
  .sell_fleet_card .heading {
    font-weight: 600;
    color: rgb(88, 87, 87);
    padding: 7px;
  }
  
  .sell_fleet_card .heading:hover {
    cursor: pointer;
  }
  
  .sell_fleet_card .author {
    color: gray;
    font-weight: 400;
    font-size: 13px;
  }
  #first_info{
      margin-top:15px;
  }
  
  .sell_fleet_card .name {
    font-weight: 600;
  }
  
  .sell_fleet_card .name:hover {
    cursor: pointer;
  }
  
  #view_listing_container{
    width: 100%;
    /* border: 1px solid red; */
    margin-left: 0%!important;
    margin-top: 60px!important;
  }
  #view_listing_button{
    /* border: 1px solid red; */
    background-color: white;
    border: none;
  }
  #actualbutton_view_listings{
    height: 70px;
  }
  #purchase_requisition_buttoncontainer{
    /* border: 1px solid red; */
    margin-top: 50px;
  }
  .articlecontainer{
    /* border: 1px solid red!important; */
    height: 70px;
    width: 280px!important;
  }
  .generate-btn{
    background-color: white!important;
    border: none;
  }
  #reqrentalpriceedit{
    width: 65%!important;
  }
  .verify_otp{
    font-size: 18px;
    text-decoration: underline;
    margin-bottom: 10px;
  }
  .verify_otp_button{
    background-color: #7257FA;
    border: none;
    color: white;
    padding: 5px;
    margin-top: 10px;
    border-radius: 8px;
    font-weight: 400;
    cursor: pointer;
  }
  .enter_otp{
    font-size: 14px;
  }
  .hideit{
    display: none;
  }
  #logiquotedprice{
    margin-top: 50px;
  }
  #logi_quotebtn{
    height: 70px!important;
    
  }
  .borderred{
border:1px solid blue!important;

  }
  #logiquotation{
    margin-top: 60px;
  }
  #logibutton{
    /* border: 1px solid red; */
    height: 80px;
    width: 280px;
  }
  .logiquotation{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .logiquotation_container{
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    
    gap: 8px;
    margin-bottom: 30px;
  }
  #generate_quotation_headinglogi{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    columns: white;
    height: 60px;
    background-color: #1c549e;
    margin-bottom: 15px;
    color: white;
    font-size: 19px;
    font-weight: 600;
  }
  .sizereduced{
    width: 160px!important;
  }
  .secondvechiclequotecontainer{
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 20px;
  }
  #seconddatacontainer{
    display: none;
  }

  #thirdvehcile_quotation{
    display: none;
  }
  #fourthequipmentcontainer{
    display: none;
    margin-bottom: 20px;
  }
  .logi_quotation_table{
    width: 80%;
    margin-left: 10%;
    margin-top: 40px;
    border: 1px solid #1c549e;
    border-collapse: collapse;
    text-align: center;
  }
  .logi_quotation_table tr{
    height: 35px;
  }
  .logi_quotation_table th{
    background-color: #1c549e;
    color: white;
    font-size: 14px;
    height: 30px;
  }
  .quotation-icon { 
    background-color:#B4C5E4; 
    color:black; 
    border: 1px; 
    border-radius:5px; 
    width: 22px; /* Set width for the icon */
    height: 22px; /* Set height for the icon */
    display: inline-block; /* Ensure icon width and height are respected */
    text-align: center; /* Center icon within its container */
    line-height: 22px; /* Ensure icon is vertically centered */
  }
  .logisubmitbutton{
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  #printlogiquote{
    background-color: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande',
    'Lucida Sans Unicode', Arial, sans-serif;
    font-size: 14px;
    flex-direction: column;

  }
  .logiquote_container{
    max-width: 800px;
    min-height: 1200px;
    margin: 0 auto;

    background-color: white;
    border-radius: 6px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-top: 60px!important;
    /* border: 1px solid red; */
    margin-bottom: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
  .logoname_container{
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid black;
    margin-bottom:10px;
    
  }
  .logilogo img{
    height:100px;
    width:auto;
    /* border: 1px solid green; */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
  }
  .loginame{
    width: auto;
    height: auto;
    font-size: 19px;
    text-transform: capitalize;
    font-weight: 500;
    margin-left: 5px;
  }
  .contentlogi{
    width: 100%;
    padding: 12px!important;
    gap: 8px;
  }
  .date_containerlogi{
    width: 94%;
    margin-left: 3%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #logiregard{
    width: 94%;
    margin-left: 3%;
    padding: 0px!important;

  }
  .to_data{
    margin-top: 7px;
    width: 94%;
    margin-left: 3%;
    height: auto;
    /* border: 1px solid green; */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .to1{
    height: 100%;
    width: 50%;
    /* border: 1px solid pink; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  .to2{
    height: 100%;
    width: 50%;
    /* border: 1px solid pink; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  .logipara{
    width: 94%;
    margin-left: 3%;
    margin-top: 30px;
  }
  .logiquotetable{
    width: 94%;
    height: auto;
    margin-left: 3%;
    border: 1px solid black;
    margin-top: 10px;
    border-collapse: collapse;
    text-align: center;
  }
  .logiquotetable th{
    height: 40px;
    background-color: #F2F2F2;
    color: black;
    font-weight: 600;
  }
  .logiquotetable tr{
    height: 40px;
  }
  .terms_cond{
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 20px;
    /* border:2px solid red; */
    margin-top:370px;
    width: 90%;
    margin-left: 2%;
  }
  #officeaddlogi{
    text-align: center;
  }
  .watermarklogi{
    text-align: right;  
    font-size: 11px;
    opacity: 60%;
  }
  #logiquotebutton{
    margin-top: 20px;
    margin-bottom: -30px!important;
  }
  #logiterms_container{
    margin-top: 480px!important;
  }
  #sellfleetyom{
    width: 100%!important;
  }
  .tripmanager{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tripmanagercontainer{
    width: 50%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 6px;
    margin-top: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 40px;
  }
  .tripmanagercontainer p{
    width: 100%;
    height: 50px;
    background-color: #1c549e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color : white;

  }
  #cnnummber{
    width: 255px!important;
  }
  #cndate{
    width: 155px!important;
  }
  #tripsbuttoncontainer{
    margin-top: 60px;
  }
  #tripbtn{
    /* border: 1px solid blue; */
    height: 70px!important;
  }
  .addtripdetailsform{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }
  .firsttrip{
    width: 45%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid red;
    margin-right: 8px;
  }
  .firsttrip  p , .secondtrip p {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 15px;
    background-color: #1c549e;
    
}
  .secondtrip{
    width: 45%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid red;

  }
  .generatecnform{
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-top: 25px;
    margin-bottom: 30px;
  }
  .consigerinfo{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50%;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
     .outerform_editcall{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
   }

  .editcallinfo{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50%;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  }
  .consigerinfo p{
    width: 100%;
    height: 60px;
    background-color: #1c549e;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .consigneeinfo{
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50%;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .consigneeinfo p{
    width: 100%;
    height: 60px;
    background-color: #1c549e;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #consigneeform{
    display: none;
  }
  #goodsinfo1{
    display: none;
  }

  .challandetails{
    /* height: 200px; */
    /* border: 5px solid red; */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

  }
  #challanformcontainer{
    display: none;
  }


  .challandetail_container{
    width: 60%;
    margin-left: 20%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    /* border: 1px solid red; */
  }
  
  .goodsinfo{
    width: 100%;
    height: 100%;
    /* display: flex; */
    align-items: center;
    justify-content: center;
  }
  .goodsinformation{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
  }
  .smalllabel{
    font-size: 12px;
  }
  .headingpara{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: #1c549e;
    height: 50px;
  }
  #goodsinfo{
    display: none;
  }
  #viewcnbutton{
    height: 70px;
    width:max-content;
    margin-bottom: 20px;
  }
  .generatechallan{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }
  .generatechallancontainer{
    width: 70%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 40px;
    flex-direction: column;
  }
  .backbuttonclick{
    margin-top: -20px;
    margin-bottom: 10px;
    color: white;
background-color: #1c549e; 
    width: max-content;
    padding: 8px;
    border-radius: 8px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
}
.addlogiclient{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.addlogiclientcontainer{
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom:70px ;
}

#logiclient{
    margin-top: 60px;
}
#clientlogibtn{
    height: 70px;
}
#newconsignor{
    display: none;
}
#select_client{
    display: block;
}
#newconsigneename{
    display: none;
}
#billingclient_name{
    display: none;
}
.freightinfo{
    display: block;
}
#marketvehicleoptions{
    display: none;
}
.tripstart{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:30px ;
}
.tripstart_container{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56%;
    gap: 8px;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
}
#newtripclientinput{
    display: none;
    width: 100%!important;
}
.tripinfo{
    width: 60%;
    margin-left: 20%;
    border-radius: 6px;
    padding: 10px;
    padding-bottom: 0%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 30px;
    /* gap: 2px; */
    /* border: 1px solid red; */
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.trucktripinfo{
    width: 60%;
    margin-left: 20%;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 30px;
    /* border: 1px solid red; */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.tripinfocontainer{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.trip1{
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    /* border: 1px solid red; */
    height: auto;
}
.trip2{
    width: 50%;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    border: 1px solid brown;
    height: 100%;

}
.trip_details{
    font-size: 13px;
    width: 100%;
}
.truckcontainer{
    width: 100%;

}
.truckinfo1{
    width: 50%;
    gap: 2px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    /* border: 1px solid green; */
}
.truckinfo2{
    width: 50%;
    gap: 2px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    /* border: 1px solid green; */
}
.locationform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 30px;

}
.locationformcontainer{
    width: 40%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.trucklocationtable{
    border: 1px solid #1c549e;
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}
.trucklocationtable th{
    height: 20px;
    color: white;
    background-color: #1c549e;
}
.trucklocationtable td{
    text-align: center;
}
.tripbutton{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 15px;
    justify-content: flex-start;
}
#submitbidbutton{
    width: auto!important;
}

.tripupdate_generatecn {
    display: inline-block;
    transition: all 0.2s ease-in;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: -20px;
    color: #090909;
    padding: 0.7em 1.7em;
    cursor: pointer;
    font-size: 12px;
    border-radius: 0.5em;
    background: #e8e8e8;
    border: 1px solid #e8e8e8;
    box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
  }
  
  .tripupdate_generatecn:active {
    color: #666;
    box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #ffffff;
  }
  
  .tripupdate_generatecn:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scaleY(1) scaleX(1.25);
    top: 100%;
    width: 140%;
    height: 180%;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    display: block;
    transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
    z-index: -1;
  }
  
  .tripupdate_generatecn:after {
    content: "";
    position: absolute;
    left: 55%;
    transform: translateX(-50%) scaleY(1) scaleX(1.45);
    top: 180%;
    width: 160%;
    height: 190%;
    background-color: #1c549e;
    border-radius: 50%;
    display: block;
    transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
    z-index: -1;
  }
  
  .tripupdate_generatecn:hover {
    color: #ffffff;
    border: 1px solid #1c549e;
  }
  
  .tripupdate_generatecn:hover:before {
    top: -35%;
    background-color: #009087;
    transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
  }
  
  .tripupdate_generatecn:hover:after {
    top: -45%;
    background-color: #1c549e;
    transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
  }
  .cnbackcontainer{
    width: 90%;
    margin-left: 5%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .rentalclient{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .rentalclientcontainer{
    width: 50%;
    gap: 8px;
    margin-top: 30px;
    display: flex;
    /* border: 1px solid red; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 40px;
  }
  #rentalclientbutton{
    margin-top: 40px;
  }
  .addequipmentforauction{
    width: 80%;
    display: flex;
    border: 1px solid red;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    flex-direction: column;
  }
  #rentalclientbuttoncontainer{
    height: 66px;
    width: auto;
    min-width: 200px;
  }
  .addclientdetails{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;

  }
  .addclientdetailcontainer{
    width: 60%;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  #officetypedd{
    width: 200px;
    /* border: 1px solid red; */
  }
  #officetypeouter{
    /* border: 1px solid blue; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #newrentalclient{
    display: none;
    width: 100%;
  }
  #newrentalcontactperson{
    display: none;
    width: 100%!important;

  }

  #quoteouter02{
    display: flex;
    align-items: center!important;
    justify-content: center!important;
  }
  
  .clientbasicdetail{
    width: 60%;
    margin-left: 20%;
    gap:6px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    padding: 10px;
    justify-content: flex-start;
    flex-direction: column;
  }
  .client_para{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .buttoncontainer{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 30px;
  }
  .buttoncontainer button{
    margin-right: 8px;
  }
  .hqcontact{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }
  .hqcontactcontainer{
    width: 40%;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  #hqcontactform{
    display: none;
  }
  #regionalofficecontactperson{
    display: none;
    margin-bottom: 30px;
  }
  #sitecontactperson{
    display: none;
    margin-bottom: 30px;
  }
  .hqdetailstable{
    width: 80%;
    margin-left: 10%;
    border: 1px solid #1c549e;
    text-align: center;
    margin-bottom: 40px;
  }
  .hqdetailstable th{
    height: 30px;
    background-color: #1c549e;
    color: white;
  }
  .hqdetailstable tr{
    height: 30px;

  }
  .contactheading{
    margin-left: 10%;
    margin-bottom: 5px;
    text-decoration: underline;
  }
  .long-address {
    word-wrap: break-word; /* Breaks long words and addresses */
    overflow-wrap: break-word; /* Ensures that long words will be broken if necessary */
    max-width: 200px; /* Adjust the maximum width as needed */
}
.actioniconcontainer{
    width: 100%;
    height: 95%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#editbasicdetailclient{
display: flex; 
align-items: center;
justify-content: center;
padding: 3px;
background-color: #B4C5E4;
color: black;
border-radius: 6px;
}
.actioniconcontainer i{
    padding: 3px;
    background-color: #B4C5E4;
    border-radius: 5px;
    margin-left: 3px;
    color: black;
    font-size: small;
}
.createregionaloffice{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.createregionalofficecontainer{
    width: 40%;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#createregionalofficeform{
    display: none;
}
#regionalofficebuttonaddmember{
    /* border: 1px solid red; */
    margin-left: 10%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.createsiteoffice{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.siteofficecontainer{
    width: 40%;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#siteaddressform{
    display: none;
}
#hqcontactbutton{
    margin-left: 10%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.todatacont {
    /* Set a maximum width for the cell */
    max-width: 150px;

    /* Ensure the text does not overflow */
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflowed text */
    text-overflow: ellipsis; /* Show ellipsis for overflowed text */
}
#newequipdet3{
    display: none;
}
#prefetch_third{
    display: none;
}
#newequipdet4{
    display: none;

}
#prefetch_fourth{
    display: none;
}
#newequipdet5{
    display: none;
}
#prefetch_fifth{
    display: none;
}
.clientsstats{
    width: 60%;
    margin-left: 20%;
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.clientsstatstable{
    width: 60%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    
    text-align: center;
    border-collapse: collapse;
}
.clientsstatstable th{
    height: 30px;
    color: white;
    background-color: #1c549e;
}
#officetypeouter{
    display: none;
    width: 320px;
}
#regandsitecontainerouter{
    display: none;
}
#regionaloffice{
    display: none;
}
#siteoffice{
    display: none;
}
.incompleteclientcontact{
    width: 80%;
    margin-top: 20px;
    margin-left: 10%;
    height: 150px;
    /* border: 1px solid red; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;

}
.incompletetable{
    width: 100%;
    text-align: center;
    border: 1px solid #1c549e;
}
.incompletetable th{
    height: 30px;
    background-color: #1c549e;
    color: white;
}
.completeuser{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.completeusercontainer{
    width: 50%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}
.editclientbasicdetailform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.editclientcontainer{
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    
}
#editregionalofficebutton{
    padding: 4px;
    margin-left: 5px;
    background-color: #B4C5E4;
    color: black;
    border-radius: 6px;
}
.editregionalofficeform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.regionaleditformcontainer{
    width: 45%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.editsiteofficeform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.editsiteofficecontainer{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    width: 40%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#thirdvehicledetail{
    display: none;
}

#thirdnewequipmentdata{
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}
#fouthvehicledata{
    display: none;
}
#fifthvehicledata{
    display: none;
}
.fleet-grid{
    margin-left: 10px;
}
.categoryheading{
    margin-left: 20px;
    margin-top: 20px;
}
#members_tablecontent1{
    display: flex;
}
.enterpriseheading{
width: 90%;
margin-bottom: -15px;
margin-left: 5%;
}
#view_quotesadmin{
    margin-top: 50px;
}
#viewquotesadminbutton{
    height: 70px;
}
.quotedetailform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.quoteformcontainer{
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    gap: 8px;
    margin-bottom: 30px;
}
.downloadsummary{
    width: 98%;
    margin-right: 2%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
}
.reqbasicdetail{
    width: auto;
    background-color: whitesmoke;
    margin:auto;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    /* border: 1px solid red; */
    margin-top: 20px;
    display: flex;
    gap: 1px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 10px;
    padding-top: 5px;
    border-radius: 5px;
}
.summarydownloadbutton{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.summarytable{
    width: 80%;
    margin-left: 10%;
    margin-top:20px;
    border-collapse: collapse;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.summarytable th{
    background-color: #1c549e;
    color: white;
    height: 25px;
}
.ratedetail{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* border: 1px solid red; */
    margin-top: 10px;
    margin-bottom: 30px;
}
.outercontainersummary{
    display: flex;
    flex-direction: column;
    align-items: center; 
    justify-content: center; 
    width: 100%;
    max-width: 8in;
    margin: auto;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: white;
    margin-bottom: 50px;
    border-radius: 8px;

}
.logsheetcontainerprint{
    display: flex;
    flex-direction: column;
    align-items: center; 
    justify-content: center; 
    width: 100%;
    max-width: 14in;
    margin: auto;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: white;
    margin-bottom: 50px;
    border-radius: 8px;
    padding: 10px;
}
.gobackbuttonsummary{
    background-color: #253C6A;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 8px 23px;
    background-color: #253C6A;
    color: white;
    font-family: sans-serif;
    text-decoration: none;
    font-size: 0.9em;
    text-align: center;
    /* text-indent: 15px; */
    border: none;
    margin-bottom: 30px;
    border-radius:7px ;
    margin-left: 5px;
}
.rateinside{
    width: auto;
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    gap:0px;
    margin-left: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    background-color: whitesmoke;
    border-radius: 6px;
    padding-left: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
.highlightit{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #253C6A;
    margin-top: 3px;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 50%;
}
.fulllength{
    margin-top: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payslipheading{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* From Uiverse.io by G4b413l */ 
.downloadbuttonsummary {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 10px 25px;
    background-color: #253C6A;
    color: white;
    font-family: sans-serif;
    text-decoration: none;
    font-size: 0.9em;
    text-align: center;
    text-indent: 15px;
    border: none;
    margin-bottom: 30px;
    border-radius:7px ;
   }
   
   .downloadbuttonsummary:hover {
    background-color: #253C6A;
    color: white;
   }
   
   .downloadbuttonsummary:before, .downloadbuttonsummary:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 52%;
   }
   
   .downloadbuttonsummary:before {
    width: 10px;
    height: 2px;
    border-style: solid;
    border-width: 0 2px 2px;
   }
   
   .downloadbuttonsummary:after {
    width: 0;
    height: 0;
    margin-left: 3px;
    margin-top: -7px;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 1s linear infinite;
    animation-play-state: paused;
   }
   
   .downloadbuttonsummary:hover:before {
    border-color: white;
   }
   
   .downloadbuttonsummary:hover:after {
    border-top-color: white;
    animation-play-state: running;
   }
   
   @keyframes downloadArrow {
    0% {
     margin-top: -7px;
     opacity: 1;
    }
   
    0.001% {
     margin-top: -15px;
     opacity: 0.4;
    }
   
    50% {
     opacity: 1;
    }
   
    100% {
     margin-top: 0;
     opacity: 0.4;
    }
   }
   #assemblyinscopeof{
    display: none;
   }
   #addfleetunitdd{
    width: 180px;
   }
   #addfleetunitdd2{
    width: 180px;
   }
   .copyright{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    height: 20px;
    margin-bottom: 5px;
    font-size: 14px;
    padding-bottom: 5px;
    border-bottom: 1px solid grey;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   }
   .copyright img{
    height: 100%;
    width: auto;
    background-size: contain;
    margin-right: 2px;
   }
   #adbluescope{
    width: 200px;
   }
   #advancefor{
    display: none;
   }
   .fulllengthright{
    width: 90%;
    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* height: 30px; */
    background-color: white!important;
    margin-bottom: 10px;
    margin-left: 5%;
    margin-top: 30px;


   }
   .todotable{
    width: 90%;
    margin-left: 5%;
    border-collapse: collapse;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   }
   #viewcompletedtasktable{
    margin-top: 30px;
    width: 100%!important;
    margin-left: 0%!important;
   }
   .todotable th{
    background-color: #1C549E;
    height: 40px;
    color: white;
   }
   .todotable td{
    height: 40px;
   }

   .addtodotask{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
   }
   .todocontainer{
    width: 40%;
    gap: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   }
   #creditnotaccepted{
    display: none;
   }

   #advancefordd{
    display: none;
   }
   .addcleitnadmin{
    width: 100%;
    display: flex;
    /* border: 1px solid red; */
    align-items: center;
    justify-content: center;
   }
   .adminaddclientinner{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    gap: 8px;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
   }
   #areacode{
    width: 140px;
   }
   .editadminclient{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:30px;
   }
   .editadminclientinner{
    width: 70%;
    display: flex;
    gap: 7px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
   }
   .editlogin{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
   }
   .editlogininner{
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   }
   .countcontainer{
    width: 30%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid red; */
   }
   #countofclient{
    text-align: center!important;
   }

   #addtaskform_todo{
    display: none;
   }
   #viewcompletedtask{
    margin-left: 15px;
   }
   #addcallreminderbutton{
    margin-left: 15px;
   }
   #selectclient{
    display: none;
   }
   #selectclientedit{
    display: none;
   }
   #newclientinput{
    display: none;
    width: 100%!important;
   }
   .addexpenseform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
   }
   .expenseloginner{
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
   }
   #expenselogform{
    display: none;

   }
   #addexpensebutton{
    margin-top: 80px;
   }
   #addexpensebtn{
    height: 70px;
   }
   .viewexpense{
    width:auto;
    /* border: 1px solid red; */
    margin-top: 60px;
    padding-left: 15px;
    text-decoration: underline;
    margin-bottom: -30px;
   }
   #expensetypeselect{
    display: none;
   }
   #initiatedbyselect{
    display: none;
   }
   #approvedbyselect{
    display: none;
   }
   .viewexpensefilterform{
    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
   }
   #startandenddate{
    display: none;
   }
   .expensesummarydetail{
    width: 100%;
    margin: auto;
    display: flex;
    max-width: 8in;
    /* border: 1px solid red; */
    align-items: flex-start;
    flex-direction: column;
    padding-left: 7px;
    padding-top: 3px;
    justify-content: flex-start;
    margin-top: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 8px;
   }
   #viewexpensetable{
    width: 90%;
    margin-top: 40px;
   }

   #rmccalculatorbutton{
    gap: 20px;
   }
   .rmccalbtn{
    width: 200px!important;
   }
   #rentalassistance{
    background-color: #B4C5E4;
   }
   .finance{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
   }
   .financecontainer{
    width: 35%;
    gap: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   }
   #disclamer_finance{
    text-decoration: underline;
   }
   #workinghourcontainer{
    display: none;
   }
   .callreminderform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
   }
   .callreminderinner{
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 30px;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   }
   #callreminderformrental{
    display: none;
   }
   .outerform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    /* border: 2px solid red; */
   }
   .epcprojectcontainer{
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   }
   .projectinsightcontainer{
    width: 60%;
    margin: auto;
    margin-top: 30px!important;
    gap: 2px;
    padding-bottom: 20px;
    background-color: white;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    align-items: flex-start;
    padding-left: 9px;
    padding-top: 4px;
    justify-content: flex-start;
    flex-direction: column;
   }
   #datepara{
    gap: 10px;
   }
   .addteamprojectinner{
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   }
   #projectinsightbutton{
    margin-top: 15px;
   }
   #epcprojectcontactinfo{
    display: none;
   }
   #linkanequipmentbutton{
    margin-left: 10px;
   }
   .linkequipmentinner{
    width: 45%;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   }



   .suggestions {
    max-height: 150px;         
    overflow-y: auto;          /* Enable vertical scrolling */
    background: white;         /* Background color */
    position: absolute;        /* Change to absolute positioning */
    z-index: 1000;  
    width: 100%;
    /* border: 1px solid red; */
    border: 1px solid #ccc;   
    border-radius: 4px;        /* Slightly rounded corners */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    display: none; 
    top: 100%;                 /* Position it below the input */
    left: 0;  
    overflow-x: auto;                 /* Align to the left of the input */
}

.suggestions.show {
    display: block;            /* Show suggestions when this class is added */
}

.suggestion-item {
    padding: 10px;            /* Space inside each suggestion */
    cursor: pointer;  
    /* border: 1px solid red; */
}

.suggestion-item:hover {
    background-color: #f0f0f0; /* Highlight background on hover */
}

/* Optional: Add transition effect */
.suggestions {
    transition: all 0.2s ease-in-out; /* Smooth transition */
}


#projectinsightenginehour{
    display: none;
}
#projectinsightworkinghour{
    display: none;
}
#projectinsightunit{
    width: min-content;
}
#linkequipmentform{
    display: none;
}
.projectcontactepc{
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding-bottom: 30px;
}



.quotation-table {
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
    margin-top: 20px;
    margin: 0 auto; 
    padding: 10px; 
  }
  .date_content_td{
    width: 7%;
  }
  .ref_no_th{
    width: 5%;
  }
  .quotation-table, .quotation-table th, .quotation-table td {
    border: 1px solid black!important; 
    margin-top:30px;
  }
  
  .quotation-table td {
    padding: 8px!important;
    text-align: left!important;
  } 
  .quotation-table th{
    padding: 8px!important;
    text-align: left!important;
    background-color: #4067B5;
    color: white;
  } 
  
  .quotation-table .table-heading { 
      background-color: #4067B5!important; 
      color: white!important;
  }
  
  @media screen and (max-width: 600px) {
    .quotation-table {
      border: 0;
    }
    .quotation-table thead {
      display: none;
    }
    .quotation-table tr {
      border-bottom: 1px solid black;
      display: block;
      margin-bottom: 10px;
    }
    .quotation-table td {
      border-bottom: none;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 10px 0;
    }
    .quotation-table td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
  }    

  .linkedequipmentlist{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    
  }
  .linkedequipmentlist h3{
    margin-bottom: -20px;
    text-decoration: underline;

  }

  .projectrequirement{
    width: 100%;

  }
  .wocontainer{
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
  }
  #newproject{
    display: none;
    width: 100%!important;
  }
  #showwo{
    width: 90%!important;
  }
  .printwo{
    width: 100%;
    max-width: 8in;
    height: auto;
    margin: auto;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 10px;

  }
  .companynamewo{
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    font-size: 28px;
    text-transform: capitalize;
    border-bottom: 1px solid black;
    margin-bottom: 5px;
    
  }
  .complogowo{
    height: 70px;
    width: auto;
    display: flex;
  }
.woinfo{
    width: 90%;
    margin-left: 5%;
    border: 1px solid black;
    margin-top: 30px;
    border-collapse: collapse;
    text-align: center;
}
.woinfo th{
    height: 30px;
    background-color: #f2f2f2;
    border-right: 1px solid black;
}
.woinfo td{
    border-right: 1px solid black;

}
#minwidthwo{
   min-width: 70px;
}
#rentalwo{
    min-width: 100px;
}
.equipdatainner{
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.meterdescription{
    font-size: small;
    text-decoration: underline;
    width: 80%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
#plusiconinput{
    border: none;
    width: 35px;
    font-size: 20px;
}
#viewcompleteinfotable{
    width: 80%!important;
}
#cw2{
    display: none;
}
#cw3{
    display: none;
}
#cw4{
    display: none;
}
#cw5{
    display: none;
}
#cw6{
    display: none;
}
#cw7{
    display: none;
}
#cabinweightunit{
    width: 200px;
}
#hbinput{
    width: 100%;
}
#hb2{
    display: none;
}
#hb3{
    display: none;
}
#hb4{
    display: none;
}
#hb5{
    display: none;
}
#hb6{
    display: none;
}
#fleeteipclientlist{
    width: 100%!important;
}
#jibheading{
    display: none;
}
#jibheadingcontent{
    display: none;
}
#lufferheading{
    display: none;
}
#lufferheadingcontent{
    display: none;
}
.auctioncontainer{
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
#maxpriceinput{
    display: none;
}
#basepriceinput{
    display: none;
}
#myauctiontable{
    width: 90%;
    margin-left: 5%;
}

.myauctionheading{
    margin-top: 30px;
    margin-bottom: -20px;
    width: 90%;
    margin-left: 5%;
    height: 30px;
    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.enrollauction{
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
    border-radius: 8px;
}
#enrolledviewtable{
    width: 90%;
    margin-left: 5%;
}
#equipmentimageuploaded{
    width: 400px;
    height: 400px;
}
.biddingform{
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.bidhistory{
    width: 45%;
    margin: auto;
    margin-top: 20px;
    }
.previousbidhead{
    font-size: 20px;
    margin-bottom: -30px;
}    


#previoudbidtableinfo{
    margin-top: 10px!important;
    margin-bottom: 100px!important;
    margin-top: 30px!important;
}

#spaceinbetweenpara{
    width: 100%;
    /* border: 1px solid red; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#mybidtable{
    /* min-height: auto;
    max-height: 200px!important; */
    border: 1px solid red!important;
    overflow-y: auto;
}
#contactpersonsectioncontainer{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 30px;
    border-radius: 8px;
}
#equipmentinfosectioncontainer{
    width: 100%;
    display: none;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
} 
#billToSection{ 
      width: 100%;
    display: none;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}
.capunitinput{
    width: 150px;
}
.yomcontainer{
    width: 250px;
}
.width350{
    width: 350px;
}
#quotationnextback{
    gap: 8px;
}
#termssectioncontainer{
    width: 100%;
    display: none;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;

} 



#termssectioncontainer2{
    width: 100%;
    display: none;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;

} 

#termssectioncontainer3{
    width: 100%;
    display: none;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;

}

/* Styles for the quotationnavigatebutton with Reduced Size */
.quotationnavigatebutton {
    background-color: white;
    text-align: center;
    width: 120px; /* Reduced width */
    border-radius: 0.5rem; /* Equivalent to rounded-lg */
    height: 40px; /* Reduced height */
    position: relative;
    color: black;
    font-size: 0.875rem; /* Equivalent to text-sm */
    font-weight: 600; /* Equivalent to font-semibold */
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
  }
  
  .group {
    cursor: pointer;
  }
  
  .group div {
    background-color: #38a169; /* Equivalent to bg-green-400 */
    border-radius: 0.375rem; /* Equivalent to rounded-md */
    height: 32px; /* Reduced height */
    width: 25%; /* Equivalent to w-1/4 */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 4px; /* Adjusted left position */
    top: 2px; /* Adjusted top position */
    transition: width 0.3s; /* Faster transition duration */
    z-index: 10;
  }
  
  .group:hover div {
    width: 110px; /* Adjusted hover width */
  }
  
  p {
    /* transform: translateX(0.25rem); Equivalent to translate-x-1 */
    font-size: 0.875rem; /* Smaller text size */
  }
  
  #date_of_availability4{
    display: none;
  }
  #date_of_availability5{
    display: none;
  }
  #currentenrollmentform{
    display: none;
  }
  .hrtile{
    width: 90%;
    margin-top: 80px!important;
    margin: auto;
    display: flex;
  }
  .addemployeecontainer{
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  #deductionamountinput{
    display: none;
  }
  #esisdeductionamountinput{
    display: none;
  }
  .fulllengthleft{
    width: 95%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .fulllengthleft1{
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .offerlettercontainer{
    width: 82%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
    border-radius: 8px;
  }
.offerterms{
    width: 80%;
}
#newteammemberdiv{
    display: none;
}
#offersendersection{
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}
#termsofoffersection{
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}
#offerletterpaysection{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}
.printofferlettercontainer{
    max-width: 8in;
    margin: auto;
    padding: 15px;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
    background-color: white;
}
.printrelievingletter{
    max-width: 8in;
    margin: auto;
    padding: 15px;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
    background-color: white;
}
.spaceinbetween{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bothtable{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
}
.logo_namecontainerofferletter {
    width: 100%;
    height: 17%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0%;
}
#eachpagelogo{
    align-items: flex-end!important;
    justify-content: flex-end!important;
}

.companylogoofferletter img {
    max-width: 120px; 
    max-height: 120px;
    height: auto;
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center; 
}
#loglogo{
    width: 120px;
    border: 1px solid red;
    margin-left: 70px;
}
.compname_{
    max-width: 90%;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 28px;
    text-transform: capitalize;
    
}

.offerto{
    width: 100%!important;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
    flex-direction: column;

}
#offercontactemail{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}
.mt10{
    margin-top: 10px;
}
#customtermofferletter{
    margin-top: 2px!important;
}
.annexure1tableoffer {
    border: 1px solid black;
    border-collapse: collapse; /* Use collapse for a cleaner look */
    width: 100%;
    text-align: left;
}

.annexure1tableoffer td {
    padding: 8px; /* Adds spacing inside cells */
    border-bottom: 1px solid black;
    width: auto;
}

.annexure1tableoffer tr:last-child td {
    border-bottom: none; 
}
.lefttdborder{
    border: 1px solid black;
}
#viewgeneratedofferletter{
    width: 80%!important;
    margin-left: 10%;
}
.relievinglettercontainer{
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 30px;
}
#pendingoffers{
    width: 80%;
    margin-left: 10%;
    margin-top: 50px;
}
.salaryslipformcontainer{
    width: 72%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 40px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#selectemployeename{
    width: 1000px!important;
}
.employeedetailsalaryslip{
    width: 100%;
    margin-top: 8px;
    display: flex;
    /* border: 1px solid red; */
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 8px;
}
.employee1{
    gap: 2px;
    /* border: 1px solid brown; */
    width: 50%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.employee2{
    /* border: 1px solid green; */

    width: 50%;
    gap: 2px;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;

}
#earinginfo{
    width: 50%;
    margin-top: 0px;
}
.entireearingcalculation{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /* border: 1px solid black; */

}
#gross_earninganddeduction{
    margin-top: 0px;
}
#reimbursement2{
    display: none;
}

#reimbursement1{
    display: none;
}
.line{
    width: 100%;
    border: 1px solid black;
}
.boderbottomtable tr{
    border-bottom: 1px solid balck;
}
#exemployee{
    width: 80%;
    margin-left: 10%;
    margin-top: 10px;
}
#gratuitytable{
    margin-bottom: 30px;
}
.notesofferletter{
    margin-top: 5px;
    font-size: 10px;
}
#gratuityeligibilitydd{
    display: none;
}
#typeoflogsheet{
    margin-top: 40px;
    gap: 18px;
}
#doubleshift4{
    display: none;
}
#doubleshift3{
    display: none;
}
#doubleshift2{
    display: none;
}
#doubleshift1{
    display: none;
}
#breakdown2{
    display: none;
}
#breakdown1{
    display: none;
}
#ot1{
    display: none;
}
#ot2{
    display: none;
}
.length80{
    width: 80%;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.logsheetdatatable{
    width: auto; 
    border: 1px solid black;
    border-collapse: collapse;

}
.logsheetdatatable tr {
    text-align: left; 
    border: 1px solid black; 
    padding: 10px;

}
.logsheetdatatable th, .logsheetdatatable td {
    padding: 5px; /* Add padding to table cells */
    border: 1px solid black; /* Optional: add borders to cells */
    text-align: left; /* Optional: align text to the left */
}
.logtablecontainer{
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
}
.logsheet_table_container{
    /* border: 1px solid red; */
    width: 100%;
}


/* General Styles for the Table */
.logsheet_table {
    width: 8in;
    border-collapse: collapse;
    margin-top: 30px;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid black;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Add subtle shadow for modern look */
}

.logsheet_table th, .logsheet_table td {
    border: 1px solid black; /* Light grey border for a soft look */
    padding: 12px 15px; /* Increased padding for better spacing */
    text-align: center;
    vertical-align: middle; /* Ensures the text is centered in cells */
}

.logsheet_table th {
    background-color: #F2F2F2; /* Professional blue for header */
    color: black; /* White text for contrast */
    font-weight: 600;
    text-transform: uppercase; /* Uppercase for headers to give structure */
    letter-spacing: 0.5px; /* Slight spacing for readability */
}

.logsheet_table td {
    background-color: #f9f9f9; /* Subtle background for rows */
    color: #333333; /* Dark grey text for readability */
}

.logsheet_table tr:nth-child(even) td {
    background-color: #f4f6f9; /* Light grey for alternate rows */
}

.logsheet_table tr:hover {
    background-color: #e9f2ff; /* Soft blue highlight on hover */
    transition: background-color 0.3s ease; /* Smooth hover transition */
}

/* Header Row - For making sure the headers are sticky */
.logsheet_table th {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Styling for the "No rows found" message */
.logsheet_table td[colspan="13"] {
    text-align: center;
    background-color: #f8d7da; /* Red background for error message */
    color: #721c24;
    font-weight: bold;
    padding: 20px;
}

/* Table Container */
.logtablecontainer {
    overflow-x: auto;
    margin-top: 20px;
}

/* Print Media Query */
@media print {
    .logsheet_table th, .logsheet_table td {
        padding: 8px;
    }

    .logsheet_table {
        font-size: 12px;
        width: 100%;
    }

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

    /* Hide elements not needed for printing */
    .downloadbuttonsummary, .gobackbuttonsummary {
        display: none;
    }

    /* Make sure the table headers are sticky when printing */
    .logsheet_table th {
        background-color: #007bff;
        color: white;
        font-weight: 600;
    }
}

/* Responsive Design for Small Screens */
@media screen and (max-width: 768px) {
    .logsheet_table {
        font-size: 12px;
    }

    .logsheet_table th, .logsheet_table td {
        padding: 8px;
    }
}

/* Styling for Table Cells */
.logsheet_table td {
    font-size: 14px;
    color: #333;
}
#extratable{
    width: 40%;
}
#shifthours{
    display: none;
}
#enginehours{
    display: none;
}
#newcontactpersoncontainer{
    display: none;
}
#newcompanynamecontainer{
    display: none;
}
/* #enteremailfilter{
    display: none;
}
#enternamefilter{
    display: none;
}
#entermobilefilter{
    display: none;
}
#enterjobrolefilter{
    display: none;
}
#enterjoiningdatefilter{
    display: none;
}
#enteraadharnumberfilter{
    display: block;
} */
.filterInputs{
    height: 50px;
    width: 200px;
}
.filterformcontainer{
    display: flex;
    gap: 8px;
}
#bedlengthdiv{
    display: none;
}
#fuelefficiency{
    width: 1000px!important;
}
/* Style for the suggestions dropdown */
#clientList {
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    background-color: white;
    z-index: 10;
    /* margin-top: 12%; */
    display: none; /* Initially hidden */
    /* border: 1px solid red; */
}


/* Style for individual suggestion items */
#clientList .autocomplete-item {
    padding: 8px;
    cursor: pointer;
}

#clientList .autocomplete-item:hover {
    background-color: #f0f0f0;

}
#newClient {
    display: none;  
    /* border: 1px solid yellow; */
    /* margin-top: 10px; */
}
#newclientdiv{
    display: none;
}
#clientnamediv{
    /* border: 1px solid red; */
    display: none;
}
#myclientheading{
    text-decoration: underline;
    font-size: 30px;
}
#exemployeeid{
    margin-top: 40px;
}
/* .width400{
    width: 300px;

} */
.newouter{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    border: 1px solid red;
}
.selectfleetCategory{
    width: 320px!important;
}
/* .availability{
    width: 100%!important;
} */
 .availableouter{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    /* border: 1px solid red; */
    width: 80%;
    gap: 3px;
 }

 .join_anothercompanyofrm{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    margin-left: 5%;
 }
 .joinanothercompanyformouter{
    /* border: 1px solid gray; */
    border-radius: 8px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
 }
 .machinedetailsection{
    width: 100%;
    /* border: 1px solid black; */
    display: none;
    align-items: center;
    flex-direction: column;
    gap: 8px;
 }
 .wordorderdetailsection{
    width: 100%;
    /* border: 1px solid black; */
    display: none;
    align-items: center;
    flex-direction: column;
    gap: 8px;
 }
 .bascidetailsection{
    width: 100%;
    /* border: 1px solid black; */
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
 }
 .outstandingform{
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    flex-direction: column;
    gap: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
 #addoutstandingform{
    display: none;
 }
 #make_model_yom{
    display: none;
 }
 #hmr_kmr{
    display: none;
 }
 #enrollbuttondiv{
    margin-top: 2px!important;
    margin-bottom: 5px!important;
 }
 .addequipmentmasterform{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    gap: 8px;
    margin-top: 20px;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    margin-bottom: 30px;
 }
 .masterformdiv{
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-direction: column;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

 }