@charset "UTF-8";

:root {
  --blue: #00468C;
  --donkergrijs: #454545;
  --gold: #CC9900;
  --silver: #EFEFEF;
  --platina: #7F7679;
  --palladium: #B7B8B6;
  --rhodium: #B4B6A6;
  --green: #00ae61;
  --black: #000a12;
  --red-negative: #F92536;
  --black-7: rgba(48, 48, 48, 0.07);
}

/* reset */
/* main variables */
.btn-group,
select.form-control {font-family: "Avenir-Medium", sans-serif;}
.btn.btn-primary, .btn.btn-warning {font-family: "Avenir-Regular", sans-serif !important; text-decoration: none !important; padding-left: 1.5em; padding-right: 1.5em;}
.btn.btn-primary:hover, .btn.btn-warning:hover {background-color: #0062cc; border-color: #0062cc;}
.btn.btn-warning {background-color: var(--gold); color: var(--white); border-color: var(--gold);}
.btn.btn-primary {background-color: var(--blue); color: var(--white); border-color: var(--blue);}
.btn-outline-primary, .btn-outline-warning {border-width: 1px !important; padding: 2px 0.75rem; text-decoration: none !important; font-family: "Avenir-Medium", sans-serif !important;}
.btn-outline-primary:hover, .btn-outline-warning:hover {color: var(--white) !important;}
.btn-outline-warning {color: var(--gold) !important; border-color: var(--gold) !important; box-shadow: inset 0px 0px 3px var(--gold);}
.btn-outline-warning:hover {background-color: var(--gold) !important;}
.btn-outline-primary {color: var(--blue) !important; border-color: var(--blue) !important;}
.btn-outline-primary:hover {background-color: var(--blue) !important;}
.btn-sm {font-size: 11px !important;}
a.form-check-label, .form-check-label a {color: inherit !important; font-family: inherit !important; font-weight: normal !important;}
.centered-block{display:flex; justify-content:center;}
.centered-block > div{display:inline-block;}

textarea,
input[type=tel],
input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=datetime-local] {
  -webkit-box-shadow: inset 0 1px 5px 0 var(--silver);
  -moz-box-shadow: inset 0 1px 5px 0 var(--silver);
  -ms-box-shadow: inset 0 1px 5px 0 var(--silver);
  -o-box-shadow: inset 0 1px 5px 0 var(--silver);
  box-shadow: inset 0 1px 5px 0 var(--silver);
  resize: none;
}
textarea::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=datetime-local]::placeholder {
  font-family: "Avenir-LightItalic", sans-serif;
}

input[type=tel] {
  font-family: "Avenir-Demi", sans-serif;
  color: var(--platina);
}

.modal-content {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:0; padding:12px 32px;}
.modal-header {position: relative; padding-bottom: unset; border-bottom: unset; font-family: "Castoro", serif, sans-serif; color: var(--blue);}
.modal-footer {padding-top: unset; border-top: unset;}
.modal-title {width: 100%; line-height: 1.25;}
.modal-body {font-family: "Avenir-Medium", sans-serif; font-size: 16px; color: var(--donkergrijs);}

