*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body{
  height: 100vh;
  background-color: #efefef;
  
}

/*---------------Navbar start-------------------*/

nav{
  background-color:#7e7e7e; 
  display:flex;
  justify-content: space-between;
  padding:0.3%;
}

/*-------------Navbar end---------------*/


/*------------Sidebar start-------------*/

aside{
  position:fixed;
  top:0;
  left:0;
  min-height:100vh;
  width:55px;
  background-color: #202020;
  align-items:center;
  justify-content: center;
  padding-left:10px ;
}

.logo{
  padding-bottom:25%;
}

.logo i{
  color:blue;
  font-size:30px;
  font-weight:1000;
}

.list-items ul li a,
.profile ul li a{
  color:white;
  text-decoration:none;
  line-height:30px;
  font-size:16px;
 padding-left:8px;
}

.profile{
  position:absolute;
  bottom:0;
}

/*----------Sidebar end----------------*/

/*------main comtent start-----------*/

.main-content{
  margin-left: 55px;
  display: grid;
  height: 100vh;
  grid-template-rows:7% 93% ;
  padding-left:2px;
}


.card-section{
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 5px;
  
}

.card-container{
  display: grid;
  grid-template-columns:repeat(4, 24%);
  width: 70%;
  height: 60px;
  grid-column-gap:5px;
}

.c{
  background-color:white;
  display: grid;
  grid-row-gap:5px;
  border-radius:10px;
  border-left:8px solid green;
  padding:6px;
  

}

.profit-container{
  display: grid;
  background-color:white;
  width: 20%;
  padding:7px;
}

.p-l{
  display: flex;
  justify-content: space-between;
  padding-right:15px;
}

.p-l-p{
  display: flex;
  justify-content: space-between;
}

.table-section{
  width:100%;
  display: flex;
}

.table-container{
  width:90%;
  background-color:white;
  padding:1px 10px;
}

table{
  width:98%;
}

th{
  background-color:grey;
}

.button-container{
  margin-left:1%;
}