/* SHEETS STYLING STARTS */

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */


.sheet_content {
    /* width: 100%; */
    width: calc(100vw - 5rem);
    /* height: 70vh; */
    height: calc(100vh - 5.5rem);

    font-size: 13.5px;

    /* margin-top: 2rem; */
    /* margin-left: .5vw; */
    margin-left: 4.5rem;
    margin-right: .5rem;

    /* background-color: red; */

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    position: absolute;
    top: 4.5rem;

}

.sheet_links_container {
    padding: .2rem;
    width: 100%; 
    height: fit-content;
    background: #f6f6f6eb;
    border-radius: 1rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .3rem;

    /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
}

.sheet_links {
    width: 100%;
    /* height: 6rem; */
    height: fit-content;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;
    /* gap: .5rem; */

    /* margin-top: 1rem; */
    /* margin-top: .3rem; */
    /* margin-bottom: .2rem; */

    /* padding: 0 2rem 0 1rem; */

    /* border-color: blue; */


}

.sheet_links_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    /* gap: 2rem; */

    width: 100%;
    height: fit-content;

    padding: 0 .5rem;


    /* background-color: rgb(144, 144, 254); */
}

.sheet_links_row_group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;

    gap:1rem;
}

.sheet_links_row_group a {
    display: flex;
    flex-direction: column;
    /* gap: .5rem; */

    /* height: 5rem; */
    min-width: 5rem;

    align-items: flex-start;
    justify-content: flex-start;

    text-decoration: none;
    font-style: inherit;

    margin: 0;
}

.page_bar {
    width: 100%;
    height: .6rem;
    border-radius: .3rem;    

    margin-left: .2rem;

    display: none;

    
}
.selected_page_bar {
    background-color: #007CFF;
}

a:hover .page_bar {
    /* #007CFF */
    background-color: #ff330ade;
    transition: .3s all ease-out;
}

.sheet_table_main{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; 

    width: 100%;
    height: 100%;
    /* height: fit-content; */

    /* margin-left: 1rem; */
    /* margin-top: -3rem; */
    margin-top: .2rem;

    /* background-color: #ffffff; */


    overflow: hidden;
    overflow-x: auto;

    padding-bottom: 3.8rem;
}

.table_head, .table_body {
    /* width: 100%; */
    /* position: absolute; */

    padding-right: .5rem;
    /* margin-left: .5rem; */

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

}

.table_head {
    line-height: 1rem;
    height: fit-content;
}

.table_body {
    gap: .2rem;
    overflow: auto;

    /* height: 80%; */

    /* margin-top: -.5rem; */
    /* margin-top: 0; */

    /* scroll snap feature */
    /* Enabling scroll snapping in the container table body for row_value */
    scroll-snap-type: y mandatory; /* Snap on the Y axis, enforce snapping */
    scroll-behavior: smooth;      /* Smooth scrolling */

}







.table_row {
    width: 99.5%;
    /* height: 8rem; */

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;

    padding-left: .6rem;

    gap: .8rem;
       
}


.row_header {
    /* height: 3rem; */
    height: fit-content;

    padding-top: .3rem;
    padding-bottom: .3rem;
    padding-left: .7rem;
}
.col_header {
    font-size: 12px;
    font-weight: bold;
}

.row_value {
    height: fit-content;
    width: fit-content;
    background-color: white;
 

    /* box-shadow: 0 0 58px 0 #c3cad51a; */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    
    /* margin-top: .1rem; */
    
    padding-top: .2rem;
    /* padding-bottom: .2rem; */
    padding-bottom: .1rem;

    /* scroll snapping styles for child element */
    /* snap alignment */
    /* scroll-snap-align: start; */

    transition: .2s all ease-in;
}



.row_value:last-child {
    margin-bottom: 4rem;
}

.col {
    margin-left: .2rem;
}


.col_value {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
 
}
/* .col_value div{
    height: 1.5rem;
} */

.row_value:hover {
    background-color: #fffffe;

    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; */
    /* box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; */
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}



.sheet_container {
    background: #DCE3FF;

    width: 100%;
    /* height: 70vh; */
    height: 100%;
    /* 24px(1.71) */
    border-radius: 16px;

    overflow: hidden;

}
.sheet_container_title {
    width: 100%;
    height: 2.5rem;

    display: flex;
    flex-direction: row;

}

.sheet_titles {
    /* min-width: 10rem;
    max-width: fit-content; */
    width: fit-content;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 700;
    font-size: 1.2rem;

    /* padding-right: .3rem;
    padding-left: .3rem; */
}

/* .sheet_container_title .sheet_active { */
    /* background: #AABBFF; 
    background: var(--sheet-branch-title-sheet_active-class-bg);*/


    /* border-radius: 12px 12px 0 0; */
    
/* } */

.sheet_container_content_wrapper {
    background: #AABBFF;

    height: calc(100% - 2.5rem);

    padding: .7rem .5rem .5rem .5rem;
    
    border-radius: 0 16px 0 0;
}

.sheet_container_content {
    background-color: #ffffff;

    padding: .3rem 1rem 1rem 1rem;
    border-radius: 16px;

    height: 100%;
    width: 100%;
}


.sheet_links .card_last_child {
    max-width: fit-content;
    min-width: 8rem;

    min-height: 1.8rem;
    max-height: 1.8rem;

    line-height: 1rem;
}

.col_value.col_remark {
    height: 2.8rem;overflow-y:auto;line-height: 1rem;
}

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

/* SHEETS STYLING ENDS */