body {
    /*background: transparent url("/assets/images/gwb-login-background.jpg") no-repeat scroll left top / cover ;*/
	background-color: #ecf0f5;
}

.helpvraagantwoord{
    font-size: 16px;
    line-height: 1.9;
    margin: 14px 0 0;
}

.pnrw {
  width:60px;
  touch-action: none !important;
  border: 1px solid transparent;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.cke_reset {
	min-height:400px;
}

.flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.login-box-body {
	background-color: rgba(255, 255, 255, 0.7) !important;
  padding:20px;
}

#fancybox-overlay {
	opacity: 0.8 !important;
}

a.grijzelink{
	color: #444;
}

address {
	line-height: 1.7;
}

.paddingbottom10 {
	padding-bottom:10px;
}

.paddingbottom11 {
	padding-bottom:11px;
}

.paddingbottom12 {
	padding-bottom:12px;
}

.paddingbottom15{
	padding-bottom:15px;
}

.paddingright10 {
	padding-right:10px;
}

.dropdownmenu:nth-child(odd) {
  background: #e9e9e9;
}
.dropdownmenu:nth-child(even) {
  background: #ffffff;
}

.dropdownmenu:hover {
  background: #007fff;
}

.dropdownmenu.img {
	background:none !important;
	border:none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	border-bottom: 2px solid #00c0ef;
	background-color: transparent !important;
}

.navbar-default .navbar-nav > li > a:hover {
	border-bottom: 2px solid #00c0ef;
	background-color: #e7e7e7 !important;
}

.navbar-default .navbar-nav > .active > li:hover {
	border-bottom: 0px solid #00c0ef;
	background-color: #e7e7e7 !important;
}

.navbar-nav > li > a.topmenu {
    padding-top: 7px !important;
    padding-bottom:0px !important;
}

.navbar-nav > li > a:hover {
    background:none !important;
}

/* TOGGLE switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #00a65a;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00a65a;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/* END TOGGLE switch - the box around the slider */

#fancybox-img {
  height: 92% !important;
   width: 95% !important;
}

div.upgradeBar {
    background: rgba(255, 206, 40, 0.9) none repeat scroll 0 0;
    border-top: 1px solid #ffce28;
    bottom: 0;
    color: #685212;
    left: 0;
    padding: 5px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 900;
}

@media screen and (max-width: 850px) {
    .hidemobiel { display: none !important; }
    .hideimage { display: none !important; }
    .displaydesktop { display: none !important; }
    .fixed .content-wrapper { padding-top:50px; }
}

@media screen and (min-width: 851px) {
    .displaymobile { display: none !important; }
}

@media screen and (max-width: 1199px) {
    .productrwidth{ margin-right: 15px; }

	.productlwidth{ margin-left: 15px; }
}


