﻿/*  ================== 
    Summary Styling
    ==================  */

.tableTdHeader {
    color: #007bc7 !important;
}

.tableTdHeader-x h2 {
    color: black;
    margin: 12px 0 0px 0;
    font-size: 1.50rem;
    font-weight: normal;
}

div.tfsummarycontainer {
    width: calc(110.193% - 30px);
}

.SamenvattingLinksPassive {
    float: left;
    position: relative;
    width: 40%;
    margin-right: 0px;
    font-weight: 700;
}

.SamenvattingLinks {
    background-color: #e6e6e6;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
	font-size: 1.26562rem;
	padding: 8px !important;
    padding-left: 15px !important;
}

.SamenvattingRechtsPassive {
    float: left; 
    position: relative;
    width: 60%;
    margin-right: 0px;
}

    .SamenvattingRechtsPassive img {
        max-width: 100%;
    }

.SamenvattingRechts {
    background-color: #f3f3f3;
    border-bottom: 1px solid #fff;
    margin-right: -33px;
    font-size: 1.26562rem;
	padding: 8px !important;
    padding-left: 15px !important;
}

.Samenvattingcolumn1 {
    background-color: #e6e6e6;
    padding: 10px !important;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    width: 247px !important;
    color: #000000;
    font-weight: bold !important;
    font-size: inherit !important;
    vertical-align: top;
    line-height: 1.5em !important;
    word-break: break-word;
    font-size: 1.26562rem;
}

.Samenvattingcolumn1Tree {
    background-color: #e6e6e6;
    padding: 10px !important;
    width: 37.5%;
    color: #000000;
    font-weight: bold !important;
    font-size: inherit !important;
    vertical-align: top;
    line-height: 1.5em !important;
}

.Samenvattingcolumn1TreeSub {
    background-color: #e6e6e6;
    padding: 10px !important;
    width: 37.5%;
    color: #000000;
    font-weight: bold !important;
    font-size: inherit !important;
    vertical-align: top;
    line-height: 1.5em !important;
}

.Samenvattingcolumn2 {
    background-color: #f3f3f3;
    padding: 10px !important;
    border-bottom: 2px solid #fff !important;
    width: 247px !important;
    font-size: inherit !important;
    color: #000000;
    vertical-align: top;
    vertical-align: top;
    line-height: 1.5em !important;
    word-break: break-word;
    font-size: 1.26562rem;
}

.Samenvattingcolumn2Tree {
    background-color: #f3f3f3;
    padding: 10px !important;
    border: 2px solid #fff;
    width: 62.5%;
    font-size: inherit !important;
    color: #000000;
    vertical-align: top;
    vertical-align: top;
    line-height: 1.5em !important;
}

.Samenvattingcolumn2TreeSub {
    padding: 10px !important;
    padding-left: 30px !important;
    background-color: #f3f3f3;
    border: 2px solid #fff;
    width: 62.5%;
    font-size: inherit !important;
    color: #000000;
    vertical-align: top;
    vertical-align: top;
    line-height: 1.5em !important;
}

/* Vraag is of dit met lists en listitems wordt toegepast op dit moment */
.SamenvattingRechts ul {
    margin-top: 0px;
    margin-bottom: -5px;
    margin-left: -40px;
    margin-right: -7px;
    list-style-type: none;
}

.SamenvattingRechts li {
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
}

    .SamenvattingRechts li:first-child {
        padding-top: 0px;
    }

.listView span.listUnderLine {
    display: block;
    width: 100%;
}

.SamenvattingRechts li:last-child, .listView .listUnderLine {
    /* border-bottom: 1px solid #fff; */
    border-bottom: none;
}

.SamenvattingcolumnWhiteSpace {
    height: 0px !important;
}