/* ---- Preview / Header ---- */

.qydynamicchart-wrap {

   padding: 8px 1.2% 24px 1.2%;
   border-radius: 6px;

   background-color: var(--colorC1);
}


.qydynamicchart {
    font-family: Roboto, "Segoe UI", "Helvetica Neue", Arial, -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
    position: relative;
    padding: 8px 1.2% 24px 1.2%;
    border-radius: 6px;
    max-width: 1000px;  
    margin: auto;
    background-color: var(--colorC1);
 }


.qydynamicchart-preview {
   font-family: Roboto, "Segoe UI", "Helvetica Neue", Arial, -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
   padding: 8px 1.2% 24px 1.2%;
   border-radius: 6px;
   margin: auto;
   text-align: center;
   /* background-color: var(--colorC1); */
}
.qydynamicchart-preview .data-preview-filters{
   display: flex; 
   flex-wrap: wrap;
   /* justify-content: center; */
}
.qydynamicchart-preview .banner{ 
   margin-top: 4px;
   margin-bottom: 4px;
}
.qydynamicchart-preview .banner,
.qydynamicchart-preview .data-preview-filters{  
    margin: auto;
    text-align: center; 
}

.qydynamicchart-preview .data-preview-filters{ 
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 16px;
}

.qydynamicchart-preview  .data-preview{
   margin-bottom: 0px;
}


.qydynamicchart-preview  .pagination-container{
   padding: 8px 24px 8px 28px;
   margin-top: 8px;
   background-color: white; 
   border-radius: 6px;
 
}

 .qydynamicchart-header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: 4px solid rgba(153, 174, 179, 0.1);
 }

 .qydynamicchart-header .textheader {
   font-size: 32px;
   font-weight: 600;
   text-align: center;
   background-color: var(--colorC1);
}




/* ---- Chart Entries ---- */

.qydynamicchart-frame {
   /*margin: 0px auto;*/
   /*width: 100%;*/
   flex: 100%;
   display: flex;
   align-items: stretch;
   padding: 2px;
}


.qydynamicchart-row {
    display: flex;
    flex-direction: row;
    /* margin-top: 16px;*/
    /* align-items: flex-start; */
    justify-content: space-between;
}


.qydynamicchart-col {
   display: flex;
   flex: 100%;
   flex-direction: column;
   margin: 2px 4px;
   /*background-color: lightblue;*/
   justify-content: space-between;
}


.qydynamicchart-col .entryquestion-box {
   font-weight: 600;
   font-size: 1rem;
   /*display: flex;
   align-items: center;
   border: 1px solid #7918ef;
   background-color: lightblue;*/
}

.qydynamicchart-col .entry-box {
   /*font-weight: 600;
   font-size: 1rem;
   isplay: flex;
   align-items: center;
   border: 1px solid #7918ef;
   background-color: lightblue;*/
   border-bottom: 1px solid var(--borderLineBL1_Color);
}