<div class='panel-container' style="">
    <row class="app-layoutpanel" style="height:100%;">
        <i-col v-show="detailsModel.container1.visible"  style="" class="app-layoutpanel-container">
            <row style="height:100%;">
                      
                <i-col v-show="detailsModel.opportunityname.visible"  :md="{ span: 24, offset: 0 }" style="font-size:20px;font-weight:bold" class="app-layoutpanel-field list-title">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    <span>{{data.opportunityname}}</span>
                    </div>
                </div>
                
                
                </i-col>
                      
                <i-col v-show="detailsModel.parentaccountname.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-field">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    <span>{{data.parentaccountname}}</span>
                    </div>
                </div>
                
                
                </i-col>
                      
                <i-col v-show="detailsModel.parentcontactname.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-field">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    <span>{{data.parentcontactname}}</span>
                    </div>
                </div>
                
                
                </i-col>
            </row>
        </i-col>
    </row>
</div>