@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
html{
  height: 100%;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Open Sans', sans-serif;
  color: #555;
}
body#application{
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
h3{
	display: inline-block;
	padding: 7px 25px 7px 0px;
	font-size: 25px;
	font-weight: 700;
	vertical-align: middle;
	margin: 0px 15px 0px 0px;
	color: #3f4047;
}
.position-relative{
	position: relative;
}
.bodyblur{
 -webkit-filter: blur(5px);
 -ms-filter: blur(5px);
 filter: blur(5px);
}
.bodyoverflow{
  overflow: hidden;
}
#main-body{
	padding-top: 40px;
	height: 100%;
	display: block;
  	box-sizing: border-box;
	overflow: hidden;
}
#head_n_text{
	float: left;
	width: calc(100% - 200px);
	height: 100%;
	padding: 30px 30px 0px 30px;
	box-sizing: border-box;
	overflow-y: auto;
}
#alert-container{
	position: fixed;
	visibility: hidden;
	top: 4%;
	left: 50%;
	margin: 0px 0px 0px -150px;
	z-index: 1011;
}
.alert-box{
	border-radius: 4px;
	width: 350px;
	height: auto;
	min-height: 100px;
	-webkit-transition: top 0.5s;
  	transition: top 0.5s;
}
.alert-close{
	margin: 14px 12px 0px 0px;
	float: right;
	clear: both;
}
.alert-close a{
	text-decoration: none;
	opacity: 0.5;
	font-size: 20px;
	color: inherit;
}
.alert-close a:hover{
	color: #000;
	cursor: pointer;
}
.alert-box-content{
	font-size: 12px;
	opacity: 0.9;
	padding: 10px;
	margin: 40px 0px 20px 0px;
	text-align: center;
}
.loghighlight{
	font-weight: bold;
}
.alert-fly{
	visibility: visible !important;
	top: 4%;
	-webkit-animation: fadein 1.0s, fadeout 1.0s 3.5s;
  	animation: fadein 1.0s, fadeout 1.0s 3.5s;
}
@-webkit-keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 4%; opacity: 1;}
}
@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 4%; opacity: 1;}
}
@-webkit-keyframes fadeout {
    from {top: 4%; opacity: 1;}
    to {top: 0; opacity: 0;}
}
@keyframes fadeout {
    from {top: 4%; opacity: 1;}
    to {top: 0; opacity: 0;}
}
.closeoverlay{
	float: right;
	cursor: pointer;
	margin: 0px 20px 0px 0px;
	font-size: 20px;
}
.crontabinfo{
	display: none;
}
.closecrontab{
	cursor: pointer;
	margin: 0px 20px 0px 0px;
	font-size: 20px;
}
.clear{
	clear:both;
}
.overlayloadercontainer, .overlaycontainer, .overlaymediacontainer, .overlaymediainfocontainer, .overlayuploadcontainer{
  position:fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10000;
  height: 100%;
  background: rgba(50, 50, 50, 0.75);
  overflow-y: auto;
}
.overlayuploadcontainer, .overlaymediainfocontainer{
	z-index: 10001;
}
.normal-innertext{
  position: relative;
  margin: 0px auto;
  padding: 5px;
  text-align: left;
  font-weight: normal;
  height: auto;
  z-index: 1003;
  text-align: center;
}
.innerloadercontainer, .innercontainer{
  position: relative;
  margin: 0px auto;
  text-align: center;
  height: auto;
  z-index: 1003;
}
.innercontainer{
	background: #fff;
  	padding: 10px;
  	border-radius: 5px;
	top: 2%;
	width: 75%;
	min-height: 150px;
	height: auto;
	-webkit-animation: info-fade-in .3s ease 1, info-move-up .3s ease-out 1;
	-moz-animation: info-fade-in .3s ease 1, info-move-up .3s ease-out 1;
	-ms-animation: info-fade-in .3s ease 1, info-move-up .3s ease-out 1;
	-o-animation: info-fade-in .3s ease 1, info-move-up .3s ease-out 1;
	animation: info-fade-in .3s ease 1, info-move-up .3s ease-out 1;
}
.innerloadercontainer{
	padding: 10px;
	top: 20%;
	width: 15%;
	text-shadow:  0px 0px 2px  #000;
}
#innerloadingoverlay{
	color: #fff;
}
#editor-inline, #editor-inline-script-header, #editor-inline-script-footer, #editor-inline-html-header, #editor-inline-html-footer{
	width: 100%;
	min-height: 450px;
}
nav{
	display: block;
}
.nav-tabs {
	margin-bottom: 10px;
	border-bottom: 1px solid #dee2e6;
}
.nav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.nav a{
	text-decoration: none;
	font-size: 14px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}
