@import "../globalCssVariables";


.keyValuePair-td-key {
    display:inline-block;

    .keyValuePair-td-key-container{
        width:100%;
        height:100%;
        display: flex;                 
        flex-direction: row;           
        flex-wrap: nowrap;              
        justify-content: space-between; 
        align-items: center;
        .keyValuePair-td-key-delete{
            position: relative;
            background-color: transparent;
            color:red;
        }
        .keyValuePair-td-key-check {
            position: relative;
            margin: 0;
        }
        .keyValuePair-keyField {
            width:100%;
            margin-left: 20px;
            margin-top: -1px;
            font-family: monospace;
            // text-align: center;
            align-self: center;
            position: relative;
            overflow: auto;
        }
    }
}
.keyValuePair-td-value {
    display:inline-block;
    overflow: scroll;
    font-family: monospace;
    height: 30px;
        .keyValuePair-td-value-container {
            display: flex;
            align-items: center;
            align-content: center;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: nowrap;
            width: 100%;
            height: 100%;

            img { 
                max-height: 36px;
                width: auto;
            }
            .videoBox-cont{
                width: auto; 
                max-height: 36px; 
            }
    }
}