#_pages_content {
    height: 100%
}

.content-grid {
    display: grid;
    grid-template-columns: repeat(9, minmax(10px,1fr));
    grid-template-rows: repeat(8, minmax(10px,1fr));
    height: 100%

}


.content-sales-ban {
    grid-column: 4 / span 3; /* center of container */ 
    grid-row: 1 / 3; /* top two tracks */
   /* border: 4px solid red;*/ /* to see in develoment where the item is */
    background-color:white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
}

.content-cat-ban {
    grid-column: 2 / 5;
    grid-row: 3 / 5;
    background-color:white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;

}

.content-noncat-ban {
    grid-column: 6 / 9;
    grid-row: 3 / 5;
    background-color:white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;

}

.content-cat-table {
    grid-column: 1 / 5;
    grid-row: 5 / 9;
    background-color:white;

}

.content-noncat-table {
    grid-column: 6 / 10;
    grid-row: 5 / 9;
    background-color:white;

}

.content-ban-salesnumber {

    color: darkblue;
    font-size: 2rem;
    font-weight: 300;
    align-self: center;

}

.content-ban-salestarget {
    font-size: 1.2rem;
    font-weight: 500;
    color: darkblue;

}

.content-ban-per2target {
    font-size: 1.2rem;    
    font-weight: 500;
    color: darkblue;

}

.content-ban-label {

}


.content-ban-title {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000;
}