/*  import google fonts */
   @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
   *{
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body{
    padding: opx;
    width: 100%;
    margin: 0px;
}
.container{
    padding: 10px;
    width: 600px;
    box-shadow: #0d0d0d;
    border-radius: 5px;

}

.logosec{
  height: 80px;
}




.compname{
    font-size: 49px;
    font-weight: 600;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #0d0d0d;
    vertical-align: middle;
    padding-top: 30px;
}
.control-form {
    padding: 10px;
}
 /* index page */ 
 /* Toppanel Navbar*/ 
 .toppanelnav{
    height: 120px;
    
    vertical-align: middle;
    background-color: rgb(244, 244, 244);
    margin: 0px;
 }
 .toppanelnav .logosec img{
    height: 110px;
    padding-left: 20px;
   
 }
 .toppanelnav2{
    background-color: #daf3fa;
    vertical-align: middle;
    padding-top: 40px;
 }
 .containericon {
    display: inline-block;
    cursor: pointer;
  }
  
  .bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
  }
  
  .change .bar1 {
    transform: translate(0, 11px) rotate(-45deg);
  }
  
  .change .bar2 {opacity: 0;}
  
  .change .bar3 {
    transform: translate(0, -11px) rotate(45deg);
  }
  






/* left side of 2nd main section */ 
  .leftsecpanel{
    background-color: #19262b;
  }

/* right side of 2nd main section */ 
  .rightsecpanel{
    background-color:  royalblue;
    height: 100%;
  }


  /* Employee Data  form */
  h2.employeeformheading {
    text-align: center;
    text-underline-position: under;
    font-size: 49px;
    padding: 30px;
    font-family: fangsong;
}