.GridviewTable {
    /* font, table border and table margins here */
    font-family: aktiv-grotesk, sans-serif !important;
    font-size: 11pt;
    margin: 10px 0px 0px 0px;
    color: #4b4b4b;
    border: 0px solid #d0d0d0;
    line-height: 15px;
}

    .GridviewTable th {
        /* you don't need to use HeaderStyle-CssClass
    Just use the <th> element of the Gridview's overall
    CSSClass */
        background: #cccccc;
        color: #666666;
        font-size: 11pt;
        /*border-bottom: solid thin black;*/
        padding-top: 14px;
        padding-bottom: 8px;
        padding-left: 18px;
        padding-right: 18px;
        border: 0px;
        border-left: 0px solid #d0d0d0;
    }

    .GridviewTable td {
        padding-top: 10px;
        padding-bottom: 8px;
        padding-left: 18px;
        padding-right: 18px;
        border: 0px;
        border: 0px solid #d0d0d0;
        vertical-align: middle;
    }

    .GridviewTable .gridviewTdMedButton {
        padding-top: 5px;
        padding-bottom: 5px;
        vertical-align: middle;
    }

    .GridviewTable tr {
        /* any color or background-color set here will override
    the .AlternatingRow property so it's best not to use it
    if you want alternating rows to be different */
        background-color: #ffffff; /*light gray*/
    }

.headerStyle {
    /*color:#ffffff;*/
    color: #4b4b4b;
}

.GridviewTable a {
    color: White;
}

.TableRow {
    background-color: /*#f5f5f5;*/
}

.AlternatingRow {
    background-color: #efefef !important; /*light gray*/
}

.EditRow {
}

#content .headerStyle a {
    color: #4b4b4b !important;
}

    #content .headerStyle a:hover {
        color: #000000 !important;
    }

.Footer {
}

.PagerRow {
    color: #cccccc;
    background-color: #4b4b4b;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .PagerRow td {
        padding-top: 2px;
        padding-bottom: 2px;
    }

#content .PagerRow a {
    color: #ffffff;
}

#content .GridviewTable a {
    color: #4b4b4b;
}

    #content .GridviewTable a:hover {
        color: #000000;
    }

/*Her tilføjes CSS-regler for ting, der ligger i CSS-mappen i roden, og hvor ændringer dermed ville få konsekvens for alle stylesheets i AvenX*/

/*FOLDING PANELS*/

.foldingPanel {
    border: 0px solid #999 !important;
    margin: 5px 0 10px 0;
    width: 800px !important;
}

.foldingPanelHeader {
    background: #cccccc !important;
    height: 20px;
    cursor: pointer;
    padding: 10px 0 2px 5px !important;
    font-weight: 400 !important;
    font-family: aktiv-grotesk, 'Sans Serif' !important;
    font-size: 14px !important;
    color: #004677;
}

    .foldingPanelHeader::before {
        /* content: url(../images/FoldingPanelExpandBlack.png);*/
        content: url(Image/foldepil1.png) !important;
        margin-right: 5px;
    }

.foldingPanel.collapsed .foldingPanelHeader::before {
    /*content: url(../images/FoldingPanelCollapseBlack.png);*/
    content: url(Image/foldepil2.png) !important;
}

.foldingPanel.collapsed .foldingPanelHeader {
    font-weight: 400 !important;
}

.foldingPanelBody {
    border-top: 0px solid #999 !important;
    background-color: #ffffff !important;
    border-radius: 0 0 0px 0px !important;
    font-family: aktiv-grotesk, 'Sans Serif' !important;
    font-size: 20px !important;
    color: #004677 !important;
}

    .foldingPanelBody a {
        font-family: aktiv-grotesk, 'Sans Serif' !important;
        font-size: 14px !important;
        color: #4b4b4b !important;
        font-weight: 400 !important;
        line-height: 10px !important;
    }

.divTable {
    display: table;
    max-width: 800px !important;
}

    .divTable .divRow {
        display: table-row;
    }

        .divTable .divRow .divCell {
            display: table-cell;
            padding: 3px 5px 3px 8px !important;
            font-weight: 500;
            height: 0;
            word-break: break-all;
        }


        .divTable .divRow:hover {
            background: none repeat scroll 0 0 #e0e7f1 !important;
        }


        .divTable .divRow .divCell:nth-child(1) {
            width: 700px !important;
            padding-top: 10px !important;
            line-height: 25px !important;
        }

        .divTable .divRow .divCell:nth-child(2) {
            width: 80px !important;
        }

        .divTable .divRow .divCell.proev {
            color: black;
        }

    .divTable.header .divCell {
        display: table-cell;
        padding: 2px 2px 2px 3px !important;
    }

.expandAll, .collapseAll {
    border: 1px solid #999;
    width: 100px;
    cursor: pointer;
    margin: 0 5px 0 0;
    padding: 5px;
    text-align: center;
    float: left;
}

.pil.produkt {
    font-size: 14px;
}

    .pil.produkt.collapsed::before {
        content: url(Image/foldepil2.png) !important
    }

    .pil.produkt::before {
        content: url(Image/foldepil1.png) !important
    }