.565fc9e0382c7dc871be6c35542d9484d00c75f0 {
    display: block;
}
.content a {
    overflow - wrap: break - word;
    word - wrap: break - word;
    -ms - word - break: break - all;
    word - break: break - all;
    word - break: break - word;
    -ms - hyphens: auto;
    -moz - hyphens: auto;
    -webkit - hyphens: auto;
    hyphens: auto
}
.content {
    line - height: 1.5em;
    color: #333
}
.content h1, .content h2, .content h3 {
    font - weight: normal;
    color: #369
}
.content h1 {
    font - size: 1.5em;
    margin - bottom: 10px;
    line - height: 1.6em
}
.content h2 {
    font - size: 1.3em;
    margin: 25px 0 10px 0
}
.content h3 {
    font - size: 1.2em;
    margin: 25px 0 10px 0
}
.content strong {
    font - weight: bold!important
}
.content ul, .content ol {
    padding: 0 0 0 40px;
    display: block!important;
    list - style - type: disc!important;
    margin - top: 1em!important;
    margin - bottom: 1 em;
    margin - left: 0!important;
    margin - right: 0!important
}
.content ul li {
    list - style: disc!important;
    display: list - item!important
}
.content ol li {
    list - style: decimal!important;
    display: list - item!important
}
.content p {
    margin - bottom: 20px
}
.wrap - button.x - button - label {
    white - space: normal;
    text - overflow: clip;
    overflow: visible
}
html, body {
    height: 100 % ;
    background - color: #1985d0
}
#appLoadingIndicator {
    position: absolute;
    top: 50 % ;
    margin - top: -15px;
    text - align: center;
    width: 100 % ;
    height: 30px;
    -webkit - animation - name: appLoadingIndicator;
    -webkit - animation - duration: .5s;
    -webkit - animation - iteration - count: infinite;
    -webkit - animation - direction: linear
}
#appLoadingIndicator >  * {
    background - color: #fff;
    display: inline - block;
    height: 30px;
    -webkit - border - radius: 15px;
    margin: 0 5px;
    width: 30px;
    opacity: .8
}
 @ -webkit - keyframes appLoadingIndicator {
    0 % {
        opacity: .8
    }
    50 % {
        opacity: 0
    }
    100 % {
        opacity: .8
    }
}
 < !--Hieronder eigen stylesheet-- > .logo {
    width: 100 %
}
.logo img {
    width: 99 %
}
.list - item - title {
    font - weight: bold;
    float: left;
    width: 100 % ;
    font - size: 90 % ;
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis
}
.list - item - intro {
    color: #666;
    font - size: 80 % ;
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis
}
.list - item - projectnr {
    font - weight: bold;
    width: 100 % ;
    font - size: 90 % ;
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis
}
.list - item - projectnaam {
    width: 100 % ;
    color: #666;
    font - size: 80 % ;
    white - space: nowrap;
    overflow: hidden;
    text - overflow: ellipsis
}
.x - item - selected.list - item - title {
    color: #fff
}
.x - item - selected.list - item - intro {
    color: #fff
}
.x - item - selected.list - item - projectnaam {
    color: #fff
}
.nieuwsartikel {
    padding: 5px
}
.nieuwsartikel div.tekst {
    font - size: 100 % ;
    font - style: normal;
    font - weight: normal
}
.nieuwsartikel h1 {
    font - size: 120 % ;
    margin - bottom: 20px;
    font - weight: bold
}
.nieuwsartikel {
    font - size: 100 %
}
div.nieuws - pubdatum {
    font - style: italic;
    margin - bottom: 10px
}
.settings {
    padding: 5px
}
.settings p {
    margin: 0;
    padding: 0;
    font - size: .6em;
    color: #666
}
.settings h4 {
    margin: 0;
    padding: 0;
    font - size: .8em;
    margin - bottom: 5px
}
div.verlof ul {
    list - style: none;
    width: 100 % ;
    clear: both;
    margin: 0;
    padding: 0;
    overflow: hidden;
    white - space: nowrap;
    text - overflow: ellipsis
}
div.verlof ul li {
    list - style: none;
    float: left
}
div.verlof ul li: nth - child(1) {
    width: 30px
}
div.verlof ul li: nth - child(2) {
    width: 80px
}
div.verlof ul li: nth - child(3) {
    width: 70px;
    padding - right: 10px
}
div.verlof ul li: nth - child(4) {
    width: 100px
}
div.verlof div.totaal {
    margin - top: 5px
}
div.verlof div.totaal p {
    margin: 0;
    font - weight: bold
}
div.bestelnummer {
    font: Verdana,
    Geneva,
    sans - serif bold 60px;
    width: 200px;
    background - color: #069;
    -moz - border - radius: 5px;
    border - radius: 10px;
    color: #FFF;
    padding: 30px
}
.rotate90 {
    -webkit - transform: rotate(90deg)
}
.rotate180 {
    -webkit - transform: rotate(180deg)
}
.rotate270 {
    -webkit - transform: rotate(270deg)
}
.rotate360 {
    -webkit - transform: rotate(360deg)
}
.inspectievragen {
    padding: 10px;
    font - weight: bold;
    color: #333;
    font - size: 80 % ;
    border - bottom: 1px solid #e0e0e0
}
.checklistvragen {
    padding: 5px;
    font - weight: bold;
    color: #333;
    font - size: 80 % ;
    border - bottom: 1px solid #e0e0e0
}
.opleverrapportvragen {
    padding: 10px;
    font - weight: bold;
    color: #333;
    font - size: 80 % ;
    border - bottom: 1px solid #e0e0e0
}
.inspectievragen2 {
    padding: 10px;
    color: #333;
    font - size: 100 % ;
    border - bottom: 1px solid #e0e0e0
}
.controlevragen {
    padding: 10px;
    font - weight: bold;
    color: #333;
    font - size: 100 % ;
    border - bottom: 1px solid #e0e0e0
}
.belangrijk {
    padding: 10px;
    font - weight: bold;
    font - size: 80 % ;
    border - bottom: 1px solid #e0e0e0;
    color: #F00;
    font - weight: bold
}
.button_pressed {
    color: #FFF!important;
    background: #06C!important
}
.msg_floating {
    position: absolute!important;
    z - index: 10001!important
}
.versie {
    font - size: .7em;
    color: #FFF
}
.textfield - elipsis {
    white - space: nowrap!important;
    overflow: hidden!important;
    text - overflow: ellipsis!important
}
span.telefoon {
    float: left;
    margin: -32px 5px 0 10px;
    padding: 0;
    position: absolute
}
span.telefoon a, span.telefoon a: visited {
    text - decoration: none!important;
    color: #000!important
}
.x - field.checklistkop input {
    font - weight: bold;
    background - color: #eee;
    padding - left: 10px
}
.checklistkop {
    background - color: #000!important
}
.checklistkop.x - form - label span {
    color: #FFF
}
.labelAfbeelding {
    padding: 10px;
    font - weight: bold;
    color: #333;
    font - size: 80 % ;
    border - bottom: 1px solid #e0e0e0;
    background - color: #f8f8f8
}
.TEXT {
    font - size: 36px!important
}
.x - input - el {
    -webkit - text - fill - color: initial!important
}
table.declaratie {
    font - size: .8em
}
table.declaratie thead tr th {
    font - weight: bold
}
table.declaratie thead tr th {
    background - color: #CCC
}
table.declaratie tr td {
    vertical - align: top
}
table.declaratie td.bedrag {
    text - align: right
}
.x - list - label - area {
    height: 100 % ;
    white - space: pre - wrap!important
}
.inputLabel {
    background - color: #f0f0f0!important
}
.togglejanee.x - component - outer {
    margin: 2px;
    top: 2px
}
.togglejanee.x - toggle - on {
    background - image: none
}
.togglejanee.x - toggle - on: before {
    position: absolute;
    content: 'Ja';
    font - size: 1em;
    font - weight: bold;
    font - family: Arial,
    Helvetica,
    sans - serif;
    letter - spacing:  - .05em;
    color: #fff;
    left: .9em;
    top: .48em
}
.togglejanee.x - toggle - off {
    background - color: #fff!important;
    background - image: none
}
.togglejanee.x - toggle - off: before {
    position: absolute;
    content: 'Nee';
    font - size: 1em;
    font - weight: bold;
    font - family: Arial,
    Helvetica,
    sans - serif;
    letter - spacing:  - .05em;
    color: #999;
    left: 2.1em;
    top: .48em
}
.error div.x - component - outer, .error div.x - segmentedbutton - inner, .error div.x - dock - body {
    border: 1px solid #F00
}
.pdficon {
    display: block;
    line - height: 50px;
    width: 50px;
    height: 50px;
    background: url(.. / images / pdf.png);
    float: left;
    margin: 10px
}
.kennisBankTarief {
    font - size: .8em;
    color: #333
}
.nieuwsPanel {
    text - align: left
}
.nieuwsPanel img {
    width: 100 % ;
    max - width: 768px
}
.nieuwsPanel.content {
    padding: 10px
}
.nieuws - artikel img {
    margin - left: -10px;
    width: 106 % !important
}
.nieuws - phone img {
    max - width: 80px;
    height: 60px!important;
    width: auto;
    padding: 0
}
.nieuws - phone.list - item - titel {
    font: Verdana,
    Geneva,
    sans - serif;
    font - weight: normal
}
.nieuws - pubdatum {
    font - size: .7em;
    color: #666
}
ul.nieuws - list - item {
    list - style: none;
    clear: both;
    min - height: 42px
}
ul.nieuws - list - item li {
    float: left
}
.clear {
    clear: both
}
 @ media only screen and(min - device - width: 768px)and(max - device - width: 1024px)and(orientation: landscape)and(-webkit - min - device - pixel - ratio: 1) {
    .nieuwsPanel img {
        width: 50 % !important
    }
}