@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Nunito+Sans:wght@400;600;700&display=swap");
/* Porto-skin omgekleurd naar #AE3806 (Css.ashx) */
a {
	color: #AE3806;
}
a:hover {
	color: #C74007;
}
a:focus {
	color: #C74007;
}
a:active {
	color: #953005;
}
html .heading-primary,
html .lnk-primary,
html .text-color-primary,
html .text-primary {
	color: #AE3806 !important;
}
html .text-color-hover-primary:hover,
html .text-hover-primary:hover {
	color: #AE3806 !important;
}
html .heading.heading-primary h1,
html .heading.heading-primary h2,
html .heading.heading-primary h3,
html .heading.heading-primary h4,
html .heading.heading-primary h5,
html .heading.heading-primary h6 {
	border-color: #AE3806;
}
html .bg-primary,
html .background-color-primary {
	background-color: #AE3806 !important;
}
.btn-gradient:not(.btn-outline) {
	background: linear-gradient(135deg, #AE3806 0%, #E36159 80%);
}
.btn-gradient:not(.btn-outline):hover,
.btn-gradient:not(.btn-outline).hover {
	background: linear-gradient(135deg, #D34407 0%, #e9807a 80%);
}
.btn-gradient:not(.btn-outline):focus,
.btn-gradient:not(.btn-outline).focus {
	box-shadow: 0 0 0 3px rgba(174, 56, 6, 0.5);
}
.btn-gradient:not(.btn-outline).disabled,
.btn-gradient:not(.btn-outline):disabled {
	background: linear-gradient(135deg, #AE3806 0%, #E36159 80%);
}
.btn-gradient:not(.btn-outline):active,
.btn-gradient:not(.btn-outline).active {
	background: linear-gradient(135deg, #892C05 0%, #dd4238 80%) !important;
}
.btn-gradient.btn-outline {
	-o-border-image: linear-gradient(135deg, #AE3806 0%, #E36159 80%);
	border-image: linear-gradient(135deg, #AE3806 0%, #E36159 80%);
	color: #AE3806;
}
.btn-gradient.btn-outline:hover,
.btn-gradient.btn-outline.hover {
	-o-border-image: linear-gradient(135deg, #D34407 0%, #e9807a 80%);
	border-image: linear-gradient(135deg, #D34407 0%, #e9807a 80%);
	color: #D34407;
}
.btn-gradient.btn-outline:focus,
.btn-gradient.btn-outline.focus {
	box-shadow: 0 0 0 3px rgba(174, 56, 6, 0.5);
}
.btn-gradient.btn-outline.disabled,
.btn-gradient.btn-outline:disabled {
	-o-border-image: linear-gradient(135deg, #AE3806 0%, #E36159 80%);
	border-image: linear-gradient(135deg, #AE3806 0%, #E36159 80%);
}
.btn-gradient.btn-outline:active,
.btn-gradient.btn-outline.active {
	-o-border-image: linear-gradient(135deg, #892C05 0%, #dd4238 80%) !important;
	border-image: linear-gradient(135deg, #892C05 0%, #dd4238 80%) !important;
	color: #892C05;
}
.sidebar-left .sidebar-header .sidebar-toggle:hover i {
	color: #AE3806;
}
@media (min-width: 992px) {
.header.header-nav-menu .header-nav-main nav > ul > li > a.dropdown-toggle:after {
	border-color: #AE3806 transparent transparent transparent;
}
.header.header-nav-menu .header-nav-main nav > ul > li > a:focus {
	color: #AE3806;
}
.header.header-nav-menu .header-nav-main nav > ul > li.open > a,
	.header.header-nav-menu .header-nav-main nav > ul > li:hover > a,
	.header.header-nav-menu .header-nav-main nav > ul > li.active > a {
	background: #AE3806;
}
.header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu {
	border-top: 3px solid #AE3806;
}
.header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
	border-color: transparent transparent transparent #AE3806;
}
.header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.open > a,
	.header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:hover > a,
	.header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.active > a {
	color: #AE3806;
}
.header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.open > a:before,
	.header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:hover > a:before,
	.header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.active > a:before {
	background-color: #AE3806;
}
.header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.open > a.dropdown-toggle:after,
	.header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after,
	.header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.active > a.dropdown-toggle:after {
	border-color: #AE3806 transparent transparent transparent;
}
.header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.dropdown .dropdown-menu {
	border-top: 3px solid #AE3806;
}
.header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
	border-color: transparent transparent transparent #AE3806;
}
.header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li.open > a,
	.header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li:hover > a,
	.header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li.active > a {
	color: #AE3806 !important;
}
.header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a {
	color: #AE3806;
}
.header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle:not(.toggled):before {
	color: #AE3806;
}
}
@media (max-width: 991px) {
.header.header-nav-menu .header-nav-main nav > ul.nav-pills > li.active > a,
	.header.header-nav-menu .header-nav-main nav > ul.nav-pills > li.active > a:hover,
	.header.header-nav-menu .header-nav-main nav > ul.nav-pills > li.active > a:focus {
	background-color: #AE3806;
}
.header-btn-collapse-nav {
	background: #AE3806;
}
}
.page-header h2 {
	border-bottom-color: #AE3806;
}
.page-header .sidebar-right-toggle:hover {
	color: #AE3806;
}
ul.nav-main > li.nav-active > a {
	box-shadow: 2px 0 0 #AE3806 inset;
}
ul.nav-main > li.nav-active > i {
	color: #AE3806;
}
ul.nav-main li .nav-children li.nav-active > a {
	color: #AE3806;
}
html.sidebar-light:not(.dark) ul.nav-main > li.nav-active > a {
	color: #AE3806;
}
.nav-pills-primary > li.active > a {
	background-color: #AE3806;
}
.nav-pills-primary > li.active > a:hover,
.nav-pills-primary > li.active > a:active,
.nav-pills-primary > li.active > a:focus {
	background-color: #AE3806;
}
html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
	background: #AE3806;
}
@media only screen and (min-width: 768px) {
html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-active a:hover,
	html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-active a:hover {
	color: #AE3806;
}
html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a span.badge,
	html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a span.badge {
	background-color: #AE3806;
}
}
@media only screen and (max-width: 1199px) {
html.boxed .header {
	border-top-color: #AE3806;
}
}
@media only screen and (min-width: 1200px) {
html.boxed .header {
	border-top-color: #AE3806;
}
html.boxed .sidebar-right {
	border-top-color: #AE3806;
}
}
.userbox .dropdown-menu a:hover {
	background: #AE3806;
}
.mailbox .mailbox-mail-list li.active {
	background: #AE3806;
}
.mailbox .mailbox-mail .mailbox-close-mail {
	color: #AE3806;
}
.mailbox .mailbox-mail .mailbox-close-mail:hover {
	color: #C74007;
}
.mailbox .mailbox-mail .card .card-header .card-actions a:hover {
	color: #AE3806;
}
.media-gallery ul.mg-tags > li a:hover {
	background-color: #AE3806;
}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
	background-color: #AE3806;
}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
	background-color: #AE3806;
}
.media-gallery .mg-files .thumbnail.thumbnail-selected {
	box-shadow: 0 0 8px -1px #AE3806;
}
.body-sign .card-sign .card-title-sign .title {
	background-color: #AE3806;
}
.body-sign .card-sign .card-body {
	border-top-color: #AE3806;
}
.body-locked .current-user .user-image {
	border-color: #AE3806;
}
.list.list-filter > li a:hover,
.list.list-filter > li a:focus,
.list.list-filter > li a:active {
	border-color: #AE3806;
}
.list.list-filter > li a.active {
	background: #AE3806;
}
html.modern .dropdown-language + .dropdown-menu .dropdown-item:hover,
html.modern .dropdown-language + .dropdown-menu .dropdown-item:focus {
	color: #AE3806;
}
html.modern .dropdown-language + .dropdown-menu .dropdown-item:hover:active,
html.modern .dropdown-language + .dropdown-menu .dropdown-item:focus:active,
html.modern .dropdown-language + .dropdown-menu .dropdown-item:hover.active,
html.modern .dropdown-language + .dropdown-menu .dropdown-item:focus.active {
	background: #AE3806 !important;
}
html.modern .userbox .profile-picture.profile-picture-as-text {
	background: #AE3806;
}
html.modern .userbox.show .dropdown-menu a:hover,
html.modern .userbox.show .dropdown-menu a:hover i {
	color: #AE3806;
}
html.modern .userbox.show .dropdown-menu a:hover:active {
	background-color: #AE3806 !important;
}
html.modern .notifications > li .notification-icon:hover i {
	color: #AE3806;
}
html.modern .notifications > li.show .notification-icon i {
	color: #AE3806;
}
html.modern .notifications .notification-menu .image.image-as-text {
	background: #AE3806;
}
html.modern .notifications .notification-menu .view-more {
	color: #AE3806;
}
html.modern ul.nav-main li.nav-active i {
	color: #AE3806;
}
html.modern ul.nav-main li .nav-children li.nav-active > a {
	color: #AE3806;
}
.ecommerce-timeline .ecommerce-timeline-items-wrapper .ecommerce-timeline-item:after {
	background: #AE3806;
	box-shadow: 0px 0px 0px 2px #AE3806;
}
.portfolio-item.portfolio-item-new:after {
	background: #AE3806;
}
blockquote.primary {
	border-color: #AE3806;
}
.nav-pills > .active a,
.nav-pills > .active a:hover,
.nav-pills > .active a:focus {
	background-color: #AE3806;
}
.nav-pills-primary > li a:hover,
.nav-pills-primary > li a:focus,
.nav-pills-primary > li .nav-link:hover,
.nav-pills-primary > li .nav-link:focus {
	background-color: #C74007;
}
.nav-pills-primary > li .nav-link.active {
	background-color: #AE3806;
}
.nav-pills-primary > li .active > a,
.nav-pills-primary > li .active > a:hover,
.nav-pills-primary > li .active > a:active,
.nav-pills-primary > li .active > a:focus {
	background-color: #AE3806;
}
.nav-link {
	color: #AE3806;
}
.nav-link:hover,
.nav-link:focus {
	color: #C74007;
}
.dropdown-menu	> .active	> a,
.dropdown-menu	> .active	> a:hover,
.dropdown-menu	> .active	> a:focus {
	background-color: #AE3806;
}
.open > .dropdown-toggle.btn-primary {
	background: #AE3806;
	border-color: #953005;
}
.dropdown-item.active,
.dropdown-item:active {
	background: #AE3806;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
	background-color: #AE3806;
}
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(174, 56, 6, 0.6);
}
.form-select:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(174, 56, 6, 0.6);
}
.btn-link {
	color: #AE3806;
}
.btn-link:hover {
	color: #C74007;
}
.btn-link:active {
	color: #953005;
}
html .btn-primary {
	background-color: #AE3806;
	border-color: #AE3806 #AE3806 #7D2804;
}
html .btn-primary:hover,
html .btn-primary.hover {
	background-color: #D34407;
	border-color: #DF4808 #DF4808 #AE3806;
}
html .btn-primary:focus,
html .btn-primary.focus {
	box-shadow: 0 0 0 3px rgba(174, 56, 6, 0.5);
	background-color: #AE3806;
	border-color: #AE3806;
}
html .btn-primary.disabled,
html .btn-primary:disabled {
	background-color: #AE3806;
	border-color: #AE3806 #AE3806 #7D2804;
}
html .btn-primary:active,
html .btn-primary.active,
.show > html .btn-primary.dropdown-toggle {
	background-color: #892C05 !important;
	border-color: #7D2804 #7D2804 #004466 !important;
	box-shadow: 0 0 0 0.2rem rgba(174, 56, 6, 0.5) !important;
}
html .btn-primary-scale-2 {
	background-color: #953005;
	border-color: #953005 #953005 #642003;
}
html .btn-primary-scale-2:hover,
html .btn-primary-scale-2.hover {
	border-color: #C74007 #C74007 #953005;
}
html .btn-primary-scale-2:focus,
html .btn-primary-scale-2.focus {
	background-color: #953005;
	border-color: #953005;
}
html .btn-primary-scale-2.disabled,
html .btn-primary-scale-2:disabled {
	background-color: #953005;
	border-color: #953005 #953005 #642003;
}
html .btn-primary-scale-2:active,
html .btn-primary-scale-2.active,
.show > html .btn-primary-scale-2.dropdown-toggle {
	border-color: #642003 #642003 #00334d !important;
}
html .show > .btn-primary.dropdown-toggle {
	background-color: #892C05;
	border-color: #7D2804 #7D2804 #004466;
}
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #AE3806;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination .page-item.active .page-link {
	background-color: #AE3806 !important;
	border-color: #AE3806;
}
body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus {
	color: #AE3806;
}
body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
	background-color: #AE3806;
	border-color: #AE3806;
}
.pagination > .active > a,
body.dark .pagination > .active > a {
	background-color: #AE3806;
	border-color: #AE3806 #AE3806 #7D2804;
}
.pagination > .active > a:hover,
body.dark .pagination > .active > a:hover,
.pagination > .active > a.hover,
body.dark .pagination > .active > a.hover {
	background-color: #D34407;
	border-color: #DF4808 #DF4808 #AE3806;
}
.pagination > .active > a:focus,
body.dark .pagination > .active > a:focus,
.pagination > .active > a.focus,
body.dark .pagination > .active > a.focus {
	box-shadow: 0 0 0 3px rgba(174, 56, 6, 0.5);
	background-color: #AE3806;
	border-color: #AE3806;
}
.pagination > .active > a.disabled,
body.dark .pagination > .active > a.disabled,
.pagination > .active > a:disabled,
body.dark .pagination > .active > a:disabled {
	background-color: #AE3806;
	border-color: #AE3806 #AE3806 #7D2804;
}
.pagination > .active > a:active,
body.dark .pagination > .active > a:active,
.pagination > .active > a.active,
body.dark .pagination > .active > a.active,
.show > .pagination > .active > a.dropdown-toggle,
.show > body.dark .pagination > .active > a.dropdown-toggle {
	background-color: #892C05 !important;
	border-color: #7D2804 #7D2804 #004466 !important;
	box-shadow: 0 0 0 0.2rem rgba(174, 56, 6, 0.5) !important;
}
.switch.switch-primary .ios-switch .on-background {
	background: #AE3806;
}
.badge-primary {
	background: #AE3806;
}
.alternative-font {
	color: #AE3806;
}
.highlight {
	background-color: #AE3806;
}
p.drop-caps:first-letter {
	color: #AE3806;
}
p.drop-caps.drop-caps-style-2:first-letter {
	background-color: #AE3806;
}
.form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(174, 56, 6, 0.3);
}
.header .toggle-sidebar-left {
	background: #AE3806;
}
.fc .fc-toolbar h2:before {
	color: #AE3806;
}
.fc .fc-toolbar .fc-button.fc-state-active {
	background-color: #AE3806;
}
.fc-event {
	background: #AE3806;
	border-color: #AE3806;
}
.fc-event.fc-event-primary {
	background: #AE3806;
	border-color: #AE3806;
}
.jqvmap-zoomin,
.jqvmap-zoomout {
	background: #AE3806;
}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
	color: #AE3806;
}
.timeline .tm-items > li .tm-icon {
	border-color: #AE3806;
	color: #AE3806;
}
.timeline.timeline-simple .tm-body .tm-items > li:before {
	background: #AE3806;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #AE3806;
}
html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
	background: #AE3806;
	box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #AE3806;
}
.pricing-table .most-popular {
	border-color: #AE3806;
}
.pricing-table .most-popular h3 {
	background-color: #AE3806;
}
.pricing-table.princig-table-flat .plan h3 {
	background-color: #AE3806;
}
.pricing-table.princig-table-flat .plan h3 span {
	background: #AE3806;
}
.dataTables_processing {
	background-color: #AE3806;
}
.accordion .card-header a {
	color: #AE3806;
}
html .accordion.accordion-primary .card-header {
	background-color: #AE3806 !important;
}
html .toggle-primary .toggle label {
	color: #AE3806;
	border-left-color: #AE3806;
	border-right-color: #AE3806;
}
html .toggle-primary .toggle.active > label {
	background-color: #AE3806 !important;
	border-color: #AE3806;
}
html .toggle-primary.toggle-simple .toggle > label:after {
	background-color: #AE3806;
}
.alert-primary {
	background-color: #AE3806;
}
.dd-handle:hover {
	color: #AE3806 !important;
}
.dd-placeholder {
	border-color: #AE3806;
}
.card-highlight .card-header {
	background-color: #AE3806;
	border-color: #AE3806;
}
.card-highlight .card-body {
	background-color: #AE3806;
}
html .card-primary .card-header {
	background: #AE3806;
	border-color: #AE3806;
}
html .card-featured-primary {
	border-color: #AE3806;
}
html .card-featured-primary .card-title {
	color: #AE3806;
}
html .card-group .card-accordion-primary {
	background: #AE3806;
}
.progress-bar {
	background-color: #AE3806;
}
.progress .progress-bar-primary {
	background-color: #AE3806;
}
.toggle label {
	border-left-color: #AE3806;
	color: #AE3806;
}
.toggle.active > label {
	background: #AE3806 !important;
	border-color: #AE3806;
}
.jstree-default .colored {
	color: #AE3806 !important;
}
.jstree-default .colored .jstree-icon {
	color: #AE3806 !important;
}
.jstree-default .colored-icon .jstree-icon {
	color: #AE3806 !important;
}
.sidebar-widget.widget-tasks ul li:before {
	border-color: #AE3806;
}
.widget-twitter-profile {
	background-color: #AE3806;
}
.thumb-info .thumb-info-type {
	background-color: #AE3806;
}
.social-icons-list a {
	background: #AE3806;
}
.notifications .notification-menu .notification-title {
	background: #AE3806;
}
.notifications .notification-menu .notification-title .badge-default {
	background-color: #7D2804;
}
.notifications .notification-menu:before,
.notifications .notification-icon:before {
	border-bottom-color: #AE3806;
}
.ui-pnotify .notification-primary {
	background: rgba(174, 56, 6, 0.95);
}
.ui-pnotify.stack-bar-top .notification-primary,
.ui-pnotify.stack-bar-bottom .notification-primary {
	background: #AE3806;
}
.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary {
	background: rgba(174, 56, 6, 0.95);
}
.ui-pnotify.notification-primary.stack-bar-top .notification,
.ui-pnotify.notification-primary.stack-bar-bottom .notification,
.ui-pnotify.notification-primary.stack-bar-top .notification-primary,
.ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
	background: #AE3806;
}
.modal-block-primary .fa,
.modal-block-primary .fab,
.modal-block-primary .fal,
.modal-block-primary .far,
.modal-block-primary .fas {
	color: #AE3806;
}
.modal-block-primary.modal-header-color .card-header {
	background-color: #AE3806;
}
.modal-block-primary.modal-full-color .card-header {
	background-color: #AE3806;
}
.modal-block-primary .modal-icon .fa,
.modal-block-primary .modal-icon .fab,
.modal-block-primary .modal-icon .fal,
.modal-block-primary .modal-icon .far,
.modal-block-primary .modal-icon .fas {
	color: #AE3806;
}
html body .tabs .nav-tabs .nav-link,
html.dark body .tabs .nav-tabs .nav-link,
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover {
	color: #AE3806;
}
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link:focus,
html.dark body .tabs .nav-tabs .nav-link:focus {
	border-top-color: #AE3806;
}
html body .tabs .nav-tabs li.active .nav-link,
html.dark body .tabs .nav-tabs li.active .nav-link {
	border-top-color: #AE3806;
	color: #AE3806;
}
html body .tabs .nav-tabs.nav-justified .nav-link:hover,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover,
html body .tabs .nav-tabs.nav-justified .nav-link:focus,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus {
	border-top-color: #AE3806;
}
html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus {
	border-bottom-color: #AE3806;
}
html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus {
	border-left-color: #AE3806;
}
html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus {
	border-right-color: #AE3806;
}
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover {
	border-top-color: #AE3806;
	color: #AE3806;
}
html body .tabs-primary .nav-tabs li .nav-link,
html.dark body .tabs-primary .nav-tabs li .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
	color: #AE3806;
}
html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
	border-top-color: #AE3806;
}
html body .tabs-primary .nav-tabs li.active .nav-link,
html.dark body .tabs-primary .nav-tabs li.active .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus {
	border-top-color: #AE3806;
	color: #AE3806;
}
html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
	border-bottom-color: #AE3806;
}
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
	border-bottom-color: #AE3806;
}
html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover {
	border-left-color: #AE3806;
}
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus {
	border-left-color: #AE3806;
}
html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover {
	border-right-color: #AE3806;
}
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus {
	border-right-color: #AE3806;
}
.tab-navigation nav > ul > li:hover:not(.nav-expanded) > a {
	background: #AE3806;
}
.tab-navigation nav > ul > li > ul > li.nav-active > a {
	color: #AE3806 !important;
}
.tab-navigation nav > ul > li > ul > li .dropdown-menu li.nav-active > a {
	color: #AE3806 !important;
}
html.has-tab-navigation .toggle-menu {
	background: #AE3806;
}
.search-content .search-toolbar .nav-pills li.active a {
	color: #AE3806;
	border-bottom-color: #AE3806;
}
.search-results-list .result-thumb .fa,
.search-results-list .result-thumb .fab,
.search-results-list .result-thumb .fal,
.search-results-list .result-thumb .far,
.search-results-list .result-thumb .fas {
	background: #AE3806;
}
.scrollable.colored-slider .scrollable-slider {
	background: #AE3806;
}
html.dark .search-content .search-toolbar .nav-pills li.active a,
html.dark .search-content .search-toolbar .nav-pills li.active a:hover,
html.dark .search-content .search-toolbar .nav-pills li.active a:focus {
	color: #AE3806;
	border-bottom-color: #AE3806;
}
.bootstrap-timepicker-widget table td a:hover {
	background-color: #AE3806;
}
#nprogress .bar {
	background: #AE3806;
}
#nprogress .peg {
	box-shadow: 0 0 10px 1px #AE3806, 0 0 5px #AE3806;
}
.img-thumbnail .zoom {
	background: #AE3806;
}
.owl-theme .owl-nav [class*="owl-"] {
	background: #AE3806;
}
.ct-chart .tooltip {
	background: #AE3806;
}
.ct-chart .tooltip:after {
	border-top-color: #AE3806;
}
.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
	stroke: #AE3806;
}
.ct-chart .ct-series.ct-series-a .ct-area,
.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
	fill: #AE3806;
}
.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
	stroke: #642003;
}
.ct-chart .ct-series.ct-series-b .ct-area,
.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) {
	fill: #642003;
}
.ct-chart .ct-series.ct-series-i .ct-bar,
.ct-chart .ct-series.ct-series-i .ct-line,
.ct-chart .ct-series.ct-series-i .ct-point,
.ct-chart .ct-series.ct-series-i .ct-slice.ct-donut {
	stroke: #642003;
}
.ct-chart .ct-series.ct-series-i .ct-area,
.ct-chart .ct-series.ct-series-i .ct-slice:not(.ct-donut) {
	fill: #642003;
}
.call-to-action.call-to-action-primary {
	background-color: #AE3806;
}
ul.simple-bullet-list li:before {
	border-color: #AE3806;
}
.simple-card-list li.primary {
	background: #AE3806;
}
.simple-todo-list li.completed:before {
	color: #AE3806;
}
.bootstrap-tagsinput .badge {
	background: #AE3806;
}
html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
	background: #AE3806;
	border-color: #953005;
}
html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
.checkbox-text-primary input[type="checkbox"]:checked + label:after {
	color: #AE3806;
}
html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after {
	background: #AE3806;
	box-shadow: 0px 0px 1px #AE3806;
}
.switch.switch-primary .ios-switch .on-background {
	background: #AE3806;
}
.progress-bar {
	background-color: #AE3806;
}
.progress .progress-bar-primary {
	background-color: #AE3806;
}
.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
	background: #AE3806;
}
.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
	background-image: linear-gradient(to left, #DF4808 0, #AE3806 50%, #7D2804 100%);
}
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
	background-image: linear-gradient(to right, #DF4808 0, #AE3806 50%, #7D2804 100%);
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover,
.datepicker table tr td span:hover {
	background: #AE3806;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
	background: #AE3806;
}
.datepicker table thead tr:last-child th:hover {
	color: #AE3806;
}
.datepicker table tbody tr td.day:hover {
	background: #AE3806;
}
.datepicker table tbody tr td.day.active {
	background: #7D2804;
}
html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #AE3806;
}
html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.active {
	background: #7D2804;
}
.datepicker.datepicker-primary table thead tr:first-child {
	background-color: #AE3806;
}
.datepicker.datepicker-primary table thead tr:first-child th:hover {
	background-color: #7D2804;
}
.datepicker.datepicker-primary table thead tr:last-child {
	background-color: #C74007;
}
.datepicker.datepicker-primary table thead tr:last-child th:hover {
	background-color: #AE3806;
}
.select2-container-multi .select2-choices .select2-search-choice {
	background: #AE3806;
}
.wizard-steps > li.active .badge {
	background-color: #AE3806;
}
.wizard-steps > li.active a,
.wizard-steps > li.active a:hover,
.wizard-steps > li.active a:focus {
	border-top-color: #AE3806;
}
.wizard-tabs ul > li.active .badge {
	background-color: #AE3806;
}
html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator {
	background: #AE3806;
}
html .wizard-progress .wizard-steps li.completed a span,
html.dark .wizard-progress .wizard-steps li.completed a span {
	border-color: #AE3806;
	background: #AE3806;
}
html .wizard-progress .wizard-steps li.active a span,
html.dark .wizard-progress .wizard-steps li.active a span {
	color: #AE3806;
	border-color: #AE3806;
}
.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
	background-color: #AE3806 !important;
}
.dataTables_processing {
	background-color: #AE3806;
}
.liquid-meter-wrapper .liquid-meter-selector a.active {
	color: #AE3806;
}
.multiselect-container > .active > a,
.multiselect-container > .active > a:hover,
.multiselect-container > .active > a:focus {
	background-color: #AE3806;
}
/* Add here all your CSS customizations */
/*HOW TO USE SELECTORS:  https://www.w3schools.com/cssref/css_selectors.asp */