/** searchable selectbox default and google theme **/
.selectstyle{position:relative;}
.ss_dib{display:inline-block;vertical-align:top;}
.ss_button{margin:0;vertical-align:top;color:#595959;border: 1px solid #cbcbcb;border-radius:3px;width:250px;cursor:pointer;text-decoration:none;background:none;padding:10px;overflow:hidden;clear:both;display:inline-block;vertical-align:top;font-size:12px;font-weight:bold;word-break:break-all;}
.ss_text{white-space:normal;text-overflow:ellipsis;text-indent:0;white-space:nowrap;overflow:hidden;}
.ss_image{position:absolute;width:7px;height:11px;background:url('/assets/images/google.png') no-repeat;}
.ss_ul{list-style:none;padding:8px 0; margin:0; margin-top:-35px;position:absolute;background:#fff;border:1px solid #ccc;-moz-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);box-shadow:0 1px 5px 1px rgba(0,0,0,0.1); border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; display:none;overflow:auto;z-index:100;}
.ss_ulsearch{margin:0; margin-top:-35px;position:absolute;background:#fff;border:1px solid #ccc;-moz-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);box-shadow:0 1px 5px 1px rgba(0,0,0,0.1); border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:auto;z-index:100;display:none;}
.ss_ulsearch .ss_ul{display:block;position:relative;margin-top:0;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.ss_ulsearch .search{border-bottom:1px solid #ccc;padding:0;}
.ss_ulsearch .search input{background:inherit;border:none;height:100%;padding:10px 15px;outline:none;font-size:14px;width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:-o-calc(100% - 30px);background:url('/assets/imagesful_grid_img.png') no-repeat;background-position: top 8px right 6px;}
.ss_ulsearch .search input:focus{outline:none;}
.ss_ulsearch .nosearch{text-align:center;font-size:12px;padding-bottom:10px;background:#fff;}
.ss_ul li{padding:10px 15px;cursor:pointer;border:none;text-align:left;color:#595959;transition-duration:.3s;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;font-size:14px;}
.ss_ul li:hover{border:none;background:#eee;}
.ss_ul li .ssli_text{vertical-align:top;display:inline-block;}
.ss_ul li .ssli_image{display:inline-block;width:16px;height:16px;margin-right:10px;margin-top:-1px;vertical-align:top;}
.ss_ul li .ssli_image img{width:16px;height:16px;}
.ss_ul::-webkit-scrollbar {width:10px;}
.ss_ul::-webkit-scrollbar:horizontal{height:10px;}
.ss_ul::-webkit-scrollbar-track {border-left:1px solid #D3D3D3;background:#F5F5F5;}
.ss_ul::-webkit-scrollbar-thumb {background:#C4C4C4;}

/** Dark theme **/
.selectstyle.dark{position:relative;}
.selectstyle.dark .ss_button{color:#eee;border: 1px solid #ccc;background:#5B5B5B;}
.selectstyle.dark .ss_image{width:16px;height:16px;background:url('/assets/images/br_down.png') no-repeat;margin-left:-8px;margin-top:-2px;}
.selectstyle.dark .ss_ul{background:#777;border-color:#333;-moz-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);-webkit-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);}
.selectstyle.dark .ss_ulsearch .ss_ul{display:block;position:relative;margin-top:0;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.selectstyle.dark .ss_ulsearch{background:#5B5B5B;border-color:#333;-moz-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);-webkit-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);}
.selectstyle.dark .ss_ulsearch .search{border-bottom-color:#333;}
.selectstyle.dark .ss_ulsearch .search input{background:url('/assets/images/search.png') no-repeat;background-position: top 8px right 6px;background-size:24px 24px;color:#eee;}
.selectstyle.dark .ss_ulsearch .nosearch{background:#777;}
.selectstyle.dark .ss_ul li{color:#ddd;}
.selectstyle.dark .ss_ul li:hover{border:none;background:#444;color:#eee;}
.selectstyle.dark .ss_ul::-webkit-scrollbar-track {border-left:1px solid #333;background:#888;}
.selectstyle.dark .ss_ul::-webkit-scrollbar-thumb {background:#5B5B5B;}

.skin-blue .main-header .navbar {
  background-color: #FFF;
}

.skin-blue .main-header .navbar .nav > li > a {
  color: black;
}

.black-outline-button button{
	border-color: #343a40 !important;
}

.blue-outline-button{
	border-color: #007bff !important;
}

.button-border-changelog{
	border-color: #C4CACC !important;
}

.maintitle-header{
	margin-top: 25px;
	text-align: center;
}

.dashboard-thirthy-margin{
	margin-right:30px;
	margin-left:30px;
}

.margin-top-twelve{
	margin-top:12px;
}

.margin-top-fifteen{
	margin-top:15px;
}

.margin-top-twenty{
	margin-top:20px;
}

.margin-top-thirty{
	margin-top:30px;
}

.margin-bottom-twenty{
	margin-bottom:20px;
}

.margin-bottom-thirty{
	margin-bottom:30px;
}

.firststeptile{
	background-color:white;
	padding-bottom:12px;
	padding-top:5px;
}

.w-98{
    width:98%;
}

.w-90{
    width:90%;
}

.product-photo-size{
	max-width: 65px;
	max-height: 65px;
}

.no-space-tabledata{
    width: 1px;
    white-space: nowrap;
}

.vertical-align-tabledata{
	vertical-align: middle !important;
}

.news-promotion{
	background-color:white;
	padding-bottom:15px;
	padding-top:5px;
}

.padding-top5{
	padding-top:5px;
}

.white-background{
	background-color:white;
}

.fontawesome-green{
	color: #96D89B;
}

.fontawesome-orange{
	color: #FFE27D;
}

.text-fifteen{
	font-size:15px;
}

.fontawesome-thirty-size{
	font-size:30px;
}

.firststeptile i{
	font-size:50px;
}

.firststeptile p{
	font-size:15px;
}

.dashboard-thirthy-margin .trialcount{
	text-align:center;
	background-color:white;
	padding-bottom:15px;
}

.helpdashboard{
	background-color:white;
	padding-top:1px;
}

.light-border{
	border-color: #CFD0D2 !important;
}

.light-gray{
	color:#d3d3d3;
}

.default-gray{
	color:rgb(153, 153, 153);
}

.news-gray-background{
	background-color:#F9F9F9;
}

.topmenu-product-green{
	background-color: #35B85A;
	color: white;
}

.news-feature{
	background-color:#679ED7;
	color:white;
	border-radius:4px;
	padding-left:2px;
	padding-right:2px;
}

.hide-nomargin{
	margin:0;
	display:none;
}

.dashboard-stats-text{
	font-size:35px;
}

.white-background{
	background-color:#FFF;
}

.dashboard-revenue-chart{
	width: 100% !important;
	max-height: 200px !important;
}

.statistics-revenue-chart{
	width: 100% !important;
	max-height: 300px !important;
}

.statistics-refferer-chart{
	width: 100% !important;
	height: auto !important;
}

.statistics-sales-chart{
	width: 100% !important;
	height: auto !important;
}

.btn-blackborder{
	background-color: #fff;
	border-color: #6c757d;
	border-width: 1px;
}

.title-color-gray{
	color:#8D9598;
}

.main-dashboard-title{
	color:#768082;
}

.color-black{
    color:black;
}

.gray-dashboard-text{
	color:#808891;
}

.light-gray-icons{
	color:#EEEFF3;
}

.seperate-boxes {
    margin-bottom: 20px;
}

.seperate-buttons {
    margin-bottom: 10px;
}

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

.bt-n{
	border-top: none !important;
}

ol ol .nested-arrow::before{
	font-family: "Font Awesome 5 Free";
	content: "\f3bf";
	font-weight: 900;
	filter: none;
	display: inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-right: 7px;
}

.small-button-font-size{
    font-size: .875rem;
}

.product-filter-show{
    background-color:#F8EFC8;
    padding:4px;
}

.dd{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
	list-style: none;
	font-size: 14px;
	line-height: 20px;
}

.dd-list{
	display: block;
	position: relative;
	margin: 0; padding: 0;
	list-style: none;
}

.dd-list .dd-list{
	padding-left: 30px;
}

.dd-collapsed .dd-list{
	display: none;
}

.dd-item, .dd-empty, .dd-placeholder{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 20px;
	font-size: 14px;
	line-height: 20px;
}

.dd-handle{
	display: block;
	height: 30px;
	margin: 5px 0;
	padding: 5px 10px;
	color: #333;
	text-decoration: none;
	font-weight: 600;
	border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background: linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}

.dd-handle:hover{
	color: #2ea8e5;
	background: #fff;
}

.dd-item > button {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	width: 25px;
	height: 20px;
	margin: 5px 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: transparent;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}

.dd-item > button:before{
	content: '+';
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	text-indent: 0;
}

.dd-item > button[data-action="collapse"]:before{
	content: '-';
}

.dd-placeholder, .dd-empty{
	margin: 5px 0;
	padding: 0;
	min-height: 30px;
	background: #f2fbff;
	border: 1px dashed #b6bcbf;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.dd-empty{
	border: 1px dashed #bbb;
	min-height: 100px;
	background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel{
	position: absolute;
	pointer-events: none;
	z-index: 9999;
}

.dd-dragel > .dd-item .dd-handle{
	margin-top: 0;
}

.dd-dragel .dd-handle{
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

.nestable-lists{
	display: block;
	clear: both;
	padding: 30px 0;
	width: 100%;
	border: 0;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}

#nestable-menu{
	padding: 0;
	margin: 20px 0;
}

#nestable-output, #nestable2-output{
	width: 100%;
	height: 7em;
	font-size: 0.75em;
	line-height: 1.333333em;
	font-family: Consolas, monospace;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#nestable2 .dd-handle {
    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
    background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
    background:         linear-gradient(top, #bbb 0%, #999 100%);
}

#nestable2 .dd-handle:hover{
	background: #bbb;
}

#nestable2 .dd-item > button:before{
	color: #fff;
}

@media only screen and (min-width: 700px) {
	.dd{
		width: 100%;
	}
    .dd + .dd{
		margin-left: 2%;
	}
}

.dd-hover > .dd-handle{
	background: #2ea8e5 !important;
}

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}

.dd3-content:hover{
	color: #2ea8e5;
	background: #fff;
}

.dd-dragel > .dd3-item > .dd3-content{
	margin: 0;
}

.dd3-item > button{
	margin-left: 30px;
}

.dd3-handle{
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	cursor: pointer;
	width: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dd3-handle:before{
	content: '≡';
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	width: 100%;
	text-align: center;
	text-indent: 0;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

.dd3-handle:hover{
	background: #ddd;
}

.w-10{
	width: 10%;
}

.lh-2{
	line-height: 2;
}