.nav-link.active:hover{
	border-color: #dee2e6 #dee2e6 #fff !important;
}
.nav-tabs .nav-link {
	border: 1px solid transparent;
	color: #999;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.fade.show {
    opacity: 1;
}
.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.position-right{
	text-align: right;
}
/* Menu */
#QSTool_menu{
	width: 100%;
	backface-visibility: hidden;
	height: 40px;
	background: #273248;
	text-align: left;
	z-index: 1001;
	text-decoration: none;
	border-bottom: 1px solid #0B162B;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 1002;
}
#dashboard-profile{
	float: right;
	min-width: 175px;
	margin-right: 10px;
	height: 100%;
}
#dashboard-profile:hover{
	cursor: pointer;
}
#dashboard-profile ul{
	list-style: none;
	padding: 0px;
	margin: 0px 5% 0px 0px;
	overflow: hidden;
	height: 0px;
	max-height: 0px;
	-webkit-transition: all 0.4s cubic-bezier(.68,-0.55,.27,1.55); /* Safari */
	transition: all 0.4s cubic-bezier(.68,-0.55,.27,1.55);
}
#dashboard-profile:hover ul{
	max-height: 150px;
	height: 150px;
}
.block{
	box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
	background-color: #ffffff;
	padding: 12px 20px 15px;
	margin-top: 0;
	margin-bottom: 25px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
.blockheader{
  padding: 10px 0;
  min-height: 48px;
	border-bottom: 1px solid #eee;
	margin-bottom: 5px;
	border-radius: 0 !important;
	box-sizing: border-box;
}
.blocksubheader{
	padding: 10px 0;
	min-height: 40px;
	border-bottom: 1px solid #eee;
	margin-bottom: 5px;
	border-radius: 0 !important;
	box-sizing: border-box;
	background: #f5f5f5;
	margin-top: 10px;
}
.blocktitle{
	display: inline-block;
	font-size: 18px;
	line-height: 18px;
}
.overlayheader{
	float: none !important;
	display: block !important;
	text-align: center;
}
.blocksubheadertitle{
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	padding-left: 4px;
}
.blocksubtitle{
	padding: 0;
	margin: 0;
	line-height: 13px;
	color: #9eacb4;
	font-size: 13px;
	font-weight: 400;
}
.blockactions{
	line-height: 18px;
	float: right;
	display: inline-block;
	margin: -5px 0px 0px 0px;
}
.blockactions-text{
	font-size: 14px;
}
.blockfooter{
	padding: 10px 0;
  min-height: 48px;
	margin-top: 5px;
	border-radius: 0 !important;
	box-sizing: border-box;
	border-top: 1px solid #eee;
	clear: both;
}
.block-footer-actions{
	line-height: 18px;
	float: right;
	display: inline-block;
	margin: 0px 0px 0px 0px;
}
.block-none-float{
	float: none !important;
	display: block !important;
}
.block-content-text{
	line-height: 1.7em;
}
.font-dark{
	color: #2f353b !important;
}
.normal{
	font-weight: normal;
}
.margin-top-bottom{
	margin: 10px 0px 10px 0px;
}
.clearer{
	clear: both;
}
.center{
	text-align: center !important;
	margin: 0px auto !important;
}
.uppercase{
	text-transform: uppercase !important;
}
.lowercase{
	text-transform: lowercase !important;
}
.bold{
	font-weight: 700 !important;
}
.italic{
	font-style: italic;
}
.small-font{
	font-size: 10px;
}
#dashboard-profile #user{
	width: 150px;
	cursor: pointer;
	position: relative;
}
#profile-account-menu{
	z-index: 1000;
	opacity: 1;
	border-radius: 5px;
	position: absolute;
	top: 18px;
	transition: none 0s ease 0s;
	text-align: center;
}
#profile-account-menu-items{
	height: auto;
	min-height: 75px;
	background: #fff;
	min-width: 150px;
}
.fa-user-circle{
	font-size: 23px;
	vertical-align: middle;
	cursor: pointer;
	padding: 0px 5px 0px 0px;
}
.profile-account-header-tekst .fa-cog{
	color: #59667E;
	font-size: 20px;
	padding: 0px 5px 0px 0px;
	vertical-align: middle;
}
#profile-account-header{
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #ddd;
	line-height: 30px;
}
.profile-account-header-tekst{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #59667E;
	font-size: 12px;
	cursor: pointer;
	padding: 5px 10px 5px 5px;
	margin: 0px;
}
.profile-tekst{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 8px 0px;
}
.profile-tekst i{
	width: 30px;
    height: 25px;
}
.profile-menu-tekst{
	margin:0px;
	padding:0px;
}
.profile-account-link{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #59667E;
	font-size: 11px;
	padding: 0px;
	cursor: pointer;
	display: block;
	text-decoration: none;
	padding: 5px;
}
.profile-account-link:hover, .profile-edit-link:hover{
	color: #fff;
	background: #59667E;
}
.questionmark {
	padding: 7px;
	font-size: 14px;
	font-family: Arial;
	text-align: left;
	border-radius: 4px;
	position: absolute;
	width: 75%;
	left: 25%;
	top: -44px;
	display: none;
}
.fa-question-circle:hover{
	cursor: pointer;
	color: #4285F4;
}
/* ############# Pijl bij accountgegevens en meldingen ############# */
.arrow_box {
	position: relative;
	background: #fff;
	border: 2px solid #000;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000;
	border-width: 18px;
	margin-left: -18px;
}
.arrow_box_notify {
	position: relative;
	background: #fff;
	border: 2px solid #000;
}
.arrow_box_notify:after, .arrow_box_notify:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_notify:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box_notify:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000;
	border-width: 18px;
	margin-left: -18px;
}