/*RSA 2018-07 ActionLabel&Filter - Action badge*/
.actionLabel {
    font-size: 0.75rem;
}

/*RSA 2018-07 ActionLabel&Filter - Action badge*/
.actionLabelInGrid {
    position: absolute;
    right: 25px;
    top: 40px;
}

/*TVDA 2-3-2022 ActionLabel&Filter - Action badge for productpage*/
.actionLabelInProductGrid {
    position: absolute;
    right: 10px;
    top: 10px;
}

.mail-replied {
    color: #BBB;
    right: 120px;
    line-height: 50px;
    z-index: 0;
}

/*RSA 2019-06: OVERRULE BOOTSTRAP.CSS. Commented are the original bootstrap values (START)*/
.btn-default {
    color: #341102;
}


.panel {
    margin-bottom: 20px;
    /*background-color: #fff;*/
    background-color: #AE3806; /*<RSA 2019-06> Not yet spotted, probably overruled by subclasses*/
    /*border: 1px solid transparent;*/
    border-color: #AE3806; /*<RSA 2019-06>*/
    /*border: None*/ /*<RSA 2019-06-20>*/
    /*border-radius: 4px;*/
    border-radius: 6px; /*<RSA 2019-06>*/
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

    .panel a:hover { /*<RSA 2019-06> ADDED to control hover colors in panels*/
        background-color: #EBCDC1;
        color: #341102;
    }

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #FFFFFF;
}

