/*© Copyright 1997-2018 AIMS, Co. All Rights Reserved*/
.dmtPageContainer {
    background-color: white;
    width: 99vw;
    /*min-height: 99vh;*/
    display: flex;
    flex-direction: column;
    font-size: 2.2vh;
}

    .dmtPageContainer .continueButtonIcon {
        min-width: 5vw;
        border-radius: 10vh;
        text-align: center;
        align-content: center;
        color: white;
        cursor: pointer;
        padding-left: 2vh;
        padding-right: 2vh;
        font-size: 1vw;
    }

    .dmtPageContainer .saveButton {
        /*width: 3vw;*/
        background-color: #7986CB;
        min-width: 2vh;
        max-width: 20vw;
        text-align: center;
        font-size: 2.0vh;
        height: 3vh;
    }

    .dmtPageContainer .loadingIndicatorContainer {
        position: fixed;
        top: 45vh;
        left: 10vw;
        z-index: 500;
    }

    .dmtPageContainer .dispPageControlContainer {
        margin: 0 0 0 1vw;
        margin-top: 35px;
        padding: 6px;
        width: 80vw;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .dmtPageContainer .dispPageControlContainer >div  {
        display: flex;
        flex-direction: row;
    }

        .dmtPageContainer .dispPageControlContainer > div > span {
            margin: 0 1vw 0 0;
        }

    .ncmDataGridContainer {
        margin-top: 5vh;
        width: 98vw;
        font-size: 1.4vh;
        height: 55vh;
        max-height: 55vh;
        overflow-y: auto;
        margin-bottom: 4vh;
    }

    .ncmDataGridContainer .gridEditCellLight {
        flex: 0 0 9vw;
    }

    .ncmDataGridContainer .gridHeaderCellLight {
        flex: 1 1 5vw;
        margin: 0 0.5vw 2vh 0;
        border-bottom: 1px solid black;
        padding: 1vh;
        font-weight: 700;
        font-size: 1.8vh;
        text-align:center;
    }

    .ncmDataGridContainer .gridHeaderCellLight > select {
        width: 80%;
    }

    .ncmDataGridContainer .gridCellLight {
        flex: 1 1 5vw;
        margin: 0 0.5vw 1vh 0;
        color: gray;
        font-weight: 600;
        font-size: 1.6vh;
    }

    .ncmDataGridContainer .gridCellLight > input {
        width: 80%;
    }

    .ncmDataGridContainer .gridHeaderEditCellLight {
        flex: 0 0 9vw;
    }

.dispRowControls{
    cursor: pointer;
}


.dispChangeNcmQtyPopupDropShadow {
    /*background-color: black;
    width: 51vw;
    height: 51vh;
    position: fixed;
    top: 24.5vh;
    left: 24.5vw;*/
    /*border: .5vh .5vw .5vh .5vw;
    z-index: 999;
    opacity: 0.1;*/
    background-color: black;
    width: 99vw;
    height: 99vh;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.3;
}

.dispChangeNcmQtyPopup {
    background-color: white;
    width: 50vw;
    height: 30vh;
    position: fixed;
    top: 25vh;
    left: 25vw;
    z-index: 1000;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

    /*box-shadow: 1px 1px grey;*/

    background-color: dimgrey;
}

    .dispChangeNcmQtyPopup .popupHeader {
        width: 50vw;
        height: 5vh;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        background-color: white;
        font-weight: 700;
    }

    .dispChangeNcmQtyPopup .closeBtn {
        background-color: white;
        border: 2px solid red;
        border-radius: 1vh;
        color: gray;
        font-size: 2.4vh;
        font-weight: 700;
        width: 2vh;
        /*height: 2.5vh;*/
    }

    .dispChangeNcmQtyPopup .popupContent {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        width: 100%;
        height: 18vh;
        background-color: white;
        
    }

    .dispChangeNcmQtyPopup .popupContent > div {
        display: flex;
        flex-direction: column;
    }

        .dispChangeNcmQtyPopup .popupContent .section > span {
            font-weight: 600;
            margin: 0 1vw 0 0;
        }

    .dispChangeNcmQtyPopup .popupFooter {
        width: 50vw;
        height: 6vh;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        background-color: white;
    }

@media screen and (orientation: portrait) {
    .dispRowControls {
        height: 3vw;
        width: 3vw;
        margin: 0 .2vw 0 .2vw;
        font-size: 3vw;
    }
}

@media screen and (orientation: landscape) {
    .dispRowControls {
        height: 3vh;
        width: 3vh;
        margin: 0 .2vw 0 .2vw;
        font-size: 3vh;
    }
}