@font-face {font-family: Century Gothic;src: url('Century Gothic.ttf');}.black {color: black !important;}.background-grey {background-color: rgb(217,217,217) !important;}body {padding-top: 50px;padding-bottom: 20px;}.body-content {padding-left: 15px;padding-right: 15px;}.red {color: red;}.green {color: green;}.graphsbody .navbar-image-container {display: none;}.wellgraphsbody .navbar {background-color: #EDF2F3;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}.detailedwellgraphsbody .navbar {background-color: #EDF2F3;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}.wellgraphsbody .navbar-image-container {display: none;}.navbar {background-color: white;}.navbar-inverse {border: none;border-top: 2px solid rgb(100,158,155);}.navbar-inverse .navbar-link {color: white !important;}.navbar-brand {color: white !important }.black {color: black !important;}.white {color: white !important;}@media (max-width: 991px) {.navbar-header {float: none;}.navbar-inverse .navbar-toggle .icon-bar {background-color: black;}.navbar-left, .navbar-right {float: none !important;}.navbar-toggle {display: block;border: 2px solid black !important;}.navbar-toggle:focus {background: none !important;}.navbar-toggle:hover {background: none !important;}.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}.navbar-fixed-top {top: 0;border-width: 0 0 1px;}.navbar-collapse.collapse {display: none !important;}.navbar-nav {float: none !important;margin-top: 7.5px;}.navbar-nav > li {float: none;}.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;}.collapse.in {display: block !important;}}@media(max-width:1470) {}html.homepage h1 {color: #07589B;font-weight: bold;font-size: 42px;font-family: "Arial";}html.homepage h2 {color: black;font-size: 24px;font-family: 'Source Sans Pro', sans-serif;font-weight: 300;}html.homepage h3 {font-family: 'Source Sans Pro', sans-serif;font-size: 40px;font-weight: bold;}html.homepage p {color: black;font-size: 24px;font-family: 'Source Sans Pro', sans-serif;font-weight: 300;}.SourceSansPro300 {font-family: 'Source Sans Pro', sans-serif;font-weight: 300;font-size: 18px;}.home-box {background-color: rgb(100,158,155);position: relative;border: 1px solid white;box-shadow: 2px 0px 2px 1px grey;height: 175px;}.home-box-content {color:white;position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 50%;margin: auto;}.home-box-image {margin-left: 10px;max-height: 86.5px;max-width: 86.5px;}#topoftext {padding-top: 60px;}html.contactpage h1 {color: #07589B;font-weight: bold;font-size: 36px;font-family: "Arial";}html.contactpage h3 {font-family: "Arial";font-size: 20px;}html.contactpage p {font-family: "Arial";font-size: 17px;}html.contactpage .colofonlist li {margin-top: 10px;}#charts {text-align: center;width: 100%;margin-top: 50px;display: none;}#chartsRow1 {display: flex;margin-bottom: 50px;margin-left: -115px;margin-top: 100px;}#chartsRow2 {display: flex;margin-left: -115px;}.greyPieChart {position: relative;height: 250px;width: 250px;background-color: #DBDBDB;border-radius: 50%;text-align: center;}.coloredPieChart {position: absolute;text-align: center;border-radius: 50%;border: 3px solid black;}.referencePieChart {position: absolute;background-color: transparent;border-radius: 50%;border: 4px dotted black;}#chart1 {flex: 1;min-width: 250px;max-width: 250px;text-align: center;}#fillerdiv {position: relative;min-width: 60px;}#chart2 {flex: 2;min-width: 250px;max-width: 250px;}#chart3 {flex: 3;min-width: 250px;max-width: 250px;}#BSIchartContainer {flex: 4;min-height: 350px;min-width: 400px;border-radius: 12px;border: 2px solid #07589B;margin-top: -20px;margin-left: 100px;}#chartBSI {position: absolute;min-width: 250px;max-width: 250px;margin-top: 18px;margin-left: 75px;}#graphNameBSI {margin-top: 16px;margin-left: -75px;width: 400px;}#prodChartContainer {flex: 4;min-height: 350px;min-width: 400px;border-radius: 12px;border: 2px solid #07589B;margin-top: -20px;margin-left: 100px;}#chartProd {position: absolute;min-width: 250px;max-width: 250px;margin-top: 18px;margin-left: 75px;}#graphNameProd {margin-top: 16px;margin-left: -75px;width: 400px;}#chart4 {flex: 1;min-width: 250px;max-width: 250px;}#chart5 {flex: 2;min-width: 250px;max-width: 250px;}#chartControl {flex: 3;min-width: 250px;max-width: 250px;}.myDonutChart {position: absolute;left: -100%;top: -102%;}.chartPercentage {position: relative;margin-top: 80%;font-size: 28px;}.graphName {margin-top: 20px;font-size: 24px;color: #07589B;}#title {color: #07589B;}#title2 {color: #07589B;margin-left: -115px;}.risicofactoren {text-align: left;position: absolute;width: 40%;right: 10%;bottom: 0;color: #07589B;margin-bottom: 50px;}.risicofactorTitle {padding-left: 10px;font-size: 24px;font-weight: bold;}.risicofactor1 {background-color: #a2adbf;padding-left: 10px;border-top: 3px solid black;border-bottom: 3px solid black;padding-top: 3px;padding-bottom: 3px;}.risicofactor2 {padding-left: 10px;background-color: #a2adbf;border-bottom: 3px solid black;padding-top: 3px;padding-bottom: 3px;}#graphNameControl {width: 300px;margin-left: -25px;}.triangle {width: 0px;height: 0px;border-top: 40px solid transparent;border-right: 40px solid transparent;border-bottom: 40px solid transparent;border-left: 40px solid #F69672;margin-left: -17px;margin-right: -88px;margin-top: 10%;}.lefttriangle {width: 0px;height: 0px;border-top: 40px solid transparent;border-right: 40px solid #F69672;border-bottom: 40px solid transparent;border-left: 40px solid transparent;margin-left: -17px;margin-right: -88px;margin-top: 10%;}.conclusionTable {border: 4px solid #F69672;border-top: 2px solid black;min-width: 100%;}.conclusionTable caption {padding-left: 8px;padding-top: 4px;padding-bottom: 4px;font-size: 24px;font-weight: bold;color: white;background-color: #F69672;overflow: no-display;}.conclusionTable tr td {font-size: 18px;border-top: 2px solid black;background-color: white;}@media (max-width:1400px) {.conclusionTable {min-width: 100% !important;}#table1 {margin-left: 0px !important;}}#table1 tr td {height: 33px;padding-left: 10px;font-weight: bold;}#table2 tr td {height: 66px;padding-left: 10px;font-weight: bold;}.dropdown:hover .dropdown-menu {display: block;}.dropdown-menu li a {color: black !important;}.dropdown-menu {left: 0 !important;border-top: 1px solid rgb(100,158,155);text-align: left;}.navigationbuttons {margin-top: 15%;}.navigationbuttons .col-md-12 {text-align: center;height: 200px;border: 1px solid #cccccc;margin-top: 5%;background-color: #fafafa;color: black;}.navigationbuttons .col-md-12:hover {box-shadow: 5px 10px 15px #E8E8E8;transition: 0.2s;}.navigationbuttons .nohover:hover {box-shadow: none;transition: 0.2s;}.navigationtext {margin-top: 75px;}#conclusiebutton {padding-top: 30px;float: left;margin-left: -115px }@media (max-width:1375px) {#chartsRow1 {margin-left: 0;}#chartsRow2 {margin-left: 0;}#title {margin-left: 0;}#title2 {margin-left: 0;}#conclusiebutton {margin-left: 0;}}html.manageindex a {text-decoration: none }@media (max-width:1500px) {html.manageindex .body-content {padding-left: 50px !important;padding-right: 50px !important;}}@media (max-width:300px) {html.manageindex .body-content {padding-left: 5px !important;padding-right: 5px !important;}}@media (max-width:1370px) {#title {margin-left: 0px;}}@media (max-width:991px) {.conclusie .triangle {visibility: hidden !important;}}#chartDetailed {position: absolute;top: 10%;bottom: 0;left: 0;right: 0;margin: auto;}#noComplaintsText {text-align: center;position: absolute;top: 30%;left: 0;right: 0;visibility: hidden;}#loader {border: 4px solid #92D050;border-radius: 50%;border-top: 4px solid #F69672;border-bottom: 4px solid #D3ECB9;border-left: 4px solid #FFD77D;width: 20px;height: 20px;-webkit-animation: spin 2s linear infinite;-moz-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}#biggerloader {border: 10px solid #92D050;border-radius: 50%;border-top: 10px solid #F69672;border-bottom: 10px solid #D3ECB9;border-left: 10px solid #FFD77D;width: 60px;height: 60px;-webkit-animation: spin 2s linear infinite;-moz-animation: spin 2s linear infinite;animation: spin 2s linear infinite;margin-top: -40px;margin-left: -25px;left: 50%;top: 50%;opacity: 0.7;}@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.myButton {background-color: #07589B;padding: 5px;border: none;color: white;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;}.myButton:hover {color: white;text-decoration: none;}.myButton:active {color: white;text-decoration: none;}.myButton:focus {color: white;text-decoration: none;}.scoretext {font-size: 40px;color: #07589B;}.progress-bar-info {background-color: transparent;border-color: transparent;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}.circle {position: relative;border-radius: 50%;color: black;background-color: black;width: 10px;height: 10px;top: 50%;left: 99%;}.scoretriangle {left: 99%;position: relative;margin-top: -22px;margin-bottom: -20px;width: 0px;height: 0px;border-top: 20px solid black;border-right: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid transparent;}.detailTable dt {float: left;width: 200px;overflow: hidden;clear: left;text-align: left;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid black;}.detailTable dd {padding-left: 10px;border-bottom: 1px solid black;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.detailTable dd span {vertical-align: text-top }.indexTable span {vertical-align: text-top }.score-bar {margin-top: 100px;background-image: linear-gradient(to right, #F69672 10%, #FFD77D 25%, #D3ECB9 65%, #92D050 95%);border: 2px solid black;border-radius: 0%;}.progress-bar {width: 0px;transition: width 1s;}.delete-orientation {color: red;border: none;background-color: transparent;margin-top: -28px;float: right;}.add-orientation {color: green;border: none;background-color: transparent;}.delete-question {color: red;border: none;background-color: transparent;}.square {height: 40px;width: 40px;border: 1px solid black;}.dottedline {width: 40px;height: 40px;padding-bottom: 18px;border: 4px dotted black;border-radius: 50%;}.solidline {width: 40px;height: 40px;padding-bottom: 18px;border: 4px solid black;border-radius: 50%;}.modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}.modal-content {background-color: #fefefe;margin: 10% auto;padding: 20px;border: 1px solid #888;width: 80%;}.close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}.close:hover, .close:focus {color: black;text-decoration: none;cursor: pointer;}.PDFup {color: black;}.home-header {margin-top: 35vh;margin-bottom: 60vh;}.hoe-header {margin-bottom: 50vh;}.homebackground {background-image: linear-gradient(90deg, rgba(255,242,204,0.5) 0%, rgba(255,242,204,0.3) 50%, rgba(255,242,204,0.05) 100%), url(../images/homepageimage.png);height: 100%;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;display: block;position: absolute;top: 0;left: 0;margin: auto;}.hoebackground {background-image: linear-gradient(90deg, rgba(255,217,102,0.5) 0%, rgba(255,217,102,0.3) 50%, rgba(255,217,102,0.05) 100%), url(../images/WELL-Building.jpg);height: 50%;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;display: block;position: absolute;top: 0;left: 0;margin: auto;}.contactbackground {background-image: linear-gradient(90deg, rgba(255,217,102,0.5) 0%, rgba(255,217,102,0.3) 50%, rgba(255,217,102,0.05) 100%), url(../images/contactpageimage.jpg);height: 50%;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;display: block;position: absolute;top: 0;left: 0;margin: auto;}.loginbackground {background-image: linear-gradient(90deg, rgba(255,217,102,0.5) 0%, rgba(255,217,102,0.3) 50%, rgba(255,217,102,0.05) 100%), url(../images/loginpageimage.jpg);height: 100%;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;display: block;position: absolute;top: 0;left: 0;margin: auto;}.home-header-text-center {font-family: 'Source Sans Pro', sans-serif;padding: 50px 50px 50px 50px;font-weight: 300;color: white;position: absolute;top: 60%;left: 50%;font-size: 10vh;transform: translate(-50%, -50%);padding-left: -100px;background-image: radial-gradient( rgba(200, 152, 0, 0.3) 40%, rgba(255, 217, 102, 0.03) 80%);}@media (max-width:991px) {.home-header-text-center {line-height: 1.1;}.home-header-text-left {padding: 20px 50px 50px 15px !important;left: 2% !important;}}.home-header-text-left {font-family: 'Source Sans Pro', sans-serif;padding: 20px 50px 50px 50px;font-weight: 300;position: absolute;top: 3%;left: 0;color: white;font-size: 5vh;line-height: 1.2em;background-image: radial-gradient( rgba(200, 152, 0, 0.3) 40%, rgba(255, 217, 102, 0.03) 80%);}@media (max-width: 500px) {.home-header-text-left {font-size: 5vh;}}.home-header-images-left {position: absolute;bottom: 30px;left: 2%;width: 100px;}.home-header-images-left2 {position: absolute;bottom: 30px;left: 180px;width: 100px;}@media (max-width:991px) {.home-header-images-left {position: absolute;bottom: 30px;left: 2%;width: 12%;}.home-header-images-left2 {position: absolute;bottom: 30px;left: 18%;width: 12%;}.navbar li {border-right: none !important;}}.home-header-image-center {position: absolute;top: 92%;left: 50%;transform: translate(-50%, -50%);max-height: 10%;}.navbar-collapse {text-align: right;}.dropdown {text-align: right;}.navbar {font-size: 20px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}.hoe-header-image-left {padding-right: 0px;max-height: 122px;max-width: 200px;margin-top: -27px;}.hoe-header-text-left {font-family: 'Source Sans Pro', sans-serif;position: absolute;bottom: 0;left: 0%;font-weight: 300;font-size: 7vh;color: white;width: 100%;}.navbar-image-container {visibility:hidden;height: 125px;width: 125px;position: absolute;margin-left: 20px;margin-top: 10px;background-color: white;overflow: hidden;text-align: center;border: 1px solid black;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}.navbar-image {position: relative;top:10%;height: 80%;width: auto;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;vertical-align: middle;}.login-header-text-center {font-family: 'Source Sans Pro', sans-serif;font-weight: 300;color: white;position: absolute;width: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(255, 255, 255, 0.8);}.dropbtn {background-color: #07589B;color: white;padding: 16px;font-size: 16px;border: none;}.dropdown {position: relative;display: inline-block;}.dropdown-content {padding: 5px;display: none;position: absolute;background-color: #f1f1f1;min-width: 300px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}.dropdown-content a:hover {background-color: #ddd;}.home-header-text-center a {color: white;}.home-header-text-center a:hover {color: white;text-decoration: none;}.home-header-text-center a:active {color: white;text-decoration: none;}.home-header-text-center a:focus {color: white;text-decoration: none;}.hoewattriangle1 {top: 60%;position: fixed;width: 0px;height: 0px;border-top: 40px solid transparent;border-right: 40px solid transparent;border-bottom: 40px solid transparent;border-left: 60px solid grey;right: 0;}.hoewatlefttriangle1 {top:60%;position: fixed;width: 0px;height: 0px;border-top: 40px solid transparent;border-right: 60px solid grey;border-bottom: 40px solid transparent;border-left: 40px solid transparent;left: 0;}.hoewattriangle2 {position: absolute;width: 0px;height: 0px;border-top: 40px solid transparent;border-right: 40px solid transparent;border-bottom: 40px solid transparent;border-left: 60px solid grey;right: 10%;}.hoewatlefttriangle2 {position: absolute;width: 0px;height: 0px;border-top: 40px solid transparent;border-right: 60px solid grey;border-bottom: 40px solid transparent;border-left: 40px solid transparent;left: 10%;}.moretriangles {display: none;}@media (max-width:1370px) {.hoewattriangle1 {display: none;}.hoewatlefttriangle1 {display: none;}.moretriangles {display: block;}}.footer {padding-top: 30px;}#wellgrafiektekst {text-align: left;padding: 15px 5px 0px 15px;font-size: 20px;overflow: visible;margin-bottom: -400px;color: #07589B;}