/********************************************************************************
* QuData Chat Builder Plugin.
*
* Page data
*
* @copyright Copyright (C) 2021, qudata.com
********************************************************************************/

.console .content .pages .page-data{
    padding:            10px;
    display:            none;
    max-width: var(--page-width);
    min-width: 800px;
    flex-direction:     column;
}

.console .content .pages .page-data .caption{
    display:            flex;
    flex-direction:     row;
    justify-content:    space-between
}

.console .content .pages .page-data .caption .group{        
    display:            flex;
    flex-direction:     row;
}

.console .content .pages .page-data .caption .group .label{
    font-size:          18px;
    height:             40px;    
    margin-right:       10px;
    display:            flex;
    flex-direction:     row;
    align-items:        center;
}

.console .content .pages .page-data .caption .group .input{
    font-size:          18px;
    height:             40px;
    width:              200px;    
}

.console .content .pages .page-data .caption .group .date{
    font-size:          18px;
    height:             40px;        
}

.console .content .pages .page-data .caption .group .select{
    font-size:          18px;
    height:             40px;
    width:              200px;    
}

.console .content .pages .page-data .data-table-wrapper{
    border:             1px solid rgb(96,  96,   96);    
    min-height:         300px;
    max-height:         600px;
    margin-top:         10px;
    overflow-y:         auto;
    flex:               1;
}

.console .content .pages .page-data .data-table-wrapper table{
   margin:              5px;
}

.console .content .pages .page-data .data-table-wrapper table tr td,th{
    border-bottom: 1px dashed rgb(96,  96,   96);
    width:             auto;
    min-width:         50px;
    padding-right:     5px;
    text-align:        left;
}

.console .content .pages .page-data .data-info{
    font-size:          16px;
}