.card-title {
    color: #FFFFFF;
}

.body-sign > .panel {
    border-color: none;
}

.center-sign > .panel { /*Heading login panel*/
    border-color: none;
    /*background-color: #337ab7;*/
    background-color: #FBF5F3; /*<RSA 2019-06>*/
}

.panel > panel-sign {
    border-color: none;
}

.panel > .panel-heading { /*heading of all panels, like search panel and main apps panels*/
    /*color: #000000;*/
    color: #FFFFFF; /*<RSA 2019-06>*/
    /*background-color: #FFFFFF;*/
    background-color: #AE3806; /*<RSA 2019-06>*/
    /*border-color: #FFFFFF;*/
    border-color: #AE3806; /*<RSA 2019-06>*/
}

.card > .card-header { /*heading of all panels, like search panel and main apps panels*/
    /*color: #000000;*/
    color: #FFFFFF; /*<RSA 2019-06>*/
    /*background-color: #FFFFFF;*/
    background-color: #AE3806; /*<RSA 2019-06>*/
    /*border-color: #FFFFFF;*/
    border-color: #AE3806; /*<RSA 2019-06>*/
}

    .panel > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ccdcff;
    }

    .panel > .panel-heading .badge {
        color: white;
        background-color: #3c763d;
    }

.panel > .panel-footer + .panel-collapse > .panel-body { /*unclear where it is applied*/
    /*border-bottom-color: #337ab7;*/
    border-bottom-color: #AE3806; /*<RSA 2019-06>*/
}

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary { /* unclear where it is applied*/
    /*border-color: #337ab7;*/
    border-color: #AE3806; /*<RSA 2019-06>*/
}

    .panel-primary > .panel-heading { /* unclear where it is applied*/
        color: #fff;
        /*background-color: #337ab7;*/
        background-color: #AE3806; /*<RSA 2019-06>*/
        /*border-color: #337ab7;*/
        border-color: #AE3806; /*<RSA 2019-06>*/
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body { /* unclear where it is applied*/
            /*border-top-color: #337ab7;*/
            border-top-color: #AE3806; /*<RSA 2019-06>*/
        }

        .panel-primary > .panel-heading .badge { /* unclear where it is applied*/
            /*color: #337ab7;*/
            color: #AE3806; /*<RSA 2019-06> inverted*/
            /*background-color: #fff;*/
            background-color: #FFFFFF; /*<RSA 2019-06> inverted*/
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body { /* unclear where it is applied*/
        /*border-bottom-color: #337ab7;*/
        border-bottom-color: #AE3806; /*<RSA 2019-06>*/
    }

.panel-success {
    /*border-color: #d6e9c6;*/
    border-color: #dff0d8; /*<RSA 2019-06>*/
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        /*border-color: #d6e9c6;*/
        border-color: #dff0d8; /*<RSA 2019-06>*/
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
            /*border-top-color: #dff0d8;*/ /*<RSA 2019-06>*/
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        /*border-bottom-color: #d6e9c6;*/
        border-bottom-color: #dff0d8; /*<RSA 2019-06>*/
    }

.panel-info {
    /*border-color: #bce8f1;*/
    border-color: #d9edf7; /*<RSA 2019-06>*/
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        /*border-color: #bce8f1;*/
        border-color: #d9edf7; /*<RSA 2019-06>*/
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            /*border-top-color: #bce8f1;*/
            border-top-color: #d9edf7; /*<RSA 2019-06>*/
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        /*border-bottom-color: #bce8f1;*/
        border-bottom-color: #d9edf7; /*<RSA 2019-06>*/
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        /*border-color: #faebcc;*/
        border-color: #fcf8e3; /*<RSA 2019-06>*/
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            /*border-top-color: #faebcc;*/
            border-top-color: #fcf8e3; /*<RSA 2019-06>*/
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        /*border-bottom-color: #faebcc;*/
        border-bottom-color: #fcf8e3; /*<RSA 2019-06>*/
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        /*border-color: #ebccd1;*/
        border-color: #f2dede; /*<RSA 2019-06>*/
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            /*border-top-color: #ebccd1;*/
            border-top-color: #f2dede; /*<RSA 2019-06>*/
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        /*border-bottom-color: #ebccd1;*/
        border-bottom-color: #f2dede; /*<RSA 2019-06>*/
    }

/*RSA 2019-06: OVERRULE BOOTSTRAP.CSS. Commented are the original bootstrap values (STOP)*/


/*RSA 2019-06: OVERRULE THEME.CSS. Commented are the original theme values (START)*/
html,
body { /*Body of the Browser?*/
    /*background: #ecedf0;*/
    background: #FBF5F3; /*<RSA 2019-06>*/
    width: 100%; /*RSA: width of the available space for content. Keep at 100%*/
}

html {
    /*font-size: 10px;*/
    /*font-size: 16px; /*<RSA 2019-06> i.e. font-size menu tiles, menu-tabs, content text,  e-mail menu, e-mail subject line but not mail text*/*/
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

body {
    /*color: #777;*/
    color: #341102; /*<RSA 2019-06>*/
    font-family: "Open Sans", Arial, sans-serif;
    /*line-height: 22px;*/
    line-height:22px;
    margin: 0;
    /*font-size: 13px;*/
    font-size: 12px; /*<RSA 2019-06> some text in login screen, agenda, hamburger menu icon and size of the cart icon in the upper right corner*/
}

a {
    color: #CCC; /*<RSA 2019-06> Seems to be overruled in childs*/
}

    a:hover, a:focus {
        color: #d9d9d9; /*<RSA 2019-06> Seems to be overruled in childs*/
    }

    a:active {
        color: #bfbfbf; /*<RSA 2019-06> Seems to be overruled in childs*/
    }

.panel {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

html .panel-primary .panel-heading {
    background: #CCC;
}

html .panel-primary .panel-subtitle {
    opacity: 0.8;
    color: #FFF;
}

html .panel-primary .panel-title {
    color: #FFF;
}

html .panel-primary .panel-actions a {
    background-color: transparent !important;
    color: #FFF;
}

html .panel-success .panel-heading {
    /*background: #47a447;*/
    background: #dff0d8; /*<RSA 2019-06>*/
}

html .panel-success .panel-subtitle {
    opacity: 0.8;
    /*color: #FFF;*/
    color: #3c763d; /*<RSA 2019-06>*/
}

html .panel-success .panel-title {
    /*color: #FFF;*/
    color: #3c763d; /*<RSA 2019-06>*/
}

html .panel-success .panel-actions a {
    background-color: transparent !important;
    /*color: #FFF;*/
    color: #3c763d; /*<RSA 2019-06>*/
}

html .panel-warning .panel-heading {
    background: #ed9c28;
    /*background: #fcf8e3;*/ /*<RSA 2019-06> Sets the background color for the "Callback panel" in Service Portal*/
}

html .panel-warning .panel-subtitle {
    opacity: 0.8;
    /*color: #FFF;*/
    color: #8a6d3b; /*<RSA 2019-06 Sets the color for the "Callback panel" in Service Portal>*/
}

html .panel-warning .panel-title {
    color: #FFF;
    /*color: #8a6d3b;*/ /*<RSA 2019-06>*/
}

html .panel-warning .panel-actions a {
    background-color: transparent !important;
    /*color: #FFF;*/
    color: #8a6d3b; /*<RSA 2019-06>*/
}

html .panel-danger .panel-heading {
    /*background: #d2322d;*/
    background: #f2dede; /*<RSA 2019-06>*/
}

html .panel-danger .panel-subtitle {
    opacity: 0.8;
    /*color: #FFF;*/
    color: #a94442; /*<RSA 2019-06>*/
}

html .panel-danger .panel-title {
    /*color: #FFF;*/
    color: #a94442; /*<RSA 2019-06>*/
}

html .panel-danger .panel-actions a {
    background-color: transparent !important;
    /*color: #FFF;*/
    color: #a94442; /*<RSA 2019-06>*/
}

html .panel-info .panel-heading {
    /*background: #5bc0de;
    background: #d9edf7; /*<RSA 2019-06>*/
    /*border-color: #bce8f1; /*ADDED*/
    border-color: #d9edf7; /*<RSA 2019-06>*/
}

html .panel-info .panel-subtitle {
    opacity: 0.8;
    /*color: #FFF;*/
    color: #31708f; /*<RSA 2019-06>*/
}

html .panel-info .panel-title {
    /*color: #FFF;*/
    color: #31708f; /*<RSA 2019-06>*/
}

html .panel-info .panel-actions a {
    background-color: transparent !important;
    /*color: #FFF;*/
    color: #31708f; /*<RSA 2019-06>*/
}

/*RSA 2019-06-18: HORIZONTAL TABS IN TOP*/
.nav-tabs li a { /*tabs out of focus*/
    background: #F4F4F4;
    border-bottom: none;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    /*border-top: 3px solid #DDD;*/
    border-top: 3px solid #EBCDC1; /*<RSA 2019-06>*/
    /*color: #555;*/
    color: #341102; /*<RSA 2019-06>*/
}

    .nav-tabs li a:hover { /*<RSA 2019-06> copy of tabs out of focus, here hovered*/
        /*background: #F4F4F4;*/
        background: #EBCDC1;
        border-bottom: none;
        border-left: 1px solid #EEE;
        border-right: 1px solid #EEE;
        /*border-top: 3px solid #DDD;*/
        border-top: 3px solid #EBCDC1;
        /*color: #555;*/
        color: #341102;
        border-bottom-color: transparent;
        /*border-top: 3px solid #555;*/
        border-top: 3px solid #EBCDC1;
        box-shadow: none;
    }

.nav-tabs li.active a,
.nav-tabs li.active a:focus { /*tabs with focus*/
    /*background: #FFF;*/
    background: #FFFFFF; /*<RSA 2019-06>*/
    background: #FFF;
    border-left-color: #EEE;
    border-right-color: #EEE;
    /*border-top: 3px solid #555;*/
    border-top: 3px solid #AE3806; /*<RSA 2019-06>*/
    /*color: #555;*/
    color: #AE3806; /*<RSA 2019-06>*/
}

    .nav-tabs li.active a:hover { /*tabs active and hovered*/
        /*background: #FFF;*/
        background: #EBCDC1; /*<RSA 2019-06>*/
        border-left-color: #EEE;
        border-right-color: #EEE;
        /*border-top: 3px solid #555;*/
        border-top: 3px solid #AE3806; /*<RSA 2019-06>*/
        /*color: #555;*/
        color: #341102; /*<RSA 2019-06>*/
    }


/*RSA 2019-06: New Bootstrap colors for panels - OVERRULE THEME.CSS. Commented are the original theme values (STOP)*/



/*RSA REMAINDER WAS ALREADY ALREADY PRESENT IN THIS FILE (theme-custom.css*/


/* For Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.panel-title {
    display: inline;
}

.input-group .input-group-addon i.fa-asterisk {
    font-size: 10px;
    color: #a94442;
}

@media only screen and (max-width: 767px) {
    .subklant {
        margin-top: 10px;
    }

    .subklant .btn-subklant {
        margin-left: 40px;
        width: 110px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
        word-wrap: break-word;
    }
}

.collapsable.table-striped th:first-child {
    width: 20px;
}

.loading-overlay {
    visibility: visible;
    opacity: .8;
    display: block;
    z-index: 2000;
    position: fixed;
}

    .loading-overlay .bounce-loader .bounce1, .loading-overlay .bounce-loader .bounce2, .loading-overlay .bounce-loader .bounce3 {
        background: #AE3806;
    }

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.wdt-loading-screen {
    background-color: #FBF5F3; /*<RSA 2019-06> ADDED*/
    color: #341102; /*<RSA 2019-06> ADDED*/
}

.login .body-sign .panel-body {
    padding: 0;
    background-color: #FFFFFF; /*<RSA 2019-06> ADDED*/
    color: #FFFFFF; /*<RSA 2019-06> ADDED*/
}

.login .body-sign {
    max-width: 800px;
}

    .login .body-sign .panel-body > .row {
        width: 100%;
        margin: 0;
    }

.login #logo {
    margin-top: 15px;
    width: 224px;
    height: 224px;
    /*background-color: #fff;*/
    background-color: #FFFFFF; /*<RSA 2019-06>*/
    background-size: 180px auto;
    background-repeat: no-repeat;
    background-position: center;
}

.login .flags {
    list-style: none;
}

    .login .flags li {
        display: inline;
        float: left;
        padding: 2px 6px;
        border-radius: 2px;
        margin-left: 5px;
    }

    .login .flags .active {
        background: #AE3806;
    }

    .login .flags li:hover {
        background: #fff;
    }

.login .form {
    padding-top: 15px;
}

.login .info {
    border-right: 1px solid #dadada;
    position: relative;
    background: #AE3806;
    color: #fff;
    margin: -1px 0 0 0;
    border-radius: 0 0 0 5px;
}

    .login .info a {
        color: #fff;
        text-decoration: underline;
    }

    .login .info address {
        text-align: center;
        margin-top: 15px;
    }

        .login .info address.float {
            position: absolute;
            bottom: 0;
            right: 15px;
            text-align: right;
        }

        .login .info address a {
            width: 100%;
            display: block;
        }

.dashboard .panel .badge {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #d2322d;
    font-size: 13px;
    min-width: 40px;
    height: 40px;
    border-radius: 20px;
    line-height: 20px;
    text-align: center;
    padding: 10px;
}

.dashboard .card .badge {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #d2322d;
    font-size: 13px;
    min-width: 40px;
    height: 40px;
    border-radius: 20px;
    line-height: 20px;
    text-align: center;
    padding: 10px;
}

.catalogus .tabs-vertical .nav-tabs .filters {
    background: #f4f4f4;
    width: 100%;
    border-radius: 5px 0 0 5px;
    display: block;
}

    .catalogus .tabs-vertical .nav-tabs .filters h4 {
        margin: -5px 15px 15px;
    }

    .catalogus .tabs-vertical .nav-tabs .filters .control-label {
        display: block;
        color: #000;
        z-index: 100;
    }

/* Nav Tabs left */
.catalogus .tabs-vertical .nav-tabs ul li a {
    border-radius: 5px 0;
}

.catalogus .tabs-vertical .nav-tabs ul {
    padding: 0;
}

    .catalogus .tabs-vertical .nav-tabs ul > li {
        display: block;
    }

        .catalogus .tabs-vertical .nav-tabs ul > li a {
            border-radius: 0;
            display: block;
            padding-top: 10px;
            width: 100%;
        }

            .tabs-vertical .nav-tabs ul > li a, .tabs-vertical .nav-tabs ul > li a:hover, .catalogus .tabs-vertical .nav-tabs ul > li a:focus {
                border-bottom: none;
                border-top: none;
            }

        .catalogus .tabs-vertical .nav-tabs ul > li.active a,
        .catalogus .tabs-vertical .nav-tabs ul > li.active a:hover, .catalogus .tabs-vertical .nav-tabs ul > li.active:focus {
            border-top: none;
        }

.bottom-bestel {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #282d36;
    border-radius: 7px 7px 0 0;
    bottom: 0px;
    color: #FFF;
    display: block;
    height: 9px;
    opacity: .75;
    padding: 5px 10px 25px;
    position: fixed;
    right: 60px;
    text-align: center;
    text-decoration: none !important;
    min-width: 39px;
    z-index: 1040;
    cursor: pointer;
}

/* Vertical tabs in catalog - Left Side */
.catalogus .tabs-left .tab-content {
    border-radius: 0 5px 5px 5px;
    border-left: none;
}

.catalogus .tabs-left .nav-tabs ul > li {
    margin-right: -3px;
}

    .catalogus .tabs-left .nav-tabs ul > li:first-child a {
        border-radius: 5px 0 0 0; /*<RSA 2019-06> ADDED*/
    }

    .catalogus .tabs-left .nav-tabs ul > li:last-child a {
        border-radius: 0 0 0 5px; /*<RSA 2019-06> ADDED*/
    }

    .catalogus .tabs-left .nav-tabs ul > li a { /*<RSA 2019-06> Regular menu tabs*/
        border-right: 1px solid #eee;
        /*border-left: 3px solid #ddd;*/
        border-left: 3px solid #EBCDC1; /*<RSA 2019-06>*/
        margin-right: 1px;
        margin-left: -3px;
        line-height: 1.42857;
        padding: 10px 15px;
    }

        .catalogus .tabs-left .nav-tabs ul > li a:hover { /*marker for unselected and hovered left panel menu item*/
            /*border-left-color: #555;*/
            border-left-color: #EBCDC1; /*<RSA 2019-06>*/
            text-decoration: none;
            background-color: #EBCDC1; /*<RSA 2019-06> ADDED*/
            color: #341102; /*<RSA 2019-06> ADDED*/
        }

        .catalogus .tabs-left .nav-tabs ul > li a:focus {
            text-decoration: none;
        }

    .catalogus .tabs-left .nav-tabs ul > li.active a { /*Left panel menu highest level*/
        /*background: #eee;*/
        background: #AE3806; /*<RSA 2019-06>*/
        color: #FFFFFF; /*<RSA 2019-06>*/
        /*border-right-color: #eee;*/
        border-right-color: #FFFFFF; /*<RSA 2019-06>*/
        border-radius: 5px 5px 0 0; /*<RSA 2019-06> ADDED*/
    }

.catalogus .tabs-left .nav-tabs ul.sub > li.active a {
    border-right-color: #fff;
}

.catalogus .tabs-left .nav-tabs ul > li.active a,
.catalogus .tabs-left .nav-tabs ul > li.active a:hover,
.catalogus .tabs-left .nav-tabs ul > li.active a:focus {
    /*border-left: 3px solid #555;*/
    border-left: 3px solid #AE3806; /*<RSA 2019-06>*/
}

    .catalogus .tabs-left .nav-tabs ul > li.active a:hover {
        background-color: #EBCDC1; /*<RSA 2019-06> ADDED*/
        color: #341102; /*<RSA 2019-06> ADDED*/
    }

.catalogus .tabs-vertical .nav-tabs ul > li .sub {
    margin-right: 3px;
}

    .catalogus .tabs-vertical .nav-tabs ul > li .sub li a { /*Left panel menu level contained in selected main level*/
        background: #f4f4f4;
        color: #555555;
        /*border-left: 3px solid #ddd;*/
        border-left: 3px solid #AE3806; /*<RSA 2019-06>*/
        border-radius: 0;
        padding-left: 40px;
        /*border-right: 1px solid #eee;*/
    }

.catalogus .tabs-left .nav-tabs ul > li .sub li:first-child a {
    border-radius: 0 0 0 0; /*<RSA 2019-06> ADDED*/
}

.catalogus .tabs-left .nav-tabs ul > li .sub li:last-child a {
    border-radius: 0 0 5px 5px; /*<RSA 2019-06> ADDED*/
    border-bottom: 3px solid #AE3806; /*<RSA 2019-06>*/
}

.catalogus .tabs-vertical .nav-tabs ul > li .sub li.active a { /*Left panel menu selected subject*/
    /*border-left: 3px solid #555;*/
    border-left: 3px solid #AE3806; /*<RSA 2019-06>*/
    /*background-color: #fff;*/
    background-color: #FFFFFF;
    color: #AE3806; /*<RSA 2019-06> ADDED*/
}

    .catalogus .tabs-vertical .nav-tabs ul > li .sub li.active a:hover { /*<RSA 2019-06> ADDED Left panel menu selected subject and hovered (RSA: copied from previous*/
        background-color: #EBCDC1;
        color: #341102;
    }

/* End tabs*/

.catalogus .nav-tabs ul > li a .badge {
    background: #d2322d;
    float: right;
    font-size: 10px;
    line-height: 24px;
    text-align: center;
    width: 24px;
    padding: 0 1px 0 0;
    margin: -3px;
}

.catalogus .product .thumbnail {
    padding: 0;
    position: relative;
    float: left;
    padding: 0 0 50px;
    width: 100%;
    height: 140px;
    border-radius: 5px;
}

.catalogus .product a.thumbnail:hover, .catalogus .product a.thumbnail:focus, .catalogus .product a.thumbnail.active { /*Thumbnails in catalog hovered/focus*/
    /*border-color: #ddd;*/
    border-color: #AE3806; /*<RSA 2019-06>*/
}

.catalogus .product .thumb-preview {
    width: 100%;
    height: 100px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}

/*TVDA 18-3-22 Class for showing full client logo in webportal*/
.catalogus .product .thumb-preview-client {
    background-size: contain;
}

.catalogus .product .mg-title { /*bottom of the thumbnails for tabs/defs/ etc.*/
    font-size: 14px !important;
    /*background: #555;*/
    background: #AE3806; /*<RSA 2019-06>*/
    line-height: 30px;
    display: block;
    position: absolute;
    left: -1px;
    bottom: -10px;
    padding: 5px 0 5px 15px;
    width: calc(100% + 2px);
    border-radius: 0 0 5px 5px;
    color: #fff;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
}

.catalogus .productlist {
    position: relative;
    overflow: visible;
}

    .catalogus .productlist section.panel .panel-body {
        background: #AE3806;
        color: #fff;
        position: relative;
        padding-right: 150px;
        min-height: 70px;
    }

        .catalogus .productlist section.panel .panel-body .blokimg {
            width: 100px;
            height: 100px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;
            right: 16px;
            top: -48px;
            border: 2px solid #dadada;
        }

.catalogus .productlist {
    margin: 0 0 15px;
}

    .catalogus .productlist table {
        width: 100%;
    }

        .catalogus .productlist table th:first-of-type {
            width: 80px;
        }

        .catalogus .productlist table td {
            line-height: 30px;
        }

            .catalogus .productlist table td img.thumb {
                max-height: 28px;
                border: 1px solid #dadada;
                border-radius: 2px;
            }

            .catalogus .productlist table td .productimage {
                position: relative;
                max-width: 50px;
            }

                .catalogus .productlist table td .productimage:hover {
                    cursor: zoom-in;
                }

                    .catalogus .productlist table td .productimage:hover .zoom {
                        display: block;
                        border: 2px solid #dadada;
                        border-radius: 5px;
                    }

            .catalogus .productlist table td .zoom {
                display: none;
                position: absolute;
                top: -165px;
                left: 80px;
                z-index: 10;
            }

                .catalogus .productlist table td .zoom:after {
                    content: '';
                    width: 0;
                    height: 0;
                    border-top: 10px solid transparent;
                    border-bottom: 10px solid transparent;
                    border-right: 10px solid #dadada;
                    position: absolute;
                    top: 170px;
                    left: -10px;
                }

                .catalogus .productlist table td .zoom img {
                    max-width: 300px;
                    max-height: 300px;
                    border-radius: 5px;
                }

        .catalogus .productlist table th .btn, .catalogus .productlist table tfoot .btn {
            float: right;
        }

        .catalogus .productlist table .stocktd {
            width: 130px;
        }

        .catalogus .productlist table .spinnertd {
            width: 150px;
        }

        .catalogus .productlist table span.stock {
            margin: 0 10px 0 0;
            padding: 3px 3px 3px 5px;
        }

            .catalogus .productlist table span.stock .fa {
                margin: 0 2px 0 0;
            }

            .catalogus .productlist table span.stock .far {
                margin: 0 2px 0 0;
            }

            .catalogus .productlist table span.stock .fa:last-child {
                margin: 0;
            }

            .catalogus .productlist table span.stock .far:last-child {
                margin: 0;
            }

.catalogus .productgrid .product {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    border-radius: 5px;
}

    .catalogus .productgrid .product .thumbnail {
        border: none;
        padding: 0;
        width: 100%;
        height: 200px;
        border-radius: 5px;
        margin: 0;
        float: none;
        padding: 0;
    }

.catalogus .productgrid .thumb-preview {
    border-radius: 5px 5px 0 0;
    height: 100%;
}


.catalogus .productgrid .product .product-info {
    padding: 5px;
    margin: 0;
    background: #eee;
}

    .catalogus .productgrid .product .product-info .price {
        left: 25px;
        top: 14px;
        font-size: 0.9rem;
    }


    .catalogus .productgrid .product .product-info h5 {
        font-size: 13px;
        height: 18px;
        line-height: 18px;
        overflow: hidden;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
        word-wrap: break-word;
        font-weight: bold;
    }

    .catalogus .productgrid .product .product-info .rule {
        font-size: 13px;
        height: 28px;
        line-height: 28px;
        overflow: hidden;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
        word-wrap: break-word;
        display: block;
        border-bottom: 1px solid #ddd;
        margin: 0 0 5px;
    }

    .catalogus .productgrid .product .product-info .stock-info {
        position: absolute;
        top: 10px;
        right: 25px;
    }

        .catalogus .productgrid .product .product-info .stock-info .label {
            margin-bottom: 5px;
            padding: 4px;
            border-radius: 5px;
            color: #fff;
            font-size: 9px;
        }

            .catalogus .productgrid span.stock .fa {
                margin: 0 2px 0 0;
            }

            .catalogus .productgrid span.stock .far {
                margin: 0 2px 0 0;
            }

            .catalogus .productgrid span.stock .fa:last-child {
                margin: 0;
            }

            .catalogus .productgrid span.stock .far:last-child {
                margin: 0;
            }

/* RSA: underneath already disables in original. What does it do?*/
/*.catalogus .productgrid {
    margin: 15px 0 0;
    padding: 15px 0;
   
}



        .catalogus .productgrid .thumb-preview:hover, .catalogus .productgrid .thumb-preview:focus {
            text-decoration: none!important;
        }

   

    .catalogus .productgrid .product-info {
        padding: 10px;
    }

     .catalogus .productgrid .product-info h5 {
        text-decoration: none;
        color: #ddd;
    }

    .catalogus .productgrid .thumb-preview {
        border-radius: 5px 5px 0 0;
    }*/

.klanten .pagination {
    margin: 0 0 10px 15px;
}

.klanten .pagination-btn {
    padding: 11px 12px 11px 12px;
}

.klanten .widget-twitter-profile h3 {
    /*font-size: 1.8rem;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    margin: 0 15px 0 0 !important;
}

.klanten .widget-twitter-profile .profile-picture img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 5px solid #fff;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.klanten .widget-twitter-profile .profile-quote {
    background: #eee;
    color: #777;
    padding: 15px 15px 0 15px;
    text-align: right;
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

    .klanten .widget-twitter-profile .profile-quote address {
        min-height: 75px;
    }

.klanten .widget-twitter-profile .quote-footer {
    border-top-color: #dadada;
}

    .klanten .widget-twitter-profile .quote-footer a.btn {
        color: #333;
        width: 40px;
    }

.klanten .nomargin {
    margin: 0;
}

.editklant.search-content {
    margin: -40px -40px 40px;
}

    .editklant.search-content .search-control-wrapper {
        padding: 20px 40px;
    }

@media only screen and (max-width: 767px) {
    .editklant.search-content {
        margin: -20px -20px 20px;
    }

        .editklant.search-content .search-control-wrapper {
            padding: 20px;
        }
}

.editklant .thumb-info .type {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    font-size: 40px;
}

.editklant .bootstrap-tagsinput {
    border: none;
    box-shadow: none;
}

    .editklant .bootstrap-tagsinput .tag [data-role="remove"] {
        display: none;
    }

    .editklant .bootstrap-tagsinput input {
        display: none;
    }

.invoice {
    padding: 0;
}

.invoie .invoice-items #cell-qty {
    width: 250px;
}

.invoice .invoice-items tbody td {
    line-height: 30px;
}

.invoice .invoice-items .alert {
    padding: 0 5px;
}

/*.invoice .aantal {
    width: 60px;
    float: right;
}*/

.invoice .btn.add {
    width: 115px;
}

.invoice #cell-id {
    width: 150px;
}

.invoice #cell-total {
    width: 100px;
}

.invoice #cell-qty {
    width: 215px;
}