button.close {width: 56px; height: 56px; padding: 17px !important; border: solid 3px var(--white); background-color: var(--gold); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; left: 27px; bottom: 27px; opacity: unset; z-index: 50; margin: -1rem -1rem auto !important;}
button.close > * {display: block; position: absolute; color: var(--white); font-size: 46px; font-family: "Castoro", serif; bottom: 7px; right: 11px;}
button.close:hover {background:#7F7679; opacity: unset !important; /*text-shadow: 1px 1px 1px var(--gray); color: var(--light); -webkit-box-shadow: 0 0 20px var(--gray) inset; -moz-box-shadow: 0 0 20px var(--gray) inset; -ms-box-shadow: 0 0 20px var(--gray) inset; -o-box-shadow: 0 0 20px var(--gray) inset; box-shadow: 0 0 20px var(--gray) inset;*/}
dialog.modal-content > .modal-header > button.close {left: 42px; bottom: 42px; background-image:url(../img/icons/x.png); background-repeat:no-repeat; background-position:50% 50%;}

.custom-checkbox {position: absolute; z-index: -1; opacity: 0;}
.custom-checkbox + label {display: inline-flex; align-items: center; user-select: none;}
.custom-checkbox + label::before {content: ""; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; border: 1px solid var(--palladium); background-color: var(--white); margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);}
.custom-checkbox:not(:disabled):not(:checked) + label:hover::before {border-color: var(--palladium);}
.custom-checkbox:not(:disabled):active + label::before {background-color: var(--platina); border-color: var(--black);}
.custom-checkbox:focus + label::before {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.custom-checkbox:focus:not(:checked) + label::before {border-color: #80bdff;}
.custom-checkbox:checked + label::before {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23074975' d='M2 2L2 18 18 18 18 2z'/%3e%3c/svg%3e"); background-size: contain;}
.custom-checkbox:disabled + label::before {background-color: #e9ecef;}
.custom-radio {position: absolute; z-index: -1; opacity: 0;}
.custom-radio + label {display: inline-flex; align-items: center; user-select: none;}
.custom-radio + label::before {content: ""; display: inline-block; width: 22px; height: 22px; flex-shrink: 0; flex-grow: 0; border: 1px solid var(--silver); border-radius: 50%; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); -o-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);}
.custom-radio:not(:disabled):not(:checked) + label:hover::before {border-color: var(--palladium);}
.custom-radio:not(:disabled):active + label::before {background-color: var(--platina); border-color: var(--black);}
.custom-radio:focus + label::before {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.custom-radio:focus:not(:checked) + label::before {border-color: #80bdff;}
.custom-radio:checked + label::before {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEUSURBVChTY2SAguTeFdynbzzKffv5W9jPX38MQWJsrCznhXg5VxmpykxeVB79FSQG1uBWPkPlyoMXG99//qb17/9/kBAcMDEyMgjwcF5TkhT2Pzox7w4jyOTtp26cevvpqxZUDVYgyMt1zUFPyYz5r7xZ8dM3HyNRzcUEv37/Ef35++9nJpCb0Z2BDYDUfPz6PYwJ5kFiwK/ffw2ZoGyiARMo6KBsgoCNlfk8EyicQUFHCIDU8HKyr2ICRQoonKHiOAEfN8c1bQXJyWCjrfMnqdx9/nbjxy/fsUYcSLGCuKD/ySmFd5hBgo9Pbn/nE5m0EBzOTIzCLExMkuysLAy8XOznxQR4Jhmryabu6cp8ycDAwAAAFltsl2ZD4bcAAAAASUVORK5CYII=");}
.custom-radio:disabled + label::before {background-color: #e9ecef;}

html {height: 100%;}
body {font-family: "Avenir-Regular", sans-serif; background-color: var(--white); height: 100%; line-height: 1.1em; position: relative; font-size: 16px; color: var(--donkergrijs); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
img {margin-top: -0.5em; margin-right: 0.3em;}
a {color: var(--blue);}
a:visited {color: var(--blue);}

.font-weight-normal {font-family: "Avenir-Medium", sans-serif; font-size: 14px;}
.font-weight-medium{font-family: "Avenir-Medium", sans-serif; font-weight:800;}
.font-weight-bold, b {font-family: "Avenir-Bold", sans-serif;}
strong {font-family: "Castoro", sans-serif; font-weight: 700;}
a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {outline: 0 !important; outline-color: transparent !important; outline-width: 0 !important; outline-style: none !important; box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important;}
.clearfix:after, .wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

@font-face {font-family: "Avenir-Bold"; src: url("/fonts/avenir/avenirnextcyr-bold.woff2");}
@font-face {font-family: "Avenir-BoldItalic"; src: url("/fonts/avenir/avenirnextcyr-bolditalic.woff2");}
@font-face {font-family: "Avenir-Demi"; src: url("/fonts/avenir/avenirnextcyr-demi.woff2");}
@font-face {font-family: "Avenir-DemiItalic"; src: url("/fonts/avenir/avenirnextcyr-demiitalic.woff2");}
@font-face {font-family: "Avenir-Heavy"; src: url("/fonts/avenir/avenirnextcyr-heavy.woff2");}
@font-face {font-family: "Avenir-HeavyItalic"; src: url("/fonts/avenir/avenirnextcyr-heavyitalic.woff2");}
@font-face {font-family: "Avenir-Italic"; src: url("/fonts/avenir/avenirnextcyr-italic.woff2");}
@font-face {font-family: "Avenir-Light"; src: url("/fonts/avenir/avenirnextcyr-light.woff2");}
@font-face {font-family: "Avenir-LightItalic"; src: url("/fonts/avenir/avenirnextcyr-lightitalic.woff2");}
@font-face {font-family: "Avenir-Medium"; src: url("/fonts/avenir/avenirnextcyr-medium.woff2");}
@font-face {font-family: "Avenir-MediumItalic"; src: url("/fonts/avenir/avenirnextcyr-mediumitalic.woff2");}
@font-face {font-family: "Avenir-Regular"; src: url("/fonts/avenir/avenirnextcyr-regular.woff2");}
@font-face {font-family: "Avenir-Thin"; src: url("/fonts/avenir/avenirnextcyr-thin.woff2");}
@font-face {font-family: "Avenir-ThinItalic"; src: url("/fonts/avenir/avenirnextcyr-thinitalic.woff2");}
@font-face {font-family: "Avenir-UltraLight"; src: url("/fonts/avenir/avenirnextcyr-ultralight.woff2");}
@font-face {font-family: "Avenir-UltraLightIt"; src: url("/fonts/avenir/avenirnextcyr-ultralightit.woff2");}
@font-face {font-family: "Castoro"; src: url("/fonts/castoro/Castoro-Italic.woff2"); font-weight: normal; font-style: italic;}
@font-face {font-family: "Castoro"; src: url("/fonts/castoro/Castoro-Regular.woff2"); font-weight: normal; font-style: normal;}
@font-face {font-family: Georgia; src: url("/fonts/georgia/georgia.woff2"); font-weight: normal; font-style: normal;}
@font-face {font-family: Georgia; src: url("/fonts/georgia/georgia-bold.woff2"); font-weight: bold; font-style: normal;}
@font-face {font-family: Georgia; src: url("/fonts/georgia/georgia-italic.woff2");font-weight: normal; font-style: italic;}
@font-face {font-family: Georgia; src: url("/fonts/georgia/georgia-bolditalic.woff2"); font-weight: bold; font-style: italic;}

/*
================================================================================
|                                    Main styles                               |
================================================================================
*/
#wrapper {max-width: 1600px; margin-left: auto; margin-right: auto; position:relative;}
#page-content-wrapper {min-width: 320px;}
#valid-msg, #error-msg{padding:.5em 0;}
#error-msg{color:#900;}

@media (min-width:1441px){
    #sidebar-wrapper{width: calc((min(100vw, 1600px) - 1440px)/2 + 166px) !important;}
    /*#sidebar-wrapper:after{content:""; display:block; background:var(--blue); position:absolute; top:0; bottom:0; left:-9999px; right:100%;}*/
    #sidebar-wrapper .list-group,
    #sidebar-wrapper .quickSettingsForm{padding-left:min(10%, calc((min(100vw, 1600px) - 1440px)/2)) !important; white-space:nowrap;}
    #page-content-wrapper{width:1274px !important; }
}

a{text-decoration: underline;}
a.bold{font-family: "Avenir-Bold", sans-serif;}
.row-fluid {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row-fluid article {padding-right: 0;}
.h2-header {font-family: Georgia, serif, sans-serif; font-size: 22px; color: var(--blue); text-transform: uppercase; text-align: center; line-height: 1.5em; margin: 1.25em auto;}

p{line-height:1.5em;}
.nowrap{white-space:nowrap !important;}
img.flag{margin:-2px 0 0 2px; vertical-align:middle;}
.noborder, .noborder td, .noborder th {border:0!important;}
.table.noborder td, .table.noborder th{border:0;}
.menu-item{background-repeat:no-repeat; padding-left: 28px; background-position:0 50%;}

.hidden{display:none !important;}
.datepicker {font-size: 14px;}
.icon-arrow-left,
.icon-arrow-right{width:16px; height:16px; display:inline-block;}
.icon-arrow-left{background:url(../img/icons/arrow/arrow-left.svg) no-repeat;}
.icon-arrow-right{background:url(../img/icons/arrow/arrow-right.svg) no-repeat;}

@media (min-width: 768px) {
    #wrapper {min-height: calc(100% - 98px);}
    #page-content-wrapper {min-width: 0; width: 100%;}
    .row-fluid {margin-right: -7px;}
}

#safeOverlayContainer{background:#fff url(../img/safe.jpg) no-repeat 50% 50%; background-size: cover; position:fixed; left:0; right:0; bottom:0; top:0; text-align:center; color: #fff; z-index:999999;}
body.loginAnimation{overflow:hidden; padding-right:17px;}

/*
================================================================================
|                                     SURVEY                                   |
================================================================================
*/

body.modal-open > :not(.modal):not(#safeOverlayContainer):not(.datepicker-dropdown){-webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);}
.surveyBreadcrumbs {position: absolute; left: 50%; transform: translate(-50%, -100%); max-width: 100%; height: auto;}
.surveyForm input.form-control-plaintext[readonly]{box-shadow: none; outline: none !important; font-family: "Avenir-Regular", sans-serif !important; font-weight:normal; color:#000;}
.surveyForm .col-form-label{font-family: Avenir-Demi, sans-serif;}
.surveyForm .editValue{font-family: "Avenir-Regular", sans-serif !important; padding:.5em 0;}
.surveyForm .form-control-sm{border: 1px solid #ced4da; border-radius: .25rem; width:100%; font-size:16px;}
.surveyForm .iti__selected-flag:hover{background: transparent !important;}
.surveyForm .error-msg{font-size:14px; color: #900; margin:4px 0 4px;}
label.customUpload {background: var(--gold) !important; color: var(--white) !important; border-color: var(--gold) !important; cursor: pointer; font-family: "Avenir-Regular", sans-serif !important; padding: .375rem 1.5rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: button;}
label.customUpload:hover{background-color: #0062cc !important; border-color: #0062cc !important; color: var(--white) !important;}

#uploadFileName{margin-left: 0.3rem; font-family: sans-serif; vertical-align:middle;}
#uploadPreviewImg{max-height:27px; height:auto; vertical-align:middle; margin-top:1px;}
#uploadFileRemoveBtn{margin-left:0.5rem; vertical-align:middle; margin-top:3px; display:inline-block;}
#uploadConfirmBtn{display:block; margin:1rem auto 0;}
.offlineDetails{margin:4px 0 4px; display:block; font-size:14px;}
.uploadError{color:#f00; margin-top:-1em;}

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
#navbar-wrapper{-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); background-color: var(--white);}
#navbar-wrapper .navbar {max-width: 1600px; margin-right: auto; margin-left: auto; }
#navbar-wrapper .navbar a.nav-link {font-family: Avenir-Medium, sans-serif; font-size: 14px; color: var(--black);}
#navbar-wrapper .navbar a.nav-link:hover {color: var(--donkergrijs);}
#navbar-wrapper .navbar .nav-item {line-height: inherit;}
#navbar-wrapper .navbar .nav-item #menu-user, #navbar-wrapper.navbar .nav-item #logout {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
#navbar-wrapper .navbar .nav-item #menu-user img:hover, #navbar-wrapper.navbar .nav-item #logout img:hover {-webkit-box-shadow: 0 0 10px 5px #dddddd; -moz-box-shadow: 0 0 10px 5px #dddddd; -ms-box-shadow: 0 0 10px 5px #dddddd; -o-box-shadow: 0 0 10px 5px #dddddd; box-shadow: 0 0 10px 5px #dddddd;}
#navbar-wrapper .navbar .nav-item{margin-left: 0.15em; margin-right: 0.15em;}
#navbar-wrapper .navbar .nav-item:first-child {margin-right: 1em;}
#navbar-wrapper .navbar .nav-item:last-child {margin-top: -1px;}
#navbar-wrapper .navbar .nav-item #menu-user img {margin-top: -5px;}
#navbar-wrapper .navbar .nav-item #menu-user img:hover {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
#navbar-wrapper .navbar .navbar-nav {flex-direction: inherit;}
#menu-img {position: relative; display: inline-block; margin-right: 1.5em; cursor: pointer; background:url(../img/logo_hollandgold_safe_def.png) no-repeat; width: 246px; height: 78px; background-size: contain}
#menu-img:after {content: ' '; display: block; background-color: var(--blue); width: 3px; height: 40px; position: absolute; right: -18px; top: 50%;transform:translate(0%, -50%);}
.head-words {font-family: Avenir-Bold, sans-serif; font-size: 14px; margin-left: 1em;}
.navbar-toggler {border: 0; padding: 0; margin: -.25em .3em 0 .4em !important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.navbar-toggler:hover {-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 7, 73, 117, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
.icon-close {background-image: none !important; vertical-align: middle; background-size: 100% 100%; position: relative; right: 1px; top: -2px; opacity: 0.7;}
.icon-close:hover {opacity: 1;}
.icon-close:before, .icon-close:after {position: absolute; left: 15px; content: " "; height: 33px; width: 2px; background-color: #333;}
.icon-close:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.icon-close:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.or-lg{display:none;}

@media screen and (max-width: 991px) {
    #menu-img{ width:97px; height:39px; margin-right: .5em;}
    .or-lg{display:block; text-align:center;}
    .or-lg span{background:#fff;padding:0 1em; z-index:1; position:relative;}
    .or-lg:before{height:1px; top: 13px; left:15px; right:15px; background:#759ab2; display:block; content:""; position:absolute;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-toggler {display: none;}
}

/*
================================================================================
|                                     Sidebar                                  |
================================================================================
*/

#sidebar-wrapper {margin-left: 0; height: inherit; width: 187px; background-color: var(--blue); padding-left: 10px; padding-right: 10px;}
#sidebar-wrapper .list-group > .list-group-item, 
#sidebar-wrapper .active {background-image: linear-gradient(var(--gold), var(--gold)); background-position: 0 100%; background-repeat: no-repeat;}
#sidebar-wrapper .active { cursor: default; background-size: 100% 2px !important;}
#sidebar-wrapper .list-group {width: 145px;}
#sidebar-wrapper .list-group > .list-group-item {background-color: var(--blue); border: none; padding-left: 0; padding-right: 0; margin-bottom: 0.5em; background-size: 0 2px;}
#sidebar-wrapper .list-group > .list-group-item:hover {background-size: 100% 2px;}
#sidebar-wrapper .list-group .list-group-item-action {font-family: Avenir-Medium, sans-serif; font-size: 14px; color: var(--white);}
#sidebar-wrapper .list-group .list-group-item-action img {margin-top: -3px; margin-right: 0.2em;}
#sidebar-wrapper a, #navbar-wrapper a{text-decoration:none;}
.quickSettingsForm {padding-left: 0; margin-left: 0;}
.quickSettingsForm > li {font-family: Avenir-Medium, sans-serif; font-size: 14px; color: var(--white); list-style-type: none;}
.quickSettingsForm > li img {margin-top: -3px; margin-right: 0.2em;}
.quickSettingsForm > li ul {padding-left: 0; margin-left: 1.5em; font-size: 12px;list-style:none;}
.quickSettingsForm select {display: inline-block; color: var(--white); background-color: var(--blue); background-image: url("/img/icons/arrow/arrow_down_white.svg"); background-position: right 60%; background-repeat: no-repeat; border: none; line-height: 1em; padding: 5px 13px 5px 7px; margin-left: -4px; -moz-appearance: none; text-indent: 0; text-overflow: unset; -ms-appearance: none; -webkit-appearance: none; appearance: none !important;}
.quickSettingsForm select > option {font-weight: normal;}
.quickSettingsForm select::-ms-expand {display: none;}
.list-group-item + .list-group-item.active {margin-top: unset; border-top-width: unset;}
.changeUnitForm{display:inline-block;}

/* sm- (<=768px) */
@media (max-width: 767px) {
  #sidebar-wrapper {display:none; position: absolute; z-index: 10; height: auto; width: auto; right: 0; border-bottom-left-radius: 5px;}
  #sidebar-wrapper.open{display:block;}
}


/*
================================================================================
|                                    Portfolio                                 |
================================================================================
*/

.portfolioContainer{display:flex; justify-content: flex-end; width:100%;}
.portfolio{width:100%; padding:0 20px 20px 0;}
.borderBox{border: solid 2px #b7b8b6; border-radius: 12px;}

.overallContainer{font-size: 14px;}
.overallContainer .storageLink{font-family: "Avenir-Demi", sans-serif; text-align:center; margin:1em 0;}
.overallInner{display:flex; flex-wrap:wrap;}
.overallHeader{margin:.25rem 0 0.75rem; padding:0;}
.overallHeader a{text-decoration:none; color:var(--donkergrijs);}
.overallHeader a.active{color: var(--blue); text-decoration:underline; font-family: "Avenir-Demi", sans-serif;}
.overallHeader a:hover{color: var(--blue); text-decoration:underline;}

.leftSide{width:45%;position:relative; padding:10px; padding-bottom:0;}
.leftSide:after{content:"";display:block;width:1px;background:#b7b8b6;position:absolute;top:33px;right:0;bottom:0;}
.leftSide .totalCurrentValue{font-family: "Avenir-Demi", sans-serif; font-size: 28px; color: var(--donkergrijs); margin-bottom:0.75rem;}
.leftSide .totalCurrentDiff{margin-bottom:2rem;}
.leftSide .totalCurrentDiff a.switch{text-decoration:none; color: var(--donkergrijs);}
.leftSide .totalCurrentDiff a.switch:hover{text-decoration:underline; color: var(--blue);}
.leftSide .diff {font-family: "Avenir-Demi", sans-serif; color: var(--green);}
.leftSide .diff b {font-size: 1.5em;}
.leftSide .diff img{padding-left:4px;  margin:-4px 0 0 0; vertical-align:middle;}
.leftSide .red-diff {color: var(--red-negative);}
.leftSide table.totalMetalValues{margin-bottom:0; width:auto; min-width:325px; /*overflow-x:auto; display:block; width:fit-content; max-width:100%;*/} 
.leftSide table.totalMetalValues th:first-child{width:125px;}
.leftSide table.totalMetalValues th,
.leftSide table.totalMetalValues td{white-space:nowrap; background:#f7f7f7; padding: .9rem .5rem;}
.leftSide table.totalMetalValues th{font-size:15px;}
.leftSide table.totalMetalValues td{text-align:center;}
.leftSide table.totalMetalValues tr:nth-of-type(even) > *{background:#fff;}
.leftSide table.totalMetalValues td:not(:first-child){border-left:2px solid #efefef !important;}
.leftSide table.totalMetalValues img{width:27px;}

.rightSide{width:55%; padding:10px; padding-bottom:0; position:relative; display:flex; flex-direction: column;}
.rightSide .overallHeader{margin-left:1.5rem;}
.rightSide .tabs-container{margin-top:auto; margin-bottom:auto;}
.rightSide .metalSelector{position:absolute; right: 10px; top: 6px; padding:10px 10px 10px 14px; background:#fff; cursor:pointer; z-index:5;}
.rightSide .metalSelector.open{border:2px solid #dbdbda; padding:8px 8px 8px 12px;}
.rightSide .metalSelector.open ul{display:block;}
.rightSide .metalSelector ul{list-style:none;margin:6px 0 0;padding:0; width:100%; display:none;}
.rightSide .metalSelector li{margin:0;padding:6px 0 0;}
.rightSide .metalSelector .title{vertical-align:middle;font-size:14px;}
.rightSide .metalSelector .title .icon{display:inline-block; margin:-2px 0 0 6px; width:9px; height:6px; background:url(../img/icons/arrow/arrow_down_black.png) no-repeat; vertical-align:middle;}
.rightSide .metalSelector.open .title .icon{background-image:url(../img/icons/arrow/arrow_up_black.png)}
.rightSide .distributionChart{display:flex; flex-wrap: no-wrap; margin:32px 12px; margin-top:auto; margin-bottom:auto;}
.rightSide .distributionChart .chartContainer{width:55%; padding-top: 55%; position: relative;}
.rightSide .distributionChart .chartContainer #distributionChart{position: absolute; top:0; left:0; bottom:0; right:0;}
.distributionChartTooltip{background:#fff !important; color: var(--black) !important; font-size:14px !important; transition:none !important;}

.rightSide .vertical-legend {font-family: "Avenir-Medium", sans-serif; font-size: 14px; color: var(--donkergrijs); display:flex; flex-direction: column; align-self: center}
.rightSide .vertical-legend li {list-style-type: none; padding-bottom: 1rem; white-space:nowrap}
.rightSide .vertical-legend img{width:24px;}
.rightSide .vertical-legend b{font-family: "Avenir-Demi", sans-serif;}

#historyGraph_rgraph_domtext_wrapper{width:100%!important;height:250px!important}
.historyTab .historyGraph{position:relative;height:auto;}
.historyTab .historyGraph canvas{width:100%;height:250px!important}
.historyTab .historyGraph .loading{position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;background:url(../img/icons/loading.gif) no-repeat 50% 50%;}
@media (max-width:575.98px){
    .rightSide .overallHeader{margin-left:.25rem;}
    .rightSide .metalSelector{position:relative;}
}
@media (min-width:992px){
    .historyTab .period-buttons{position:absolute; bottom:0;}
}
@media (max-width: 991px) {
    .rightSide .distributionChart{margin-top:1.1rem;}
}
@media (min-width:1225px) and (max-width: 1364px){
    .leftSide table.totalMetalValues{min-width:auto;}
    .rightSide .vertical-legend{padding-left:24px!important;}
}
@media (max-width:991px){
    .overallInner{flex-direction: column;}
    .leftSide{width:95%;margin:0 auto 1rem;}
    .leftSide table.totalMetalValues{width:90%;}
    .leftSide table.totalMetalValues th:first-child{width:30%;}
    .leftSide:after{content:"";display:none;width:1px;background:#b7b8b6;position:absolute;top:33px;right:0;bottom:0;}
    .rightSide{width:95%;margin:0 auto 1rem;}
    .rightSide .distributionChart{margin-bottom:0}
    .rightSide .distributionChart .chartContainer{width:50%; padding-top:50%; max-width:280px;}
    .rightSide .distributionChart .chartContainer #distributionChart{max-width:280px;}
}

.price16 {font-family: "Avenir-Bold", sans-serif; font-size: 28px; color: var(--donkergrijs); margin-bottom: 0.4em;}
.price16 {font-size: 16px;}

.portfolio-buttons {list-style-type: none;}
.portfolio-buttons > * {margin-right: 0.5em;}
.portfolio-buttons button {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 0;
  background: var(--white);
  padding: 0 0;
  border: solid 1px var(--blue);
  width: 30px;
  height: 25px;
  line-height: normal;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: "Avenir-Medium", sans-serif;
  font-size: 12px;
  color: var(--blue);
}
.portfolio-buttons button:hover {background-color: var(--blue); color: var(--white);}
.portfolio-buttons button:focus {border-width: 2px;}

/* Portfolio: Locations */
.locationsContainer{padding:20px 0px 20px 6px;}
.locationsTable {color: var(--donkergrijs);}
.locationsTable .tableTitle {font-family: "Avenir-Medium", sans-serif; font-size: 28px; padding-bottom: 30px; text-align: center; line-height: 1}
.locationsTable, 
.locationsTable thead th, 
.locationsTable tbody th, 
.locationsTable td {border:0;}
.locationsTable tbody th {font-size: 15px; font-family:"Avenir-Medium", sans-serif;vertical-align:middle; white-space:nowrap;}
.locationsTable tbody td {text-align:center; vertical-align:middle; font-size:14px;}
.locationsTable td.locationTitle {font-family: "Castoro", sans-serif; font-size: 20px; line-height: 1.3em;}
.locationsTable .metalRow td{background:#f7f7f7; border-left:2px solid #efefef !important;}
.locationsTable .metalRow:nth-of-type(even) td{background:#fff;}
.locationsTable .totals b{font-family: "Avenir-Demi", sans-serif;}
.locationsTable .locationImg{padding-top:10px; padding-bottom:0;}
.locationsTable .locationImg span{display:block; height:81px; background-repeat:no-repeat; background-position:50% 50%; margin-left:auto; margin-right:auto;}
.locationsTable .locationImg span.storage_1{width:157px; background-image:url(../img/location/netherlands.svg);}
.locationsTable .locationImg span.storage_2{width:142px; background-image:url(../img/location/switzerland.svg);}
.locationsTable .locationImg span.storage_3{width:157px; background-image:url(../img/location/singapore.svg);}
.locationsTable .locationImg span.storage_custom{width:120px; background-image:url(../img/location/custom.svg);}

@media (max-width: 1364px){
    .locationsTable .locationImg span{width:auto !important; background-size:contain;}
    .locationsTable .locationImg span.custom{background-size:inherit;}
}
@media (max-width: 1224px){
    .portfolioContainer{display:block;}
    .portfolio{padding:0 10px 20px 20px;}
}
@media (max-width: 991px) {
    .locationsTable .locationImg{padding-top:0;}
    .locationsTableContainer table {overflow-x:auto; display:block; width:fit-content; max-width:100%;}
}
@media (max-width: 706px), (min-width: 768px) and (max-width: 991px) {
    .locationsTable .tableTitle {font-size:14px; padding-bottom:20px;}
    .locationsTable td.locationTitle{font-size:16px;}
    .metal {
        width: 17px;
        height: auto;
    }
    .locationsTable tbody th {
        font-size: 12px;
    }
}
@media (max-width:575.98px){
    .borderBox{border:0;}
    .portfolio{padding:0;}
    .leftSide{padding-left:0;padding-right:0;}
    .rightSide .distributionChart{flex-direction: column; align-items: center;}
    .rightSide .distributionChart .chartContainer{margin-bottom:2rem;}
    .rightSide .distributionChart ul{margin-bottom:0;}
}

/* Portfolio: Right sidebar with metal rates */
.rightPanel{text-align:left; padding:0 !important;}
.rate {padding:12px 10px 4px; margin-bottom: 35px; border-radius: 12px;}
.rate ul {list-style-type: none; padding:0; margin:0;}
.rate-metal{display:flex; justify-content: space-between;}
.rate-metal li:first-child {font-family: "Avenir-Bold", sans-serif; font-size: 16px; color: var(--black); line-height: 1.4em;}
.rate-metal .rate-diff{padding-top:4px; z-index:5; position:relative; font-family: "Avenir-Bold", sans-serif; font-size: 11px; color: var(--red-negative); text-align: right; min-height:21px;}
.rate-metal .rate-diff img{padding-left:4px;}
.rate-metal .red-rate > b, .rate-metal .red-rate > b, .rate-metal .green-rate > b, .rate-metal .green-rate > b {font-size: 1.5em;}
.rate-metal .green-rate {color: var(--green) !important;}

.rate-graph{min-width:80%;position:relative;}
.rate-graph canvas{width:280px; height:100px;}
.rate-graph .loading{position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;background:url(../img/icons/loading.gif) no-repeat 50% 30%;}

.period-buttons{display: flex; flex-wrap: wrap; margin:0 6px !important; list-style-type: none; padding: 0;}
.period-buttons > li {margin-right: 0.5em; margin-bottom:0.5em;}
.period-buttons > li:last-child {margin-right:0;}
.period-buttons button {color: var(--blue); transition: all 0.2s linear; display: inline-block; vertical-align: top; margin: 0; padding: 0; border:1px solid var(--blue); background: var(--white); width: 30px; height: 25px; line-height: normal; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: "Avenir-Medium", sans-serif; font-size: 12px;}
.period-buttons button.active,
.period-buttons button:hover{background: var(--blue); color: var(--white) !important;}
.rate.au .period-buttons button{border-color: var(--gold); color: var(--gold);}
.rate.au .period-buttons button.active,
.rate.au .period-buttons button:hover{background: var(--gold);}
.rate.ag .period-buttons button{border-color: var(--palladium); color: var(--palladium);} /* silver is replaced with palladium by design */
.rate.ag .period-buttons button.active,
.rate.ag .period-buttons button:hover{background: var(--palladium);}
.rate.pt .period-buttons button{border-color: var(--platina); color: var(--platina);}
.rate.pt .period-buttons button.active,
.rate.pt .period-buttons button:hover{background: var(--platina);}
.rate.pd .period-buttons button{border-color: var(--palladium); color: var(--palladium);}
.rate.pd .period-buttons button.active,
.rate.pd .period-buttons button:hover{background: var(--palladium);}
.rate.rh .period-buttons button{border-color: var(--rhodium); color: var(--rhodium);}
.rate.rh .period-buttons button.active,
.rate.rh .period-buttons button:hover{background: var(--rhodium);}

.historyGraphTooltip,
.rateGraphTooltip{background:transparent!important; color:var(--black)!important; box-shadow:none!important;z-index:10!important;display:block;}
.historyGraphTooltip span,
.rateGraphTooltip span{text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, -2px -2px 1px #fff, 2px -2px 1px #fff, -2px 2px 1px #fff, 2px 2px 1px #fff, -3px -3px 3px #fff, 3px -3px 3px #fff, -3px 3px 3px #fff, 3px 3px 3px #fff; background:#fff; display:inline-block; white-space:nowrap;}
.historyGraphTooltip span{font-size:18px;}
#RGraph_tooltipsPointer{background:transparent !important;}

@media (max-width:1224px) {
  .rateContainer{display:flex; flex-wrap: wrap; justify-content: center;}
  .rate {margin-left: 1em; margin-right: 1em;}
}
@media (min-width:576px){
    .rate{box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 4px 20px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 20px 0 rgb(0 0 0 / 10%);}
    .rate-graph{min-width:auto;}
}

.table td, .table th{vertical-align:middle; padding:.75em 0.75em;}
.container-shadow{border: solid 1px var(--silver); border-radius: 5px; box-shadow: 0 4px 20px 0 var(--black-7); margin-bottom:1.5rem;}

/*
================================================================================
|                                  Storage                                     |
================================================================================
*/

.storage {padding: 18px;}
.storageTable td {padding:.5em 0.75em;}
.storageTable tbody tr td:first-child{min-width:120px;}
.storageTable tbody td,
.storageTable tbody td > a {font-size: 13px; font-family: "Avenir-Medium", sans-serif; color: #515e6b;}
.storageTable thead > tr > th{font-size: 12px; color:var(--donkergrijs); background-color: #b7b8b633;}
.storageTable.au thead > tr > th{background-color:#f6f1e5;}
@media (max-width: 1199px) {
    .storageTable tbody td,
    .storageTable tbody td > a,
    .storageTable thead > tr > th{font-size: 10px; flex: 1 1 auto}
    .storageTable tfoot td { font-size: 11px !important; flex: 1 1 auto}

    .storageResponsive {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .storageResponsive::-webkit-scrollbar {
        width: 5px; /* Ширина всего элемента навигации */
        height: 6px;
    }
    .storageResponsive::-webkit-scrollbar-track {
        background: #fff; /* Цвет дорожки */
    }
    .storageResponsive::-webkit-scrollbar-thumb {
        background-color: var(--blue); /* Цвет бегунка */
        border-radius: 4px; /* Округление бегунка */
        border: 1px solid var(--gray); /* Оформление границ бегунка */
    }
}
.storageTable tbody tr.odd td{background-color: #f7f7f7;}
.storageTable.au tbody tr.odd td{background-color: #fbf9f3;}
.storageTable tbody td {padding-top:4px; padding-bottom:4px; color: #515e6b;}
.storageTable tfoot td{font-family: "Avenir-Bold", sans-serif; font-size: 14px; color: var(--donkergrijs);}
.storageTable tbody > tr.subitem td{padding-top:0;padding-bottom:2px;}
.storageTable tbody td.actions{text-align:left; padding-right:0;}

.c-green {color: var(--green) !important;}
.c-red {color: var(--red-negative) !important;}
.c-gold {color: var(--gold) !important;}

.noexpand,
.expand, .expand-up { font-family: "Avenir-Medium", sans-serif !important; color: #515e6b !important; text-decoration:none !important; display: inline-block; height: 26px; line-height: 26px; padding: 0 18px 0 0px; -webkit-appearance: none; background-color: inherit; background-image: url("/img/icons/arrow/arrow_down_black.png"); background-position: right 50%; background-repeat: no-repeat; border: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; -ms-appearance: none; appearance: none !important;}
.noexpand{background: inherit;}
.expand::-ms-expand, .expand-up::-ms-expand {display: none;}
.expand-up {background-image: url("/img/icons/arrow/arrow_up_black.png");}
.storage-note {font-family: "Avenir-Medium", sans-serif; font-size: 14px; color: var(--donkergrijs);}

@media screen and (min-width: 992px){
    .blue-border{
        position: relative;
        border-right: 1px solid #759ab2;
    }
}

/*
================================================================================
|                                     Mijn gegevens                            |
================================================================================
*/

.big-tabs .tab-content {padding: 1rem; border: solid 2px var(--silver); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0 4px 20px 0 var(--black-7); -moz-box-shadow: 0 4px 20px 0 var(--black-7); -ms-box-shadow: 0 4px 20px 0 var(--black-7); -o-box-shadow: 0 4px 20px 0 var(--black-7); box-shadow: 0 4px 20px 0 var(--black-7);}
.big-tabs {margin: 0 auto 2em; max-width: 900px; min-height: 300px;}
.big-tabs .nav-item {width: 25%; padding: 0; box-shadow: 0 0 10px #ffffff inset; display: flex; justify-content: space-between;}
.big-tabs .nav-item > .nav-link {display: inline-block; width: 160px; width: 100%; margin-right:20px; min-height: 120px; text-align: center; text-decoration: none !important; font-size: 13px; color: var(--white); background-color: var(--blue); padding: 18px 3px 3px; line-height: 1.43; border-top-right-radius: 12px; border-top-left-radius: 12px;}
.big-tabs .nav-item > .nav-link > span{display:block; font-family: "Avenir-Demi", serif !important; font-size:14px;}
.big-tabs .nav-item > .nav-link.active{font-weight:bold; }
.big-tabs .nav-item:last-child > .nav-link {margin-right:0;}

.big-tabs .nav-item > .nav-link .tab-img {display: block; width: 100%; height: 40px; margin-bottom: 5px; background-position: center; background-color: transparent; background-repeat: no-repeat; background-size: auto;}
.big-tabs .nav-item > .nav-link.disabled {background-color: var(--silver); color: var(--palladium);}
.big-tabs .nav-item > .nav-link.active {color: var(--blue); background-color: var(--white); border: solid 2px #EFEFEF; -webkit-box-shadow: -2px -2px 17px -5px rgba(48, 48, 48, 0.07); -moz-box-shadow: -2px -2px 17px -5px rgba(48, 48, 48, 0.07); -ms-box-shadow: -2px -2px 17px -5px rgba(48, 48, 48, 0.07); -o-box-shadow: -2px -2px 17px -5px rgba(48, 48, 48, 0.07); box-shadow: -2px -2px 17px -5px rgba(48, 48, 48, 0.07); border-bottom: 0; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.big-tabs .tab-content {border-top-left-radius: unset; border-top-right-radius: unset; border-top: none; font-size: 16px; font-family: "Avenir-Medium", sans-serif; line-height: 2em;}
.big-tabs .tab-content b,
.big-tabs .tab-content strong{font-size: 18px; font-family: "Avenir-Demi", sans-serif;}
.big-tabs .tab-content h4 {text-align: center; margin: 16px 0 22px; font-family: inherit !important; font-size: 16px;}
.big-tabs .tab-content h4 > a {font-family: inherit !important; color: var(--blue);}
.gold22 {font-family: Georgia, serif, sans-serif; font-size: 22px; color: var(--gold);margin:1em 0 .5em;}
.blue18 {font-family: "Avenir-Demi", sans-serif; font-size: 18px; color: var(--blue); margin-bottom: 1rem;}
.big-tabs .customerNumber{font-size:18px;}

.big-tabs .personal-data {background-image: url("/img/icons/my_details/persoonsgegevens.svg");}
.big-tabs .active > .personal-data {background-image: url("/img/icons/my_details/persoonsgegevens-actief.svg");}
.big-tabs .company-details {background-image: url("/img/icons/my_details/bedrijfsgegevens.svg");}
.big-tabs .active > .company-details {background-image: url("/img/icons/my_details/bedrijfsgegevens-actief.svg");}
.big-tabs .trustees {background-image: url("/img/icons/my_details/gemachtigde.svg");}
.big-tabs .active > .trustees {background-image: url("/img/icons/my_details/gemachtigde_actief.svg");}
.big-tabs .financial-details {background-image: url("/img/icons/my_details/financielegegevens.svg");}
.big-tabs .active > .financial-details {background-image: url("/img/icons/my_details/financielegegevens-actief.svg");}
.big-tabs .banking {background-image: url("/img/icons/my_details/facturatie.svg");}
.big-tabs .active > .banking {background-image: url("/img/icons/my_details/facturatie-actief.svg");}

/*.tooltip{position:relative}*/
/* Holders & Trustees */
h2.gold22 > a.link{font-family: "Avenir-Medium", sans-serif !important;  color: var(--blue); font-size: 18px;}
.holderBlock:first-child, .trusteeBlock:first-child, .parentBlock:first-child{padding-top:.5rem;}
.holderBlock, .trusteeBlock, .parentBlock{padding:2rem 0; border-bottom: 1px solid #b7b8b6;}
.holderBlock:last-child, .trusteeBlock:last-child, .parentBlock:last-child{border-bottom:0;}
.holderBlock .editBtn, .trusteeBlock .editBtn, .parentBlock .editBtn{padding-left:1.5em; float:right}
.holderBlock .editBtn, .trusteeBlock .editBtn, .parentBlock .editBtn {font-family: "Avenir-Regular", sans-serif !important;}

.accountForm .label{font-size: 18px; font-family: "Avenir-Demi", sans-serif; font-weight:bolder; margin-bottom:0;}
.accountForm p{margin-bottom:.5rem;}
.accountForm input[readonly]{background:#fff; border:0; box-shadow:none !important; padding-left:0; padding-right:0;}

/* Financial questionnaire */ 
.financesForm{/*display:none;*/}
.financesForm textarea{margin-bottom:1em;}
.financesForm .investOrigin{display: flex; flex-wrap:wrap;}
.financesForm .investOrigin > div{min-width:33.33%;}

/* Invoicing */
#incasso-form {display: none;}

@media (max-width:575px){
    .pl-xs-3{padding-left:1rem!important;}
    .pr-xs-3{padding-right:1rem!important;}
}

/* adaptive style */
@media (max-width:380px){
    .big-tabs .nav-item{min-width:100% !important; }
    .big-tabs .nav-item > .nav-link {display:flex; align-items:center; padding:.5em 1em !important;}
    .big-tabs .nav-item > .nav-link .tab-img{display:inline-block; width:50px; margin-right:10px; background-size:auto 25px !important; margin-top:2px;}
    .big-tabs .nav-item > .nav-link span{display:inline-block; margin-right:10px; width:100%; text-align:left; font-family: "Avenir-Regular", sans-serif !important;}
    .big-tabs .nav-item > .nav-link *{white-space:nowrap;}
}
@media (max-width:630px){
    .big-tabs .nav-item{min-width:50%; width:auto; margin-bottom:10px; }
    .big-tabs .nav-item > .nav-link .tab-img{background-size:auto 32px;}
    .big-tabs .nav-tabs > .nav-item > .nav-link{border-radius: 1em; border: solid 2px #fff;}
    .big-tabs .nav-tabs > .nav-item > .nav-link.active{border: solid 2px #efefef;}
    .financesForm .investOrigin > div{width:100%;}
}
@media (max-width: 991px) {
    .big-tabs .nav-tabs > .nav-item > .nav-link {min-height: auto; padding:1em .5em; margin-right: 10px;}
    .financesForm .investOrigin > div{min-width:50%;}
    .hidden-md-down{display:none}
}
@media (min-width: 992px) {
    .hidden-lg-up{display:none}
}
/*
================================================================================
|                                    Documenten                                  |
================================================================================
*/

.documents {max-width: 1075px; margin: 0 auto 2em; min-height: 300px;}
.documents a img {margin-bottom: -0.5em;}

.documentsTable td {padding:.5em 0.75em;}
.documentsTable td,
.documentsTable td > a {font-family: "Avenir-Medium", sans-serif;font-size: 14px;color: #515e6b;}
.documentsTable thead th {font-family: "Avenir-Bold", sans-serif; font-size:14px; color:var(--donkergrijs);}
.documentsTable tr:nth-of-type(even) {background-color: rgba(183, 184, 182, 0.1);}
.documentsTable thead > tr > th {background-color: rgba(183, 184, 182, 0.2);}
.documentsTable .btn{background:#fff;}

.pagination{justify-content: center;}
.pagination a{text-decoration:none !important;}
.pagination .page-item.disabled a{background-color: var(--blue); color:#fff;}

@media (max-width:575.98px){
    .pagination{margin:.5rem 0 0;}
}

/*
================================================================================
|                                    Tariffs                                   |
================================================================================
*/

.tariffs {max-width: 900px; margin: 0 auto 1.5em; min-height: 300px;}
.tariffTable td{padding:.5em 0.75em;}
.tariffTable td,
.tariffTable td > a{font-family:"Avenir-Medium", sans-serif; font-size:14px; color:#515e6b;}
.tariffTable thead th {font-family: "Avenir-Bold", sans-serif; font-size:14px; color:var(--donkergrijs);}
.tariffTable tr:nth-of-type(even) {background-color: rgba(183, 184, 182, 0.1);}
.tariffTable thead > tr > th {background-color: rgba(183, 184, 182, 0.2);}

@media (min-width:992px){
    .tariffs{margin-top:4em;}
}

/*
================================================================================
|                                    Contact                                   |
================================================================================
*/

.contact {font-family: "Avenir-Medium", sans-serif; font-size: 14px; color: inherit; max-width: 1000px; margin: 0 auto 2em;}
.addres20 {font-family: "Avenir-Demi", sans-serif; font-size: 20px; color: var(--donkergrijs); line-height: normal; margin-bottom:2rem;}
.blue-block {padding: 0 23px 26px 28px; border: solid 2px #83a4ba;}
.blue-block .incut {float: left; width: 26px; height: 42px; margin: 5px 10px 5px 0;}
.blue-block .incut img {margin-top: 0;}

.faqBlock{font-size:16px;}
.faqBlock .questionContainer{margin-top:1.5em; line-height:1.4;}
.faqBlock .question{padding-left:40px; min-height:26px; background:url(../img/faq_icoon.svg) no-repeat; color: var(--blue); font-weight:400;  cursor:pointer;}
.faqBlock .answer{padding-left:40px;  display:none; margin-top:.5em;}

.contactsInfo > a{color:inherit;}

@media (min-width:992px){
    .contact .h2-header{margin-bottom:3em;}
}

@media (min-width: 1200px) {
    .contactsInfo{font-size:16px;}
    .nowrap-1200 {white-space: nowrap !important;}
}