
.DataPushCont {
   margin-top: 20px;
    display:grid;
    grid-template-columns: auto;
  
}


#menubtn {
    padding-top: 3vw;
    padding-inline: 3vw;
    display: flex;
    background-color: #eeeeee;
    justify-content: flex-end;
}


#committee {background-color: rgb(165, 255, 255);}
#proceeding {background-color:rgb(116, 238, 90);}
#meeting {background-color:rgb(100, 255, 190);}
#report {background-color:rgb(50, 183, 255);}

.tablink {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 1vw 2vw;
  width: 100%;
}


.tablink:hover {
  background-color: #777;
}

.sec_menu {
    font-size: calc(var(--font-base_sz) + 0.5vw);
    text-transform: uppercase;
    word-break: break-all;
}

.row {
    display: flex;
    flex-wrap: wrap;
    gap:3rem;
    text-align: center;
    vertical-align:middle;
}

.row > * {
    flex: 1 1 auto;
    background: linear-gradient(45deg, rgb(255, 182, 154) 0%, rgb(242, 255, 120) 100%);
    min-width: 20ch; 
    border-radius: 10px;
    box-shadow: 0px 5px 2px black;
    transition: 0.4s;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.row > *:hover {
    transform: translateY(-15px);
    box-shadow: 0px 10px 4px black;
}


.c_tittle, .t_tittle {
 
    padding: 1rem 1rem;
    box-shadow: 0px 0px 0px black;
    text-align: center;
    
}
.c_tittle {
    background: black;
    color: white;
}

.c_details {
    text-align: left;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.c_details > * {
    text-align: center;
}


.portfolio1, .portfolio2, .portfolio3, .portfolio4, .portfolio5, .portfolio6 {
    color: rgb(5, 5, 5);
    font-weight: 600;
}


.column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.tabcontent {
    min-height: calc(120px + 60vh);
}

table {
    width: 100%;
    border-spacing: 5px;
   
}

th {
    background-color: rgb(248, 243, 195);
    margin-inline: 1vw;
    padding: 0.5vw 1vw;
}

td {
   
    margin-inline: 1vw;
    text-align: center;
    padding: 0.5vw 1vw;
    color:white;
}



tbody > *:nth-child(odd) {
background-color: cadetblue;
}

tbody > *:nth-child(even) {
    background-color: rgb(114, 95, 160);
}

.long_td_text {
    letter-spacing: 3px;
}

.btn {
    
    position: relative;
    padding: 4px 4px;
    padding-inline: calc(0.5rem + 0.2vw);
    background: transparent;
    border: 2px solid #0ef;
    outline: none;
    border-radius: 40px;
    cursor: pointer;
    color: #fff;
    z-index: 1;
    overflow: hidden;
    transition: .5s;
}

.btn::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 300%;
    background: linear-gradient(#081b29, #0ef, #081b29, #0ef);
    z-index: -1;
}

.btn:hover::before {
    top: 0;
}


.pg_tittle {
font-size: larger;
padding: 1rem 1rem;
text-align: center;
}

.c_details p {
    line-height: calc(30px + 0.3vw);
}