.invoice #cell-price {
    width: 100px;
}

.invoice .datepicker .disabled {
    color: #ccc !important;
}

    .invoice .datepicker .disabled:hover {
        background: none;
    }

.invoice .datepicker.datepicker-primary table tbody tr td.day.disabled:hover {
    background: none;
}

.invoice .datepicker.datepicker-primary table tbody tr td.day.highlighted:hover {
    background: #d9edf7;
}


.invoice .panel.address.active {
    border: none;
}

    .invoice .panel.address.active .panel-body {
        background: #AE3806;
    }

.invoice .panel.address address {
    margin: 0;
}

.invoice .panel.address.active address {
    color: #fff;
}

.invoice .logo {
    max-height: 100px;
}

.editproduct.search-content {
    margin: -40px -40px 40px;
}

    .editproduct.search-content .search-control-wrapper {
        padding: 20px 40px;
    }

@media only screen and (max-width: 767px) {
    .editproduct.search-content {
        margin: -20px -20px 20px;
    }

        .editproduct.search-content .search-control-wrapper {
            padding: 20px;
        }
}

.editproduct .label {
    margin: 0 10px 0 0;
}

.editproduct .img-responsive, .thumbnail > img, .thumbnail a > img {
    padding-bottom: 75px;
}

.editproduct .thumb-info-title {
    bottom: 0;
}