/* Submenu constants */
#mainsubmenu{
	padding: 0;
	width: 200px;
	float: left;
	height: 100%;
	box-sizing: border-box;
	background: #273248;
	border-right: 1px solid #0B162B;
	overflow-y: auto;
}
#mainsubmenu ul, #bottom-left ul, #mainmobilemenu ul, bottommobile-left ul{
	list-style-type: none;
}
#mainsubmenu a, #bottom-left a, #mainmobilemenu a, bottommobile-left a{
	color: #DDD !important;
	text-decoration: none;
}
#mainsubmenu .accordion, #mainmobilemenu .accordion{
 	width: 100%;
 	max-width: 200px;
 	margin: 0px 0px 150px 0px;
	padding: 0px;
 	background: #fff;
	border-right: 1px solid #0B162B;
	border-bottom: 1px solid #0B162B;
 }
 #bottom-left .ask-us, #bottommobile-left .ask-us {
	width: 100%;
	max-width: 200px;
	margin: 0px;
 	padding: 0px;
	bottom: 0px;
	position: absolute;
	background: #fff;
    border-top: 1px solid #0B162B;
 	border-bottom: 1px solid #0B162B;
}
#mainsubmenu .accordion .qsmenulink, #bottom-left .ask-us .qsmenulink, #mainmobilemenu .accordion .qsmenulink, #bottommobile-left .ask-us .qsmenulink{
	cursor: pointer;
	display: block;
	padding: 10px 10px 10px 10px;
	color: #DDD !important;
	font-size: 12px;
	border-bottom: 1px solid #59667E;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #283752;
}
#mainsubmenu .accordion .qsmenulink a, #bottom-left .ask-us .qsmenulink a, #mainmobilemenu .accordion .qsmenulink a, #bottommobile-left .qsmenulink a{
	color: #DDD;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: inline-block;
}
#mainsubmenu .accordion .qsmenulink:hover a, #bottom-left .ask-us .qsmenulink:hover a, #mainmobilemenu .accordion .qsmenulink:hover a, #bottommobile-left .ask-us .qsmenulink:hover a{
	color: #fff !important;
}
#mainsubmenu .accordion .qsmenulink:hover, #bottom-left .ask-us .qsmenulink:hover, #mainmobilemenu .accordion .qsmenulink:hover , #bottommobile-left .ask-us .qsmenulink:hover{
	background: #59667E;
	color: #FFF !important;
}
#mainsubmenu .accordion li:last-child .qsmenulink, #mainmobilemenu .accordion li:last-child .qsmenulink {
	border-bottom: 0;
}
#mainsubmenu .accordion li.open .qsmenulink a, #mainmobilemenu .accordion li.open .qsmenulink a{
	color: #fff !important;
}
#mainsubmenu .accordion li.open .qsmenulink, #mainmobilemenu .accordion li.open .qsmenulink {
	background: #59667E;
	color: #fff;
}
#mainsubmenu .accordion li.open .qsmenulink i, #mainmobilemenu .accordion li.open .qsmenulink i{
	color: #fff;
}
#mainsubmenu .accordion .qsmenulink i, #bottom-left .ask-us .qsmenulink i, #mainmobilemenu .accordion .qsmenulink i, #bottommobile-left .ask-us .qsmenulink i{
	color: #DDD;
	font-size: 16px;
	padding: 0px 10px 0px 0px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	transform-origin: center !important;
}
#mainsubmenu .accordion .qsmenulink:hover i, #bottom-left .ask-us .qsmenulink:hover i, #mainmobilemenu .accordion .qsmenulink:hover i, #bottommobile-left .ask-us .qsmenulink:hover i {
 color: #fff;
}
#mainsubmenu .accordion li .fa-chevron-down, #mainmobilemenu .accordion li .fa-chevron-down {
	font-size: 16px;
	float: right;
	padding: 0px !important;
	vertical-align: middle;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#mainsubmenu .accordion li.open .fa-chevron-down, #mainmobilemenu .accordion li.open .fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#mainsubmenu .accordion li.default .submenu, #mainmobilemenu .accordion li.default .submenu {
	display: block;
}
/** Submenu -----------------------------*/
#mainsubmenu .submenu, #mainmobilemenu .submenu {
	display: none;
	background: #3F4B63;
	font-size: 11px;
	padding: 0px;
}
#mainsubmenu .submenu li,#mainmobilemenu .submenu li {
	border-bottom: 1px solid #59667E;
}
#mainsubmenu .submenu a, #mainmobilemenu .submenu a {
	display: block;
	text-decoration: none;
	color: #DDD !important;
	padding: 10px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
#mainsubmenu .submenu a:hover, #mainmobilemenu .submenu a:hover {
	background: #59667E;
	color: #FFF !important;
}
#mainsubmenu .submenu .select, #mainmobilemenu .submenu .select{
	background: #59667E;
	color: #FFF !important;
}
#mainsubmenu .brand, #mainmobilemenu .brand, #mainsubmenu .builder-brand{
	border-right: 1px solid #0B162B;
	border-bottom: 1px solid #0B162B;
	text-align: left;
	width: 100%;
	max-width: 240px;
	background: #fff;
}
#mainsubmenu .brandimage, #mainmobilemenu .brandimage{
	width: 90%;
	padding: 10px 5px 5px 5px;
}

.input-block{
	max-width: 50%;
	margin: 0px auto 5px;
}

/* knoppen en inputs */
.normal-blue{
  color: #004085;
  border: 1px solid #b8daff !important;
  background: #cce5ff !important;
}
.normal-grey{
  color: #383d41;
  border: 1px solid #d6d8db !important;
  background: #e2e3e5 !important;
}
.success-green, .password-indicator-good, .password-indicator-strong{
  color: #155724;
  border: 1px solid #c3e6cb !important;
  background: #d4edda !important;
}
.warning-red, .password-indicator-short{
  color: #721c24;
  border: 1px solid #f5c6cb !important;
  background: #f8d7da !important;
}
.warning-yellow, .password-indicator-weak{
  color: #856404;
  border: 1px solid #ffeeba !important;
  background: #fff3cd !important;
}
.other-blue{
  color: #0c5460;
  border: 1px solid #bee5eb !important;
  background: #d1ecf1 !important;
}
.other-grey{
  color: #1b1e21;
  border: 1px solid #c6c8ca !important;
  background: #d6d8d9 !important;
}

