/*----- GEBRUIKTE KLEUREN ----- transparent white: #ffffff > 255,255,255 lightest: #fafafa > 250,250,250 lighter: #eeeeee > 238,238,238 light: #dddddd > 221,221,221 lightgrey: #bdbdbd > 189,189,189 grey: #929191 > 146,145,145 darkgrey: #757575 > 117,117,117 dark: #333333 > 51,51,51 darker: #212121 > 33,33,33 black: #000000 > 0,0,0 primary: #0097D7 > 0, 151, 215 :hover #0CABEF > 11, 130, 181 secondary: #0097D7 > 0, 151, 215 :hover #0CABEF > 11, 130, 181 tertiary: #0097D7 > 0, 151, 215 :hover #0CABEF > 11, 130, 181 */ /* dynamische kleuren voor svg bestanden */ .svg-primary {fill:#0097D7;} .svg-stroke {stroke:#0097D7; fill:none;} /*----- Bootstrap Classes -----*/ .site .btn-white {background-color: #FFFFFF !important; color: #212121 !important;} .site .btn-default {background-color: #dddddd !important; color: #212121 !important;} .site .btn-primary {background-color: #0097D7 !important; color: #ffffff !important;} .site .btn-success {background-color: #4da84f !important; color: #ffffff !important;} .site .btn-info {background-color: #004E7B !important; color: #ffffff !important;} .site .btn-warning {background-color: #EAB419 !important; color: #ffffff !important;} .site .btn-danger {background-color: #ef5a3e !important; color: #ffffff !important;} .site .btn-link {background-color: transparent !important; color: #0097D7 !important; border-color:transparent !important; } .site .btn-white:hover {background-color: #eeeeee !important; color: #212121 !important;} .site .btn-default:hover {background-color: #eeeeee !important; color: #212121 !important;} .site .btn-primary:hover {background-color: #0CABEF !important; color: #ffffff !important;} .site .btn-success:hover {background-color: #53BF55 !important; color: #ffffff !important;} .site .btn-info:hover {background-color: #01659E !important; color: #ffffff !important;} .site .btn-warning:hover {background-color: #FFC82A !important; color: #ffffff !important;} .site .btn-danger:hover {background-color: #FF5333 !important; color: #ffffff !important;} .site .btn-link:hover {background-color: transparent !important; color: #0CABEF !important;} .site .btn-flat.btn-default {background-color: rgba(221, 221, 221, 0) !important; color: #212121 !important; border-color: #212121 !important;} .site .btn-flat.btn-primary {background-color: rgba(0, 151, 215, 0) !important; color: #0097D7 !important; border-color: #0097D7 !important;} .site .btn-flat.btn-success {background-color: rgba(77, 168, 79, 0) !important; color: #4da84f !important; border-color: #4da84f !important;} .site .btn-flat.btn-info {background-color: rgba(0, 78, 123, 0) !important; color: #004E7B !important; border-color: #004E7B !important;} .site .btn-flat.btn-warning {background-color: rgba(234, 180, 25, 0) !important; color: #EAB419 !important; border-color: #EAB419 !important;} .site .btn-flat.btn-danger {background-color: rgba(239, 90, 62, 0) !important; color: #ef5a3e !important; border-color: #ef5a3e !important;} .site .btn-flat.btn-default:hover {background-color: rgba(221, 221, 221, 0.2) !important; color: #212121 !important; border-color: #212121 !important;} .site .btn-flat.btn-primary:hover {background-color: rgba(0, 151, 215, 0.2) !important; color: #0097D7 !important; border-color: #0097D7 !important;} .site .btn-flat.btn-success:hover {background-color: rgba(77, 168, 79, 0.2) !important; color: #4da84f !important; border-color: #4da84f !important;} .site .btn-flat.btn-info:hover {background-color: rgba(0, 78, 123, 0.2) !important; color: #004E7B !important; border-color: #004E7B !important;} .site .btn-flat.btn-warning:hover {background-color: rgba(234, 180, 25, 0.2) !important; color: #EAB419 !important; border-color: #EAB419 !important;} .site .btn-flat.btn-danger:hover {background-color: rgba(239, 90, 62, 0.2) !important; color: #ef5a3e !important; border-color: #ef5a3e !important;} .site .bg-default {background-color: #dddddd !important;} .site .bg-default-25 {background-color: rgba(221, 221, 221, 0.25) !important;} .site .bg-default-50 {background-color: rgba(221, 221, 221, 0.5) !important;} .site .bg-default-75 {background-color: rgba(221, 221, 221, 0.75) !important;} .site .bg-primary {background-color: #0097D7 !important;} .site .bg-primary-25 {background-color: rgba(0, 151, 215, 0.25) !important;} .site .bg-primary-50 {background-color: rgba(0, 151, 215, 0.5) !important;} .site .bg-primary-75 {background-color: rgba(0, 151, 215, 0.75) !important;} .site .bg-success {background-color: #4da84f !important;} .site .bg-success-25 {background-color: rgba(77, 168, 79, 0.25) !important;} .site .bg-success-50 {background-color: rgba(77, 168, 79, 0.5) !important;} .site .bg-success-75 {background-color: rgba(77, 168, 79, 0.75) !important;} .site .bg-info {background-color: #004E7B !important;} .site .bg-info-25 {background-color: rgba(0, 78, 123, 0.25) !important;} .site .bg-info-50 {background-color: rgba(0, 78, 123, 0.5) !important;} .site .bg-info-75 {background-color: rgba(0, 78, 123, 0.75) !important;} .site .bg-warning {background-color: #EAB419 !important;} .site .bg-warning-25 {background-color: rgba(234, 180, 25, 0.25) !important;} .site .bg-warning-50 {background-color: rgba(234, 180, 25, 0.5) !important;} .site .bg-warning-75 {background-color: rgba(234, 180, 25, 0.75) !important;} .site .bg-danger {background-color: #ef5a3e !important;} .site .bg-danger-25 {background-color: rgba(239, 90, 62, 0.25) !important;} .site .bg-danger-50 {background-color: rgba(239, 90, 62, 0.5) !important;} .site .bg-danger-75 {background-color: rgba(239, 90, 62, 0.75) !important;} .site .text-default {color: #212121 !important;} .site .text-default-25 {color: rgba(33, 33, 33, 0.25) !important;} .site .text-default-50 {color: rgba(33, 33, 33, 0.5) !important;} .site .text-default-75 {color: rgba(33, 33, 33, 0.75) !important;} .site .text-primary {color: #0097D7 !important;} .site .text-primary-25 {color: rgba(0, 151, 215, 0.25) !important;} .site .text-primary-50 {color: rgba(0, 151, 215, 0.5) !important;} .site .text-primary-75 {color: rgba(0, 151, 215, 0.75) !important;} .site .text-success {color: #4da84f !important;} .site .text-success-25 {color: rgba(77, 168, 79, 0.25) !important;} .site .text-success-50 {color: rgba(77, 168, 79, 0.5) !important;} .site .text-success-75 {color: rgba(77, 168, 79, 0.75) !important;} .site .text-info {color: #004E7B !important;} .site .text-info-25 {color: rgba(0, 78, 123, 0.25) !important;} .site .text-info-50 {color: rgba(0, 78, 123, 0.5) !important;} .site .text-info-75 {color: rgba(0, 78, 123, 0.75) !important;} .site .text-warning {color: #EAB419 !important;} .site .text-warning-25 {color: rgba(234, 180, 25, 0.25) !important;} .site .text-warning-50 {color: rgba(234, 180, 25, 0.5) !important;} .site .text-warning-75 {color: rgba(234, 180, 25, 0.75) !important;} .site .text-danger {color: #ef5a3e !important;} .site .text-danger-25 {color: rgba(239, 90, 62, 0.25) !important;} .site .text-danger-50 {color: rgba(239, 90, 62, 0.5) !important;} .site .text-danger-75 {color: rgba(239, 90, 62, 0.75) !important;} .site a.text-default:hover {color: #333333 !important;} .site a.text-primary:hover {color: #0CABEF !important;} .site a.text-success:hover {color: #53BF55 !important;} .site a.text-info:hover {color: #01659E !important;} .site a.text-warning:hover {color: #FFC82A !important;} .site a.text-danger:hover {color: #FF5333 !important;} .site .panel-default>.panel-heading+.panel-collapse>.panel-body, .site .panel-default {border-color: #dddddd !important;} .site .panel-default>.panel-heading {color: #212121 !important; background-color: #dddddd !important; border-color: #dddddd !important;} .site .panel-default>.panel-heading > a {color: #212121 !important;} .site .panel-default>.panel-heading > a:hover {color: rgba(33, 33, 33, 0.75) !important;} .site .panel-primary>.panel-heading+.panel-collapse>.panel-body, .site .panel-primary {border-color: #0097D7 !important;} .site .panel-primary>.panel-heading {color: #ffffff !important; background-color: #0097D7 !important; border-color: #0097D7 !important;} .site .panel-primary>.panel-heading > a {color: #ffffff !important;} .site .panel-primary>.panel-heading > a:hover {color: rgba(255, 255, 255, 0.75) !important;} .site .panel-success>.panel-heading+.panel-collapse>.panel-body, .site .panel-success {border-color: #4da84f !important;} .site .panel-success>.panel-heading {color: #ffffff !important; background-color: #4da84f !important; border-color: #4da84f !important;} .site .panel-success>.panel-heading > a {color: #ffffff !important;} .site .panel-success>.panel-heading > a:hover {color: rgba(255, 255, 255, 0.75) !important;} .site .panel-info>.panel-heading+.panel-collapse>.panel-body, .site .panel-info {border-color: #004E7B !important;} .site .panel-info>.panel-heading {color: #ffffff !important; background-color: #004E7B !important; border-color: #004E7B !important;} .site .panel-info>.panel-heading > a {color: #ffffff !important;} .site .panel-info>.panel-heading > a:hover {color: rgba(255, 255, 255, 0.75) !important;} .site .panel-warning>.panel-heading+.panel-collapse>.panel-body, .site .panel-warning {border-color: #EAB419 !important;} .site .panel-warning>.panel-heading {color: #ffffff !important; background-color: #EAB419 !important; border-color: #EAB419 !important;} .site .panel-warning>.panel-heading > a {color: #ffffff !important;} .site .panel-warning>.panel-heading > a:hover {color: rgba(255, 255, 255, 0.75) !important;} .site .panel-danger>.panel-heading+.panel-collapse>.panel-body, .site .panel-danger {border-color: #ef5a3e !important;} .site .panel-danger>.panel-heading {color: #ffffff !important; background-color: #ef5a3e !important; border-color: #ef5a3e !important;} .site .panel-danger>.panel-heading > a {color: #ffffff !important;} .site .panel-danger>.panel-heading > a:hover {color: rgba(255, 255, 255, 0.75) !important;} .site .label-default {background-color: #dddddd !important; color: #212121 !important;} .site .label-primary {background-color: #0097D7 !important; color: #ffffff !important;} .site .label-success {background-color: #4da84f !important; color: #ffffff !important;} .site .label-info {background-color: #004E7B !important; color: #ffffff !important;} .site .label-warning {background-color: #EAB419 !important; color: #ffffff !important;} .site .label-danger {background-color: #ef5a3e !important; color: #ffffff !important;} .site .alert-default {background-color: rgba(221, 221, 221, 0.2) !important; color: #212121 !important; border-color: #212121 !important;} .site .alert-primary {background-color: rgba(0, 151, 215, 0.2) !important; color: #0097D7 !important; border-color: #0097D7 !important;} .site .list-group-item-default {background-color: rgba(221, 221, 221, 0.2) !important; color: #212121 !important; border-color: #212121 !important;} .site .list-group-item-primary {background-color: rgba(0, 151, 215, 0.2) !important; color: #0097D7 !important; border-color: #0097D7 !important;} .site .list-group-item-success {background-color: rgba(77, 168, 79, 0.2) !important; color: #4da84f !important; border-color: #4da84f !important;} .site .list-group-item-info {background-color: rgba(0, 78, 123, 0.2) !important; color: #004E7B !important; border-color: #004E7B !important;} .site .list-group-item-warning {background-color: rgba(234, 180, 25, 0.2) !important; color: #EAB419 !important; border-color: #EAB419 !important;} .site .list-group-item-danger {background-color: rgba(239, 90, 62, 0.2) !important; color: #ef5a3e !important; border-color: #ef5a3e !important} .site a.list-group-item-default:focus, .site a.list-group-item-default:hover, .site button.list-group-item-default:focus, .site button.list-group-item-default:hover {background-color: rgba(221, 221, 221, 0.2) !important; color: #212121 !important; border-color: #212121 !important;} .site a.list-group-item-primary:focus, .site a.list-group-item-primary:hover, .site button.list-group-item-primary:focus, .site button.list-group-item-primary:hover {background-color: rgba(0, 151, 215, 0.2) !important; color: #0097D7 !important; border-color: #0097D7 !important;} .site a.list-group-item-success:focus, .site a.list-group-item-success:hover, .site button.list-group-item-success:focus, .site button.list-group-item-success:hover {background-color: rgba(77, 168, 79, 0.2) !important; color: #4da84f !important; border-color: #4da84f !important;} .site a.list-group-item-info:focus, .site a.list-group-item-info:hover, .site button.list-group-item-info:focus, .site button.list-group-item-info:hover {background-color: rgba(0, 78, 123, 0.2) !important; color: #004E7B !important; border-color: #004E7B !important;} .site a.list-group-item-warning:focus, .site a.list-group-item-warning:hover, .site button.list-group-item-warning:focus, .site button.list-group-item-warning:hover {background-color: rgba(234, 180, 25, 0.2) !important; color: #EAB419 !important; border-color: #EAB419 !important;} .site a.list-group-item-danger:focus, .site a.list-group-item-danger:hover, .site button.list-group-item-danger:focus, .site button.list-group-item-danger:hover {background-color: rgba(239, 90, 62, 0.5) !important; color: #ef5a3e !important; border-color: #ef5a3e !important} .site .active.list-group-item-default {background-color: #dddddd !important; color: #212121 !important;} .site .active.list-group-item-primary {background-color: #0097D7 !important; color: #ffffff !important;} .site .active.list-group-item-success {background-color: #4da84f !important; color: #ffffff !important;} .site .active.list-group-item-info {background-color: #004E7B !important; color: #ffffff !important;} .site .active.list-group-item-warning {background-color: #EAB419 !important; color: #ffffff !important;} .site .active.list-group-item-danger {background-color: #ef5a3e !important; color: #ffffff !important;} .site .progress-bar-default {background-color: #dddddd !important;} .site .progress-bar-primary {background-color: #0097D7 !important;} .site .progress-bar-success {background-color: #4da84f !important;} .site .progress-bar-info {background-color: #004E7B !important;} .site .progress-bar-warning {background-color: #EAB419 !important;} .site .progress-bar-danger {background-color: #ef5a3e !important;} .site .checkbox label, .site .radio label, .site label, .site .form-group .checkbox label, .site .form-group .radio label, .site .form-group label, .site .form-group.is-focused label, .site .form-group.is-focused label.control-label {color: #757575;} /* Has error */ .site .form-group.has-error .checkbox label, .site .form-group.has-error .radio label, .site .form-group.has-error label, .site .form-group.has-error.is-focused label, .site .form-group.has-error.is-focused label.control-label, .site .has-error .help-block, .site .required .checkbox > label:after, .site .required .control-label:after, .site .form-group.has-error .control-label, .site .form-group.has-error input.form-control:focus~.floating-label, .site .has-error .control-label, .site .has-error .radio, .site .has-error .checkbox, .site .has-error .radio-inline, .site .has-error .checkbox-inline, .site .has-error.radio label, .site .has-error.checkbox label, .site .has-error.radio-inline label, .site .has-error.checkbox-inline label {color: #ef5a3e;} /*.site .has-error .form-control, .site .form-group.has-error .form-control:focus, /*.site orm-group-default.has-error .form-control:focus { background-image: linear-gradient(#ef5a3e,#ef5a3e),linear-gradient(#ffffff,#ffffff); }*/ .site .has-error .help-block > .error-tip {background-color: rgba(239, 90, 62, 0.75); color: #ffffff;} .site .has-error .help-block > .error-tip:after {border-top-color: rgba(239, 90, 62, 0.75);} .site .has-error .form-control {border-color: #ef5a3e !important;} .site .has-error .error-message {color:#ef5a3e;} .site .trash-cart {color: rgba(0,0,0,0.5); background-color: transparent;} .site .trash-cart:hover {color: #ef5a3e; background-color: transparent;} .site .trash-cart:focus {color: #FF5333; background-color: transparent;} /* Has success */ .site .form-group.has-success .control-label, .site .form-group.has-success input.form-control:focus~.floating-label, .site .has-success .control-label, .site .has-success .radio, .site .has-success .checkbox, .site .has-success .radio-inline, .site .has-success .checkbox-inline, .site .has-success.radio label, .site .has-success.checkbox label, .site .has-success.radio-inline label, .site .has-success.checkbox-inline label {color: inherit;} .site .has-success .help-block {background-color: rgba(77, 168, 79, 0.75); color: #ffffff;} .site .has-success .help-block > .success-tip:after {border-top-color: rgba(77, 168, 79, 0.75);} .site .has-success .help-block a {color: rgba(255, 255, 255, 0.75);} .site .has-success .help-block a > .success-tip:hover {color: #ffffff;} /*----- Background Colors -----*/ .site .form-control {background-color: #ffffff;} .site .radio input[type=radio]:checked~.check {background-color: #212121;} .site .submenu.list-group {background-color: #ffffff;} .site .submenu.list-group > li > a {background-color: transparent;} .site .submenu.list-group > li > a:hover {background-color: #eeeeee;} .site .submenu.list-group > li > a:focus {background-color: #dddddd;} .site .submenu.list-group > li > a.active {background-color: transparent;} .site .topfooter .nav > li.active > a, .site .topfooter .nav > li > a:active, .site .topfooter .nav > li > a:focus, .site .topfooter .nav > li > a:hover, .site .topfooter .nav > li > a {background-color: transparent;} .site .nav > li > a:hover, .site .nav > li > a:focus {background-color: transparent;} .site .navigation-bar nav > .nav > li > a, .site .navigation-bar nav > .nav > li > a:hover, .site .navigation-bar nav > .nav > li > a:focus, .site .navigation-bar nav > .nav > li.active > a, .site .navigation-bar nav > .nav > li.active > a:hover {background-color: transparent;} .site header .nav .open > a, .site header .nav .open > a:focus, .site header .navbar-nav > li > .dropdown-menu > li.active > a:focus, .site header .navbar-nav > li > .dropdown-menu > li.active > a:hover, .site header .navbar-nav > li > .dropdown-menu > li.active > a, .site .main-menu > li.open > a, .site .main-menu > li.open > a:hover, .site .main-menu > li.open > a:focus, .site .main-menu > li.active > a:focus, .site .main-menu > li.active > a:hover, .site .main-menu > li.active > a {background-color: transparent;} .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ background-color:#EEEEEE; } .site .menu-toggle .menu-bar {background-color: #ffffff;} .site .menu-toggle {background-color: #0097D7 !important;} .site .menu-toggle:hover {background-color: #0CABEF !important;} .site .menuModal.modal .modal-dialog .modal-body .main-menu > li > a {background-color: transparent;} .site .menuModal.modal .modal-dialog .modal-body .main-menu > li > a:active, .site .menuModal.modal .modal-dialog .modal-body .main-menu > li > a:focus {background-color: transparent;} .site .menuModal.modal .modal-dialog .modal-body .main-menu > li > a:hover {background-color: #eeeeee;} .site .menuModal.modal .modal-dialog .modal-body .main-menu > li.active > a {background-color: transparent;} .site .mainmenu_centered > li > a, .site .mainmenu_centered > li.active > a, .site .mainmenu_centered > li > a:focus, .site .mainmenu_centered > li > a:hover {background-color: transparent;} .site .mainmenu_centered > li.open > a {background-color: #ffffff !important;} .site header > .topbar > .nav input {background-color: transparent;} .site .header .dropdown-menu > li > a {background-color: transparent;} .site .header .dropdown-menu > li > a:hover {background-color: rgba(0,0,0,0.1);} .site .header .dropdown-menu > li.active > a {background-color: transparent;} .site #mainmenu.modal .main-menu > li > a {background-color: transparent;} .site #mainmenu.modal .main-menu > li > a:hover {background-color: rgba(0,0,0,0.05);} .site #mainmenu.modal .main-menu > li > a:focus {background-color: rgba(0,0,0,0.1);} .site #mainmenu.modal .main-menu > li.active > a {background-color: transparent;} .site .nav-tabs {background-color: #d4d4d4; color:#FFFFFF;} .site .nav-tabs > li.active {background-color: #ffffff;} .site .modal-fullscreen .nav-tabs { background-color:#333333; } .site .modal-fullscreen .nav-tabs > li > a { color: rgba(255,255,255,0.75) !important; } .site .modal-fullscreen .nav-tabs > li > a:hover { color:#FFFFFF !important; } .site .modal-fullscreen .nav-tabs > li.active a { color:#EEEEEE !important; background-color:#333333 !important; } .site .visual .visual-block .nav-tabs {background-color: transparent;} .site .visual .visual-block .nav-tabs > li > a {background-color: #ffffff !important;} .site .visual .visual-block .tab-content {background-color: #ffffff !important;} .site .filter-container { background-color: #f1f2f2; } .site .filter-container .bar { border-bottom:1px solid #e6e7e8; } .site .filter-header:hover { background-color: #e7e9e9; } .site .filter-header:hover .filter-switch { color: #0097D7; } .site .summary, .site .sorter, .site .filter-container .filter-header{ color: #58595b !important; } .site .filter-group .ui-slider-range { background: #1c94c4; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 5px solid #1c94c4; background: #FFFFFF; color: #1c94c4; } .site .filter-group .checkbox .checkbox-material .check { border: 2px solid rgba(0, 151, 215, .54); } .site .filter-group .filter > label, .site .filter-group .filter .display-slider > label { color:#a7a9ac; } .site .summary b { color: #0097D7; } .site .pagination>.active>a, .site .pagination>.active>span, .site .pagination>.active>a:hover, .site .pagination>.active>span:hover, .site .pagination>.active>a:focus, .site .pagination>.active>span:focus {background-color: #0CABEF;} .site .pagination .prev a i, .site .pagination .next a i, .site .pagination .prev span i, .site .pagination .next span i { color: #58595b; } .site .newsBlock {background-color: #ffffff;} .site .newsBlock .newsBlock_footer { background: transparent; background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); } .formSlider > .slider {background-color: transparent;} .formSlider > .slider > .slider-track {background-color: #dddddd;} .formSlider > .slider > .slider-track > .slider-selection {background-color: #eeeeee;} .site .footer {background-color: #58595B;} /*----- Text Colors -----*/ .site a {color: #0097D7;} .site a:hover, .site a:focus {color: #0CABEF;} .site .bg-black ul li a {color: #FFFFFF !important;} .site .bg-black ul li a:hover, .site .bg-black ul li a:focus {color: #0097D7 !important;} .site .bg-black ul li ul li a {color: #000000 !important; } .site .bg-black ul li ul li a:hover, .site .bg-black ul li ul li a:focus {color: #FFFFFF !important;} .site .text-muted {color: rgba(0,0,0,0.5);} .site .carousel-control:focus, .site .carousel-control:hover, .site .carousel-control {color: #ffffff;} .site .visual + .productVisualText p, .site .visual + .productVisualText {color: rgba(255,255,255,0.7);} .site .visual + .productVisualText .price, .site .visual + .productVisualText h1, .site .visual + .productVisualText h2, .site .visual + .productVisualText h3, .site .visual + .productVisualText h4, .site .visual + .productVisualText h5, .site .visual + .productVisualText h6 {color: #ffffff;} .site .visual-text {color: #ffffff;} .site .navigation-bar nav > .nav > li > a {color: #ffffff;} .site .navigation-bar nav > .nav > li > a:hover {color: #ffffff;} .site .navigation-bar nav > .nav > li > a:focus {color: #ffffff;} .site .navigation-bar nav > .nav > li.active > a, .site .navigation-bar nav > .nav > li.active > a:hover {color: #ffffff;} .site .navigation-bar .nav > li > a {color: #bdbdbd;} .site .navigation-bar .nav > li > a:hover {color: #ffffff;} .site .navigation-bar .nav > li.active > a {color: #ffffff;} .site .dropdown-menu li a:hover, .site .dropdown-menu-default li a:hover {color: #0CABEF;} .site .submenu.list-group > li > a {color: #212121;} .site .submenu.list-group > li > a:hover, .site .submenu.list-group > li > a.active {color: #0CABEF;} .site header .navbar-nav > li > .dropdown-menu > li > a, .site .main-menu > li > a {color: #212121;} .site header .navbar-nav > li > .dropdown-menu > li > a:focus, .site header .navbar-nav > li > .dropdown-menu > li > a:hover, .site .main-menu > li > a:focus, .site .main-menu > li > a:hover {color: #212121;} .site header .navbar-nav > li > .dropdown-menu > li.active > a:focus, .site header .navbar-nav > li > .dropdown-menu > li.active > a:hover, .site header .navbar-nav > li > .dropdown-menu > li.active > a, .site .main-menu > li.open > a, .site .main-menu > li.open > a:hover, .site .main-menu > li.open > a:focus, .site .main-menu > li.active > a:focus, .site .main-menu > li.active > a:hover, .site .main-menu > li.active > a {color:#212121;;} .site header .navbar-nav > .loginmenu-wrapper > li > .usermenu > li, .site header .navbar-nav > li > .usermenu > li { border:0; } .site header .navbar-nav > .loginmenu-wrapper > li > .usermenu > li > a, .site header .navbar-nav > li > .usermenu > li > a { color:#FFFFFF !important; } .site header .navbar-nav > .loginmenu-wrapper > li > .usermenu > li.active > a, .site header .navbar-nav > li > .usermenu > li.active > a { color:#0097D7; } .site header .navbar-nav > .loginmenu-wrapper > li > .usermenu > li > a:hover, .site header .navbar-nav > li > .usermenu > li > a:hover { color:#666666 !important; } .site header > .navbar > .nav > li a::after, .site .navigation-bar nav > .nav > li a.tablink::after { background: #0097D7; } .site .menu-toggle {color: #ffffff !important;} .site .menuModal.modal .modal-dialog .modal-body .main-menu > li > a {color: #212121;} .site .menuModal.modal .modal-dialog .modal-body .main-menu > li.active > a, .site .menuModal.modal .modal-dialog .modal-body .main-menu > li > a:active, .site .menuModal.modal .modal-dialog .modal-body .main-menu > li > a:focus, .site .menuModal.modal .modal-dialog .modal-body .main-menu > li > a:hover {color: #0097D7;} .site .mainmenu_centered > li button, .site .mainmenu_centered > li > a {color: rgba(255,255,255,0.75) !important;} .site .mainmenu_centered > li.active button, .site .mainmenu_centered > li button:hover, .site .mainmenu_centered > li.active > a, .site .mainmenu_centered > li > a:hover {color: #ffffff !important;} .site .mainmenu_centered > li.open > a:hover, .site .mainmenu_centered > li.open > a {color: #212121 !important;} .site #mainmenu.modal .main-menu > li > a {color: rgba(0,0,0,0.5);} .site #mainmenu.modal .main-menu > li > a:hover {color: rgba(0,0,0,0.75);} .site #mainmenu.modal .main-menu > li.active > a {color: #0CABEF;} .site header > .topbar { background-color: #f2f2f2; } .site header > .topbar > .nav > li a, .site header > .topbar > .nav > li .btn {color:#999999;} .site header > .topbar > .nav > li a:hover, .site header > .topbar > .nav > li .btn:hover {color:#666666;} .site header > .topbar > .nav > li ul li a:hover, .site header > .topbar > .nav > li ul li a:focus, .site header > .topbar > .nav > li ul li a:active { background-color: #959595 !important; color: #ffffff !important; } .site header > .topbar > .nav > .loginmenu-wrapper > li a, .site header > .topbar > .nav > .loginmenu-wrapper > li .btn {color:#999999;} .site header > .topbar > .nav > .loginmenu-wrapper > li a:hover, .site header > .topbar > .nav > .loginmenu-wrapper > li .btn:hover {color:#666666;} .site header > .topbar > .nav > .loginmenu-wrapper > li ul li a:hover, .site header > .topbar > .nav > .loginmenu-wrapper > li ul li a:focus, .site header > .topbar > .nav > .loginmenu-wrapper > li ul li a:active { background-color: #959595 !important; color: #ffffff !important; } .site header > .topbar > .nav > li.slogan {color: #999999;} .site .header .dropdown-menu > li > a {color: #212121;} .site .header .dropdown-menu > li > a:hover {color: #0CABEF;} .site .header .dropdown-menu > li.active > a {color: #0CABEF;} .site .pagination>li>a, .site .pagination>li>span {color: #212121;} .site .pagination>li>a:hover, .site .pagination>li>span:hover, .site .pagination>li>a:focus, .site .pagination>li>span:focus {color: #0CABEF;} .site .pagination>.active>a, .site .pagination>.active>span, .site .pagination>.active>a:hover, .site .pagination>.active>span:hover, .site .pagination>.active>a:focus, .site .pagination>.active>span:focus {color: #ffffff;} .site .checkbox input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox-default input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox-default input[type=checkbox]:checked+.checkbox-material .check { color: #212121; } .site .nav-tabs > li > a {color: rgba(0,0,0,0.75) !important;} .site .nav-tabs > li > a:hover, .site .nav-tabs > li.active a {color: #212121 !important;} .site .topfooter .nav > li > a {color: #dddddd;} .site .topfooter .nav > li.active > a {color: #ffffff;} .site .topfooter .nav > li > a:active, .site .topfooter .nav > li > a:focus, .site .topfooter .nav > li > a:hover {color: #fafafa;} .site .topfooter {color: #212121;} .site .topfooter a {color: #616161;} .site .topfooter a:hover, .site .topfooter li.active a {color: #212121;} .site .footlink {color: rgba(146,145,145,0.75);} .site .footlink a {color: #929191;} .site .footlink a:hover {color: rgba(146,145,145,0.75);} .site .footer * {color: #CCCCCC;} .site .footer a {color: #CCCCCC;} .site .footer a:hover {color: #FFFFFF;} .site .large-form .form-group .form-control, .site .form-control { color:#999; } .site .large-form .form-select:before { color: rgba(0,0,0,0.4); background: white; } /*----- Border & Shadow Colors -----*/ .site .form-control {border-color: rgba(0,0,0,0.2) !important;} .site .form-group .form-control:focus, .site .form-group-default .form-control:focus {border-color: transparent !important;} .site .radio input[type=radio]:checked~.circle, .site .checkbox input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox-default input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox-default input[type=checkbox]:checked+.checkbox-material .check { border-color: #212121; } .site .input-group-addon { border-color: #CCC; background-color: #EEE; } /* .site .pagination>.active>a, .site .pagination>.active>span, .site .pagination>.active>a:hover, .site .pagination>.active>span:hover, .site .pagination>.active>a:focus, .site .pagination>.active>span:focus {border-color: #0CABEF;} */ .site .iconBannerText .circle {border: 5px solid #929191;} .site a.thumbnail:hover, .site a.thumbnail:focus, a.thumbnail.active {border-color: #0CABEF;} .site .table-striped>tbody>tr:hover { background-color:#EEE; } /* status colors */ .site .color_default, .site .color_default a, .site .color_default a:hover { color:#212121;} .site .color_beschikbaar, .site .color_beschikbaar a, .site .color_beschikbaar a:hover { color:#008800;} .site .color_onder_bod, .site .color_onder_bod a, .site .color_onder_bod a:hover { color: #c9cc00;} .site .color_onder_optie, .site .color_onder_optie a, .site .color_onder_optie a:hover, .site .color_verkocht_onder_voorbehoud, .site .color_verkocht_onder_voorbehoud a, .site .color_verkocht_onder_voorbehoud a:hover, .site .color_verhuurd_onder_voorbehoud, .site .color_verhuurd_onder_voorbehoud a, .site .color_verhuurd_onder_voorbehoud a:hover { color:#CC9900;} .voortgang {border: 1px solid #ccc; } .voortgang, .voortgang>div {height: 1em;display:flex;} .voortgang .beschikbaar { background: #008800; } .voortgang .onderoptie { background: #CC9900; } .voortgang .mondelingverkocht {background: #FF6600; } .voortgang .mondelingverhuurd {background: #FF6600; } .voortgang .verkochtondervoorbehoud {background: #FF4400; } .voortgang .verhuurdondervoorbehoud {background: #FF4400; } .voortgang .verkocht { background: #FF0000; } .voortgang .verhuurd { background: #FF0000; } .voortgang .ingetrokken { background: #999999; } .bg-color_beschikbaar { background-color: rgba(0, 136, 0, 0.4); } .bg-color_onder_optie { background-color: rgba(204, 153, 0, 0.4); } .bg-color_mondeling_verkocht { background-color: rgba(255, 102, 0, 0.4); } .bg-color_verkocht_ovb { background-color: rgba(255, 68, 0, 0.4); } .bg-color_verkocht { background-color: rgba(255, 0, 0, 0.4); } .site .color_mondeling_verkocht, .site .color_mondeling_verkocht a, .site .color_mondeling_verkocht a:hover { color:#FF6600; } .site .color_verkocht, .site .color_verkocht a, .site .color_verkocht a:hover, .site .color_verhuurd, .site .color_verhuurd a, .site .color_verhuurd a:hover { color:#FF0000;} .site .color_ingetrokken, .site .color_ingetrokken a, .site .color_ingetrokken a:hover { color:#999999;} .site .import_success { background-color: rgba(0, 136, 0, 0.5); } .site .import_busy { background-color: rgba(204, 153, 0, 0.5); } .site .import_failed { background-color: rgba(255, 0, 0, 0.5); } .bar-left::before { background-color:#d2d4d3; } .project-container .project-sales.inverted { color:#FFFFFF;} .site .regio-item a.text-grey:hover {color: rgba(146,145,145,1) !important;} .site .footerVisualWrapper, .site .footerVisualWrapper h2, .site .footerVisualWrapper p, .site .footerVisualWrapper a { color: #FFF !important; } .site .footerVisualWrapper a:hover { color:#0097D7} .site .productVisual .visual-scroll-down:hover { background-color:#CCCCCC !important; } .project-navbar a.navbar-brand { color:#212121; } .project-navbar a.navbar-brand:hover { color:#212121; } .site .bar-sm.hover:hover, .site .bar-sm.hover.hovered { background-color:#EEEEEE !important; } .icon-default {color: rgb(21,58,103)!important;} .icon-primary {color: rgb(46,164,186)!important;} .icon-success {color: rgb(10,166,113)!important;} .icon-info {color: rgb(154,120,160)!important;} .icon-warning {color: rgb(239,203,110)!important;} .icon-danger {color: rgb(239,104,100)!important;} a.icon-default {color: rgba(21,58,103,0.5)!important;} a.icon-default:hover {color: rgba(21,58,103,1)!important;} a.icon-primary {color: rgba(46,164,186,0.5)!important;} a.icon-primary:hover {color: rgba(46,164,186,1)!important;} a.icon-success {color: rgba(10,166,113,0.5)!important;} a.icon-success:hover {color: rgba(10,166,113,1)!important;} a.icon-info {color: rgba(154,120,160,0.5)!important;} a.icon-info:hover {color: rgba(154,120,160,1)!important;} a.icon-warning {color: rgba(239,203,110,0.5)!important;} a.icon-warning:hover {color: rgba(239,203,110,1)!important;} a.icon-danger {color: rgba(239,104,100,0.5)!important;} a.icon-danger:hover {color: rgba(239,104,100,1)!important;} .icon-disabled {color: #bbbbbb!important;} .icon-disabled:hover {color: #bbbbbb!important;} .site .breadcrumbs a { color: #333; } .site .breadcrumbs a:hover { color: #0097D7; } .bar-team {background-color: #DDDDDD} .site .team-container a:hover, .team-container .site a:focus { color: #FFFFFF; } .bar-top::before {background-color: #d2d4d3;} .site .projectOverview a.project-link table, .site .projectOverview a.project-link .project-details { color:#414042; } .site .contactBar { background-color:#FFF; } .site .album-wrapper .album-item:first-child { border-left:none; } .site .album-wrapper .album-item a { color:#212121; } .site .album-wrapper .album-divider span { border-left: solid 1px #b5b7b9; border-right: solid 2px #e3e4e5; } .site .album-wrapper .album-item a:hover { color:#0CABEF; } .arrow-steps .step { color: #666; background-color: rgba(0, 151, 215, 0.2); } .arrow-steps .step:after, .arrow-steps .step:before { border-left: 17px solid rgba(0, 151, 215, 0.2); } .arrow-steps .step:before { border-left: 17px solid #fff; } .arrow-steps .step:last-child:after { border-top-color: rgba(0, 151, 215, 0.2); border-bottom-color: rgba(0, 151, 215, 0.2); border-radius: 0 4px 4px 0; } .arrow-steps .step.current { color: #fff; background-color: #0097D7; } .arrow-steps .step.current:after { border-left: 17px solid #0097D7; } .site .filter-group-horizontal .radio label, .site .filter-group-horizontal .checkbox label { color:#FFF; } .site #call a { color:#FFF; } .site .sticky-container #sticky-container-close{ color: #000000; } .site .back-to-top { background-color: #BBBBBB !important; border-color: #FFFFFF !important; color: #FFFFFF; } .site .back-to-top:hover { background-color: #CCCCCC !important; border-color: #FFFFFF !important; color: #FFFFFF; } .site .visual-newsletter .has-error .error-message { color: #ffffff; } .site .form-privacy label, .site .form-privacy label a, .site .form-privacy label a:hover, .site .visual-newsletter .error-message, .site .visual-newsletter .form-privacy, .site .visual-newsletter .form-privacy a, .site .visual-newsletter .form-privacy a:hover{ color:#FFFFFF; } .site .form-privacy label, .site .form-privacy label a, .site .form-privacy label a:hover { color:inherit; } .media-bar a .mediatitle { color: #333; } .media-bar a b { color: #333333; } .bar-sm.container:after { display: block; position: relative; border-bottom: 1px solid #e6e6e6; top: 18px; margin-left: -18px; margin-right: -18px; } .checkbox.binnenkort_in_verkoop .checkbox-material .check, .checkbox.binnenkort_in_verhuur .checkbox-material .check, .checkbox.beschikbaar .checkbox-material .check, .checkbox.soon_on_sale .checkbox-material .check, .checkbox.soon_for_rent .checkbox-material .check, .checkbox.available .checkbox-material .check { background-color: rgba(0,153,0,0.4); border-color: #009900; } .site .checkbox.binnenkort_in_verkoop input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.binnenkort_in_verhuur input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.beschikbaar input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.soon_on_sale input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.soon_for_rent input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.available input[type=checkbox]:checked+.checkbox-material .check { border-color: #009900; background-color:#FFFFFF; } .site .checkbox.binnenkort_in_verkoop input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.binnenkort_in_verhuur input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.beschikbaar input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.soon_on_sale input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.soon_for_rent input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.available input[type=checkbox]:checked+.checkbox-material .check:before { color: #009900; } .checkbox.onder_bod .checkbox-material .check, .checkbox.onder_optie .checkbox-material .check, .checkbox.mondeling_verhuurd .checkbox-material .check, .checkbox.mondeling_verkocht .checkbox-material .check, .checkbox.under_offer .checkbox-material .check, .checkbox.under_option .checkbox-material .check { background-color: rgba(255,255,0,0.4); border-color: #FFFF00; } .site .checkbox.onder_bod input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.onder_optie input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.mondeling_verhuurd input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.mondeling_verkocht input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.under_offer input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.under_option input[type=checkbox]:checked+.checkbox-material .check { border-color: #FFFF00; background-color:#FFFFFF; } .site .checkbox.onder_bod input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.onder_optie input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.mondeling_verhuurd input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.mondeling_verkocht input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.under_offer input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.under_option input[type=checkbox]:checked+.checkbox-material .check:before { color: #FFFF00; } .checkbox.mondeling_verhuurd .checkbox-material .check, .checkbox.mondeling_verkocht .checkbox-material .check, .checkbox.sold_verbally .checkbox-material .check, .checkbox.rented_verbally .checkbox-material .check { background-color: rgba(255,170,0,0.4); border-color: #FFAA00; } .site .checkbox.mondeling_verhuurd input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.mondeling_verkocht input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.sold_verbally input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.rented_verbally input[type=checkbox]:checked+.checkbox-material .check { border-color: #FFAA00; background-color:#FFFFFF; } .site .checkbox.mondeling_verhuurd input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.mondeling_verkocht input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.sold_verbally input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.rented_verbally input[type=checkbox]:checked+.checkbox-material .check:before { color: #FFAA00; } .checkbox.verkocht .checkbox-material .check, .checkbox.verkocht_onder_voorbehoud .checkbox-material .check, .checkbox.verhuurd .checkbox-material .check, .checkbox.verhuurd_onder_voorbehoud .checkbox-material .check, .checkbox.sold .checkbox-material .check, .checkbox.sold_subject_to_change .checkbox-material .check, .checkbox.rented .checkbox-material .check, .checkbox.rented_subject_to_change .checkbox-material .check { background-color: rgba(255,0,0,0.4); border-color: #FF0000; } .site .checkbox.verkocht input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.verkocht_onder_voorbehoud input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.verhuurd input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.verhuurd_onder_voorbehoud input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.sold input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.sold_subject_to_change input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.rented input[type=checkbox]:checked+.checkbox-material .check, .site .checkbox.rented_subject_to_change input[type=checkbox]:checked+.checkbox-material .check { border-color: #FF0000; background-color:#FFFFFF; } .site .checkbox.verkocht input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.verkocht_onder_voorbehoud input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.verhuurd input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.verhuurd_onder_voorbehoud input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.sold input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.sold_subject_to_change input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.rented input[type=checkbox]:checked+.checkbox-material .check:before, .site .checkbox.rented_subject_to_change input[type=checkbox]:checked+.checkbox-material .check:before { color: #FF0000; } .modal-header.bg-primary .close { color:#FFF; opacity: 1;} .site .bg-primary a, .site .bg-primary p, .site .bg-primary h1, .site .bg-primary h2, .site .bg-primary a:hover { color:#FFF;} .site .bg-primary .btn-primary { background-color:#FFF; color:#666;} .site .bg-primary .btn-primary:hover { background-color:#FFF; color:#666;} .site .bar-sm.hover:hover, .site .bar-sm.hover.hovered, .site .bar-sm:hover a.text-default, .site .bar-sm:hover .price, .site .bar-sm:hover .text-grey { background-color: #BBB !important; color: #FFF !important; }