.macros .startbtn {
    width: 50px;
}

#treeBasic {
    display: none;
}

/* Custom header for page */
.custom-page-header.search-content {
    margin: -40px -40px 40px;
}

    .custom-page-header.search-content .search-control-wrapper {
        padding: 20px 40px;
    }

@media only screen and (max-width: 767px) {
    .custom-page-header.search-content {
        margin: -20px -20px 20px;
    }

        .custom-page-header.search-content .search-control-wrapper {
            padding: 20px;
        }
}

.mailbox .mail-partial {
    font-weight: normal;
    /*color: #bababa;*/ /*<RSA 2019-0> COLOR NOW CONTROLLED BY TRADIUM*/
}

@media only screen and (max-width: 1199px) {
    .mailbox .search {
        margin: 20px 0;
    }
}

.mailbox .filters {
    padding: 8px;
}

    .mailbox .filters span {
        margin: 0 5px 0 0;
        float: left;
        padding: 5px;
    }

        .mailbox .filters span a {
            color: #fff;
            background: #AE3806;
            margin: 0 -5px 0 5px;
            padding: 3px 6px;
            border-radius: 0 .25em .25em 0;
        }

.mailbox .check {
    font-size: 20px;
}

.mailbox .mailbox-email-list li a i.fa {
    color: #555;
}

.mailbox .modal .mailactions .col-sm-3 a {
    width: 100%;
    min-height: 130px;
    background: #eee;
    display: block;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    color: #000;
    border: 1px solid #dadada;
    padding: 0 10px;
}

.mailbox .modal .mailactions .col-sm-3.soon a:before {
    content: attr(data-text);
    display: block;
    background: #d2322d;
    color: #fff;
    position: absolute;
    top: calc(50% - 20px);
    left: 10px;
    line-height: 30px;
    -ms-transform: rotate(-12deg); /* IE 9 */
    -webkit-transform: rotate(-12deg); /* Chrome, Safari, Opera */
    transform: rotate(-12deg);
    overflow: hidden;
    width: calc(100% - 20px);
    text-align: center;
    opacity: .9;
}

.mailbox .modal .mailactions .col-sm-3.soon a:after {
    content: '';
    width: calc(100% - 30px);
    min-height: 130px;
    display: block;
    border-radius: 5px;
    outline: 10px solid #fff;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 15px;
}

.mailbox .modal .mailactions .col-sm-3 a i.fa {
    text-align: center;
    font-size: 60px;
    color: #000;
    width: 100%;
    margin: 10px 0;
}

.mailbox .mailbox-email-list .col-sender p {
    max-width: 210px;
    left: 65px;
}

.mailbox .mailbox-email-list .col-mail .mail-icon {
    color: #BBB;
    line-height: 40px
}

.mailbox .mailbox-email-list li.unread {
    height: 75px !important;
}

#mailbox-folder-id {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.mailbox-email-container {
    position: relative;
    flex-grow: 1;
}

@media only screen and (min-width: 768px) {
    html.fixed .mailbox .mailbox-email-list {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        overflow: hidden;
        top: 0;
    }
}

.attachments {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    width: 100%;
    border-top: 1px dotted #dadada;
}

    .attachments li {
        display: inline-block;
        width: 180px;
        height: 120px;
        position: relative;
        border: 1px solid #dadada;
        background-size: 180px;
        background-repeat: no-repeat;
        background-color: #dadada;
        margin: 0 10px 0 0;
    }

        .attachments li .btn {
            display: none;
            width: 40px;
        }

        .attachments li:hover div {
            transition: height 0.5s ease;
            height: 118px;
            line-height: 18px;
            text-overflow: initial;
            white-space: initial;
            padding-top: 12px;
        }

            .attachments li:hover div .extra {
                display: block;
            }

        .attachments li:hover .btn {
            display: block;
            position: absolute;
            bottom: 10px;
            left: 45px;
            z-index: 10;
        }

        .attachments li.threebuttons:hover .btn {
            left: 20px;
        }

        .attachments li:hover .btn.view {
            left: 90px;
        }

        .attachments li.threebuttons:hover .btn.view {
            left: 69px;
        }

        .attachments li.threebuttons:hover .btn.delete {
            left: initial;
            right: 20px;
        }

        .attachments li div {
            font-weight: bold;
            line-height: 30px;
            position: absolute;
            bottom: 0;
            background: #fff;
            width: 178px;
            padding: 5px 5px 5px 24px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            word-break: break-all;
            word-wrap: break-word;
        }

            .attachments li div .extra {
                display: none;
            }

            .attachments li div i {
                top: 12px;
                left: 5px;
                position: absolute;
            }

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    opacity: .5;
}

.service .nav-tabs .badge {
    position: absolute;
    top: -8px;
    z-index: 10;
    right: 10px;
    color: #31708f;
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
}

/* Productie */
.production-color {
    display: block;
    background-color: #fff;
    display: inline-block;
    max-width: 100%;
    height: auto;
    width: 100%;
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 10px;
}

    .production-color span {
        display: block;
        width: 100%;
        height: 100px;
        border: 1px solid #ddd;
    }

.btn-production {
    font-weight: bold;
}

    .btn-production i.fa {
        font-size: 75px;
        clear: both;
        display: block;
    }

.btn-production-right {
    max-width: 200px;
    right: 12px;
    top: 20px;
    position: absolute;
}

.production-relative {
    position: relative;
}


.production.panel-body {
    display: block;
}

.signature-pad {
    border: 1px solid #dadada;
    border-radius: 10px;
    width: 100%;
    height: 40%;
    min-height: 150px;
}

    .signature-pad:after {
        content: '';
        height: 1px;
        background: #000;
        width: 80%;
        position: relative;
        bottom: 30px;
        display: block;
        left: 10%;
    }

    .signature-pad canvas {
        border-radius: 10px;
        display: block; /* To remove the scrollbars */
        margin: 0 auto;
        width: 100%;
    }

.carousel .panel-heading {
    width: 120px !important;
}

.numpad .col-4, .numpad .np {
    padding: 2px;
}

.numpad .btn {
    width: 100%;
    line-height: 50px;
    font-size: 24px;
}

.numpad input {
    text-align: center;
    font-size: 24px;
    line-height: 48px;
    height: 48px;
}

.tablebig th {
    font-size: 14px;
}

.tablebig td {
    font-size: 14px;
}

.grondstof .col-md-3 i {
    font-size: 55px;
    display: block;
    width: 100%;
    text-align: center;
}

.grondstof .col-md-3 span {
    text-align: center;
    display: block;
    width: 100%;
}

.grondstof .col-md-9 {
    position: relative;
}

    .grondstof .col-md-9 > span {
        border-bottom: 1px solid #fff;
        padding: 0 0 5px;
        margin: 0 0 5px;
    }

    .grondstof .col-md-9 span {
        display: block;
        width: 100%;
    }

    .grondstof .col-md-9 .btn {
        position: absolute;
        right: 15px;
        bottom: 0;
    }

.prod .ui-pnotify .ui-pnotify-title {
    font-size: 26px;
}

.prod .ui-pnotify .ui-pnotify-text {
    font-size: 20px;
}

.fc-sat:not(.fc-widget-header) {
    background-color: rgba(0,0,0,.3);
}

.fc-sun:not(.fc-widget-header) {
    background-color: rgba(0,0,0,.35);
}

.fc-today {
    background: #FCF8E0 !important;
}

.donut-legend > span {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 10px;
    font-size: 13px;
}

.donut-legend > span:last-child {
    margin-right: 0;
}

.donut-legend > span > i {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    margin-top: -3px;
    vertical-align: middle;
    border-radius: 1px;
}

.chart svg {
    width: 100% !important;
}

.dropdown-jaargangen {
    max-height: 25vh;
    overflow-y: auto;
}

.proplist span {
    padding-left: 5px;
}

.widget-twitter-profile {
    background-repeat: no-repeat;
    background-image: url("/assets/images/patterns/bg_header_tech no blue.svg");
    background-color: lightblue !important;
    color: #000;
    border: 1px solid lightgray;
}

.widget-twitter-profile .profile-info .profile-account .account {
    color: #000;
}

.tabs-modern .nav .nav-link {
    border-bottom: 2px solid #f5f5f5;
    padding: 0.7rem 1.4rem;
}

.tabs-modern .nav .nav-link.active {
    border-radius: 0;
}

.tabs .nav-tabs li.active .nav-link {
    border-radius: 5px 5px 0 0;
}

.fc-event.fc-event-default {
    color: #777 !important;
}

.jarenDiv {
    flex-wrap: nowrap;
    overflow-x: auto;
}

.dropdown-menu .dropdown-menu {
    top: -.5rem !important;
}

html.fixed.has-top-menu .inner-menu-toggle,
html.fixed.has-top-menu .inner-menu {
    left: 0px;
}

/* Content With Menu + Layout Fixed + Sidebar Left Collapsed */
@media only screen and (min-width: 768px) {
    html.fixed.has-top-menu.sidebar-left-collapsed .inner-menu,
    html.fixed.has-top-menu.sidebar-left-collapsed .inner-menu-toggle,
    html.fixed.has-top-menu.sidebar-left-collapsed .inner-toolbar {
        left: 0px;
    }

    html.fixed.has-top-menu.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle,
    html.fixed.has-top-menu.sidebar-left-collapsed.inner-menu-opened .inner-toolbar {
        left: 300px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1365px) {
    html.fixed.has-top-menu .inner-menu,
    html.scroll.has-top-menu .inner-menu,
    html.boxed.has-top-menu .inner-menu {
        display: none;
    }

    html.fixed.has-top-menu .inner-menu-toggle,
    html.scroll.has-top-menu .inner-menu-toggle,
    html.boxed.has-top-menu .inner-menu-toggle {
        display: block;
    }

    html.fixed.has-top-menu .inner-body,
    html.scroll.has-top-menu .inner-body,
    html.boxed.has-top-menu .inner-body {
        margin-left: 0;
    }

    html.fixed.has-top-menu .content-with-menu-has-toolbar .inner-toolbar,
    html.scroll.has-top-menu .content-with-menu-has-toolbar .inner-toolbar,
    html.boxed.has-top-menu .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 140px;
    }

    html.fixed.has-top-menu.inner-menu-opened .inner-menu,
    html.scroll.has-top-menu.inner-menu-opened .inner-menu,
    html.boxed.has-top-menu.inner-menu-opened .inner-menu {
        display: block;
    }

    html.fixed.has-top-menu.inner-menu-opened .inner-menu-toggle,
    html.scroll.has-top-menu.inner-menu-opened .inner-menu-toggle,
    html.boxed.has-top-menu.inner-menu-opened .inner-menu-toggle {
        display: none;
    }

    html.fixed.has-top-menu.inner-menu-opened .inner-body,
    html.scroll.has-top-menu.inner-menu-opened .inner-body,
    html.boxed.has-top-menu.inner-menu-opened .inner-body {
        margin-right: -300px;
    }

    html.fixed.has-top-menu.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar,
    html.scroll.has-top-menu.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar,
    html.boxed.has-top-menu.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 0;
        left: 300px;
    }

    html.fixed.has-top-menu.inner-menu-opened .inner-body {
        margin-left: 300px;
    }

    html.scroll.has-top-menu .content-with-menu:before,
    html.boxed.has-top-menu .content-with-menu:before {
        display: none;
    }

    html.scroll.has-top-menu.inner-menu-opened:before,
    html.boxed.has-top-menu.inner-menu-opened:before {
        display: block;
    }
}
/* Resolution gt 1366 - Show Inner Menu */
@media only screen and (min-width: 1366px) {
    html.fixed.has-top-menu .inner-menu,
    html.scroll.has-top-menu .inner-menu,
    html.boxed.has-top-menu .inner-menu {
        display: block;
    }

    html.fixed.has-top-menu .inner-menu-toggle,
    html.fixed.has-top-menu .inner-menu-toggle-inside,
    html.scroll.has-top-menu .inner-menu-toggle,
    html.scroll.has-top-menu .inner-menu-toggle-inside,
    html.boxed.has-top-menu .inner-menu-toggle,
    html.boxed.has-top-menu .inner-menu-toggle-inside {
        display: none;
    }

    html.fixed.has-top-menu .inner-body,
    html.scroll.has-top-menu .inner-body,
    html.boxed.has-top-menu .inner-body {
        margin-right: 0;
    }

    html.fixed.has-top-menu .content-with-menu-has-toolbar .inner-toolbar,
    html.scroll.has-top-menu .content-with-menu-has-toolbar .inner-toolbar,
    html.boxed.has-top-menu .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 0;
    }

    html.fixed.has-top-menu.inner-menu-opened .inner-body {
        margin-left: 0px;
    }

    html.fixed.has-top-menu .content-with-menu .inner-toolbar,
    html.fixed.has-top-menu.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 300px;
    }

    html.fixed.has-top-menu .inner-menu-toggle,
    html.fixed.has-top-menu .inner-menu,
    html.fixed.has-top-menu.inner-menu-opened .inner-menu-toggle,
    html.fixed.has-top-menu.inner-menu-opened .inner-menu {
        left: 0px;
    }

    html.fixed.has-top-menu.sidebar-left-collapsed .content-with-menu .inner-toolbar,
    html.fixed.has-top-menu.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar,
    html.fixed.has-top-menu.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar {
        left: 0px;
    }

    html.fixed.has-top-menu.sidebar-left-collapsed .inner-menu-toggle,
    html.fixed.has-top-menu.sidebar-left-collapsed .inner-menu,
    html.fixed.has-top-menu.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle,
    html.fixed.has-top-menu.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu,
    html.fixed.has-top-menu.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle,
    html.fixed.has-top-menu.sidebar-left-collapsed.inner-menu-opened .inner-menu {
        left: 0px;
    }

    html.fixed.has-top-menu.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar {
        left: 0px;
    }

    html.fixed.has-top-menu.sidebar-left-collapsed.sidebar-right-opened .inner-menu,
    html.fixed.has-top-menu.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle {
        left: -300px;
    }
}