[id^=error-message] {
  font-size: 12px;
  display: none;
  margin: 5px 0px 5px 0px;
  border-radius: 5px;
  padding: 5px;
}
/* Standard colors */
.danger-color{
	color: #ff4444;
}
.danger-color-dark{
	color: #CC0000;
}
.warning-color{
	color: #ffbb33;
}
.warning-color-dark{
	color: #FF8800;
}
.success-color{
	color: #00C851;
}
.success-color-dark{
	color: #007E33;
}
.info-color{
	color: #33b5e5;
}
.info-color-dark{
	color: #0099CC;
}
.default-color{
	color: #2BBBAD;
}
.default-color-dark{
	color: #00695c;
}
.primary-color{
	color: #4285F4;
}
.primary-color-dark{
	color: #0d47a1;
}
.secondary-color{
	color: #aa66cc;
}
.secondary-color-dark{
	color: #9933CC;
}
.danger-color-background{
	background: #ff4444;
	border: 1px solid #CC0000;
}
.danger-color-dark-background{
	background: #CC0000;
	border: 1px solid #ff4444;
}
.warning-color-background{
	background: #ffbb33;
	border: 1px solid #FF8800;
}
.warning-color-dark-background{
	background: #FF8800;
	border: 1px solid #ffbb33;
}
.success-color-background{
	background: #00C851;
	border: 1px solid #007E33;
}
.success-color-dark-background{
	background: #007E33;
	border: 1px solid #00C851;
}
.info-color-background{
	background: #33b5e5;
	border: 1px solid #0099CC;
}
.info-color-dark-background{
	background: #0099CC;
	border: 1px solid #33b5e5;
}
.default-color-background{
	background: #2BBBAD;
	border: 1px solid #00695c;
}
.default-color-dark-background{
	background: #00695c;
	border: 1px solid #2BBBAD;
}
.primary-color-background{
	background: #4285F4;
	border: 1px solid #0d47a1;
}
.primary-color-dark-background{
	background: #0d47a1;
	border: 1px solid #4285F4;
}
.secondary-color-background{
	background: #aa66cc;
	border: 1px solid #9933CC;
}
.secondary-color-dark-background{
	background: #9933CC;
	border: 1px solid #aa66cc;
}
.danger-color-border{
	border: 1px solid #CC0000;
}
.danger-color-dark-border{
	border: 1px solid #ff4444;
}
.warning-color-border{
	border: 1px solid #FF8800;
}
.warning-color-dark-border{
	border: 1px solid #ffbb33;
}
.success-color-border{
	border: 1px solid #007E33;
}
.success-color-dark-border{
	border: 1px solid #00C851;
}
.info-color-border{
	border: 1px solid #0099CC;
}
.info-color-dark-border{
	border: 1px solid #33b5e5;
}
.default-color-border{
	border: 1px solid #00695c;
}
.default-color-dark-border{
	border: 1px solid #2BBBAD;
}
.primary-color-border{
	border: 1px solid #0d47a1;
}
.primary-color-dark-border{
	border: 1px solid #4285F4;
}
.secondary-color-border{
	border: 1px solid #9933CC;
}
.secondary-color-dark-border{
	border: 1px solid #aa66cc;
}
.shadow-color-overlay{
	box-shadow: 0px 0px 15px #333;
}
.tab-danger-color.tabactive, .tab-danger-color:hover{
	color: #ff4444;
	border-bottom: 1px solid #ff4444;
}
.tab-danger-color-dark.tabactive, .tab-danger-color-dark:hover{
	color: #CC0000;
	border-bottom: 1px solid #CC0000;
}
.tab-warning-color.tabactive, .tab-warning-color:hover{
	color: #ffbb33;
	border-bottom: 1px solid #ffbb33;
}
.tab-warning-color-dark.tabactive, .tab-warning-color-dark:hover{
	color: #FF8800;
	border-bottom: 1px solid #FF8800;
}
.tab-success-color.tabactive, .tab-success-color:hover{
	color: #00C851;
	border-bottom: 1px solid #00C851;
}
.tab-success-color-dark.tabactive, .tab-success-color-dark:hover{
	color: #007E33;
	border-bottom: 1px solid #007E33;
}
.tab-info-color.tabactive, .tab-info-color:hover{
	color: #33b5e5;
	border-bottom: 1px solid #33b5e5;
}
.tab-info-color-dark.tabactive, .tab-info-color-dark:hover{
	color: #0099CC;
	border-bottom: 1px solid #0099CC;
}
.tab-default-color.tabactive, .tab-default-color:hover{
	color: #2BBBAD;
	border-bottom: 1px solid #2BBBAD;
}
.tab-default-color-dark.tabactive, .tab-default-color-dark:hover{
	color: #00695c;
	border-bottom: 1px solid #00695c;
}
.tab-primary-color.tabactive, .tab-primary-color:hover{
	color: #4285F4;
	border-bottom: 1px solid #4285F4;
}
.tab-primary-color-dark.tabactive, .tab-primary-color-dark:hover{
	color: #0d47a1;
	border-bottom: 1px solid #0d47a1;
}
.tab-secondary-color.tabactive, .tab-secondary-color:hover{
	color: #aa66cc;
	border-bottom: 1px solid #aa66cc;
}
.tab-secondary-color-dark.tabactive, .tab-secondary-color-dark:hover{
	color: #9933CC;
	border-bottom: 1px solid #9933CC;
}

/* Tabs */
.tabs-line::before{
	content: " ";
	display: table;
}
.nav-tabs{
	margin: 0px 0px 20px 0px;
	padding-left: 0;
	list-style: none;
	min-width: 100%;
}
.tabs-line{
	border-bottom: 1px solid #ebedf2;
}
.tabs-item{
	margin-right: 50px;
	margin-bottom: -1px;
	float: left;
	display: table-cell;
}
.tabs-link{
	padding: 12px 0;
	display: block;
	cursor:pointer;
}

