body,html{height:100%; margin:0;padding:0; font-size: 14px; font-family: Verdana, Geneva, Tahoma, sans-serif; overflow: hidden;}

.d-flex{display: flex; flex-direction: row; width:100%; flex:1; height: 100%; justify-content: space-between;}
.ui{ display: flex; position: relative; justify-content: center; align-items: center; flex: 1; background: #efefef;flex-direction: column; ;}
.stats{width:310px; padding:0 10px; background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.3);display: flex;  flex-direction: column; overflow-y: auto;}
.imj--btn{border:0; background: #d33; color:#fff; padding:10px; text-transform:uppercase;}



       
.parent{position: relative; max-width:600px;  background:#fff; display: flex; flex-wrap: wrap;}

.code{padding:20px 0; margin: auto; text-align: left; font-size: 12px;;}

.text{ display: inline-block; color:#222; position: relative; z-index: 1;height:50px; line-height: 50px;}
.property__holder{position: relative; left:0; right:0; text-align: center; margin-top: 0px;}
.property{padding:10px 0;}
.property > span{ background:#ccc; color:#333; padding:2px 5px; display: inline-block; border-radius: 3px;margin:2px; cursor: pointer;}
.property > span.active{ background: #fff; }
.val{background: yellow; padding:1px 4px;}




@media(max-width:750px){
    body{overflow: hidden;}
    .d-flex{flex-direction: column; overflow: hidden;}
    .stats{width:100%;padding-top:20px;}
}