@media only screen and (min-width: 768px) {
    html.fixed.has-top-menu .inner-toolbar {
        left: 0px;
        right: 0;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 114px;
        z-index: 1001;
    }
}

.inner-mailbar > ul > li > a {
    display: inline-block;
    padding: 0;
    color: #abb4be;
}

.inner-mailbar > ul > li > a:hover, .inner-mailbar > ul > li > a:focus {
    color: #fff;
    text-decoration: none;
}

.inner-mailbar > ul > li.right {
    float: right;
    padding-right: 10px;
}

.inner-mailbar > ul > li i.fa, .inner-mailbar > ul > li .fab, .inner-mailbar > ul > li .fal, .inner-mailbar > ul > li .far, .inner-mailbar > ul > li .fas {
    font-size: 14px;
}

.inner-mailbar > ul > li > .btn {
    margin-top: -9px;
}

.inner-mailbar .nav-pills {
    margin-top: -8px;
}

.inner-mailbar .nav-pills > li {
    margin-right: 1px;
}

.inner-mailbar .nav-pills > li > label {
    margin-bottom: 0;
    margin-right: 12px;
    margin-top: 8px;
}

.inner-mailbar .nav-pills a {
    color: #abb4be;
    padding-top: 8px;
    padding-bottom: 8px;
}

.inner-mailbar .nav-pills a:hover {
    background: #171717;
    color: #FFF;
}

.inner-mailbar .nav-pills .active a {
    color: #FFF;
}

/* Sign Screens - Wrappers */
.body-sign-service {
    display: table;
    height: 100vh;
    margin: 0 auto;
    max-width: 1500px;
    padding: 0 15px;
    width: 100%;
}

.body-sign-service .center-sign {
    display: table-cell;
    padding-top: 20px;
    vertical-align: middle;
}

.body-sign-service .card-sign {
    background: transparent;
}

.body-sign-service .card-sign .card-title-sign .title {
    background-color: #CCC;
    border-radius: 5px 5px 0 0;
    color: #FFF;
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 13px 17px;
    vertical-align: bottom;
}

.body-sign-service .card-sign .card-body {
    background: #FFF;
    border-top: 5px solid #CCC;
    border-radius: 5px 0 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 33px 33px 15px;
}

/* Sign Screens - Elements */
.body-sign-service .checkbox-custom {
    margin-top: 8px;
}

.body-sign-service .line-thru {
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    position: relative;
}

.body-sign-service .line-thru span {
    color: #CCC;
    position: relative;
    z-index: 3;
}

.body-sign-service .line-thru:before {
    background-color: #FFF;
    content: '';
    height: 10px;
    left: 50%;
    position: absolute;
    margin: -5px 0 0 -20px;
    top: 50%;
    width: 40px;
    z-index: 2;
}

.body-sign-service .line-thru:after {
    border-bottom: 1px solid #DADADA;
    content: '';
    display: block;
    left: 10%;
    position: absolute;
    top: 47%;
    width: 81%;
    z-index: 1;
}

.sidebar-service {
    max-width: 300px;
}

.mail-actions {
    right: 15px;
    position: absolute;
    top: 15px;
}

#movemap-menu {
    max-height: 400px;
    overflow-y: auto;
}

/* RKE 2026-09-23 Ask Tradium IQ: het IQ-logo als menupictogram (Functions.GetRoutedMenu, pictogram "tradiumiq").
   Geen Font Awesome-icoon; even groot en even hoog uitgelijnd als de iconen op het dashboard (fa-5x). */
.fa-tradiumiq {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background: url("/assets/images/tradiumiq.svg") no-repeat center / contain;
}

/* Tradium Mail 2026-10-07: tenant colour as CSS variables (tokens substituted by Css.ashx) */
:root {
    --portal-primary: #AE3806;
    --portal-primary-dark: #9D3205;
    --portal-primary-darker: #682204;
    --portal-primary-rgb: 174, 56, 6;
}

/* Dashboard: de hele tegel is klikbaar (RKE 2026-10-12). Alleen de titel is een link (asp:HyperLink om de h3);
   zijn ::after ligt over de hele tegel, want section.panel is position-relative. De teller laat klikken door. */
.dashboard .panel .card-body,
.dashboard .panel .card-body > a.btn {
    position: static;
}

.dashboard .panel .card-body > a.btn::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.dashboard .panel .badge {
    z-index: 2;
    pointer-events: none;
}
/* Base */
a,
.btn-link {
	color: #AE3806;
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
	color:  #AE3806;
}

a:active,
.btn-link:active {
	color:  #AE3806;
}
/* Sidebar Left */
.sidebar-left .sidebar-header .sidebar-toggle:hover i {
	color: #AE3806;
}

@media only screen and (min-width: 768px) {
	html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-active a:hover,
	html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-active a:hover {
		color: #AE3806;
	}

	html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a span.label,
	html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a span.label {
		background-color: #AE3806;
	}
}
/* Layout Boxed - small than min-width */
@media only screen and (max-width: 1199px) {
	html.boxed .header {
		border-top-color: #AE3806;
	}
}
/* Layout Boxed - larger or equal min width */
@media only screen and (min-width: 1200px) {
	html.boxed .header {
		border-top-color: #AE3806;
	}

	html.boxed .sidebar-right {
		border-top-color: #AE3806;
		min-height: 0;
	}
}
/* Userbox - Open */
.userbox.open .dropdown-menu a:hover {
	background: #AE3806;
}
/* Mailbox */
.mailbox .mailbox-mail-list li.active {
	background: #AE3806;
}

.mailbox .mailbox-mail .mailbox-close-mail {
	color: #AE3806;
}

.mailbox .mailbox-mail .mailbox-close-mail:hover {
	color: #0099e6;
}

.mailbox .mailbox-mail .panel .panel-heading .panel-actions a:hover {
	color: #AE3806;
}
/* Media Gallery */
.media-gallery ul.mg-tags > li a:hover {
	background-color: #AE3806;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
	background-color: #AE3806;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
	background-color: #AE3806;
}

.media-gallery .mg-files .thumbnail.thumbnail-selected {
	box-shadow: 0 0 8px -1px #AE3806;
}
/* Sign Screens - Wrappers */
.body-sign .panel-sign .panel-title-sign .title {
	background-color: #AE3806;
}

.body-sign .card-sign .card-title-sign .title {
    background-color: #AE3806;
}

.body-sign-service .card-sign .card-title-sign .title {
    background-color: #AE3806;
}

.body-sign .panel-sign .panel-body {
	border-top-color: #AE3806;
}

.body-sign .card-sign .card-body {
    border-top-color: #AE3806;
}

.body-sign-service .card-sign .card-body {
    border-top-color: #AE3806;
}
/* Lock Screen */
.body-locked .current-user .user-image {
	border-color: #AE3806;
}
/* Blockquote */
blockquote.primary {
	border-color: #AE3806;
}
/* Nav Pills */
.nav-pills-primary > li a:hover,
.nav-pills-primary > li a:focus {
	color: #AE3806;
	background-color: #cceeff;
}

.nav-pills-primary > li.active > a,
.nav-pills-primary > li.active > a:hover,
.nav-pills-primary > li.active > a:active,
.nav-pills-primary > li.active > a:focus {
	background-color: #AE3806;
}
/* Dropdown Menu */
.dropdown-menu	> .active	> a,
.dropdown-menu	> .active	> a:hover,
.dropdown-menu	> .active	> a:focus {
	background-color: #AE3806;
}

.open > .dropdown-toggle.btn-primary {
	background: #AE3806;
	border-color: #0077b3;
}

body .btn-primary.dropdown-toggle {
	border-left-color: #00a3f5;
}
/* Select 2 */
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
	background-color: #AE3806;
}

.select2-container--bootstrap .select2-dropdown {
	border-color: #33bbff;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
	border-color: #33bbff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 136, 204, 0.6);
}
/* Buttons */
body .btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #AE3806;
	border-color: #AE3806;
}

body .btn-primary:hover {
	border-color:  #9D3205 !important;
	background-color:  #9D3205;
}

body .btn-primary:active,
body .btn-primary:focus {
	border-color: #9D3205 !important;
	background-color: #9D3205;
}

body .btn-primary[disabled] {
	border-color: #33bbff !important;
	background-color: #33bbff;
}

body .btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #47a447;
	border-color: #47a447;
}

body .btn-success:hover {
	border-color: #51b451 !important;
	background-color: #51b451;
}

body .btn-success:active,
body .btn-success:focus {
	border-color: #3f923f !important;
	background-color: #3f923f;
}

body .btn-success[disabled] {
	border-color: #86cb86 !important;
	background-color: #86cb86;
}

body .btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ed9c28;
	border-color: #ed9c28;
}

body .btn-warning:hover {
	border-color: #efa740 !important;
	background-color: #efa740;
}

body .btn-warning:active,
body .btn-warning:focus {
	border-color: #e89113 !important;
	background-color: #e89113;
}

body .btn-warning[disabled] {
	border-color: #f5c786 !important;
	background-color: #f5c786;
}

body .btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #d2322d;
	border-color: #d2322d;
}

body .btn-danger:hover {
	border-color: #d64742 !important;
	background-color: #d64742;
}

body .btn-danger:active,
body .btn-danger:focus {
	border-color: #bd2d29 !important;
	background-color: #bd2d29;
}

body .btn-danger[disabled] {
	border-color: #e48481 !important;
	background-color: #e48481;
}

body .btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bc0de;
	border-color: #5bc0de;
}

body .btn-info:hover {
	border-color: #70c8e2 !important;
	background-color: #70c8e2;
}

body .btn-info:active,
body .btn-info:focus {
	border-color: #46b8da !important;
	background-color: #46b8da;
}

body .btn-info[disabled] {
	border-color: #b0e1ef !important;
	background-color: #b0e1ef;
}

body .btn-dark {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #171717;
	border-color: #171717;
}

body .btn-dark:hover {
	border-color: #242424 !important;
	background-color: #242424;
}

body .btn-dark:active,
body .btn-dark:focus {
	border-color: #0a0a0a !important;
	background-color: #0a0a0a;
}

body .btn-dark[disabled] {
	border-color: #4a4a4a !important;
	background-color: #4a4a4a;
}
/* Switch*/
.switch.switch-primary .ios-switch .on-background {
	background: #AE3806;
}
/* Label */
.label-primary {
	background: #AE3806;
}
.label-success {
    background: #47a447;
}
.label-warning {
    background: #ed9c28;
}
.label-danger {
    background: #d2322d;
}
/* Text Primary */
.text-primary {
	color: #AE3806 !important;
}
/* BG Primary */
.bg-primary {
	background: #AE3806;
}
/* Alternative Font Style */
.alternative-font {
	color: #AE3806;
}
/* Hightlight */
.highlight {
	background-color: #AE3806;
}
/* Drop Caps */
p.drop-caps.colored:first-child:first-letter {
	color: #AE3806;
}

p.drop-caps.colored.secondary:first-child:first-letter {
	background-color: #AE3806;
}
/* Well */
.well.primary {
	background: #AE3806;
	border-color: #006699;
}
/* Form */
.form-control:focus {
	border-color:#AE3806;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(174, 56, 6, .3);
}
/* Header */
.header .toggle-sidebar-left {
	background: #AE3806;
}
/* Page Header */
.page-header h2 {
	border-bottom-color: #AE3806;
}