/* checkboxes */
.checkbox-outline{
	background: #fff;
}
.badge-outline{
	color: #fff;
	padding: 1px 10px;
	border-radius: 10px;
	font-size: 12px;
	line-height: 20px;
	min-height: 20px;
	min-width: 20px;
	text-align: center;
	display: inline-block;
}
.badge-outline-whole{
	padding: 10px;
	width: 100%;
	color: #fff;
	border-radius: 10px;
	font-size: 12px;
	line-height: 20px;
	min-height: 20px;
	min-width: 20px;
	text-align: center;
	display: block;
}
/* Alerts */
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #31708f;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}
.alert-change {
    color: #3b468a;
    background-color: #e3edfc;
    border-color: #3b468a;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

/* SEO status alerts */

.alert-seo-excellent {
	color: #104810;
	background-color: #99CB84;
	border-color: #104810;
	padding: 0px 10px;
}
.alert-seo-good {
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
	padding: 0px 10px;
}
.alert-seo-average {
	color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
	padding: 0px 10px;
}
.alert-seo-mediocre {
	color: #872623;
	background: #CEADAD;
	border-color: #a94442;
	padding: 0px 10px;
}
.alert-seo-bad {
	color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
	padding: 0px 10px;
}

.errormessage-outline{
	display: none;
	text-align: center;
	font-size: 13px;
	border-radius: 2px;
	padding: 5px
}

/* Button Standaarden */
.btn-outline, .btn-ancher{
	border-radius: 25px !important;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	background: none;
	outline: none;
	text-decoration: none;
}
.btn-rect-outline, .btn-rect-ancher, .btn-round-outline{
	overflow: hidden;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	background: none;
	outline: none;
	padding: 5px 10px 5px 10px;
}
.btn-round-outline{
	border-radius: 4px;
}
.link-outline, .btn-anc6er{
	text-decoration: none;
}
.link-outline:hover{
	text-decoration: underline;
}
.btn-select-outline{
	border-style: none;
	width: 100%;
	display: inline-block;
	background-color: #f4f5f8;
	border-color: #f4f5f8;
	cursor: pointer;
	padding: 10px;
	border: 1px solid transparent;
}
.input-grey-outline{
	display: block;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	touch-action: manipulation;
	border: 1px solid transparent;
	background: none;
	outline: none;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	border-radius: 4px;
	width: 100%;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Button colors */
.btn-info{
	color: #33b5e5;
	border: 1px solid #33b5e5;
}
.btn-info:hover{
	color: #fff;
	background: #33b5e5;
}
.btn-info-dark{
	color: #0099CC;
	border: 1px solid #0099CC;
}
.btn-info-dark:hover{
	color: #fff;
	background: #0099CC;
}
.btn-default{
	color: #2BBBAD;
	border: 1px solid #2BBBAD;
}
.btn-default:hover{
	color: #fff;
	background: #2BBBAD;
}
btn-default-dark{
	color: #00695c;
	border: 1px solid #00695c;
}
btn-default-dark:hover{
	color: #fff;
	background: #00695c;
}
.btn-primary{
	color: #4285F4;
	border: 1px solid #4285F4;
}
.btn-primary:hover{
	color: #fff;
	background: #4285F4;
}
.btn-primary-dark{
	color: #0d47a1;
	border: 1px solid #0d47a1;
}
.btn-primary-dark:hover{
	color: #fff;
	background: #0d47a1;
}
.btn-secondary{
	color: #aa66cc;
	border: 1px solid #aa66cc;
}
.btn-secondary:hover{
	color: #fff;
	background: #aa66cc;
}
.btn-secondary-dark{
	color: #9933CC;
	border: 1px solid #9933CC;
}
.btn-secondary-dark:hover{
	color: #fff;
	background: #9933CC;
}
.btn-success{
	color: #00C851;
	border: 1px solid #00C851;
}
.btn-success:hover{
	color: #fff;
	background: #007E33;
}
.btn-warning{
	color: #ffbb33;
	border: 1px solid #ffbb33;
}
.btn-warning:hover{
	color: #fff;
	background: #FF8800;
}
.btn-danger{
	color: #ff4444;
	border: 1px solid #ff4444;
}
.btn-danger:hover{
	color: #fff;
	background: #CC0000;
}
/* Info blokken */
.info-block{
	height: auto;
	margin: 0px auto;
	padding: 10px;
	width: 100%;
	border-radius: 10px;
	font-size: 12px;
	line-height: 20px;
	min-height: 20px;
	min-width: 20px;
	display: block;
}

/* Help */
#innerHelpwrapper{
	text-align: center;
}
#bugButton{
	margin: 0px 0px 10px 0px;
}

