﻿
/****************************************************************/
/*                      Content                                  */
/****************************************************************/
.content-right-zero{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: white;
}

.block-select{
    display: block;
    border: 1px solid silver;
    padding: 4px;
    margin: 4px;
    cursor: pointer;
    min-height: 20px;
}

.block-select:before {
    padding-right: 8px;
}

/****************************************************************/
/*                      ContentTable                            */
/****************************************************************/
.content-header{
    border-top: 1px solid rgb(135,140,146);
    border-left: 1px solid rgb(135,140,146);
    height: 24px;
    display: grid;
    width: calc(100% - 1px);
    background-color: rgb(223,227,232);
    overflow-y: scroll;
}
.content-header>*{
    border-right: 1px solid rgb(135,140,146);
    border-bottom: 1px solid rgb(135,140,146);
    padding: 3px 0px 0px 3px;
    overflow: hidden;
}

.content-body {
    border-top: 1px solid silver;
    overflow-y: scroll;
    display: grid;
    height: 99%;
    align-content: start;
}

.content-right .content-body
{
    max-height: calc(100vh - 156px);
    height: calc(100vh - 156px);
    grid-auto-rows444: 28px;
}



.content-body .select{
    background-color: rgb(183,219,255) !important;
}


.content-body>*{
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 6px 4px 6px 2px;
}

.col-2>*:nth-child(4n+1),
.col-2>*:nth-child(4n+2)
{
    background-color: #F4F4F4;
}

.col-3>*:nth-child(6n+1),
.col-3>*:nth-child(6n+2),
.col-3>*:nth-child(6n+3)
{
    background-color: #F4F4F4;
}

.col-4>*:nth-child(8n+1),
.col-4>*:nth-child(8n+2),
.col-4>*:nth-child(8n+3),
.col-4>*:nth-child(8n+4)
{
    background-color: #F4F4F4;
}

.col-5>*:nth-child(10n+1),
.col-5>*:nth-child(10n+2),
.col-5>*:nth-child(10n+3),
.col-5>*:nth-child(10n+4),
.col-5>*:nth-child(10n+5)
{
    background-color: #F4F4F4;
}


.col-6 > *:nth-child(12n+1),
.col-6 > *:nth-child(12n+2),
.col-6 > *:nth-child(12n+3),
.col-6 > *:nth-child(12n+4),
.col-6 > *:nth-child(12n+5),
.col-6 > *:nth-child(12n+6) {
    background-color: #F4F4F4;
}