.page-header .sidebar-right-toggle:hover {
	color: #AE3806;
}
/* Navigation */
ul.nav-main > li.nav-active > a {
	box-shadow: 2px 0 0 #AE3806 inset;
}

ul.nav-main > li.nav-active > i {
	color: #AE3806;
}

ul.nav-main li .nav-children li.nav-active > a {
	color: #AE3806;
}

html.sidebar-light:not(.dark) ul.nav-main > li.nav-active > a {
	color: #AE3806;
}
/* Nano Scroller Plugin */
html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
	background: #AE3806;
}
/* Nav Pills */
.nav-pills > .active a,
.nav-pills > .active a:hover,
.nav-pills > .active a:focus {
	background-color: #AE3806;
}
/* Pagination */
.pagination > li a {
	color: #AE3806;
}

.pagination > li a:hover,
.pagination > li a:focus {
	color: #0099e6;
}

.pagination > li.active a,
.pagination > li.active span,
.pagination > li.active a:hover,
.pagination > li.active span:hover,
.pagination > li.active a:focus,
.pagination > li.active span:focus {
	background-color: #AE3806;
	border-color: #AE3806;
}

.pagination > li.active a {
	background-color: #AE3806;
}

html .pagination > li.active a,
html.dark .pagination > li.active a,
html .pagination > li.active span,
html.dark .pagination > li.active span,
html .pagination > li.active a:hover,
html.dark .pagination > li.active a:hover,
html .pagination > li.active span:hover,
html.dark .pagination > li.active span:hover,
html .pagination > li.active a:focus,
html.dark .pagination > li.active a:focus,
html .pagination > li.active span:focus,
html.dark .pagination > li.active span:focus {
	background-color: #AE3806;
	border-color: #AE3806;
}

html .pagination > li.active a,
html.dark .pagination > li.active a {
	background-color: #AE3806;
}
/* Fullcalendar */
.fc .fc-toolbar h2:before {
	color: #AE3806;
}

.fc .fc-toolbar .fc-button.fc-state-active {
	background-color: #AE3806;
}

.fc-event {
	background: #AE3806;
	border-color: #AE3806;
}

.fc-event.fc-event-primary {
	background: #AE3806;
	border-color: #AE3806;
}
/* Maps */
.jqvmap-zoomin,
.jqvmap-zoomout {
	background: #AE3806;
}
/* Timeline */
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
	color: #AE3806;
}

.timeline .tm-items > li .tm-icon {
	border-color: #AE3806;
	color: #AE3806;
}

.timeline.timeline-simple .tm-body .tm-items > li:before {
	background: #AE3806;
	box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #AE3806;
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
	background: #AE3806;
	box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #AE3806;
}
/* Princing Table */
.pricing-table h3 span {
	color: #AE3806;
}

.pricing-table .most-popular h3 {
	background-color: #AE3806 !important;
	color: #ffffff !important;
}
/* Data Tables Loading */
.dataTables_processing {
	background-color: #AE3806;
}
/* Accordion */
.panel-group .panel-accordion .panel-heading a {
	color: #AE3806;
}
/* Alerts */
.alert-primary {
	background-color: #AE3806;
	border-color: #007ebd;
}

.alert-primary .alert-link {
	color: #004466;
}
/* Nestable */
.dd-handle:hover {
	color: #AE3806 !important;
}

.dd-placeholder {
	background: #e6f7ff;
	border-color: #AE3806;
}
/* Panels */
.panel-highlight .panel-heading {
	background-color: #AE3806;
	border-color: #AE3806;
}

.panel-highlight .panel-body {
	background-color: #AE3806;
}

html .panel-primary .panel-heading {
	background: #AE3806;
	border-color: #AE3806;
}

.panel-heading.bg-primary {
	background: #AE3806;
}

.panel-body.bg-primary {
	background: #AE3806;
}

.panel-featured-primary {
	border-color: #AE3806;
}

.panel-featured-primary .panel-title {
	color: #AE3806;
}

.panel-heading-icon.bg-primary {
	background: #AE3806;
}

.panel-group .panel-accordion-primary .panel-heading .panel-title a {
	background: #AE3806;
}
/* Progress Bar */
.progress-bar {
	background-color: #AE3806;
}

.progress .progress-bar-primary {
	background-color: #AE3806;
}
/* Toggle */
.toggle label {
	border-left-color: #AE3806;
	color: #AE3806;
}

.toggle.active > label {
	background: #AE3806 !important;
	border-color: #AE3806;
}
/* Treeview */
.jstree-default .jstree-hovered {
	background-color: #e6f7ff !important;
}

.jstree-default .jstree-clicked {
	background-color: #b3e5ff !important;
}

.jstree-default .colored {
	color: #AE3806 !important;
}

.jstree-default .colored .jstree-icon {
	color: #AE3806 !important;
}

.jstree-default .colored-icon .jstree-icon {
	color: #AE3806 !important;
}
/* Widgets */
.sidebar-widget.widget-tasks ul li:before {
	border-color: #AE3806;
}

.widget-twitter-profile {
	background-color: #AE3806;
}

.widget-twitter-profile .profile-quote {
	background-color: #0096e0;
}

.widget-twitter-profile .profile-quote .quote-footer {
	border-top-color: rgba(174, 56, 6, 0.7);
}

.widget-profile-info .profile-info .profile-footer {
	border-top-color: rgba(0, 170, 255, 0.7);
}
/* Thumb Info */
.thumb-info .thumb-info-type {
	background-color: #AE3806;
}
/* Social Icons */
.social-icons-list a {
	background: #AE3806;
}
/* Notifications */
.notifications .notification-menu .notification-title {
	background: #AE3806;
}

.notifications .notification-menu .notification-title .label-default {
	background-color:  #682204;
}

.notifications .notification-menu:before,
.notifications .notification-icon:before {
	border-bottom-color: #AE3806;
}

.ui-pnotify .notification-primary {
	background: rgba(0, 136, 204, 0.95);
}

.ui-pnotify.stack-bar-top .notification-primary,
.ui-pnotify.stack-bar-bottom .notification-primary {
	background: #AE3806;
}

.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary {
	background: rgba(0, 136, 204, 0.95);
}

.ui-pnotify.notification-primary.stack-bar-top .notification,
.ui-pnotify.notification-primary.stack-bar-bottom .notification,
.ui-pnotify.notification-primary.stack-bar-top .notification-primary,
.ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
	background: #AE3806;
}
/* Modal */
.modal-block-primary .fa {
	color: #AE3806;
}

.modal-block-primary.modal-header-color .panel-heading {
	background-color: #AE3806;
}

.modal-block-primary.modal-full-color .panel {
	background-color: #00a3f5;
}

.modal-block-primary.modal-full-color .panel-heading {
	background-color: #AE3806;
}

.modal-block-primary.modal-full-color .panel-footer {
	background-color: #00a3f5;
}
/* Modal Icon */
.modal-block-primary .modal-icon .fa {
	color: #AE3806;
}
/* Tabs */
html body .tabs-primary .nav-tabs li a,
html.dark body .tabs-primary .nav-tabs li a,
html body .tabs-primary .nav-tabs.nav-justified li a,
html.dark body .tabs-primary .nav-tabs.nav-justified li a,
html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
	color: #AE3806;
}

html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
	border-top-color: #AE3806;
}

html body .tabs-primary .nav-tabs li.active a,
html.dark body .tabs-primary .nav-tabs li.active a,
html body .tabs-primary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a,
html body .tabs-primary .nav-tabs li.active a:hover,
html.dark body .tabs-primary .nav-tabs li.active a:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary .nav-tabs li.active a:focus,
html.dark body .tabs-primary .nav-tabs li.active a:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #AE3806;
	color: #AE3806;
}

html body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #AE3806;
}

html body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #FFF;
	border-bottom-color: #AE3806;
}

html body .tabs-primary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover {
	border-left-color: #AE3806;
}

html body .tabs-primary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #AE3806;
}

html body .tabs-primary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover {
	border-right-color: #AE3806;
}

html body .tabs-primary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #AE3806;
}
/* Simple List */
ul.simple-bullet-list li:before {
	border-color: #AE3806;
}
/* Simple Card List */
.simple-card-list li.primary {
	background: #AE3806;
}
/* Search Results */
.search-content .search-toolbar .nav-pills li.active a {
	color: #AE3806;
	border-bottom-color: #AE3806;
}

.search-results-list .result-thumb .fa {
	background: #AE3806;
}
/* Scrollable */
.scrollable.colored-slider .scrollable-slider {
	background: #AE3806;
}

html.dark .search-content .search-toolbar .nav-pills li.active a,
html.dark .search-content .search-toolbar .nav-pills li.active a:hover,
html.dark .search-content .search-toolbar .nav-pills li.active a:focus {
	color: #AE3806;
	border-bottom-color: #AE3806;
}
/* Time Picker */
.bootstrap-timepicker-widget table td a:hover {
	background-color: #AE3806;
}
/* Loading Progress */
#nprogress .bar {
	background: #AE3806;
}

#nprogress .peg {
	box-shadow: 0 0 10px 1px #AE3806, 0 0 5px #AE3806;
}
/* Zoom */
.img-thumbnail .zoom {
	background: #AE3806;
}
/* Owl Carousel */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #0074ad;
}

.owl-theme .owl-nav [class*="owl-"] {
	background: #AE3806;
}

.owl-theme .owl-nav [class*="owl-"]:focus,
.owl-theme .owl-nav [class*="owl-"]:hover {
	background-color: #009ceb;
}
/* Chartist */
.ct-chart .tooltip {
	background: #AE3806;
}

.ct-chart .tooltip:after {
	border-top-color: #AE3806;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
	stroke: #AE3806;
}

.ct-chart .ct-series.ct-series-a .ct-area,
.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
	fill: #AE3806;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
	stroke: #005580;
}

.ct-chart .ct-series.ct-series-b .ct-area,
.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) {
	fill: #005580;
}

.ct-chart .ct-series.ct-series-i .ct-bar,
.ct-chart .ct-series.ct-series-i .ct-line,
.ct-chart .ct-series.ct-series-i .ct-point,
.ct-chart .ct-series.ct-series-i .ct-slice.ct-donut {
	stroke: #005580;
}

.ct-chart .ct-series.ct-series-i .ct-area,
.ct-chart .ct-series.ct-series-i .ct-slice:not(.ct-donut) {
	fill: #005580;
}

.ct-chart .ct-series.ct-series-j .ct-bar,
.ct-chart .ct-series.ct-series-j .ct-line,
.ct-chart .ct-series.ct-series-j .ct-point,
.ct-chart .ct-series.ct-series-j .ct-slice.ct-donut {
	stroke: #1ab2ff;
}

.ct-chart .ct-series.ct-series-j .ct-area,
.ct-chart .ct-series.ct-series-j .ct-slice:not(.ct-donut) {
	fill: #1ab2ff;
}

.ct-chart .ct-series.ct-series-n .ct-bar,
.ct-chart .ct-series.ct-series-n .ct-line,
.ct-chart .ct-series.ct-series-n .ct-point,
.ct-chart .ct-series.ct-series-n .ct-slice.ct-donut {
	stroke: #00111a;
}

.ct-chart .ct-series.ct-series-n .ct-area,
.ct-chart .ct-series.ct-series-n .ct-slice:not(.ct-donut) {
	fill: #00111a;
}

.ct-chart .ct-series.ct-series-o .ct-bar,
.ct-chart .ct-series.ct-series-o .ct-line,
.ct-chart .ct-series.ct-series-o .ct-point,
.ct-chart .ct-series.ct-series-o .ct-slice.ct-donut {
	stroke: #80d4ff;
}

.ct-chart .ct-series.ct-series-o .ct-area,
.ct-chart .ct-series.ct-series-o .ct-slice:not(.ct-donut) {
	fill: #80d4ff;
}
/* Checkboxes */
html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
	background: #AE3806;
	border-color: #0077b3;
}

html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
.checkbox-text-primary input[type="checkbox"]:checked + label:after {
	color: #AE3806;
}
/* Radios */
html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after {
	background: #AE3806;
	-webkit-box-shadow: 0px 0px 1px #AE3806;
	box-shadow: 0px 0px 1px #AE3806;
}
/* Switch */
.switch.switch-primary .ios-switch .on-background {
	background: #AE3806;
}
/* Progress Bar */
.progress-bar {
	background-color: #AE3806;
}

