/*.use-fontawesome .fas.ratio1::before, .use-fontawesome .fas::before, .uk-navbar-nav li.uk-parent > a::after {font-family: "Font Awesome 6 Free";} */
/* algemeen */
#wit {background-color:#fff !important;}
.uk-dropbar {background: #171717;}
.bullet::before {border-left-color: #b2ff33 !important;}
/* menubalk producten selectie */
.uk-navbar-nav>li.uk-active>a {color:#fff !important;}
#selectie li.item-426, #selectie li.item-454, #selectie li.item-424, #selectie li.item-484, #selectie li.item-468, #selectie li.item-476, #selectie li.item-475, #selectie li.item-528, #selectie li.item-530, #selectie li.item-587, #selectie li.item-589, #selectie li.item-590, #selectie li.item-655 {display: none;}
/* chatgpt */
.chatgpt_assistant_interface_wrapper button.btn.btn-primary {width: 40%;}
.cap-module .uk-link, a {color: #ff5600;}
.cap-module .uk-link a:hover {color: #000000;}
.cap-button.btn-chat.btn-primary.cap-button-pos-floating-right {--cap-button-size: 70px;}
.cap_wrapper .conversation-container .message_wrapper a:hover {color: #ff5600;}
}
/* events */
table.rs_calendar_module th {background: none repeat scroll 0 0 #D3D3D3;}
table.rs_calendar_module td.has-events a {background-color: #B2FF33;}
.rs_calendar_arrows_module {font-size: 30px;}
table.rs_calendar_module {font-size: 15px;}
.rs_event_detail {background: none repeat scroll 0 0 #505050 !important;box-shadow: 2px 2px 2px rgba(203, 210, 217, 0.5);}
.rs_event_detail:hover {background: #808080 none repeat scroll 0 0 !important;}
.tooltip-inner{background-color:#F8F8F8 !important;}
a.rs_event_link {font-size: 18px;text-decoration: underline;}
form#subscribeForm.rsepro-horizontal.form-horizontal div.rs_subscribe h1 {font-size: 26px !important;}
#rsepro-upcoming-module li a {font-size:130%;}
#rsepro-upcoming-module li small {font-size:100%;color: #b2ff33;}
#eendaags #rsepro-upcoming-module li a {display:none;}
#eendaags #rsepro-upcoming-module li small {font-size:100%;color: #fff;}
#eendaags ul.rsepro_upcoming.row-fluid {display: ruby-text;}
#eendaags #rsepro-upcoming-module {margin-bottom: 0px;}
#eendaags .uk-margin-top {margin-top: 0px !important;}
/* einde events */
.sg_protected_by {display: none !important;}
.groen {color: #b2ff33;}
.uk-navbar-dropdown-nav .uk-margin-small-right {margin-right:0px !important;}
img.uk-margin-small-right.Logo-reseller {margin-bottom: 10px;}
/* grid pro
.dropdown-menu, .uk-dropdown {min-width: 300px;}*/
/* presentatie artikel */
#article-226, #article-227, #article-237 {background-color: #171717 !important;}
/******************************* ontzorgen *******************************/
#ontzorgt .el-title, #ontzorgt .el-meta {text-align:center !important;}
/******************************* services *******************************/
#services h2 {color: #ff5600 !important;}
/******************************* vimeo *******************************/
#gys a {color: #ff5600!important; font-weight: 300 !important}
/******************************* systeem berichten *******************************/
.alert-success, .uk-alert-success {background: #666666 !important;}
/******************************* call to action buttons ****************************/
#call-to-action .uk-button-default, #call-to-action2 .uk-button-default {background-color: #97d82f!important;color:#ffffff!important;}
#call-to-action .uk-button-default:hover, #call-to-action2 .uk-button-default:hover {background-color: #80b721!important;}
#call-to-action2 a {font-size: inherit !important;color:#ffffff !important;}
/******************************* SM icons *******************************/
#module-tm-5 .uk-icon-button {color: #ff5600 !important;}
a.uk-icon-button.uk-icon {color: #ff5600 !important;}
/******************************* RS Files *******************************/
.tooltip {font-size:110%;}
.badge-success {color:#000 !important;}
.badge, .uk-badge, a.badge {padding: 0 10px !important;}
.badge i.fa.fa-file {padding-right: 5px !important;}
/**** .uk-modal-dialog {width: 1250px !important;} gaat niet goed op productpagina*/
/******************************* algemeen *******************************/
.uk-section-xsmall {padding-top: 0px !important;}
.oranje {color: #ff5600;}
/********************************* Top Menu *********************************/
.uk-navbar-center {left: 60% !important;}
.uk-navbar-dropdown-nav {margin-top: -30px;font-size: 12px;}
.uk-navbar-dropdown-nav > li > a {color: #ff5600;}
.uk-navbar-dropdown-grid > * {padding-left: 30px !important;}
/******************************* BLOG pagina  ********************************/
article[id^='article-'] h2 {color: #ff5600 !important;padding: 20px 15px 0 15px;min-height: 10px !important;text-align:left !important;}
article[id^='article-'] {background-color: #2E2D2C;}
article[id^='article-'] div.uk-margin-medium-top {padding: 0 15px;min-height: 0px;margin:15px 0!important;}
article[id^='article-'] p {padding: 0px 15px 0px 15px;text-align:left !important;}
article[id^='article-'] a.uk-button-text {min-height: 34px !important;}
article[id^='article-'] a img {height: 248px !important;width: 373px !important;}
/******** banner *******/
h1,.h1 {color:#b2ff33 !important;}
b, strong {font-weight: 600 !important;}
.links {text-align:left !important;}
.uk-text-warning {color: #ff5600 !important;}
.uk-font-secondary {font-family: Roboto !important;}
div.mod-languages img {width: 25px !important;}
/******************************* homepage *******************************/
.tm-box-decoration-secondary::before {transform: translate(10px,-10px);   border-radius: 5px;}
/******************************* prijstabel software *******************************/
.pricing .box .pricing_btn {display:none !important;}
.pricing .box .content-btn {padding-bottom: 17px;}
.pricing .box.populated-box {margin-top:161px;}
.pricing .box ul {margin-bottom:0px;}
/******************************* accordion ******************************/
.uk-accordion-title, .uk-accordion-title:visited, .uk-accordion-title:focus {font-size: 1.1em; color: #ff5600;font-weight: 600;}
.uk-accordion-title:focus, .uk-accordion-title:hover {color: rgba(255,255,255,.7);}
/******************************* footer *******************************/
.copyright {text-align: center;margin-left: -40px;background-color:#2E2D2C;}
.copyright ul {font-size: 80%;list-style-type: none;display: inline-flex;padding:0;color:rgba(255,255,255,.7);}
.copyright a {color:rgba(255,255,255,.7);}
.copyright li {padding: 5px 25px;}
.canon {padding-top:20px;}
/******************************* cookie *******************************/
.uk-section.uk-section-xsmall.uk-section-muted.uk-position-bottom.uk-position-fixed.uk-position-z-index {background-color: #303030 !important;}
.tm-cookie-banner p {padding-top: 34px;}
/******************************* voor wie *******************************/
#doelgroep {background: #D3D3D3 !important;}
#doelgroep .el-content.uk-panel.uk-margin-top {font-weight: 500;}
#doelgroep svg.el-image.uk-text-muted.uk-svg.uk-scrollspy-inview.uk-animation-stroke {color: #ff5600 !important;}
.tm-section-title {color: #ff5600 !important;}
#doelgroep img.el-image {width: 70px;}
/******************************* producten *******************************/
#vergelijk h3.el-title.uk-h6.uk-text-primary.uk-margin-top.uk-margin-remove-bottom {font-size: 120%;}
#vergelijk .el-item.uk-panel.uk-margin-remove-first-child {text-align: center;}
#vergelijk2 h3.el-title.uk-h6.uk-text-primary.uk-margin-top.uk-margin-remove-bottom {font-size: 120%;}
#vergelijk2 .el-item.uk-panel.uk-margin-remove-first-child {text-align: center;}
#vergelijk-rij2 h3.el-title.uk-h6.uk-text-primary.uk-margin-top.uk-margin-remove-bottom {font-size: 120%;}
#vergelijk-rij2 .el-item.uk-panel.uk-margin-remove-first-child {text-align: center;}
/******************************* feature table *******************************/
.rokfeaturetable {color:rgba(255,255,255,0.8) !important;font-size:14px}
.rokfeaturetable .rl_tooltips-link {color:rgba(255,255,255,0.9);}
.featuretable-cell {border:none;-moz-border-radius:0;-webkit-border-radius:0; border-radius:0;text-shadow:none;}
.ft-column-first .ft-row-top, .ft-column-last .ft-row-top, .ft-column-first .featuretable-cell, .ft-column-last .ft-row-bottom{border:none;-moz-border-radius:0;border:none;-webkit-border-radius:0; border-radius:0;text-shadow:none;}
.ft-row-even {background: #202020;}
.ft-row-odd {background: #333333;}
.ft-row-top {height: 30px !important;}
.rokfeaturetable .featuretable-cell {min-height: 25px}
.category1,.category2,.category3,.category4,.category5,.category6,.category7,.category8,.category9,.category10,.category11 {text-align:left;color: #ff5600;background-color: rgba(255,255,255,0.8); !important;padding:0 0 0 10px;min-height:23px !important;font-weight:600;}
.name {color:#ff5600;font-size:16px;font-weight:600;}
.row-3,.row-4,.row-9,.row-18,.row-19,.row-21,.row-39 {height:45px;}
.ft-column-odd, .ft-column-even, .ft-column-even.ft-column-last {width:15% !important;color:#b2ff33;}
.featuretable-col.ft-column-odd.ft-column-first {width:24.5% !important;font-weight:600;}
.ft-column-first .featuretable-cell {text-align:left !important;}
/******************************* responsive table design *******************************/
.inputs-outputs ul {padding-left: 0px;}
.inputs-outputs li {list-style-type: none;}
.dcf-table-responsive td.inputs-outputs {text-align: left!important}
#compare svg.uk-text-primary.uk-svg {color: #b2ff33 !important;}
#compare svg.uk-text-success.uk-svg {color: #ff5600 !important;}
.wit {color:#ffffff !important;font-size:115% !important;}
.rechts {text-align: right !important;}
.dcf-table a.uk-accordion-title {color: rgba(255,255,255,.8);}
.dcf-table .uk-accordion-title::before {background-color: #ff5600;}
.dcf-table th {font-size:105%;color: rgba(255,255,255,.8);}
.dcf-table tr th {text-align:left;}
.dcf-table tbody td {text-align: center;font-weight: 600;}
.dcf-table tbody, .dcf-table thead {font-size: .84em}
.dcf-table tfoot {font-size: .75em}
.dcf-table tbody {border-bottom: 1px solid #2d2d2d;border-top: 1px solid #2d2d2d}
.dcf-table td, .dcf-table th {padding-right: 1.78em}
.dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {border: 1px solid #2d2d2d}
.dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {padding-left: 1em;padding-right: 1em}
.dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {border-bottom: 1px solid #2d2d2d}
.dcf-table-striped tbody tr:nth-of-type(2n) {background-color: #333333}
.dcf-table thead td, .dcf-table thead th {padding-bottom: .75em;vertical-align: bottom}
.dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {padding-top: .75em;vertical-align: top}
.dcf-table tbody td, .dcf-table tbody th {padding-bottom: .75em}
.dcf-table-bordered thead th {padding-top: 1.33em}
.dcf-wrapper-table-scroll {left: 50%;margin-left: -50vw;margin-right: -50vw;overflow-x: auto;-webkit-overflow-scrolling: touch;padding-bottom: 1em;position: relative;right: 50%;width: 100vw}
th.kopregel {color: #ff5600 !important;font-size:120% !important;text-align: center !important;}
.nav-tabs>li, .uk-tab>* {padding-left: 0px !important;font-size:12px !important;}
.nav-tabs>li>a, .uk-tab>*>a {padding-left: 10px !important;font-size:12px !important;}
ul.el-nav.uk-margin-medium.uk-tab {background-color: #2e2d2c;}
ul.el-nav.uk-margin-small.uk-tab {margin-bottom: 0px;}
.nav-tabs, .uk-tab {margin-left: 0px !important;}
ul.el-nav.uk-margin-small.uk-tab li.uk-active a {background-color: #202020;height: 40px;border-top: 1px solid #2d2d2d;border-left: 1px solid #2d2d2d;border-right: 1px solid #2d2d2d;border-bottom: none;border-radius: 12px 12px 0 0;}
.uk-switcher {padding: 10px;}
.uk-switcher th[scope=row] {width:100%}
/******************************* media queries *******************************/
/* voorbeeld ipad
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
*/
@media only screen and (max-width:42.09em) {
	.dcf-table-responsive thead {clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; width: 1px; white-space: nowrap}
	.dcf-table-responsive tr {display: block}
	.dcf-table-responsive td {-webkit-column-gap: 3.16vw; -moz-column-gap: 3.16vw; column-gap: 3.16vw; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; text-align: left!important}
	.dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {border-width: 0}
	.dcf-table-responsive.dcf-table-bordered tbody td {border-top-width: 0}
	.dcf-table-responsive:not(.dcf-table-bordered) tbody tr {padding-bottom: .75em}
	.dcf-table-responsive:not(.dcf-table-bordered) tbody td {padding-bottom: 0}
	.dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {padding-right: 0}
	.dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {border-bottom-width: 0}
	.dcf-table-responsive tbody td:before {content: attr(data-label); float: left; font-weight: 700; padding-right: 1.78em;}
	.uk-accordion-content {max-width:300px;}
	.pricing .box.populated-box {margin-top: 210px !important;}
	.pricing .col-section {width: 50% !important;}
	.pricing.col_2 .col-section {padding: 0px !important;}
	.uk-accordion-content {max-width:300px;}
}
@media only screen and (min-width : 960px){
	.uk-navbar-container .uk-container {padding: 10px 40px !important;}
	article[id^='article-'] h2 {font-size: 25px;} /* blog paginas */
}
@media only screen and (max-width: 768px) {
	.rokfeaturetable {font-size:10px}
	.ft-row-top {height: 30px !important;}
	.rokfeaturetable .featuretable-cell {min-height: 25px}
	.name {font-size:10px;word-break: break-all;}
	div[class^='featuretable-cell ft-row-odd row-'], div[class^='featuretable-cell ft-row-even row-'],.featuretable-cell.ft-row-even.ft-row-bottom.row-44 {height:60px;color: #b2ff33;font-weight: 600;}
	div[class^='featuretable-cell ft-row-even category'],div[class^='featuretable-cell ft-row-odd category']{padding:0 0 0 10px;min-height:32px !important;}
	.featuretable-cell.ft-row-even.category2 {min-height:48px !important;}
	.el-title.uk-h1.uk-font-secondary.uk-text-success.uk-margin-top.uk-margin-remove-bottom {font-size: 17px;}
	.el-meta.uk-h3.uk-margin-top.uk-margin-remove-bottom {font-size: 16px;}
	#slider .uk-overlay {padding: 10px !important;}
}
@media only screen 
  and (min-device-width: 768px) and (max-device-width: 1024px) {
	  ul.el-nav.uk-margin-small.uk-tab li a {font-size:80% !important;}
	 .rokfeaturetable {font-size:11px}
	 .name {font-size:11px;word-break: break-all;}
	 div[class^='featuretable-cell ft-row-even category'],div[class^='featuretable-cell ft-row-odd category']{padding:0 0 0 10px;min-height:35px !important;}
	 .ft-column-first .row-36 {font-size:10px;}
}