/*NOTE - moved a bunch of this styling to the part Transfer page. Did not move gridtable since I can't see and don't know exactly what it refers to. 
So left styling here for the moment and did not convert to JSX either*/


/*
.ptPage {
    width: 98vw;
    /* display: grid;
    grid-template-columns: repeat(2, 45%) */
    /* display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
} */ 
/* 
.pageTitle {
    flex: 0 0 98vw;
    justify-content: center;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    background-color: white;
    margin-top: 35px;
    margin-bottom: 1vh;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    color: #242e42;
    letter-spacing: 0.3px; */

    /* box-shadow: lightgrey 2px 2px; */
/* }

.pageTitle>div { */
    /* width: 80vw; */
    /* text-align: center;
    /* border-bottom: solid 1px grey; */
    /* margin-bottom: 1vh; */
   
/* } */ 

/* .sourceDetails {
    width: 500px;
    min-height: 20vh;
    flex: 0 0 48.5vw; */
    /*margin: 1vh 2vw 2vw 1vh;*/
    /*margin: 1vh;*/
    /* display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: white;
    padding: 0.5vh; */
    /* box-shadow: lightgrey 2px 2px; */
    /* display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; */
    /* border-radius: 8px;
    box-shadow:rgb(100 100 111 / 30%) 0px 3px 60px 0.5px;
    margin: 1rem;
    margin-left: 1.6rem;
   
} */

/* .destDetails {
    flex: 0 0 48.5vw;
    min-height: 20vh; */
    /*margin: 1vh 2vw 2vw 1vh;*/
    /*margin: 1vh;*/
    /* display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: white; */
    /*padding: 0.5vh;*/
    /* box-shadow: lightgrey 2px 2px; */
    /* border-radius: 8px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: 1rem;
    margin-left: 1.6rem;
} */ 
/* 
.ptSelectorContainer {
    width: 100%;
    margin-left: 2rem;
    margin-right: auto;
    color: #242e42;
} */

/* .ptSelectorContainer>span {
    font-size: 1rem;
    font-weight: 500;
    margin: 1vh;
    /*min-height: 10vh;*/
/* }


.ptSelectorContainer>span:first-of-type {
    font-weight: bold;
    /*min-height: 10vh;*/
/* } */ 


/*
.partLocationSelection {
    width: 80%;
    justify-content: space-around;
    margin-top: 1rem;
    margin-left: 1rem;
}

.partLocationSelection>span {
    /* margin: 1vw;
    font-size: 2vh; */
    /* font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
    color: #242e42;
    font-size: 1.1rem;
    letter-spacing: 0.2px;
} */

/*
.partButtonSelectionDiv {
    width: 40vw;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin-bottom: 0.5vh;
}

.partTransferButton {
    background-color: #7986CB;
    width: auto;
    margin-top: 1vh;
    width: 15vw;
}

.ptResults {
    background-color: white;
    flex: 0 0 98vw;
    min-height: 40vh;
    margin-top: 1vh;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    box-shadow: lightgrey 2px 2px;
}

.ptResults>.resultOrderChangeDiv {
    height: 2.5vh;
    flex: 0 0 98vw;
    display: flex;
    justify-content: flex-end;
}

.ptResults>.resultOrderChangeDiv>span {
    font-size: 1.5vh;
}

*/
.ptResults>.gridTableLight {
    min-height: 37vh;
}

.ptResults .gridHeaderCellLight>span {
    flex: 0 0 80%;
}

.ptResults .gridHeaderCellLight>input {
    flex: 0 0 80%;
}

.ptResults .gridRowLight {
    margin-bottom: 0.3vh;
}

/*NOTE that I cannot find 'ptContainer' in the code so perhaps it's old but I left here just in case */

.ptContainer {
    width: 98vw;
    min-height: 80vh;
}
/* .ptContainer > .loadingDiv {
        position: fixed;
        top: 20vh;
        left: 45vw;
    } */

.ptResults .altRow {
    background-color: rgba(224, 231, 255, 1);
}

.ptContainer .filterCard {
    overflow-x: hidden;
}

/* Taken care of in the Page Transfer Page through styled components
.ptContainer .floatingSaveTransferDiv {
    position: fixed;
    bottom: 5vh;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 98vw;
} */

/* .floatingSaveTransferDiv {
    position: fixed;
    bottom: 5vh;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 98vw;
} */

/* .loadingDiv {
    position: fixed;
    top: 30vh;
    left: 40vw;
    z-index: 500;
} */