.progress .progress-bar-primary {
	background-color: #AE3806;
}
/* Slider */
.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
	background: #AE3806;
}

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
	background-image: -webkit-linear-gradient(left, #00aaff 0, #AE3806 50%, #006699 100%);
	background-image: linear-gradient(left, #00aaff 0, #AE3806 50%, #006699 100%);
}

.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
	background-image: -webkit-linear-gradient(to right, #00aaff 0, #AE3806 50%, #006699 100%);
	background-image: linear-gradient(to right, #00aaff 0, #AE3806 50%, #006699 100%);
}
/* DatePicker */
.datepicker table {
	width: 100%;
}

.datepicker table thead tr th.prev:hover,
.datepicker table thead tr th.next:hover {
	background: #AE3806;
}

.datepicker table thead tr:first-child th:hover {
	background: #AE3806;
}

.datepicker table tr td span:hover {
	background: #AE3806;
}

.datepicker table tr td.day:hover {
	background: #AE3806;
}

.datepicker table tfoot tr th:hover {
	background: #AE3806;
}
/* DatePicker: Dark */
html.dark .datepicker.datepicker-primary table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-primary table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover {
	background: #AE3806;
}

html.dark .datepicker.datepicker-primary table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover {
	background: #AE3806;
}

html.dark .datepicker.datepicker-primary table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active {
	background: #AE3806;
}
/* DatePicker: Primary */
.datepicker.datepicker-primary table thead tr:first-child {
	background-color: #AE3806;
}

.datepicker.datepicker-primary table thead tr:first-child th:hover {
	background-color: #006699;
}

.datepicker.datepicker-primary table thead tr:last-child {
	background-color: #0099e6;
}

.datepicker.datepicker-primary table thead tr:last-child th:hover {
	background-color: #AE3806;
}

.datepicker.datepicker-primary table tbody tr td.day:hover {
	background: #AE3806;
}

.datepicker.datepicker-primary table tbody tr td.day.active {
	background: #AE3806;
}
/* Select 2 */
.select2-container-multi .select2-choices .select2-search-choice {
	background: #AE3806;
}
/* Wizard */
.wizard-steps > li.active .badge {
	background-color: #AE3806;
}

.wizard-steps > li.active a,
.wizard-steps > li.active a:hover,
.wizard-steps > li.active a:focus {
	border-top-color: #AE3806;
}

.wizard-tabs ul > li.active .badge {
	background-color: #AE3806;
}

html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator {
	background: #AE3806;
}

html .wizard-progress .wizard-steps li.completed a span,
html.dark .wizard-progress .wizard-steps li.completed a span {
	border-color: #AE3806;
	background: #AE3806;
}

html .wizard-progress .wizard-steps li.active a span,
html.dark .wizard-progress .wizard-steps li.active a span {
	color: #AE3806;
	border-color: #AE3806;
}
/* Tables */
.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
	background-color: #AE3806 !important;
}
/* Data Tables Loading */
.dataTables_processing {
	background-color: #AE3806;
}
/* Liquid Meter */
.liquid-meter-wrapper .liquid-meter-selector a.active {
	color: #AE3806;
}


/* sarapis.css - webportal sarapis-online.nl in de huisstijl van Sarapis B.V. (RKE 2026-10-29)
   Nieuw logo van 29-10-2026 (kop van het Sarapis-beeld in Alexandria + woordmerk SARAPIS), beide in donkeroranje
   #AE3806; die kleur is op wit leesbaar (6,2:1), dus ook voor links en knoppen. Koppen en menu in Cinzel
   (klassieke kapitalen zoals het woordmerk), tekst in Nunito Sans, strakke hoeken. Het woordmerk zelf is getekend
   (losse dwarsstreep in de A, open P), geen lettertype; Cinzel komt het dichtst bij als je het net als het woordmerk
   in vette kapitalen met ruime spatiering zet (RKE 29-10, zie "woordmerkstijl"). Het logo is transparant met
   witte vlakken in de kop: alleen op wit of heel licht plaatsen.
   Basis: voorzet van huisstijlkit.py 1.3 (sitekit SARAPIS, aangeleverd logo + vaste kleuren).
   Css.ashx zet dit bestand alleen voor deze klant achter theme-custom.css en template.css (clientCss) en haalt
   de @import hierboven naar het begin. De themakleuren zelf staan in Css.ashx, colorTheme "Sarapis". */

:root {
    --kit-primair: #AE3806;       /* kopbalk bij aanwijzen, paginatitel, panelen (kit: primair) */
    --kit-accent: #AE3806;        /* strepen, tellers, actief menu (kit: accent) */
    --kit-link: #AE3806;          /* links en focus, leesbaar op wit (baseColor) */
    --kit-actie: #AE3806;         /* hoofdknop (kit: actie) */
    --kit-actie-hover: #943005;
    --kit-actie-tekst: #FFFFFF;
    --kit-accent-tekst: #FFFFFF;  /* tekst op accent */
    --kit-zacht: #EBCDC1;         /* aanwijzen in tabellen en menu's (kit: accent_zacht) */
    --kit-tekst: #341102;
    --kit-grijs: #776055;
    --kit-vlak: #FBF5F3;          /* achtergrond (kit: vlak) */
    --kit-lijn: #DDDDDD;
    --kit-hoek: 0;                /* afronding van knoppen (site) */
    --kit-hoek-vlak: 0;           /* afronding van velden, kaarten en panelen */
    --kit-font: 'Nunito Sans', 'Segoe UI', Arial, sans-serif;
    --kit-display: 'Cinzel', 'Nunito Sans', 'Segoe UI', Arial, sans-serif;
    --bs-font-sans-serif: var(--kit-font);
    --bs-body-font-family: var(--kit-font);
}

/* ---------- lettertype en basis ---------- */

body,
.btn,
.form-control,
.form-select,
.input-group-text,
input,
select,
textarea,
button,
.popover,
.tooltip,
.dropdown-menu,
.table,
.ui-pnotify,
.select2-container {
    font-family: var(--kit-font);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-header h2,
.card-title,
.panel-title {
    font-family: var(--kit-display);
}

body {
    color: var(--kit-tekst);
    background: var(--kit-vlak);
}

html {
    background: var(--kit-vlak);
}

a {
    color: var(--kit-link);
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
    color: var(--kit-primair);
}

::selection {
    background: var(--kit-zacht);
    color: var(--kit-tekst);
}

/* ---------- kopbalk: wit met logo, menu in de primaire kleur bij aanwijzen ---------- */

.header {
    background: #fff;
    border-top: 0;
    border-bottom: 3px solid var(--kit-primair);
}

.header .logo img {
    height: 44px;
    width: auto;
    margin-top: -1px;
}

.header.header-nav-menu .logo:after {
    border-right-color: var(--kit-lijn);
}

@media (min-width: 992px) {
    /* menu in vette Cinzel met spatiering zoals het woordmerk; de menunamen zijn al kapitalen, dus dat leest goed */
    .header.header-nav-menu .header-nav-main nav > ul > li > a {
        border-radius: 0;
        color: var(--kit-tekst);
        font-family: var(--kit-display);
        font-weight: 700;
        font-size: 13px;
        letter-spacing: .04em;
        padding: 10px 9px;
    }

    .header.header-nav-menu .header-nav-main nav > ul > li:hover > a,
    .header.header-nav-menu .header-nav-main nav > ul > li.show > a,
    .header.header-nav-menu .header-nav-main nav > ul > li.open > a,
    .header.header-nav-menu .header-nav-main nav > ul > li > a:focus {
        background: var(--kit-primair);
        color: #FFFFFF;
    }

    .header.header-nav-menu .header-nav-main nav > ul > li.active > a,
    .header.header-nav-menu .header-nav-main nav > ul > li.active:hover > a {
        background: var(--kit-primair);
        color: #FFFFFF;
    }

    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top: 3px solid var(--kit-accent);
        border-radius: 0;
    }

    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
        color: var(--kit-tekst);
        font-size: 13px;
    }

    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {
        background: var(--kit-zacht);
        color: var(--kit-primair);
    }
}

@media (max-width: 991px) {
    .header.header-nav-menu .header-nav-main nav > ul > li > a {
        color: var(--kit-tekst);
        font-family: var(--kit-display);
        font-weight: 700;
        font-size: 14px;
        letter-spacing: .04em;
    }

    .header.header-nav-menu .header-nav-main nav > ul > li.active > a,
    .header.header-nav-menu .header-nav-main nav > ul > li.active > a:hover,
    .header.header-nav-menu .header-nav-main nav > ul > li.active > a:focus {
        background: var(--kit-primair);
        color: #FFFFFF;
    }
}

.header .notifications > li > a .badge,
.header .notifications .badge {
    background: var(--kit-accent);
    color: var(--kit-accent-tekst);
}

.userbox .profile-info .name {
    color: var(--kit-tekst);
    font-weight: 700;
}

.notifications .notification-menu .notification-title {
    background: var(--kit-primair);
    color: #FFFFFF;
    font-family: var(--kit-display);
}

/* ---------- paginatitel: balk in de primaire kleur met een streep in de accentkleur ---------- */

.page-header {
    background: var(--kit-primair);
    border-left-color: var(--kit-primair);
    border-radius: 0;
}

.page-header h2 {
    color: #FFFFFF;
    border-bottom-color: var(--kit-accent);
}

/* ---------- woordmerkstijl: Cinzel vet, in kapitalen en met ruime spatiering, zoals SARAPIS in het logo ---------- */

.page-header h2 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.card-title,
.panel-title {
    font-weight: 700;
    letter-spacing: .03em;
}

body .hd-groet {
    font-weight: 700;
}

/* koppen van de dashboardtegels: klein-kapitaal leest op 13 px gedrongen, dus echte kapitalen
   (body ervoor: dashboard.css komt na dit bestand en heeft dezelfde specificiteit) */
body .hd-pan > header h3 {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.page-header .breadcrumbs a,
.page-header .breadcrumbs span,
.page-header .breadcrumbs li:after,
.page-header .breadcrumbs i {
    color: #FFFFFF;
}

.page-header .breadcrumbs a:hover {
    color: #FFFFFF;
}

/* ---------- knoppen: de actiekleur van de site voor de hoofdactie ---------- */

.btn {
    border-radius: var(--kit-hoek);
}

body .btn-primary,
body .btn-primary:focus {
    background-color: var(--kit-actie);
    border-color: var(--kit-actie);
    color: var(--kit-actie-tekst);
}

body .btn-primary:hover,
body .btn-primary.hover,
body .btn-primary:active,
body .btn-primary.active,
body .btn-primary:active:focus,
.open > .dropdown-toggle.btn-primary,
body .btn-primary.dropdown-toggle {
    background-color: var(--kit-actie-hover);
    border-color: var(--kit-actie-hover);
    color: var(--kit-actie-tekst);
}

body .btn-primary:focus,
body .btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(174, 56, 6, .45);
}

body .btn-primary[disabled],
body .btn-primary.disabled {
    background-color: var(--kit-actie);
    border-color: var(--kit-actie);
    opacity: .45;
}

.btn-default:hover,
.btn-default:focus {
    border-color: var(--kit-primair);
    color: var(--kit-primair);
}

/* ---------- invoervelden ---------- */

.form-control,
.form-select {
    border-radius: var(--kit-hoek-vlak);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--kit-link);
    box-shadow: 0 0 0 3px rgba(174, 56, 6, .25);
}

/* ---------- kaarten en panelen ---------- */

.card,
section.panel {
    border-radius: var(--kit-hoek-vlak);
}

.card > .card-header {
    border-bottom: 3px solid var(--kit-accent);
}

/* ---------- dashboard: witte tegels, pictogram in de primaire kleur, teller in de accentkleur ---------- */

.dashboard section.panel {
    background: #fff;
    border: 1px solid var(--kit-lijn);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}

.dashboard section.panel:hover {
    border-color: var(--kit-primair);
}

.dashboard .panel .panel-heading {
    background: #fff;
    border: 0;
    border-radius: 0;
}

.dashboard .panel .panel-heading i.text-white {
    color: var(--kit-primair) !important;
}

.dashboard .panel .card-body {
    background: transparent;
}

.dashboard .panel .card-body .btn-default {
    border: 0;
    background: transparent;
}

.dashboard .panel .card-body .btn-default h3 {
    color: var(--kit-tekst);
    font-size: 15px;
    margin: 0;
}

.dashboard .panel .card-body .btn-default:hover h3 {
    color: var(--kit-link);
}

.dashboard .panel .badge,
.dashboard .card .badge {
    background: var(--kit-accent);
    color: var(--kit-accent-tekst);
    font-weight: 700;
}

/* ---------- tabellen en tabbladen ---------- */

.table > thead > tr > th,
.table thead th {
    font-weight: 700;
    border-bottom: 2px solid var(--kit-primair);
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--kit-zacht);
}

.nav-tabs li.active a,
.nav-tabs .nav-link.active {
    color: var(--kit-primair);
    border-top-color: var(--kit-accent);
}

/* ---------- catalogus ---------- */

/* het catalogusmenu is een groot vlak: de donkere tint (logokleur met 35% zwart, ook een grafiekkleur van de kit) is rustiger */
.catalogus .inner-menu {
    background: #712404;
}

.catalogus .product .thumbnail {
    border-radius: var(--kit-hoek-vlak);
}

.catalogus .product a.thumbnail:hover {
    border-color: var(--kit-accent);
}

.catalogus .product .mg-title {
    background: var(--kit-primair);
    color: #FFFFFF;
    font-family: var(--kit-display);
}

/* ---------- meldingen, labels en kleine onderdelen ---------- */

.badge.bg-primary,
.label-primary {
    background-color: var(--kit-primair) !important;
    color: #FFFFFF;
}

.loading-overlay .bounce-loader .bounce1,
.loading-overlay .bounce-loader .bounce2,
.loading-overlay .bounce-loader .bounce3 {
    background: var(--kit-accent);
}

/* ---------- inlogscherm: infovlak in de primaire kleur, logo in de cirkel ---------- */

.body-sign .card-sign .card-body {
    border-top-color: var(--kit-primair);
    border-radius: var(--kit-hoek-vlak);
}

.body-sign .card-sign .card-title-sign .title {
    background: var(--kit-primair);
    border-radius: var(--kit-hoek-vlak) var(--kit-hoek-vlak) 0 0;
    color: #FFFFFF;
    font-family: var(--kit-display);
}

.login .info {
    background: var(--kit-primair);
    border-radius: var(--kit-hoek-vlak);
}

.login .info a:hover {
    color: #FFFFFF;
}

/* het logo is (bijna) vierkant of staand: smaller dan de standaard 180 px, zodat het binnen de cirkel blijft */
.login #logo {
    background-size: 141px auto;
}

.login .flags .active {
    background: var(--kit-accent);
    border-radius: var(--kit-hoek-vlak);
}

.login .form a:not(.btn) {
    color: var(--kit-link);
}

/* ---------- Tradium Relaties (klanten/leveranciers) ---------- */
.tr, .tr-pop { --tr-text: var(--kit-tekst); --tr-radius-card: var(--kit-hoek-vlak); }
.tr-title-ic { background: var(--kit-zacht); color: var(--kit-primair); }