/* Button afmetingen */
.btn-md{
	padding: 10px 15px 10px 15px;
	font-size: 14px;
}
.row{
	margin-right: -15px;
	margin-left: -15px;
}
#innerwrapper .row{
	margin-right: -10px;
	margin-left: -10px;
}
.row-dark{
	margin-right: -10px;
  	margin-left: -10px;
	background: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.form-group{
	margin-bottom: 15px;
}
.form-group-inline{
	padding: 0;
	width: 100%;
	margin-bottom: 20px;
}
.form-group-inline-inputs{
	padding: 0;
	width: 23%;
	margin-bottom: 20px;
	float: left;
	margin-right: 15px;
}
.form-group-inline-table{
	display: table;
}
.form-group-inline-table-header, .form-group-inline-table-cell{
	padding: 0;
	width: 100%;
	display: table;
}
.inline-table-header-rounded{
	border: 1px solid #ddd;
	border-radius: 4px;
}
.form-group-relative{
	position: relative;
}
.label-left{
	float: left;
	display: inline-block;
  margin-bottom: 5px;
	font-size: 14px;
	min-width: 50%;
}
.label-right{
	float: right;
	display: inline-block;
  margin-bottom: 5px;
	font-size: 14px;
	min-width: 50%;
	text-align: right;
}
label {
  	display: inline-block;
 	margin-bottom: 5px;	
  	font-size: 14px;
	min-width: 100%;
}
.label-small{
	font-size: 12px;
	color: #868e96;
	font-style: italic;
}
.form-control {
  outline: 0 !important;
}
.form-control::placeholder, .form-control-select::placeholder{
	color: #868e96;
	opacity: 1;
}
.form-control {
  width: 100%;
  padding: 6px 12px;
  background-color: #fff;
  border: 1px solid #c2cad8;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control {
  font-size: 14px;
  line-height: 26px;
  color: #555;
  display: block;
}
.form-control-select, .form-control-select-label{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
.form-control-select-label{
	padding-right: 10px;
}
.form-control-select{
	width: 100%;
	position: relative;
	min-width: 225px;
}
.form-control-select #pagelang-select{
	min-width: 150px !important;
}
.form-select-btn-left{
	display: inline-block;
	overflow: hidden;
	width: 100%;
	text-align: left;
	color: #999;
}
.form-control-select .fa-chevron-down, .form-control-select .fa-chevron-up{
	top: 35%;
	position: absolute;
	margin: 0;
	font-size: 14px;
	right: 15px;
	display: inline-block;
	color: #999;
}
.form-control-disabled{
	background:#f1f1f1;
	cursor: not-allowed;
}
.input-disabled{
	cursor: not-allowed;
}
.input-icon-solid{
	background-color: #f4f5f8;
	border-color: #f4f5f8;
	color: #575962;
	padding: 10px;
}
.input-icon {
	position: relative;
	padding: 0;
	width: 100%;
}
.input-icon-left{
	padding-left: 40px;
}
.input-icon-icon{
	height: 100%;
	display: block;
	text-align: center;
	margin: -33px 0px 0px 0px;
	width: 40px;
}
.input-icon-eye-right{
	height: 100%;
	display: block;
	text-align: center;
	margin: -40px 0px 0px 0px;
	float: right;
	position: relative;
	z-index: 10;
	background: #f5f5f5;
	color: #555;
	padding: 10px 10px 6px 10px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #dedede;
	border-top-right-radius: 5px;
  	border-bottom-right-radius: 5px;
	min-width: 45px;
}
.input-icon-eye-right:hover{
	cursor: pointer;
}
.input-icon-icon-left{
	left: 10px;
}
.fa-search{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	color: #999;
	padding: 4px 0px 0px 10px;
}
.form-control:focus{
	border: 1px solid #33b5e5;
	box-shadow: 0px 0px 6px #33b5e5;
}
.input-icon-solid:focus, .form-control-select-show{
	border: 1px solid #4285F4;
	background: #fff;
	box-shadow: 0px 0px 3px #4285F4;
}

textarea.form-control {
	font-family: 'Open Sans', sans-serif;
  height: auto;
}
.label-big-check input, .label-big-radio input {
	display: none;
}
.label-big-check .check-title, .label-big-radio .radio-title {
	cursor: pointer;
	transition: all 0.3s;
}
.label-big-check .check-title{
	margin: 6px 0px 0px 0px;
}
.label-big-check .fa-square{
	background: #e5e3ef;
	border: 1px solid transparent;
	color: #e5e3ef;
}
.label-big-check .fa-stack{
	vertical-align: middle;
	/* margin: -8px 0px 0px 0px; */
}
.fa-stack{
	display: inline-block;
	position: relative;
	width: 40px;
}
.fa-stack i {
    width: 18px;
    height: 18px;
}
.label-big-check input[type="checkbox"] + .check-title .fa-square, .label-big-radio input[type="radio"] + .radio-title .fa-circle {
	font-size: 20px;
}
.label-big-check input[type="checkbox"] + .check-title .fa-check-square, .label-big-radio input[type="radio"] + .radio-title .fa-check-circle {
	display: none;
	font-size: 20px;
}
.label-big-check input[type="checkbox"]:checked + .check-title .fa-check-square, .label-big-radio input[type="radio"]:checked + .radio-title .fa-check-circle {
	display: block;
	font-size: 20px;
}
.fa-square:before, .fa-check-square:before {
	position: absolute;
    top: -6px;
    left: 0px;
}
/* dropdowns */
.dropdown-menu::before, .dropdown-menu::after, .dropdown-actions-menu::before, dropdown-actions-menu::after {
    display: none !important;
}
.dropdown-menu, .dropdown-actions-menu{
	margin-top: 1px;
	border: 0;
	box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
	border-radius: 4px;
	z-index: 1000;
	overflow: hidden;
	min-height: 15px;
	position: absolute;
	transform: translate3d(0px, 42px, 0px);
	top: 0px;
	will-change: transform;
	list-style: none;
	display: none;
	background: #fff;
}
.dropdown-menu-top{
	margin-top: 1px;
	border: 0;
	box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
	border-radius: 4px;
	z-index: 1000;
	overflow: hidden;
	min-height: 15px;
	position: absolute;
	transform: translate3d(0px, 42px, 0px);
	bottom: 88px;
	will-change: transform;
	list-style: none;
	display: none;
	background: #fff;
}
.dropdown-menu.inner{
	max-height: 250px;
	overflow-y: auto;
	min-height: 1px;
	position: static;
	float: none;
	border: 0;
	padding: 0;
	margin: 0;
	transform: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block !important;
}
.dropdown-menu > li > a{
	padding: 10px 15px;
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #575962;
	cursor: pointer;
}
.dropdown-menu > li > a:hover{
	background-color: #f4f5f8 !important;
}
.dropdown-selected{
	background: #f7f8fa;
}
.dropdown-actions:hover{
	cursor: pointer;
}
.dropdown-actions-item{
	display: block;
	padding: 10px 15px;
}
.dropdown-actions-item:hover{
	background-color: #f4f5f8 !important;
	cursor: pointer;
}
.dropdown-actions-item .fa-pencil-alt, .dropdown-actions-item .fa-cog, .dropdown-actions-item .fa-trash, .dropdown-actions-item .fa-unlock{
	font-size: 16px;
	padding: 0px 5px 0px 0px;
	vertical-align: middle;
}
.dropdown-actions-item .fa-pencil-alt:hover, .dropdown-actions-item .fa-cog:hover, .dropdown-actions-item .fa-trash:hover, .dropdown-actions-item .fa-unlock:hover{
	background-color: #f4f5f8 !important;
}

.dropdown-show{
	display: block;
	min-width: 100%;
}
.dropdown-actions-show{
	display: block;
}
/* Data tabellen */
.datatable{
	min-width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
}
.datatable-head-row, .datatable-body-row{
	table-layout: initial;
	width: 100%;
}
.datatable-body-row:hover{
	background: #f7f6fa;
}
.datatable-head-th, .datatable-body-cell{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	border-radius: 0px;
	width: 10%;
	min-width: 145px;
	max-width: 150px;
}
.datatable-head-th-checkbox, .datatable-head-td-checkbox{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	border-radius: 0px;
	width: 2%;
}
.datatable-head-th, .datatable-head-th-checkbox{
	background: #f4f3f8;
	padding: 16px 10px;
}
.datatable-body-cell, .datatable-head-td-checkbox{
	padding: 11px 10px;
}
.datatable-action-dots{
	font-size: 20px;
}
.datatable-normal-row{
	background: #fff;
}
.datatable-normal-dark-row{
	background: #faf9fc;
}
.datatable-head-th label{
	top: 2px;
	padding: 0px;
	margin: 0px;
}
.datatable-head-th img{
	padding: 0px;
	margin: 0px;
}
.datatable-head-th .fa-square{
	width: 18px;
	height: 18px;
	transition: all 0.3s;
	background: #e5e3ef;
	border: 1px solid transparent;
	color: #e5e3ef;
	border-radius: 4px;
}
.datatable-header-link{
	font-size: 14px;
	color: #555;
	text-decoration: none;
}
.datatable-header-link:hover{
	text-decoration: underline;
}
.datatable-pager{
	font-size: 14px;
	float: left;
}
.datatable-pager-info{
	font-size: 14px;
	float: right;
}
.datatable-double-line{
	display: block;
}
.publish-pages{
	text-align: left;
	width: 55%;
}
.publish-pages li{
	padding-bottom: 2px;
}

.row::after, .form-group::after, .tabs-line::after, .row-dark::after{
	clear: both;
  content: " ";
  display: block;
}
/* Kolommen definities */
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xsg-9, .col-xs-10, .col-xs-11, .col-xs-12
{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

.actiondone{
	font-size: 12px;
}
.block-content-text{
	font-size: 14px;
}
.col-xl-12{
	width: 100%;
}
.col-xl-9{
	width: 75%;
}
.col-xl-8{
	width: 66.66667%;
}
.col-xl-6{
	width: 50%;
}
.col-xl-4{
	width: 33.3333%;
}
.col-xl-3{
	width: 25%;
}
.innerloadercontainer, #innerwrapper{
	font-size: 14px;
}

.webshoplink {
	text-decoration: none;
	color: inherit;	
}


.datatable-action-edit, .datatable-action-properties {
    margin-right: 20px;
    font-size: 18px;
}

/* Extra grote apparaten (Grote desktops, 1200px en lager) */
@media screen and (max-width: 1199px) {
	.col-lg-12{
	  width: 100%;
	}
	.col-lg-9{
		width: 75%;
	}
	.col-lg-8{
		width: 66.66667%;
	}
	.col-lg-6{
	  width: 50%;
	}
	.col-lg-4{
		width: 33.3333%;
	}
	.col-lg-3{
	  width: 25%;
	}
	.innerloadercontainer, #innerwrapper{
		font-size: 14px;
	}
	.block-content-text{
		font-size: 14px;
	}
}


@media only screen and (max-width: 1024px) {

	.all-pages-pagetype, .all-pages-language, .all-pages-checkbox, .desktopactions, .users-firstname-cell, .users-lastname-cell, .users-emailaddress-cell {
		display: none;
	}
	.datatable-head-th, .datatable-body-cell {
		min-width: 0px;
	}
	.datatable {
		margin-top: 15px;
	}
}


/* Grotere apparaten (desktops, 992px en lager) */
@media screen and (max-width: 991px) {
	.col-md-12{
		width: 100%;
	}
	.col-md-9{
		width: 75%;
	}
	.col-md-8{
		width: 66.66667%;
	}
	.col-md-6{
		width: 50%;
	}
	.col-md-4{
		width: 33.3333%;
	}
	.col-md-3{
		width: 25%;
	}
	.innerloadercontainer, #innerwrapper{
		font-size: 14px;
	}
	.block-content-text{
		font-size: 14px;
	}
}
/* Medium apparaten (tablets, 768px en lager) */
@media screen and (max-width: 768px) {
	.col-sm-12{
		width: 100%;
	}
	.col-sm-9{
		width: 75%;
	}
	.col-sm-8{
		width: 66.66667%;
	}
	.col-sm-6{
		width: 50%;
	}
	.col-sm-4{
		width: 33.3333%;
	}
	.col-sm-3{
		width: 25%;
	}
	.innerloadercontainer, #innerwrapper{
		font-size: 15px;
	}
	.block-content-text{
		font-size: 15px;
	}

	.st-container, .st-pusher {
		height: 100%;
	}
	#mainsubmenu{
		display: none !important;
	}
	#mainmobilemenu, #mobilemenu-open{
		display: block !important;
	}
	#mainsubmenu .brand, #mainmobilemenu .brand{
		margin: 40px 0px 0px 0px;
	}
	#mainsubmenu .brandimage, #mainmobilemenu .brandimage{
		width: 75%;
		padding: 10px 5px 5px 5px;
	}
	/* Mobiele standaard */
	#mobilemenu-open{
		float: left;
		width: 100px;
		height: 100%;
	}
	.openmenu{
		font-size: 24px;
		padding: 0px 25px 0px 10%;
		line-height: 40px;
	}
	.st-container {
		position: fixed;
		top: 0px;
		overflow: hidden;
		bottom: 0px;
		left: 0px;
		width: 0%;
		z-index: 1000;
		overflow-y: auto;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.st-menu-close-container{
		height: 40px;
		float: right;
		height: 100%;
		margin: 12px 15px 10px 10px;
	}
	.st-menu-close-container .fa-window-close{
		font-size: 20px;
		color: #59667E;
	}
	.st-pusher {
		position: relative;
		left: 0;
		z-index: 100;
		height: 100%;
		background: rgba(0,0,0,0.2);
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}
	.st-pusher::after {
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		content: '';
		opacity: 0;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.st-menu-open, .st-pusher::after {
		width: 100% !important;
		height: 100%;
		opacity: 1 !important;
		-webkit-transition: all 0.05s;
		transition: all 0.05s;
	}
	.st-menu {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		opacity: 1 !important;
		visibility: hidden;
		width: 200px;
		height: 100%;
		background: #323949;
		overflow-y: auto;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.st-menu::after {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
		content: '';
		opacity: 1;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.st-effect-3.st-menu-open .st-pusher {
		-webkit-transform: translate3d(200px, 0, 0);
		transform: translate3d(200px, 0, 0);
	}
	.st-effect-3.st-menu {
		-webkit-transform: translate3d(-200px, 0, 0);
		transform: translate3d(-200px, 0, 0);
	}
	.st-effect-3.st-menu-open .st-effect-3.st-menu {
		visibility: visible;
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}
	.st-effect-3.st-menu::after {
		display: none;
	}
	.st-menu-close-container i:hover{
		cursor: pointer;
	}
	.st-menu-close-container{
		display: block !important;
	}


	
	#head_n_text{
		width: 100%;
		float: none;
		padding: 10px 10px 0 10px;
	}
}
/* Kleinere apparaten (landscape telefoons, 575px en lager) */
@media screen and (max-width: 575px) {
	.col-xs-12{
		width: 100%;
	}
	.col-xs-9{
		width: 75%;
	}
	.col-xs-8{
		width: 66.66667%;
	}
	.col-xs-6{
		width: 50%;
	}
	.col-xs-4{
		width: 33.3333%;
	}
	.col-xs-3{
		width: 25%;
	}
	.innerloadercontainer, #innerwrapper, .badge-outline{
		font-size: 14px;
	}

	.block-content-text, label, .form-control, .blockactions-text{
		font-size: 14px;
	}
  	.actiondone{
		font-size: 10px;
	}
	#alert-container{
		margin: 0px 0px 0px -125px;
	}
	.alert-box{
		width: 250px;
	}
	.alert-close{
		margin: 14px 12px 0px 0px;
	}
	.alert-close a{
		font-size: 18px;
		color: inherit;
	}
	.errormessage-outline{
		font-size: 11px;
	}
	.questionmark{
		font-size: 12px;
		top: -130px;
	}
	.fa-question-circle{
		font-size: 14px;
	}

	.all-pages-seostatus {
		display: none;
	}

	.datatable-action-edit, .users-checkbox-cell, .users-role-cell {
		display: none;
	}

	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xsg-9, .col-xs-10, .col-xs-11, .col-xs-12 {
		padding: 0px;
	}

	.row {
		margin: 0px;
	}

	.blocktitle, .blockactions {
		float: none;
		width: 100%;
		min-height: 40px;
	}

	.btn-round-outline {
		font-size: 14px;
	}

	.publish-pages {
		width: 85%;
	}
}
/* Laad icoon */
#circularG {
    position: relative;
    width: 48px;
    height: 48px;
    margin: auto;
}
.circularG {
    position: absolute;
    background-color: #ff9900;
    width: 10px;
    height: 10px;
    box-shadow: 0px 0px 3px #000;
    border-radius: 7px;
    animation-name: bounce_circularG;
    animation-duration: 718ms;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
#circularG_1 {
    left: 0;
    top: 19px;
    animation-delay: 268ms;
}
#circularG_2 {
    left: 5px;
    top: 5px;
    animation-delay: 364ms;
}
#circularG_3 {
    top: 0;
    left: 19px;
    animation-delay: .45s;
}
#circularG_4 {
    right: 5px;
    top: 5px;
    animation-delay: 536ms;
}
#circularG_5 {
    right: 0;
    top: 19px;
    animation-delay: 632ms;
}
#circularG_6 {
    right: 5px;
    bottom: 5px;
    animation-delay: 718ms;
}
#circularG_7 {
    left: 19px;
    bottom: 0;
    animation-delay: 814ms;
}
#circularG_8 {
    left: 5px;
    bottom: 5px;
    animation-delay: .9s;
}
.dataloader{
	border: 6px solid #e0e0e0; /* Light grey */
	border-top: 6px solid #273248;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
	margin: 75px auto;
}

.seodataloader {
	border: 2px solid #e0e0e0; /* Light grey */
	border-top: 6px solid #273248;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	animation: spin 1s linear infinite;
	margin: 4px auto -4px;
	display: none;
}
@keyframes bounce_circularG {
    0% { transform: scale(1); }
    100% { transform: scale(.3); }
}
@-webkit-keyframes bounce_circularG {
    0% { -webkit-transform: scale(1); }
    100% {-webkit-transform: scale(.3); }
}
@-moz-keyframes bounce_circularG {
    0% { -moz-transform: scale(1); }
    100% { -moz-transform: scale(.3); }
}
@-webkit-keyframes info-fade-in {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
}
@-moz-keyframes info-fade-in {
  from {
    opacity: 0;
	}
  to {
    opacity: 1;
	}
}
@keyframes info-fade-in {
  from {
    opacity: 0;
	}
  to {
    opacity: 1;
	}
}
@-webkit-keyframes info-move-up {
  from {
    margin-top: 10px;
	}
  to {
    margin-top: 0;
	}
}
@-moz-keyframes info-move-up {
  from {
    margin-top: 10px;
	}
  to {
    margin-top: 0;
	}
}
@keyframes info-move-up {
  from {
    margin-top: 10px;
	}
  to {
    margin-top: 0;
	}
}
@keyframes spin {
  0% {
		transform: rotate(0deg);
	}
  100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes spin{
	0% {
		transform: rotate(0deg);
	}
  100% {
		transform: rotate(360deg);
	}
}
@-moz-keyframes spin{
	0% {
		transform: rotate(0deg);
	}
  100% {
		transform: rotate(360deg);
	}
}