@charset "utf-8";
/************************************************************************************
Author 			Zoso
Author url 		zoso.nl
Copyright 2012-2013 - All Rights Reserved
*************************************************************************************
Color Guide
2BA93A	green
c1c1c2 lichtgrijs
*************************************************************************************
0.0		General Website Style
1.0		Header
2.0		Content Styles
	3.1 	Dashboard
	3.2 	Modules beheren
	3.3		Modules
	3.4		Mediafiles
	3.5		Updates
4.0 	Elementen
	4.1 	Table
	4.2 	Paging
	4.3 	Buttons
	4.4 	Forms
	4.5 	Zoekveld
	4.6		Flash session messages
10.0	Responsive
11.0    Animations

*************************************************************************************/
/* Responsive variable */
/************************************************************************************/
/*									0.0 GENERAL										*/
/************************************************************************************/
@font-face {
  font-family: 'HelveticaBold';
  src: url('font/helveticaltstd-bold-webfont.eot');
  src: url('font/helveticaltstd-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/helveticaltstd-bold-webfont.woff') format('woff'), url('font/helveticaltstd-bold-webfont.ttf') format('truetype'), url('font/helveticaltstd-bold-webfont.svg#HelveticaBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaRegular';
  src: url('font/helveticaltstd-roman-webfont.eot');
  src: url('font/helveticaltstd-roman-webfont.eot?#iefix') format('embedded-opentype'), url('font/helveticaltstd-roman-webfont.woff') format('woff'), url('font/helveticaltstd-roman-webfont.ttf') format('truetype'), url('font/helveticaltstd-roman-webfont.svg#HelveticaLTStdRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font: 12px Arial, sans-serif;
  letter-spacing: 0.03em;
  color: #000;
  background: #ffffff url('/img/achtergrond.png') left top repeat-x;
  background: #132412;
}
body.save_success {
  background: #ffffff url('/img/achtergrond_save.png') left top repeat-x;
  -webkit-transition: background 1s;
  -moz-transition: background 1s;
  -o-transition: background 1s;
  transition: background 1s;
}
body.save_error {
  background: #ffffff url('/img/achtergrond_error.png') left top repeat-x;
  -webkit-transition: background 1s;
  -moz-transition: background 1s;
  -o-transition: background 1s;
  transition: background 1s;
}
body.save_normal {
  background: #ffffff url('/img/achtergrond.png') left top repeat-x;
  -webkit-transition: background 1s;
  -moz-transition: background 1s;
  -o-transition: background 1s;
  transition: background 1s;
}
body.no-scroll {
  overflow: hidden;
}
h1 {
  font: 18px 'HelveticaBold', Helvetica, Arial, sans-serif;
  color: #fff;
  margin: 0 0 10px 0;
  letter-spacing: 0;
  text-transform: uppercase;
}
h2 {
  font: 16px 'HelveticaBold', Helvetica, Arial, sans-serif;
  color: #000;
  margin: 0 0 10px 0;
  letter-spacing: 0;
}
h2 .h2-additional-link {
  font: 12px Arial, sans-serif;
}
h3 {
  font: 14px 'HelveticaBold', Helvetica, Arial, sans-serif;
  color: #000;
  margin: 0 0 5px 0;
  letter-spacing: 0;
}
a {
  outline: 0;
  color: #2BA93A;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #2BA93A;
}
p {
  margin: 0 0 10px 0;
  line-height: 3ex;
  letter-spacing: 0.03em;
}
ul {
  list-style-position: inside;
  line-height: 3ex;
  margin-bottom: 10px;
  padding: 0;
}
.clear {
  clear: both;
  float: none;
}
.right {
  float: right;
}
.left {
  float: left;
}
.green {
  color: #2BA93A;
}
.color-lightgrey {
  color: #c1c1c2 !important;
}
hr {
  margin: 5px 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-left: 15px;
}
.errorMessage {
  color: #a92b2b;
  margin-bottom: 25px;
  font-weight: bold;
}
html {
  height: 100%;
}
body.login {
  background: #58595b;
  /* Old browsers */
  background-image: linear-gradient(to right bottom, #58595b, #4e4e50, #444244, #3a3739, #302d2e, #2f2d2e, #2f2c2d, #2e2c2d, #373637, #414041, #4b4a4b, #555555);
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 100%;
  position: relative;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  body.login .full-height {
    height: 100%;
  }
}
footer.login {
  bottom: 20px;
  color: white;
  position: absolute;
  text-align: center;
  width: 100%;
}
footer.footer-phone-menu {
  position: fixed;
  display: block;
  bottom: 0;
  width: 100%;
}
footer.footer-phone-menu nav {
  border: 1px solid #acacac;
  background-color: #c1c1c2;
}
footer.footer-phone-menu nav.bottom-menu-phone .logo img {
  margin: 0 auto;
  max-width: 25px;
}
footer.footer-phone-menu nav.bottom-menu-phone .logo.active {
  background-color: #ffffff;
}
footer.footer-phone-menu nav.bottom-menu-phone ul {
  width: 100%;
  float: right;
  margin: 0;
  padding: 0;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li {
  list-style: none inside;
  display: block;
  float: left;
  border-right: 1px solid #acacac;
  line-height: 50px;
  text-align: center;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li .rad img {
  margin-top: -5px;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li.klantlogo img {
  height: 26px;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li.menuitem-clicked {
  text-decoration: none;
  background-color: #ffffff;
  color: #2BA93A;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li.menuitem-clicked ul a {
  color: #000000;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li.menuitem-clicked a {
  color: #2BA93A;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li a {
  border: 0;
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'HelveticaBold', Helvetica, Arial, sans-serif;
  font-size: 20px;
  letter-spacing: -0.05em;
  display: block;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li a.active {
  border: 0;
  text-decoration: none;
  background-color: #ffffff;
  color: #2BA93A;
}
@media (min-width: 768px) and (max-width: 991px) {
  footer.footer-phone-menu nav.bottom-menu-phone ul li a {
    padding: 0 9px;
    font-size: 13px;
  }
  footer.footer-phone-menu nav.bottom-menu-phone ul li a .fa {
    display: inline-block !important;
    font-size: 16px;
  }
}
footer.footer-phone-menu nav.bottom-menu-phone ul li ul {
  bottom: 100%;
  display: none;
  position: absolute;
  border-bottom: 0;
  z-index: 9999;
  margin: 0;
  min-width: 225px;
  width: 100%;
  left: 0;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li ul li {
  display: block;
  border-top: 1px dotted #acacac;
  border-right-color: white;
  float: none;
  height: 50px;
  line-height: 50px;
  background: #ffffff;
  text-align: right;
  color: #acacac;
  width: 100%;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li ul li.gebruiker {
  padding: 0;
  text-align: center;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li ul li:first-child {
  border: 0;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li ul li a {
  color: #000000;
  text-align: center;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li ul li a.active {
  background: none;
  color: #2BA93A;
}
footer.footer-phone-menu nav.bottom-menu-phone ul li ul li:first-child {
  border: 0;
}
span.arrow {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 3px;
  background: url("/img/arrow.png");
}
@media (min-width: 991px) and (max-width: 1090px) {
  span.arrow {
    background-size: cover;
    width: 5px;
    height: 5px;
  }
}
.nameValidationError {
  color: #c93337;
  display: none;
  margin-bottom: 10px;
  margin-top: -5px;
}
.contentcontainerfixed {
  position: fixed !important;
  top: 140px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 10px 15px 10px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contentcontainerfixed {
    margin: 0;
    top: 110px;
  }
}
.border-bottomfixed {
  position: fixed;
  bottom: 10px;
  left: 15px;
  right: 15px;
}
@media (max-width: 767px) {
  .border-bottomfixed {
    left: 0;
    right: 0;
  }
}
.span6fixedleft {
  position: fixed;
  top: 155px;
  bottom: 35px;
  left: 5px;
  overflow: scroll;
  overflow-x: hidden !important;
  z-index: 20;
}
.span6fixedleft::-webkit-scrollbar {
  width: 0 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .span6fixedleft {
    padding-bottom: 20px;
  }
  .span6fixedleft h2 {
    text-align: center;
    float: none;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .span6fixedleft {
    padding: 0 15px 20px 15px;
    margin-left: 0 !important;
  }
  .span6fixedleft h2 {
    text-align: center;
    float: none;
    font-size: 18px;
  }
}
.span6fixedright {
  position: fixed;
  top: 155px;
  bottom: 35px;
  right: 0;
  overflow: scroll;
  overflow-x: hidden !important;
  margin-right: 5px !important;
}
.span6fixedright::-webkit-scrollbar {
  width: 0 !important;
}
@media (max-width: 767px) {
  .container-fluid {
    padding: 0 0 50px 0px !important;
  }
}
form .form-group.required .error-message,
form .form-group.error .error-message {
  color: #a92b2b;
  margin-top: 5px;
}
form .form-group.required label:after,
form .form-group.error label:after {
  color: #a92b2b;
  content: ' *';
  display: inline;
}
form .form-group.required ::-webkit-input-placeholder:after,
form .form-group.error ::-webkit-input-placeholder:after {
  color: #a92b2b;
  content: ' *';
  display: inline;
}
form .form-group.required :-moz-placeholder:after,
form .form-group.error :-moz-placeholder:after {
  color: #a92b2b;
  content: ' *';
  display: inline;
}
form .form-group.required ::-moz-placeholder:after,
form .form-group.error ::-moz-placeholder:after {
  color: #a92b2b;
  content: ' *';
  display: inline;
}
form .form-group.required ::-ms-input-placeholder:after,
form .form-group.error ::-ms-input-placeholder:after {
  color: #a92b2b;
  content: ' *';
  display: inline;
}
/************************************************************************************/
/*							1.0 HEADER												*/
/************************************************************************************/
header {
  min-height: 38px;
  height: auto;
  margin-top: 0 !important;
  margin-bottom: 15px;
  display: block;
}
header .top-bar {
  background: #fff;
  color: #000;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
}
header .top-bar .right {
  margin-bottom: 0;
}
header .top-bar nav ul li a {
  color: #000 !important;
}
header .top-bar nav ul li a:hover {
  color: #2BA93A !important;
}
header .top-bar nav ul li a .fa {
  font-size: 2rem !important;
}
header nav {
  position: relative;
  height: 38px;
  width: 100%;
}
@media (max-width: 767px) {
  header nav {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 50px;
  }
}
header nav ul.left {
  height: 38px;
  float: left;
  margin: 0;
  padding: 0;
}
header nav ul.left li {
  list-style: none inside;
  display: block;
  float: left;
  line-height: 38px;
}
header nav ul.left li.nav-logo {
  margin-right: 20px;
}
header nav ul.left li.nav-logo a {
  padding: 0;
}
header nav ul.left li.nav-logo a .zoso-logo {
  width: auto;
}
header nav ul.left li.klantlogo a {
  padding-left: 0;
}
header nav ul.left li.klantlogo img {
  max-height: 38px;
  margin-top: -1px;
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav ul.left li.klantlogo img {
    margin-top: 0;
  }
}
header nav ul.left li:hover ul {
  display: block;
}
header nav ul.left li a {
  color: #fff;
  text-decoration: none;
  font-family: 'HelveticaBold', Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: -0.05em;
  display: block;
  padding: 0 15px;
  height: 38px;
  background: transparent;
}
header nav ul.left li a .fa {
  margin-left: 3px;
}
header nav ul.left li a .onmobile.fa {
  display: inline-block !important;
  font-size: 16px;
}
header nav ul.left li a:hover,
header nav ul.left li a.active {
  text-decoration: none;
  color: #2BA93A;
  height: 38px;
}
@media (min-width: 1199px) and (max-width: 1350px) {
  header nav ul.left li a {
    font-size: 12px;
    padding: 0 10px;
  }
}
@media (min-width: 1200px) {
  header nav ul.left li a {
    font-size: 12px;
    padding: 0 10px;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  header nav ul.left li a {
    padding: 0 10px;
    font-size: 12px;
  }
}
@media (min-width: 991px) and (max-width: 1090px) {
  header nav ul.left li a {
    font-size: 11px;
    padding: 0 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav ul.left li a {
    padding: 0 9px;
    font-size: 13px;
  }
  header nav ul.left li a .fa {
    display: inline-block !important;
    font-size: 16px;
  }
}
header nav ul.left li ul {
  display: none;
  position: absolute;
  border: 1px solid #c1c1c2;
  z-index: 9999;
  margin: 0;
  min-width: 225px;
  margin-left: -1px;
}
@media (max-width: 767px) {
  header nav ul.left li ul {
    border: 0;
  }
}
header nav ul.left li ul li {
  display: block;
  border: 0;
  float: none;
  line-height: 38px;
  background: #ffffff;
  text-align: right;
  color: #acacac;
}
header nav ul.left li ul li:first-child {
  border: 0;
}
header nav ul.left li ul li:first-child:hover a {
  border-top-color: transparent;
}
header nav ul.left li ul li:last-child {
  border: 0;
}
header nav ul.left li ul li:last-child:hover a {
  border-bottom-color: transparent;
}
header nav ul.left li ul li:hover a {
  border-top: 1px solid #acacac;
  border-bottom: 1px solid #acacac;
}
header nav ul.left li ul li a {
  text-align: left;
  background: transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
header nav ul.left li ul li a:hover {
  background: none;
}
header nav ul.leftsubmenu li a {
  color: #231f20;
}
header nav ul.right {
  height: 38px;
  float: right;
  margin-left: 0px;
}
@media (min-width: 980px) and (max-width: 1199px) {
  header nav ul.right img {
    max-width: 20px;
  }
}
@media (min-width: 991px) and (max-width: 1090px) {
  header nav ul.right img {
    max-width: 20px;
  }
}
header nav ul.right li {
  list-style: none inside;
  display: block;
  position: relative;
  float: left;
  line-height: 38px;
}
header nav ul.right li .fa {
  font-size: 16px;
  line-height: 38px;
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav ul.right li .fa {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  header nav ul.right li .fa {
    display: inline-block !important;
  }
}
header nav ul.right li:hover ul {
  display: block;
}
header nav ul.right li:last-child a {
  padding-right: 0;
}
header nav ul.right li a {
  color: #fff;
  text-decoration: none;
  font-family: 'HelveticaBold', Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: -0.05em;
  display: block;
  padding: 0 15px;
  height: 37px;
  background: transparent;
}
header nav ul.right li a:hover,
header nav ul.right li a.active {
  text-decoration: none;
  color: #2BA93A;
}
@media (min-width: 980px) and (max-width: 1199px) {
  header nav ul.right li a {
    font-size: 16px;
    padding: 0 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav ul.right li a {
    font-size: 13px;
    padding: 0 9px;
  }
}
header nav ul.right li ul {
  display: none;
  position: absolute;
  right: 0;
  z-index: 1000;
  width: 225px;
  text-align: left;
  border: 1px solid #999999;
}
@media (min-width: 980px) and (max-width: 1199px) {
  header nav ul.right li ul {
    margin-left: -192px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav ul.right li ul {
    margin-left: -194px;
  }
}
header nav ul.right li ul li {
  display: block;
  border: 0;
  float: none;
  height: 38px;
  line-height: 38px;
  background: #ffffff;
  color: #acacac;
}
header nav ul.right li ul li:first-child {
  border: 0;
}
header nav ul.right li ul li:first-child:hover a {
  border-top-color: transparent;
}
header nav ul.right li ul li:last-child {
  border: 0;
}
header nav ul.right li ul li:last-child:hover a {
  border-bottom-color: transparent;
}
header nav ul.right li ul li:hover a {
  border-top: 1px solid #acacac;
  border-bottom: 1px solid #acacac;
}
header nav ul.right li ul li.gebruiker {
  padding-left: 15px;
}
header nav ul.right li ul li a {
  color: #231f20;
  font-size: 12px;
  letter-spacing: normal;
  background: transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
@media (max-width: 767px) {
  header nav ul.right li ul li a {
    font-size: 12px;
  }
}
header nav ul.right li ul li a:hover {
  background: none;
}
header nav.top-menu-phone {
  background: #fff;
}
header nav.top-menu-phone .logo img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 45px;
}
header nav.top-menu-phone .logo.active {
  background-color: #ffffff;
}
header nav.top-menu-phone ul {
  width: 100%;
  float: right;
  margin: 0;
  padding: 0;
}
header nav.top-menu-phone ul li {
  list-style: none inside;
  display: block;
  float: left;
  border-right: 1px solid #acacac;
  line-height: 50px;
  width: 20%;
  text-align: center;
}
header nav.top-menu-phone ul li.menuitem-clicked {
  text-decoration: none;
  background-color: #ffffff;
  color: #2BA93A;
  border-bottom: 1px solid #acacac;
}
header nav.top-menu-phone ul li.menuitem-clicked ul a {
  color: #000000;
}
header nav.top-menu-phone ul li.menuitem-clicked a {
  color: #2BA93A;
}
header nav.top-menu-phone ul li.menuitem-clicked a.topmenulink {
  border-bottom: 1px solid #acacac;
}
header nav.top-menu-phone ul li a {
  color: #000000;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'HelveticaBold', Helvetica, Arial, sans-serif;
  font-size: 20px;
  letter-spacing: -0.05em;
  display: block;
  padding: 0 20px;
  height: 50px;
}
header nav.top-menu-phone ul li a.active {
  text-decoration: none;
  background-color: #ffffff;
  color: #2BA93A;
}
header nav.top-menu-phone ul li a.active.topmenulink {
  border-bottom: 1px solid #acacac;
}
@media (min-width: 980px) and (max-width: 1199px) {
  header nav.top-menu-phone ul li a {
    padding: 0 10px;
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav.top-menu-phone ul li a {
    padding: 0 9px;
    font-size: 13px;
  }
  header nav.top-menu-phone ul li a .fa {
    display: inline-block !important;
    font-size: 16px;
  }
}
header nav.top-menu-phone ul li ul {
  display: none;
  position: absolute;
  z-index: 9999;
  margin: 0;
  min-width: 225px;
  width: 100%;
  left: 0;
}
header nav.top-menu-phone ul li ul li {
  display: block;
  border: 0;
  border-bottom: 1px solid #acacac;
  float: none;
  height: 50px;
  line-height: 50px;
  background: #ffffff;
  text-align: right;
  color: #acacac;
  width: 100%;
}
header nav.top-menu-phone ul li ul li a {
  color: #000000;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
header nav.top-menu-phone ul li ul li a.active {
  color: #2BA93A;
  border-bottom: 1px solid #acacac;
}
header nav.top-menu-phone ul li ul li:last-child {
  border: 0;
}
header nav.top-menu-phone ul li ul li:last-child a {
  border: 0;
}
header nav.nav-defaultbase {
  background-color: transparent;
  margin-bottom: -55px;
}
header nav.nav-defaultbase ul.right {
  margin-bottom: 0px;
  margin-top: 5px;
  position: relative;
  z-index: 2;
}
header nav.nav-defaultbase ul.right li {
  border-left: 0px;
}
header nav.nav-defaultbase ul.right li:last-child a {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 13px;
}
header nav.nav-defaultbase ul.right li:last-child a .fa {
  font-size: 20px;
}
header nav.nav-defaultbase ul.right li ul li a {
  background: transparent;
}
.uploadcontainer-mediafiles {
  margin-bottom: 10px;
}
.uploadcontainer-mediafiles .module-mediafile {
  position: relative;
  margin: 0 4px 4px 0;
  width: 140px;
  height: 100px;
  display: block;
  float: left;
  border: 1px solid #aaa;
  overflow: hidden;
  cursor: move;
}
.uploadcontainer-mediafiles .module-mediafile:hover {
  border: 1px solid #2BA93A;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .uploadcontainer-mediafiles .module-mediafile:hover {
    border: 1px solid #aaa;
  }
}
.uploadcontainer-mediafiles .module-mediafile img {
  max-height: 100px;
  max-width: 140px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .uploadcontainer-mediafiles .module-mediafile img {
    float: right;
  }
}
@media (max-width: 767px) {
  .uploadcontainer-mediafiles .module-mediafile img {
    float: right;
  }
}
.uploadcontainer-mediafiles .module-mediafile .module-mediafile-options {
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0.75);
  padding: 5px;
  cursor: default;
  width: 100%;
  text-align: left;
  top: 0;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .uploadcontainer-mediafiles .module-mediafile .module-mediafile-options {
    height: 100px;
    width: 35px;
  }
}
.uploadcontainer-mediafiles .module-mediafile .module-mediafile-options .files-show-delete {
  float: right;
}
.uploadcontainer-mediafiles .module-mediafile .module-mediafile-options a:hover {
  text-decoration: none;
}
.uploadcontainer-mediafiles .module-mediafile .module-mediafile-options i {
  margin: 0 5px 0 0;
  width: auto;
  height: auto;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .uploadcontainer-mediafiles .module-mediafile .module-mediafile-options i {
    font-size: 24px;
    height: 24px;
    width: 24px;
    margin: 5px 0 10px 0;
  }
}
@media (max-width: 767px) {
  .uploadcontainer-mediafiles .module-mediafile .module-mediafile-options i {
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .uploadcontainer-mediafiles .module-mediafile .module-mediafile-options i.glyphicon-trash {
    margin-top: 5px;
  }
}
.uploadcontainer-mediafiles .module-mediafile .module-mediafile-options i:hover {
  color: #c1c1c2;
}
.uploadcontainer-mediafiles .module-mediafile .filename {
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0.75);
  padding: 2px 5px;
  cursor: default;
  width: 100%;
  text-align: left;
  bottom: 0;
  color: #fff;
  font-size: 10px;
}
.uploadcontainer-mediafiles .module-mediafile .filename-img {
  max-height: 55px;
  max-width: 120px;
  margin-top: 27px;
  margin-left: 43px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .uploadcontainer-mediafiles .module-mediafile .filename-img {
    float: none;
  }
}
@media (max-width: 767px) {
  .uploadcontainer-mediafiles .module-mediafile .filename-img {
    float: none;
  }
}
.uploadcontainer-mediafiles .module-mediafile-uploadbutton {
  position: relative;
  margin: 0 4px 4px 0;
  width: 140px;
  height: 100px;
  display: block;
  float: left;
  border: 1px solid #aaa;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.uploadcontainer-mediafiles .module-mediafile-uploadbutton:hover {
  border: 1px solid #2BA93A;
  color: #2BA93A;
}
.uploadcontainer-mediafiles .module-mediafile-uploadbutton input {
  position: absolute;
  width: 140px;
  height: 100px;
  top: 0;
  left: 0;
  cursor: pointer;
}
.uploadcontainer-mediafiles .error-image {
  display: none;
  margin-top: 10px;
}
.uploadcontainer-mediafiles.hoverModule {
  border: 1px dashed black;
  background: #fffbcc;
}
.MediafilesBewerkName {
  width: 95%;
}
/************************************************************************************/
/*							2.0 CONTENT STYLES										*/
/************************************************************************************/
.contentcontainer {
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
  height: auto;
  padding-top: 25px;
  position: relative;
}
@media (max-width: 767px) {
  .contentcontainer {
    border: 0;
  }
}
.logincontainer {
  margin: 0 auto 0;
  max-width: 1200px;
  padding-top: 200px;
}
@media (max-width: 767px) {
  .logincontainer {
    padding-top: 10px;
    height: 100%;
  }
  .logincontainer .phone-link {
    font-size: 16px;
    width: 100%;
    padding-bottom: 40px;
    text-align: center;
  }
}
.contentvak {
  height: auto;
  min-height: 150px;
  padding: 0;
}
@media (max-width: 767px) {
  .contentvak {
    text-align: center;
    padding: 0 10px;
    margin: 0 -15px;
  }
}
.contentvak .select select {
  background: white;
  display: inline-block;
  width: 65%;
  font-size: 12px;
  height: 30px;
  border: 1px solid #cccccc;
}
.contentvak select.scale {
  width: 320px;
  font-size: 12px;
  margin-bottom: 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .contentvak select.scale {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .contentvak select.scale {
    width: 100%;
    margin-bottom: 5px;
  }
}
.contentvak h1,
.contentvak h2,
.contentvak h3 {
  color: #000;
}
.contentvak #rijAdd,
.contentvak #rijAddphone,
.contentvak #exportData {
  margin-left: 5px;
}
@media (max-width: 440px) {
  .contentvak #rijAdd,
  .contentvak #rijAddphone,
  .contentvak #exportData {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 5px auto 10px auto;
  }
}
.border-bottom {
  clear: both;
  float: none;
  height: 5px;
  margin: 10px 0 8px 0;
}
.border-bottom-modules {
  background: url('/img/content_border_top.gif') repeat-x top left;
  clear: both;
  float: none;
  height: 5px;
  margin: 10px 0 10px 0;
}
.border-vert {
  bottom: 20px;
  float: left;
  height: auto;
  left: 50%;
  max-height: inherit;
  position: absolute;
  top: 20px;
  width: 1px;
  border-left: 1px solid #c1c1c2;
}
@media (max-width: 767px) {
  .border-vert {
    position: relative;
    height: 1px;
    width: auto;
    left: 0;
    float: none;
    clear: both;
    margin: 20px 0 40px 0;
  }
}
.border-horizontal {
  position: relative;
  height: 1px;
  width: auto;
  border-bottom: 1px solid #c1c1c2;
  left: 0;
  float: none;
  clear: both;
  margin: 20px 0;
}
h3.ui-accordion-header,
h2.ui-accordion-header {
  margin: 0;
}
.ui-accordion .ui-accordion-header a {
  font-size: 16px;
  margin-left: 35px;
}
.ui-accordion .ui-accordion-header-active {
  border: 1px solid #d8d8d8;
  background: #f8f8f8 url('/img/jquery/ui-bg_flat_100_f8f8f8_40x100.png') 50% 50% repeat-x;
}
.noscript-warning {
  padding: 10px;
  background: #e03939;
  color: #fff;
  margin-bottom: 10px;
  font-size: 14px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #851515;
  line-height: 30px;
}
.noscript-warning i {
  font-size: 30px;
}
/***** 2.1 DASHBOARD *****/
.border-vert-dashboard {
  left: 75%;
}
@media (max-width: 767px) {
  .border-vert-dashboard {
    left: 0;
  }
}
.hints-box {
  background-color: #f8f8f8;
  border: 1px solid #e2e2e2;
  height: auto;
  padding: 10px;
  position: relative;
}
/***** 2.1.1 DASHBOARD APPLICATION/WEBCONCEPT *****/
.zosowebconcepts .zosoapplication-block {
  border: 1px solid #dddddd;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  padding: 15px;
  margin-bottom: 30px;
  text-align: center;
  text-decoration: none;
  color: #58595b;
  opacity: 0.9;
  -webkit-transition: ease all 200ms;
  -moz-transition: ease all 200ms;
  transition: ease all 200ms;
  display: block;
  height: 100%;
  width: 100%;
}
.zosowebconcepts .zosoapplication-block .app-image {
  display: block;
  height: 150px;
  width: 100%;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .zosowebconcepts .zosoapplication-block .app-image.no-app-image {
    background-size: 200px auto;
  }
}
@media (max-width: 260px) {
  .zosowebconcepts .zosoapplication-block .app-image.no-app-image {
    background-size: contain;
  }
}
.zosowebconcepts .zosoapplication-block h4 {
  margin-top: 10px;
  margin-bottom: 0;
}
.zosowebconcepts .zosoapplication-block:hover {
  border: 1px solid #2BA93A;
  opacity: 1;
}
.zosowebconcepts .zosoapplication-block.zosoapplication-block-incl-text {
  background-color: transparent;
  color: #58595b;
  font-size: 14px;
  text-align: center;
  line-height: 140px;
  height: 100%;
}
.zosowebconcepts .zosoapplication-block.zosoapplication-block-incl-text .app-image {
  color: #c1c1c2;
  text-align: center;
}
.zosowebconcepts .zosoapplication-block.zosoapplication-block-incl-text .app-image .fa {
  font-size: 130px;
  opacity: 0.3;
}
.zosowebconcepts .zosoapplication-block.zosoapplication-block-incl-text i.fa {
  font-size: 14px;
}
.zosowebconcepts .zosoapplication-block.zosoapplication-block-incl-text:hover {
  color: #2BA93A;
  text-decoration: none;
}
.zosowebconcepts .actions .dropdown {
  margin-right: 5px;
}
.zosowebconcepts .actions .dropdown.open .button {
  background-color: #f5f5f5;
}
.zosowebconcepts .actions .dropdown .button {
  background-color: white;
  border: 1px solid black;
  color: black;
  padding: 5px 8px;
}
.zosowebconcepts .actions .dropdown .dropdown-menu {
  min-width: 110px;
  width: 110px;
  border-radius: 0;
}
.zosowebconcepts .actions .dropdown .dropdown-menu li {
  width: auto;
}
.zosowebconcepts .actions .dropdown .dropdown-menu li:hover {
  background-color: #c1c1c2;
}
.zosowebconcepts .actions .dropdown .dropdown-menu li:hover a {
  background-color: #c1c1c2;
}
.zosowebconcepts .actions .dropdown .dropdown-menu li.active {
  background-color: #fff;
}
.zosowebconcepts .actions .dropdown .dropdown-menu li.active a {
  background-color: #fff;
  color: #2BA93A;
}
.zosowebconcepts .actions .dropdown .dropdown-menu li a {
  padding-left: 15px;
  padding-right: 15px;
}
.zosowebconcepts .actions .dropdown .dropdown-menu li a i {
  margin-left: 0;
  margin-right: 5px;
  width: auto;
}
.zosowebconcepts .button.button-bottommargin {
  margin-bottom: 20px;
  display: inline-block;
}
.zosowebconcepts .button.button-grey {
  background-color: white;
  border: 1px solid black;
  color: black;
  margin-right: 10px;
}
.zosowebconcepts .concepts-table tr td.icon {
  width: 75px;
  height: 75px;
}
.zosowebconcepts .concepts-table tr td.icon img {
  max-width: 70px;
  max-height: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/***** 2.1.2 ZOSOGROUPS *****/
.zosogroups .zosogroupip-table .ip-row td:first-child {
  border-right: none;
}
.zosogroups .zosogroupip-table .ip-row td:last-child {
  border-left: none;
}
.zosogroups .zosogroupip-table .add_ip {
  cursor: default;
}
.zosogroups .zosogroupip-table .add_ip:hover {
  background-color: inherit;
}
.zosogroups .zosogroupip-table .add_ip td {
  padding: 5px;
}
.zosogroups .zosogroupip-table .add_ip .form-group {
  margin-bottom: 0;
}
.zosogroups .zosogroupip-table .add_ip .form-group input {
  width: 100%;
}
.zosogroups .zosogroupip-table .add_ip .action {
  width: 20%;
}
.zosogroups .zosogroupip-table .add_ip .action .button {
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  text-align: center;
}
.zosogroups .zosogroupip-table .add_ip_message {
  display: none;
  cursor: default;
}
.zosogroups .zosogroupip-table .add_ip_message:hover {
  background-color: inherit;
}
.zosogroups .zosogroupip-table .add_ip_message td p:last-child {
  margin-bottom: 0;
}
/************************* 2.2 MODULES BEHEREN *************************/
.modulesbeheren #tabs .fa-align-justify:hover {
  cursor: move;
}
.modulesbeheren #tabs .fa:hover {
  color: #58595b;
}
.dialog-modulefunction-css .form-horizontal .form-group label {
  width: 30%;
}
.dialog-modulefunction-css .form-horizontal .form-group input,
.dialog-modulefunction-css .form-horizontal .form-group select {
  width: 65%;
}
.radio,
.checkbox {
  min-height: 30px;
}
.input.checkbox label {
  margin-top: 0;
  width: auto;
}
#dialog input,
#dialog textarea {
  width: 97.5%;
}
#tabs {
  background: none;
  border-width: 0px;
  padding: 0px;
}
#tabs li .ui-icon-close {
  float: left;
  cursor: pointer;
}
#addtab {
  cursor: pointer;
}
.sortable {
  list-style-type: none;
  margin: 10px 0px 0px 0px;
  padding: 0;
  width: 100%;
}
.sortable li {
  height: 32px;
  margin: 10px 0 10px 0;
  padding: 8px;
}
html > body .sortable li {
  height: 32px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  font-weight: normal !important;
}
.invoervelden-list {
  line-height: 3ex;
  margin: 0;
  margin-bottom: 10px;
  float: left;
  list-style: none inside;
  height: auto;
  min-height: 160px;
  min-width: 130px;
  width: 20%;
}
.invoervelden-list:last-child {
  margin-right: 0;
}
.invoervelden-list .kop {
  font-weight: bold;
}
.invoervelden-list .disabled {
  color: #58595b;
  cursor: not-allowed;
}
.modulefunction-icon {
  padding-right: 5px;
}
.icon-versleep {
  margin-top: -1px;
}
/************************* 2.3 MODULES *************************/
.border-vert-help {
  left: 24.5%;
}
.border-vert-changelogs {
  left: 24.5%;
}
@media (max-width: 767px) {
  .border-vert-changelogs {
    left: 0;
  }
}
@media (max-width: 767px) {
  .helppages ul.helppages_categories,
  .changelogs ul.helppages_categories,
  .helppages ul.changelog_versions,
  .changelogs ul.changelog_versions {
    list-style-type: none;
  }
}
.helppages ul.helppages_categories li,
.changelogs ul.helppages_categories li,
.helppages ul.changelog_versions li,
.changelogs ul.changelog_versions li {
  margin: 0 0 5px 0;
}
@media (max-width: 767px) {
  .helppages ul.helppages_categories li h2,
  .changelogs ul.helppages_categories li h2,
  .helppages ul.changelog_versions li h2,
  .changelogs ul.changelog_versions li h2 {
    font-size: 16px;
    margin-top: 20px;
  }
}
.helppages ul.helppages_categories li a,
.changelogs ul.helppages_categories li a,
.helppages ul.changelog_versions li a,
.changelogs ul.changelog_versions li a {
  color: #000;
  font-style: 'HelveticaRegular', Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.helppages ul.helppages_categories li a:hover,
.changelogs ul.helppages_categories li a:hover,
.helppages ul.changelog_versions li a:hover,
.changelogs ul.changelog_versions li a:hover,
.helppages ul.helppages_categories li a.active,
.changelogs ul.helppages_categories li a.active,
.helppages ul.changelog_versions li a.active,
.changelogs ul.changelog_versions li a.active {
  color: #2BA93A;
  text-decoration: none;
}
@media (max-width: 767px) {
  .helppages ul.helppages_categories ul,
  .changelogs ul.helppages_categories ul,
  .helppages ul.changelog_versions ul,
  .changelogs ul.changelog_versions ul {
    margin-bottom: 30px;
  }
}
.helppages #accordion .ui-accordion-header a,
.changelogs #accordion .ui-accordion-header a {
  font-size: 14px;
  margin-left: 20px;
}
.helppages #accordion .ui-accordion-content,
.changelogs #accordion .ui-accordion-content {
  padding: 10px;
}
.helppages #accordion .ui-accordion-content img,
.changelogs #accordion .ui-accordion-content img {
  max-width: 100%;
}
.helppages_view {
  margin: 0;
  padding: 0 15px;
  text-align: left;
}
.helppages_view img {
  max-width: 100%;
}
.helppages_view h2 {
  font-size: 20px;
}
.helppages_view .backlink {
  font-family: arial, sans-serif;
  font-size: 16px;
  text-align: left;
}
@media (max-width: 767px) {
  .changelogs .contentvak {
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ui-tabs .ui-tabs-panel {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .ui-tabs .ui-tabs-panel {
    border-width: 0;
    display: block !important;
    padding: 0;
  }
}
.ui-tabs .ui-tabs-nav li a {
  padding: 6px 12px;
}
#tabs .button {
  display: inline-block;
}
#tabs .icon-question-sign {
  background: url('/img/info-icon2.png') top left no-repeat #f8f8f8;
  margin-top: 0;
  padding: 5px;
  background-size: contain;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  #tabs .icon-question-sign {
    background: url('/img/info-icon.png') top center no-repeat #f8f8f8;
    padding: 0px;
    background-size: contain;
  }
}
#accordionid .icon-question-sign {
  background: url('/img/info-icon2.png') top left no-repeat #f8f8f8;
  background-size: contain;
  margin-top: 0;
}
#changeQuestionMarkTooltip .icon-question-sign {
  background: url('/img/info-icon2.png') top left no-repeat #f8f8f8;
  background-size: contain;
  margin-top: 0;
}
.google-serp-preview {
  background: white;
  padding: 10px;
  border: 1px solid #E0E0E0;
}
.google-serp-preview .title {
  font-family: arial, sans-serif;
  color: #12c;
  text-decoration: underline;
  font-size: medium;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.google-serp-preview .url {
  font-family: arial, sans-serif;
  color: #093;
  display: block;
  font-size: small;
  font-style: normal;
  line-height: 16px;
  margin-bottom: 2px;
}
.google-serp-preview .description {
  max-width: 600px;
  font-family: arial, sans-serif;
  color: #666;
  font-size: small;
  display: block;
  line-height: 1.2;
}
.mce-fullscreen .contentcontainerfixed,
.mce-fullscreen .span6fixedleft,
.mce-fullscreen .span6fixedright {
  position: relative;
}
.loginsticker {
  text-align: center;
  max-width: 180px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .loginsticker img {
    margin: 0 auto;
    max-width: 100%;
  }
}
.loginveld {
  padding: 0px 25px;
  color: white;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .loginveld {
    margin-top: 15px;
    padding: 0;
    text-align: center;
  }
  .loginveld p {
    font-size: 14px;
  }
}
.loginveld h2 {
  color: white;
}
.loginveld .loginlogo {
  display: block;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .loginveld .loginlogo {
    margin-bottom: 15px;
  }
}
.loginveld input {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  min-height: 35px;
  width: 100%;
  min-width: 250px;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 4px 6px 4px 6px;
  color: #555555;
}
.loginveld input[type="password"],
.loginveld input[type="text"],
.loginveld input[type="email"] {
  font-size: 14px;
}
@media (max-width: 767px) {
  .loginveld input {
    width: 100%;
    min-width: 100px;
    max-width: 400px;
  }
}
.loginveld fieldset {
  margin-bottom: 10px;
}
.loginveld .linksbuttons {
  width: 100%;
  min-width: 250px;
}
.loginveld .linksbuttons a {
  vertical-align: -15px;
}
.loginveld .linksbuttons .password-visible {
  max-width: 250px;
  margin: 0 auto;
}
.loginveld .linksbuttons .password-visible .checkbox {
  padding: 0;
}
.loginveld .linksbuttons .password-visible label {
  font-size: 14px;
  vertical-align: middle;
  padding-left: 0;
}
.loginveld .linksbuttons .password-visible input {
  margin: 1px 0 0 10px;
  min-height: 1px;
  min-width: 1px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.loginveld .linksbuttons .submit {
  float: right;
}
@media (max-width: 767px) {
  .loginveld .linksbuttons .submit {
    float: none;
  }
}
.loginveld .linksbuttons .submit input {
  min-width: 1px;
  font-size: 20px;
  padding: 6px 30px;
  height: 40px;
}
@media (max-width: 767px) {
  .loginveld .linksbuttons .submit input {
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
  }
}
/************************* 2.4 ZOSOMEDIAFILES *************************/
.media-kiesmap p {
  float: left;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  width: 90px;
}
.media-kiesmap a {
  margin-bottom: 10px;
}
.media-toon p {
  float: left;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  width: 90px;
}
.media-toon a {
  margin-bottom: 10px;
}
.media-zoeken-toevoegen {
  margin-bottom: 10px;
}
.media-zoeken-toevoegen #searchbox {
  margin: 0;
  margin-bottom: 10px;
}
.media-zoeken-toevoegen .btn {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .media-zoeken-toevoegen {
    text-align: left;
  }
}
.media-afbeelding {
  padding: 5px;
}
.media-backafbeelding.hover-portrait {
  height: 60px;
  margin-left: 21px;
  width: 50px;
  overflow: hidden;
}
.media-backafbeelding.hover-landscape {
  height: 60px;
  overflow: hidden;
  width: 90px;
}
.media-voorvertoning.hover-portrait {
  min-height: 60px;
  width: 50px;
}
.media-voorvertoning.hover-landscape {
  width: 90px;
  min-height: 60px;
}
.media-bestand {
  height: 60px;
  width: auto;
  margin-left: 15px;
}
.form-media {
  margin-bottom: 3px;
}
.media-map-icon {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .media-map-icon {
    display: inline-block;
    font-size: 14px;
    top: 2px;
  }
}
.media-map:hover .media-map-icon {
  display: inline-block;
}
#dialog2 input,
#dialog2 textarea,
#dialog3 input,
#dialog3 textarea {
  width: 97.5%;
}
#table-mediafiles th,
#table-mediafiles td {
  border-left: none;
  border-right: none;
}
#table-mediafiles tbody tr.ui-selected,
#table-mediafiles tbody tr.ui-selecting {
  background-color: #ddf6e1;
}
tr.ui-selected,
tr.ui-selecting {
  background-color: #ddf6e1;
}
th#file-select-options {
  text-align: right;
  padding: 4px 10px;
  display: none;
}
#table-mediafiles .fileinfo {
  color: #AAA;
  font-size: 11px;
  display: block;
}
#table-mediafiles .filename {
  font-size: 13px;
}
#table-mediafiles .dropdown-menu {
  right: 0;
  left: inherit;
}
#table-mediafiles tbody .btn-group {
  visibility: hidden;
  float: right;
}
#table-mediafiles tbody tr:hover .btn-group {
  visibility: visible;
}
#table-mediafiles input {
  margin-bottom: 0;
  width: 65%;
}
#table-mediafiles.hover {
  border: 1px dashed black;
  background: #fffbcc;
}
#table-mediafiles.hover tr:nth-child(even) {
  background: inherit;
}
#table-mediafiles.hover tbody {
  opacity: 0.1;
}
.upload-container #queue1 .button {
  margin-bottom: 0;
}
.uploadifive-queue-item {
  color: black;
  font-size: 11px;
  line-height: 11px;
  border-top: 1px solid #b5b5b5;
  margin-top: 5px;
  padding-top: 5px;
}
.uploadifive-queue-item .fileinfo {
  display: block;
  color: #d8d8d8;
}
.error-upload-tr {
  display: none;
}
.progress-bar {
  background: black;
  display: block;
  height: 20px;
}
.ios_upload .file {
  display: inline-block;
  margin-top: -8px;
}
.ios_upload .submit {
  display: inline-block;
}
.ios_upload .submit input {
  margin-bottom: 0;
}
.ios_upload form {
  margin-bottom: 0;
}
.ios_upload input[type="file"] {
  line-height: inherit;
}
#context-menu.open {
  z-index: 500;
}
#context-menu .dropdown-menu li a {
  padding: 3px 5px;
}
#context-menu .dropdown-menu li a:hover {
  background-color: transparent !important;
}
#lightbox {
  top: 10px !important;
  margin-bottom: 10px !important;
}
.lb-container {
  width: 100%;
}
.lb-outerContainer {
  height: auto !important;
  max-height: auto !important;
  min-height: auto !important;
}
.lb-dataContainer {
  max-width: 90% !important;
}
@media (max-width: 767px) {
  .lb-dataContainer {
    width: 100% !important;
  }
}
/************************************************************************************/
/*									4.0 ELEMENTEN									*/
/************************************************************************************/
table {
  padding: 0;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  table {
    text-align: left;
  }
}
table th {
  background-color: #d8d8d8;
  padding: 10px;
  text-align: left;
  cursor: default;
}
@media (max-width: 767px) {
  table th a {
    word-wrap: break-word;
    font-size: 10px;
  }
}
table th.datum {
  width: 94px;
}
table tr {
  cursor: pointer;
}
table tr.onmobile {
  display: table-row !important;
}
table tr a {
  color: #000;
  text-decoration: none;
}
table tr td {
  padding: 10px;
}
table tr:nth-child(even) {
  background-color: #f8f8f8;
}
@media (min-width: 1200px), (min-width: 980px) and (max-width: 1199px) {
  table tr:hover {
    background-color: #ddf6e1;
  }
}
table tr:hover.onmobile {
  background-color: #f8f8f8;
}
table tr.table-row-uneven {
  background-color: #ffffff;
}
@media (min-width: 1200px), (min-width: 980px) and (max-width: 1199px) {
  table tr.table-row-uneven:hover {
    background-color: #ddf6e1;
  }
}
table tr.table-row-uneven:hover.onmobile {
  background-color: #ffffff;
}
table tr.table-row-even {
  background-color: #f8f8f8;
}
@media (min-width: 1200px), (min-width: 980px) and (max-width: 1199px) {
  table tr.table-row-even:hover {
    background-color: #ddf6e1;
  }
}
table tr.table-row-even:hover.onmobile {
  background-color: #f8f8f8;
}
table tr.active {
  background-color: #ddf6e1 !important;
}
table tr.disabled {
  background-color: #f4f4f5;
  color: #58595b;
}
table tr.disabled a {
  color: #58595b;
}
table tr.disabled:hover {
  background-color: #dbdbdb;
}
table.ui-datepicker-calendar th {
  background-color: #f8f8f8;
}
table.ui-datepicker-calendar td:hover {
  background-color: transparent;
}
table.ui-datepicker-calendar tr:hover {
  background-color: transparent;
}
table.nohover tr {
  cursor: default;
}
table.nohover tr:hover {
  background-color: inherit;
}
table.nohover tr:hover:nth-child(even) {
  background-color: #f8f8f8;
}
table.simple {
  margin: 0;
}
table.simple td {
  border: 0;
  padding: 0 0 20px 0;
}
table.simple tr:hover {
  background: inherit;
  cursor: default;
}
.paging-count {
  font-size: 11px;
  float: left;
  color: #a5a5a5;
  margin-bottom: 10px;
  margin-top: 5px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .paging-count {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }
}
@media (max-width: 440px) {
  .paging-count {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }
}
.paging-nav {
  font-size: 11px;
  float: right;
  margin-bottom: 10px;
  margin-top: 5px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .paging-nav {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 0;
  }
}
@media (max-width: 440px) {
  .paging-nav {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 0;
  }
}
.paging-nav span.margin {
  font-size: 11px;
  margin: 0 5px;
  color: #a5a5a5;
}
.paging-nav .first {
  margin-right: 10px;
}
.paging-nav .prev {
  margin-right: 10px;
}
.paging-nav .next {
  margin-left: 10px;
}
.paging-nav .last {
  margin-left: 10px;
}
.paging-nav .disabled {
  color: #a5a5a5;
}
.button,
input[type=submit],
form .submit input[type=submit],
input[type=submit],
.ui-dialog .ui-dialog-buttonpane button {
  font-weight: normal;
  font: 13px 'HelveticaBold', Helvetica, Arial, sans-serif;
  margin: 0 0 10px 0;
  padding: 9px 12px;
  background-color: transparent;
  color: #000;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-decoration: none;
  font-family: 'HelveticaRegular', Helvetica, Arial, sans-serif;
  width: auto;
  cursor: pointer;
  border: 1px solid #000;
  overflow: hidden;
  transition: all 0.5s;
  transform-style: preserve-3d;
}
.button.button-white,
input[type=submit].button-white,
form .submit input[type=submit].button-white,
input[type=submit].button-white,
.ui-dialog .ui-dialog-buttonpane button.button-white {
  border-color: #fff;
  color: #fff;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
}
@media (max-width: 767px) {
  input[type=submit].saveButtonMobile,
  #saveBtnMobile {
    margin-top: 5px;
  }
}
input[type=submit].saveButtonMobile.save-success,
#saveBtnMobile.save-success {
  background-color: #02c01e;
}
input[type=submit].saveButtonMobile.save-error,
#saveBtnMobile.save-error {
  background-color: #f90041;
}
.button:hover,
.actionsb:hover,
input.actionsb:hover,
.ui-dialog .ui-dialog-buttonpane button:hover {
  background-color: transparent;
  border-color: #2BA93A;
  text-decoration: none;
  color: #2BA93A;
}
.button:disabled,
.button:disabled:active {
  background-color: #D8D8D8;
}
input[type=submit]:active,
.actions ul li a:active,
.actions a:active {
  background: #666;
  border-color: #aaa;
  text-decoration: none;
  color: #fff;
}
.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
  min-height: 30px;
}
.form-horizontal .form-group.form-group-checkbox {
  line-height: 30px;
}
.form-horizontal .form-group label {
  display: inline-block;
  font-size: 12px;
  margin-right: 5%;
  width: 25%;
  font-weight: normal;
  margin-bottom: 0;
  vertical-align: middle;
}
@media (max-width: 767px), (max-width: 440px) {
  .form-horizontal .form-group label {
    margin: 0;
  }
}
.form-horizontal .form-group input {
  display: inline-block;
  width: 70%;
  padding: 4px 6px 4px 6px;
  height: 30px;
  margin-bottom: 0;
}
.form-horizontal .form-group input[type="checkbox"] {
  height: 13px;
  width: 13px;
  padding: 0;
  zoom: 1;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .form-horizontal .form-group input[type="checkbox"] {
    height: 20px;
    width: 20px;
  }
}
.form-horizontal .form-group input.field_error {
  border: 1px solid red;
}
.form-horizontal .form-group textarea {
  width: 100%;
  margin-top: 5px;
}
.form-horizontal .form-group select {
  background: white;
  display: inline-block;
  width: 70%;
  font-size: 12px;
  height: 30px;
  border: 1px solid #cccccc;
  margin-bottom: 0;
}
.form-horizontal .form-group select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
  padding: 0 0.5em;
  padding-right: 1.5em;
}
.form-horizontal .form-group input[disabled],
.form-horizontal .form-group select[disabled],
.form-horizontal .form-group textarea[disabled],
.form-horizontal .form-group input[readonly],
.form-horizontal .form-group select[readonly],
.form-horizontal .form-group textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.form-horizontal .control-group-koppeling input {
  width: 60%;
}
.form-horizontal .control-group-koppeling .fa {
  margin-left: 2%;
  width: 5%;
  font-size: 16px;
  color: #000;
}
.form-horizontal .control-group-koppeling .fa:hover {
  cursor: pointer;
}
label {
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  label {
    color: #676779;
  }
}
.mce-tinymce {
  margin-top: 5px !important;
}
.mce-fullscreen {
  margin-top: 0 !important;
}
.form-horizontal .form-group.has-error > label,
.form-horizontal .form-group.has-error .help-block,
.form-horizontal .form-group.has-error .help-inline,
.form-horizontal .form-group.has-error input,
.form-horizontal .form-group.has-error select,
.form-horizontal .form-group.has-error textarea {
  color: #c93337;
}
.error-message {
  color: #c93337;
  padding-top: 5px;
}
/*
form .required label:after {
	color: #c93337;
	content: ' *';
	display: inline;
}
*/
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #2BA93A;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 169, 58, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 169, 58, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 169, 58, 0.6);
  outline: none;
  outline-offset: 0;
  border: 1px solid #2BA93A;
}
textarea {
  width: 97%;
  resize: vertical;
}
.textareasize0 {
  height: 100px;
}
.textareasize1 {
  height: 300px;
}
.textareasize2 {
  height: 600px;
}
.textareasize3 {
  height: 75px;
}
#contenteditfield {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: -10px;
  margin-bottom: 10px;
  display: inline-block;
  line-height: 20px;
  padding: 4px 6px;
  font-size: 12px;
  word-wrap: break-word;
  overflow: scroll;
  width: 100%;
}
#contenteditfield:focus {
  border-color: #2BA93A;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 169, 58, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 169, 58, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 169, 58, 0.6);
  outline: none;
  outline-offset: 0;
  border: 1px solid #2BA93A;
}
p.info-veld {
  margin-bottom: 0;
}
p.readonly-label {
  width: 25%;
  overflow: hidden;
  max-height: 32px;
  float: left;
  margin-right: 5%;
  margin-bottom: 5px;
  color: #676779;
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  p.readonly-label {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  p.readonly-label {
    margin: 0;
    display: inline-block;
    width: 100%;
  }
}
@media (max-width: 440px) {
  p.readonly-label {
    margin: 0;
    display: inline-block;
    width: 100%;
  }
}
p.readonly-value {
  word-break: break-all;
  padding-top: 5px;
  width: 65%;
  min-height: 32px;
  margin-left: 1px;
  float: left;
  display: none;
  padding-bottom: 10px;
  max-width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  p.readonly-value {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  p.readonly-value {
    margin-top: 0;
    display: inline-block;
    width: 100%;
    padding-top: 0;
  }
}
@media (max-width: 440px) {
  p.readonly-value {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
  }
}
div.readonly-textarea {
  word-break: break-all;
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 32px;
  padding-bottom: 10px;
  width: 65%;
  float: left;
  display: none;
  max-width: 100%;
}
div.readonly-textarea iframe {
  top: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  div.readonly-textarea {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  div.readonly-textarea {
    margin-top: 0;
    display: inline-block;
    width: 100%;
  }
}
@media (max-width: 440px) {
  div.readonly-textarea {
    margin-top: 0;
    display: inline-block;
    width: 100%;
  }
}
p.textarea-readonly-label {
  width: 25%;
  overflow: hidden;
  max-height: 32px;
  float: left;
  margin-right: 5%;
  margin-bottom: 5px;
  color: #676779;
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  p.textarea-readonly-label {
    display: inline-block;
    width: 100%;
    margin: 0;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  p.textarea-readonly-label {
    margin: 0;
    display: inline-block;
    width: 100%;
  }
}
@media (max-width: 440px) {
  p.textarea-readonly-label {
    margin: 0;
    display: inline-block;
    width: 100%;
  }
}
p.textarea-readonly {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  p.textarea-readonly {
    width: 100%;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  p.textarea-readonly {
    margin-top: 0;
    display: inline-block;
    width: 100%;
    padding-top: 0;
  }
}
@media (max-width: 440px) {
  p.textarea-readonly {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
  }
}
div.textarea-readonly {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  div.textarea-readonly {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  div.textarea-readonly {
    display: inline-block;
    width: 100%;
  }
}
#searchbox {
  background: #fff;
  padding: 0;
  margin-left: 0;
  float: left;
  margin-bottom: 10px;
}
#searchbox #search {
  border: 1px solid #afafaf;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#searchbox .dropdown-search {
  height: 25px;
  width: 25px;
  display: inline-block;
  float: left;
}
#searchbox .dropdown-search #dLabel {
  height: inherit;
  width: inherit;
  border: 1px solid #afafaf;
  border-left: none;
}
#searchbox .dropdown-search ul.dropdown-menu {
  width: auto;
  min-width: 130px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-top: -6px;
}
#searchbox .dropdown-search ul.dropdown-menu li {
  width: auto;
  padding: 0px;
}
#searchbox .dropdown-search ul.dropdown-menu li label {
  margin-bottom: 0px;
  padding: 4px 10px 2px 0px;
  width: 80%;
  /* all browsers */
  width: -moz-calc(100% - 35px);
  /* Firefox */
  width: -webkit-calc(100% - 35px);
  /* WebKit */
  width: -o-calc(100% - 35px);
  /* Opera */
  width: calc(100% - 35px);
  /* Standard */
}
#searchbox .dropdown-search ul.dropdown-menu li input[type="checkbox"] {
  width: 25px;
  margin-left: 10px;
}
@media (max-width: 440px) {
  #searchbox {
    padding: 0;
    width: 100%;
    margin-left: 0;
    left: 0;
  }
  #searchbox #search {
    width: 90%;
  }
  #searchbox #search:focus {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #searchbox #submit {
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #useradd,
  #groupadd {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #useradd,
  #groupadd {
    margin-right: 0;
  }
}
@media (max-width: 440px) {
  #useradd,
  #groupadd {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 5px auto 15px auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #rijAdd,
  #rijAddphone {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #rijAdd,
  #rijAddphone {
    margin-right: 0;
  }
}
#searchbox-help {
  width: 225px;
  height: 25px;
  background: #fff;
  border: 1px solid #afafaf;
  padding: 0;
  clear: both;
  float: none;
  margin-left: 0;
}
#search,
#submit {
  float: left;
}
#search {
  padding: 0 0 0 5px;
  margin-bottom: 0;
  height: 35px;
  width: 195px;
  background: #fff;
  border: 0;
  font-size: 12px;
}
#submit {
  height: 35px;
  width: 35px;
  background: #000;
  background: url('/img/search.png') no-repeat 11px 9px #000;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: default;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
#submit::-moz-focus-inner {
  border: 0;
  /* Small centering fix for Firefox */
}
.dialog-popup-user,
.dialog-popup-group,
.dialog-popup-module,
.dialog-popup-module-add,
.dialog-popup-group-add,
.dialog-popup-user-add {
  height: 100% !important;
  position: fixed;
  top: 0;
  bottom: 0;
  -webkit-overflow-scrolling: touch;
}
.dialog-popup-user .move-icon,
.dialog-popup-group .move-icon,
.dialog-popup-module .move-icon,
.dialog-popup-module-add .move-icon,
.dialog-popup-group-add .move-icon,
.dialog-popup-user-add .move-icon {
  color: #c1c1c2;
  float: left;
  margin-right: 10px;
  font-size: 16px;
}
.dialog-popup-user .ui-dialog-titlebar,
.dialog-popup-group .ui-dialog-titlebar,
.dialog-popup-module .ui-dialog-titlebar,
.dialog-popup-module-add .ui-dialog-titlebar,
.dialog-popup-group-add .ui-dialog-titlebar,
.dialog-popup-user-add .ui-dialog-titlebar {
  height: 40px;
}
.dialog-popup-user .ui-dialog-titlebar i,
.dialog-popup-group .ui-dialog-titlebar i,
.dialog-popup-module .ui-dialog-titlebar i,
.dialog-popup-module-add .ui-dialog-titlebar i,
.dialog-popup-group-add .ui-dialog-titlebar i,
.dialog-popup-user-add .ui-dialog-titlebar i {
  line-height: 25px;
}
.dialog-popup-user .ui-dialog-titlebar-close,
.dialog-popup-group .ui-dialog-titlebar-close,
.dialog-popup-module .ui-dialog-titlebar-close,
.dialog-popup-module-add .ui-dialog-titlebar-close,
.dialog-popup-group-add .ui-dialog-titlebar-close,
.dialog-popup-user-add .ui-dialog-titlebar-close {
  transform: scale(1.4);
  -ms-transform: scale(1.4);
  /* IE 9 */
  -moz-transform: scale(1.4);
  /* Firefox */
  -webkit-transform: scale(1.4);
  /* Safari and Chrome */
  -o-transform: scale(1.4);
  /* Opera */
}
.landscape-error {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  position: fixed;
}
.landscape-error .ui-dialog-titlebar {
  display: none;
}
@media (max-width: 767px) {
  .dialog-user-edit .loading-dialog,
  .popup-useradd-mobile .loading-dialog,
  .dialog-group-edit .loading-dialog,
  .popup-groupadd-mobile .loading-dialog,
  .dialog-module-edit .loading-dialog,
  .dialog-module-add .loading-dialog {
    text-align: center;
  }
}
.dialog-user-edit .ui-widget-content,
.popup-useradd-mobile .ui-widget-content,
.dialog-group-edit .ui-widget-content,
.popup-groupadd-mobile .ui-widget-content,
.dialog-module-edit .ui-widget-content,
.dialog-module-add .ui-widget-content {
  border: none;
}
@media (max-width: 440px) {
  .dialog-user-edit .ui-widget-content,
  .popup-useradd-mobile .ui-widget-content,
  .dialog-group-edit .ui-widget-content,
  .popup-groupadd-mobile .ui-widget-content,
  .dialog-module-edit .ui-widget-content,
  .dialog-module-add .ui-widget-content {
    border: 0;
    overflow: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dialog-user-edit.ui-dialog-content,
  .popup-useradd-mobile.ui-dialog-content,
  .dialog-group-edit.ui-dialog-content,
  .popup-groupadd-mobile.ui-dialog-content,
  .dialog-module-edit.ui-dialog-content,
  .dialog-module-add.ui-dialog-content {
    padding: 20px 20px;
  }
}
@media (max-width: 767px) {
  .dialog-user-edit.ui-dialog-content,
  .popup-useradd-mobile.ui-dialog-content,
  .dialog-group-edit.ui-dialog-content,
  .popup-groupadd-mobile.ui-dialog-content,
  .dialog-module-edit.ui-dialog-content,
  .dialog-module-add.ui-dialog-content {
    padding: 20px 15px;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit.ui-dialog-content,
  .popup-useradd-mobile.ui-dialog-content,
  .dialog-group-edit.ui-dialog-content,
  .popup-groupadd-mobile.ui-dialog-content,
  .dialog-module-edit.ui-dialog-content,
  .dialog-module-add.ui-dialog-content {
    padding: 15px 10px;
  }
}
@media (max-width: 767px) {
  .dialog-user-edit .contentvak,
  .popup-useradd-mobile .contentvak,
  .dialog-group-edit .contentvak,
  .popup-groupadd-mobile .contentvak,
  .dialog-module-edit .contentvak,
  .dialog-module-add .contentvak {
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit .contentvak,
  .popup-useradd-mobile .contentvak,
  .dialog-group-edit .contentvak,
  .popup-groupadd-mobile .contentvak,
  .dialog-module-edit .contentvak,
  .dialog-module-add .contentvak {
    text-align: left;
    padding: 0;
    width: 100%;
  }
}
.dialog-user-edit .form-horizontal .form-group,
.popup-useradd-mobile .form-horizontal .form-group,
.dialog-group-edit .form-horizontal .form-group,
.popup-groupadd-mobile .form-horizontal .form-group,
.dialog-module-edit .form-horizontal .form-group,
.dialog-module-add .form-horizontal .form-group {
  min-height: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .dialog-user-edit .form-horizontal .form-group.control-group-koppeling input,
  .popup-useradd-mobile .form-horizontal .form-group.control-group-koppeling input,
  .dialog-group-edit .form-horizontal .form-group.control-group-koppeling input,
  .popup-groupadd-mobile .form-horizontal .form-group.control-group-koppeling input,
  .dialog-module-edit .form-horizontal .form-group.control-group-koppeling input,
  .dialog-module-add .form-horizontal .form-group.control-group-koppeling input {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .dialog-user-edit .form-horizontal .form-group.control-group-koppeling input,
  .popup-useradd-mobile .form-horizontal .form-group.control-group-koppeling input,
  .dialog-group-edit .form-horizontal .form-group.control-group-koppeling input,
  .popup-groupadd-mobile .form-horizontal .form-group.control-group-koppeling input,
  .dialog-module-edit .form-horizontal .form-group.control-group-koppeling input,
  .dialog-module-add .form-horizontal .form-group.control-group-koppeling input {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .dialog-user-edit .form-horizontal .form-group label,
  .popup-useradd-mobile .form-horizontal .form-group label,
  .dialog-group-edit .form-horizontal .form-group label,
  .popup-groupadd-mobile .form-horizontal .form-group label,
  .dialog-module-edit .form-horizontal .form-group label,
  .dialog-module-add .form-horizontal .form-group label {
    width: 100%;
    margin-bottom: 5px;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit .form-horizontal .form-group label,
  .popup-useradd-mobile .form-horizontal .form-group label,
  .dialog-group-edit .form-horizontal .form-group label,
  .popup-groupadd-mobile .form-horizontal .form-group label,
  .dialog-module-edit .form-horizontal .form-group label,
  .dialog-module-add .form-horizontal .form-group label {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dialog-user-edit .form-horizontal .form-group input,
  .popup-useradd-mobile .form-horizontal .form-group input,
  .dialog-group-edit .form-horizontal .form-group input,
  .popup-groupadd-mobile .form-horizontal .form-group input,
  .dialog-module-edit .form-horizontal .form-group input,
  .dialog-module-add .form-horizontal .form-group input,
  .dialog-user-edit .form-horizontal .form-group select,
  .popup-useradd-mobile .form-horizontal .form-group select,
  .dialog-group-edit .form-horizontal .form-group select,
  .popup-groupadd-mobile .form-horizontal .form-group select,
  .dialog-module-edit .form-horizontal .form-group select,
  .dialog-module-add .form-horizontal .form-group select {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .dialog-user-edit .form-horizontal .form-group input,
  .popup-useradd-mobile .form-horizontal .form-group input,
  .dialog-group-edit .form-horizontal .form-group input,
  .popup-groupadd-mobile .form-horizontal .form-group input,
  .dialog-module-edit .form-horizontal .form-group input,
  .dialog-module-add .form-horizontal .form-group input,
  .dialog-user-edit .form-horizontal .form-group select,
  .popup-useradd-mobile .form-horizontal .form-group select,
  .dialog-group-edit .form-horizontal .form-group select,
  .popup-groupadd-mobile .form-horizontal .form-group select,
  .dialog-module-edit .form-horizontal .form-group select,
  .dialog-module-add .form-horizontal .form-group select {
    width: 100%;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit .form-horizontal .form-group input,
  .popup-useradd-mobile .form-horizontal .form-group input,
  .dialog-group-edit .form-horizontal .form-group input,
  .popup-groupadd-mobile .form-horizontal .form-group input,
  .dialog-module-edit .form-horizontal .form-group input,
  .dialog-module-add .form-horizontal .form-group input,
  .dialog-user-edit .form-horizontal .form-group select,
  .popup-useradd-mobile .form-horizontal .form-group select,
  .dialog-group-edit .form-horizontal .form-group select,
  .popup-groupadd-mobile .form-horizontal .form-group select,
  .dialog-module-edit .form-horizontal .form-group select,
  .dialog-module-add .form-horizontal .form-group select {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dialog-user-edit .form-horizontal .form-group textarea,
  .popup-useradd-mobile .form-horizontal .form-group textarea,
  .dialog-group-edit .form-horizontal .form-group textarea,
  .popup-groupadd-mobile .form-horizontal .form-group textarea,
  .dialog-module-edit .form-horizontal .form-group textarea,
  .dialog-module-add .form-horizontal .form-group textarea {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .dialog-user-edit .form-horizontal .form-group textarea,
  .popup-useradd-mobile .form-horizontal .form-group textarea,
  .dialog-group-edit .form-horizontal .form-group textarea,
  .popup-groupadd-mobile .form-horizontal .form-group textarea,
  .dialog-module-edit .form-horizontal .form-group textarea,
  .dialog-module-add .form-horizontal .form-group textarea {
    width: 100%;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit .form-horizontal .form-group textarea,
  .popup-useradd-mobile .form-horizontal .form-group textarea,
  .dialog-group-edit .form-horizontal .form-group textarea,
  .popup-groupadd-mobile .form-horizontal .form-group textarea,
  .dialog-module-edit .form-horizontal .form-group textarea,
  .dialog-module-add .form-horizontal .form-group textarea {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px), (max-width: 440px) {
  .dialog-user-edit .form-horizontal .form-group input[type=checkbox],
  .popup-useradd-mobile .form-horizontal .form-group input[type=checkbox],
  .dialog-group-edit .form-horizontal .form-group input[type=checkbox],
  .popup-groupadd-mobile .form-horizontal .form-group input[type=checkbox],
  .dialog-module-edit .form-horizontal .form-group input[type=checkbox],
  .dialog-module-add .form-horizontal .form-group input[type=checkbox] {
    width: 20px;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit .left,
  .popup-useradd-mobile .left,
  .dialog-group-edit .left,
  .popup-groupadd-mobile .left,
  .dialog-module-edit .left,
  .dialog-module-add .left {
    text-align: center;
    float: none;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit .right.tooltip,
  .popup-useradd-mobile .right.tooltip,
  .dialog-group-edit .right.tooltip,
  .popup-groupadd-mobile .right.tooltip,
  .dialog-module-edit .right.tooltip,
  .dialog-module-add .right.tooltip {
    width: auto;
    padding: 0 5px;
    margin: 0;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit .right,
  .popup-useradd-mobile .right,
  .dialog-group-edit .right,
  .popup-groupadd-mobile .right,
  .dialog-module-edit .right,
  .dialog-module-add .right {
    width: 100%;
    padding: 10px;
    margin: 10px auto;
    display: block;
    float: none;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit table.simple td,
  .popup-useradd-mobile table.simple td,
  .dialog-group-edit table.simple td,
  .popup-groupadd-mobile table.simple td,
  .dialog-module-edit table.simple td,
  .dialog-module-add table.simple td {
    width: 100%;
    float: left;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit table.simple td:last-child,
  .popup-useradd-mobile table.simple td:last-child,
  .dialog-group-edit table.simple td:last-child,
  .popup-groupadd-mobile table.simple td:last-child,
  .dialog-module-edit table.simple td:last-child,
  .dialog-module-add table.simple td:last-child {
    padding-bottom: 10px;
  }
}
.dialog-user-edit table.simple td:first-child,
.popup-useradd-mobile table.simple td:first-child,
.dialog-group-edit table.simple td:first-child,
.popup-groupadd-mobile table.simple td:first-child,
.dialog-module-edit table.simple td:first-child,
.dialog-module-add table.simple td:first-child {
  color: #676779;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dialog-user-edit table.simple td:first-child,
  .popup-useradd-mobile table.simple td:first-child,
  .dialog-group-edit table.simple td:first-child,
  .popup-groupadd-mobile table.simple td:first-child,
  .dialog-module-edit table.simple td:first-child,
  .dialog-module-add table.simple td:first-child {
    width: 200px;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit table.simple td:first-child,
  .popup-useradd-mobile table.simple td:first-child,
  .dialog-group-edit table.simple td:first-child,
  .popup-groupadd-mobile table.simple td:first-child,
  .dialog-module-edit table.simple td:first-child,
  .dialog-module-add table.simple td:first-child {
    width: 100%;
    padding-bottom: 3px;
  }
}
.dialog-user-edit .slidelayout,
.popup-useradd-mobile .slidelayout,
.dialog-group-edit .slidelayout,
.popup-groupadd-mobile .slidelayout,
.dialog-module-edit .slidelayout,
.dialog-module-add .slidelayout {
  padding: 0;
}
.dialog-user-edit .slidelayout.table,
.popup-useradd-mobile .slidelayout.table,
.dialog-group-edit .slidelayout.table,
.popup-groupadd-mobile .slidelayout.table,
.dialog-module-edit .slidelayout.table,
.dialog-module-add .slidelayout.table {
  margin: 0 auto;
}
@media (max-width: 440px) {
  .dialog-user-edit .slidelayout.table,
  .popup-useradd-mobile .slidelayout.table,
  .dialog-group-edit .slidelayout.table,
  .popup-groupadd-mobile .slidelayout.table,
  .dialog-module-edit .slidelayout.table,
  .dialog-module-add .slidelayout.table {
    width: 100%;
  }
}
.dialog-user-edit .swiper-slide,
.popup-useradd-mobile .swiper-slide,
.dialog-group-edit .swiper-slide,
.popup-groupadd-mobile .swiper-slide,
.dialog-module-edit .swiper-slide,
.dialog-module-add .swiper-slide,
.dialog-user-edit .scroll-div,
.popup-useradd-mobile .scroll-div,
.dialog-group-edit .scroll-div,
.popup-groupadd-mobile .scroll-div,
.dialog-module-edit .scroll-div,
.dialog-module-add .scroll-div {
  overflow-y: scroll;
  top: 0px;
  bottom: 0px;
}
@media (max-width: 767px) {
  .dialog-user-edit .swiper-pagination,
  .popup-useradd-mobile .swiper-pagination,
  .dialog-group-edit .swiper-pagination,
  .popup-groupadd-mobile .swiper-pagination,
  .dialog-module-edit .swiper-pagination,
  .dialog-module-add .swiper-pagination {
    padding-top: 12px;
    position: absolute;
    display: inline-block;
  }
}
@media (max-width: 440px) {
  .dialog-user-edit .swiper-pagination,
  .popup-useradd-mobile .swiper-pagination,
  .dialog-group-edit .swiper-pagination,
  .popup-groupadd-mobile .swiper-pagination,
  .dialog-module-edit .swiper-pagination,
  .dialog-module-add .swiper-pagination {
    position: relative;
    width: 100%;
  }
}
.dialog-user-edit .swiper-pagination .swiper-pagination-bullet,
.popup-useradd-mobile .swiper-pagination .swiper-pagination-bullet,
.dialog-group-edit .swiper-pagination .swiper-pagination-bullet,
.popup-groupadd-mobile .swiper-pagination .swiper-pagination-bullet,
.dialog-module-edit .swiper-pagination .swiper-pagination-bullet,
.dialog-module-add .swiper-pagination .swiper-pagination-bullet {
  margin: 2px;
}
.dialog-user-edit .slidetitle,
.popup-useradd-mobile .slidetitle,
.dialog-group-edit .slidetitle,
.popup-groupadd-mobile .slidetitle,
.dialog-module-edit .slidetitle,
.dialog-module-add .slidetitle {
  text-align: center;
  margin-bottom: 20px;
}
.dialog-user-edit .slidecontent,
.popup-useradd-mobile .slidecontent,
.dialog-group-edit .slidecontent,
.popup-groupadd-mobile .slidecontent,
.dialog-module-edit .slidecontent,
.dialog-module-add .slidecontent {
  margin-top: 5px;
  height: 100%;
  width: 100%;
  overflow: auto;
  border: 1px solid #666;
  background-color: #ccc;
  padding: 8px;
}
#droppable {
  bottom: 0;
}
#droppable.ui-state-hover {
  background: transparent;
  opacity: 1;
  z-index: 1;
  border: none;
  height: 95%;
  width: 100%;
  position: fixed;
}
.flashmessagesucces {
  position: fixed;
  width: 100%;
  height: 80px;
  bottom: 0;
  z-index: 9990;
  display: none;
  margin: 0;
  left: 0;
  right: 0;
}
.flashmessagesucces .icon {
  cursor: pointer;
  text-align: center;
  font-size: 45px;
  width: 10%;
  height: 80px;
  line-height: 80px;
  color: #fff;
  background-color: #2BA93A;
  float: left;
}
@media (max-width: 767px) {
  .flashmessagesucces .icon {
    display: none;
  }
}
.flashmessagesucces .message {
  background-color: #231f20;
  width: 90%;
  height: 80px;
  padding: 30px;
  float: right;
}
@media (max-width: 767px) {
  .flashmessagesucces .message {
    width: 100%;
    height: auto;
    background-color: #2BA93A;
    border-top: 1px solid #21802c;
  }
}
.flashmessagesucces .closebtn {
  color: #fff;
  font-size: 20px;
  background-color: transparent;
  border: none;
}
.flashmessagesucces .closebtn:hover {
  opacity: 0.8;
}
.flashmessagesucces .closebtn:focus {
  outline: none;
}
.flashmessagesucces p {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  margin: 0;
  margin-bottom: 5px;
}
.flashmessagesucces a {
  font-size: 12px;
  color: #fff;
  margin: 0;
  text-decoration: none;
}
.flashmessagesucces a:hover {
  text-decoration: underline;
}
.flashmessageerror {
  position: fixed;
  width: 100%;
  height: 80px;
  bottom: 0;
  z-index: 9990;
  display: none;
  margin: 0;
  left: 0;
  right: 0;
}
.flashmessageerror .icon {
  cursor: pointer;
  text-align: center;
  font-size: 45px;
  width: 10%;
  height: 80px;
  line-height: 80px;
  color: #fff;
  background-color: #a92b2b;
  float: left;
}
@media (max-width: 767px) {
  .flashmessageerror .icon {
    display: none;
  }
}
.flashmessageerror .message {
  background-color: #231f20;
  width: 90%;
  height: 80px;
  padding: 30px;
  float: right;
}
@media (max-width: 767px) {
  .flashmessageerror .message {
    width: 100%;
    height: auto;
    background-color: #a92b2b;
    border-top: 1px solid #802121;
  }
}
.flashmessageerror .closebtn {
  color: #fff;
  font-size: 20px;
  background-color: transparent;
  border: none;
}
.flashmessageerror .closebtn:hover {
  opacity: 0.8;
}
.flashmessageerror .closebtn:focus {
  outline: none;
}
.flashmessageerror p {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  margin: 0;
  margin-bottom: 5px;
}
.flashmessageerror a {
  font-size: 12px;
  color: #fff;
  margin: 0;
  text-decoration: none;
}
.flashmessageerror a:hover {
  text-decoration: underline;
}
@media (max-width: 1024px) {
  #table-mediafiles tbody .btn-group {
    visibility: visible;
  }
}
.ui-autocomplete {
  max-height: 215px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 999;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ui-autocomplete {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .ui-autocomplete {
    font-size: 14px !important;
  }
}
* html .ui-autocomplete {
  height: 215px;
}
.koppeltabelDiv {
  padding-left: 30%;
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .koppeltabelDiv {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .koppeltabelDiv {
    padding-left: 0;
    padding-right: 30%;
    font-size: 12px;
  }
}
@media (max-width: 440px) {
  .koppeltabelDiv {
    padding-right: 10%;
  }
}
.koppeltabelDiv.sortable table tr.group_type_3 {
  cursor: move;
}
.koppeltabelDiv.sortable table tr.group_type_3:hover {
  cursor: move;
}
.koppeltabelDiv.sortable table tr.group_type_3 td:first-child:before {
  content: "\f0dc";
  font-family: "FontAwesome";
  display: inline-block;
  padding-right: 3px;
}
.koppeltabelDiv.sortable table tr.group_type_3.ui-state-highlight td:first-child:before {
  display: none;
}
.koppeltabelDiv a {
  color: #58595b;
}
.koppeltabelDiv table {
  margin: 0;
}
.koppeltabelDiv table tr {
  cursor: default;
}
.koppeltabelDiv table tr:hover {
  background-color: #ddd;
  cursor: default;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .koppeltabelDiv table tr:hover {
    background-color: transparent;
  }
}
.koppeltabelDiv table td {
  border: 0;
  padding: 5px 0;
  padding-right: 5px;
}
.koppeltabelDiv table td:first-child {
  width: 90%;
  padding-right: 0;
  padding-left: 5px;
}
.koppeltabelDiv table td.delete {
  text-align: right;
  width: 10%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .koppeltabelDiv table td.delete {
    text-align: left;
  }
}
.koppeltabelDiv table td .icon-trash:hover {
  cursor: pointer;
}
/************************* Bootstrap & jQuery ui fixes *************************/
.icon-white {
  color: white;
}
.row {
  margin: 0px;
}
.row.row-header {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 767px) {
  .row.row-header {
    margin-right: 0;
    margin-left: 0;
  }
}
.row.row-header h1 {
  margin: 5px 0 15px;
}
@media (max-width: 767px) {
  .row.row-header h1 {
    text-align: center;
  }
}
.row.row-header .active_app_name {
  color: #c1c1c2;
  display: inline-block;
  margin-left: 10px;
  float: right;
  text-transform: none;
}
@media (max-width: 767px) {
  .row.row-header .active_app_name {
    float: none;
    clear: both;
  }
}
.btn {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: 0.3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-sm {
  padding: 2px 10px;
}
.caret-right-space {
  padding-right: 5px;
}
a:focus {
  outline: 0;
  color: #2ba93a;
  text-decoration: none;
}
:focus {
  border-color: none;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  [class^="icon-"],
  [class*=" icon-"] {
    height: 18px;
    width: 12px;
  }
}
.ui-tabs .ui-tabs-nav li {
  top: 2px;
}
.ui-dialog {
  z-index: 2;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 30px;
  padding: 4px 6px;
  font-size: 12px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
    color: #000000;
  }
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.radio,
.checkbox {
  padding-left: 20px;
  margin: 0;
}
input,
textarea,
.uneditable-input,
select {
  width: 206px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  input,
  textarea,
  .uneditable-input,
  select {
    width: 100%;
  }
}
input[type="checkbox"] {
  width: 30px;
  margin-top: 0 !important;
}
input.highlighted-on {
  border-color: #dcdc02;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(220, 220, 2, 0.75);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(220, 220, 2, 0.75);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(220, 220, 2, 0.75);
  transition: all 1s ease-in-out;
}
input.highlight-off {
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: all 1.5s ease-in-out;
}
label {
  font-weight: normal;
}
@media (max-width: 440px) {
  .tooltip-inner {
    background-color: #2C2A2A;
  }
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tooltip-inner {
    overflow: scroll;
    max-height: 100px;
  }
}
@media (max-width: 440px) {
  .tooltip-arrow {
    border-top-color: #2C2A2A !important;
  }
}
@media (max-width: 440px) {
  .tooltip.in {
    opacity: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tooltip.top {
    margin-top: -8px;
    margin-left: 1px;
  }
}
.ui-dialog-title {
  font-size: 14px;
  line-height: 25px;
  margin: 0 !important;
}
@media (max-width: 767px) {
  .ui-dialog-title {
    max-height: 30px;
    max-width: 90%;
    overflow: hidden;
  }
}
.ui-dialog-titlebar-close {
  width: 16px;
  height: 20px !important;
  background-image: url("/img/jquery/ui-icons_b5b5b5_256x240.png");
  background-color: transparent;
  background-position: -96px -126px;
  border: none;
}
.ui-menu .ui-menu-item {
  line-height: 2;
}
.ui-widget-overlay {
  position: fixed;
}
.helptext img {
  max-width: 100%;
}
pre {
  white-space: pre-wrap;
}
.zoso-logo-wrapper {
  line-height: 38px;
}
.zoso-logo {
  width: 100%;
  height: auto;
  max-width: 160px;
}
#overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index: 5;
}
.infront-of-overlay {
  z-index: 999999;
}
.onmobile {
  display: block !important;
}
.notmobile {
  display: none !important;
}
body.onmobilelayout ul.left li a {
  font-size: 12px;
  padding: 0 10px;
}
body.onmobilelayout ul.right img {
  max-width: 20px;
}
body.onmobilelayout ul.right li a {
  padding: 0 10px;
}
body.onmobilelayout span.arrow {
  background-size: cover;
  width: 7px;
  height: 7px;
}
body.onmobilelayout .contentcontainerfixed {
  margin: 0;
}
body.onmobilelayout .border-bottomfixed {
  left: 0;
  right: 0;
}
body.onmobilelayout .span6fixedleft {
  padding-bottom: 20px;
}
body.onmobilelayout .span6fixedleft h2 {
  text-align: center;
  float: none;
  font-size: 18px;
}
body.onmobilelayout .container-fluid {
  padding: 0;
}
body.onmobilelayout .contentcontainer {
  border: 0;
  padding-bottom: 10px;
}
body.onmobilelayout .border-bottom {
  margin: 0;
}
body.onmobilelayout #table-mediafiles {
  max-width: 90%;
}
body.onmobilelayout .lb-outerContainer {
  max-width: 100% !important;
}
body.onmobilelayout label {
  color: #676779;
}
body.onmobilelayout p.readonly-label {
  display: inline-block;
}
body.onmobilelayout p.readonly-value {
  display: inline-block;
}
body.onmobilelayout p.textarea-readonly-label {
  display: inline-block;
  width: 100%;
  margin: 0;
  line-height: 1;
}
body.onmobilelayout div.readonly-textarea {
  display: inline-block;
}
body.onmobilelayout p.textarea-readonly {
  display: inline-block;
  width: 100%;
}
body.onmobilelayout div.textarea-readonly {
  display: inline-block;
  width: 100%;
}
body.onmobilelayout #searchbox {
  margin-left: 0;
}
body.onmobilelayout .dialog-user-edit.ui-dialog-content,
body.onmobilelayout .popup-useradd-mobile.ui-dialog-content,
body.onmobilelayout .dialog-group-edit.ui-dialog-content,
body.onmobilelayout .popup-groupadd-mobile.ui-dialog-content,
body.onmobilelayout .dialog-module-edit.ui-dialog-content,
body.onmobilelayout .dialog-module-add.ui-dialog-content {
  padding: 20px;
}
body.onmobilelayout .dialog-user-edit .ui-tabs-panel,
body.onmobilelayout .popup-useradd-mobile .ui-tabs-panel,
body.onmobilelayout .dialog-group-edit .ui-tabs-panel,
body.onmobilelayout .popup-groupadd-mobile .ui-tabs-panel,
body.onmobilelayout .dialog-module-edit .ui-tabs-panel,
body.onmobilelayout .dialog-module-add .ui-tabs-panel {
  display: block !important;
}
body.onmobilelayout .dialog-user-edit table.simple td:first-child,
body.onmobilelayout .popup-useradd-mobile table.simple td:first-child,
body.onmobilelayout .dialog-group-edit table.simple td:first-child,
body.onmobilelayout .popup-groupadd-mobile table.simple td:first-child,
body.onmobilelayout .dialog-module-edit table.simple td:first-child,
body.onmobilelayout .dialog-module-add table.simple td:first-child {
  width: 200px;
}
body.onmobilelayout .dialog-user-edit .form-horizontal .form-group,
body.onmobilelayout .popup-useradd-mobile .form-horizontal .form-group,
body.onmobilelayout .dialog-group-edit .form-horizontal .form-group,
body.onmobilelayout .popup-groupadd-mobile .form-horizontal .form-group,
body.onmobilelayout .dialog-module-edit .form-horizontal .form-group,
body.onmobilelayout .dialog-module-add .form-horizontal .form-group {
  min-height: 30px;
}
body.onmobilelayout .dialog-user-edit .form-horizontal .form-group input,
body.onmobilelayout .popup-useradd-mobile .form-horizontal .form-group input,
body.onmobilelayout .dialog-group-edit .form-horizontal .form-group input,
body.onmobilelayout .popup-groupadd-mobile .form-horizontal .form-group input,
body.onmobilelayout .dialog-module-edit .form-horizontal .form-group input,
body.onmobilelayout .dialog-module-add .form-horizontal .form-group input,
body.onmobilelayout .dialog-user-edit .form-horizontal .form-group select,
body.onmobilelayout .popup-useradd-mobile .form-horizontal .form-group select,
body.onmobilelayout .dialog-group-edit .form-horizontal .form-group select,
body.onmobilelayout .popup-groupadd-mobile .form-horizontal .form-group select,
body.onmobilelayout .dialog-module-edit .form-horizontal .form-group select,
body.onmobilelayout .dialog-module-add .form-horizontal .form-group select {
  width: 70%;
}
body.onmobilelayout .dialog-user-edit .form-horizontal .form-group.control-group-koppeling input,
body.onmobilelayout .popup-useradd-mobile .form-horizontal .form-group.control-group-koppeling input,
body.onmobilelayout .dialog-group-edit .form-horizontal .form-group.control-group-koppeling input,
body.onmobilelayout .popup-groupadd-mobile .form-horizontal .form-group.control-group-koppeling input,
body.onmobilelayout .dialog-module-edit .form-horizontal .form-group.control-group-koppeling input,
body.onmobilelayout .dialog-module-add .form-horizontal .form-group.control-group-koppeling input {
  width: 60%;
}
body.onmobilelayout .dialog-user-edit .form-horizontal .form-group input[type="checkbox"],
body.onmobilelayout .popup-useradd-mobile .form-horizontal .form-group input[type="checkbox"],
body.onmobilelayout .dialog-group-edit .form-horizontal .form-group input[type="checkbox"],
body.onmobilelayout .popup-groupadd-mobile .form-horizontal .form-group input[type="checkbox"],
body.onmobilelayout .dialog-module-edit .form-horizontal .form-group input[type="checkbox"],
body.onmobilelayout .dialog-module-add .form-horizontal .form-group input[type="checkbox"] {
  width: 20px;
}
body.onmobilelayout .dialog-user-edit .form-horizontal .form-group textarea,
body.onmobilelayout .popup-useradd-mobile .form-horizontal .form-group textarea,
body.onmobilelayout .dialog-group-edit .form-horizontal .form-group textarea,
body.onmobilelayout .popup-groupadd-mobile .form-horizontal .form-group textarea,
body.onmobilelayout .dialog-module-edit .form-horizontal .form-group textarea,
body.onmobilelayout .dialog-module-add .form-horizontal .form-group textarea {
  width: 100%;
}
body.onmobilelayout .koppeltabelDiv {
  font-size: 12px;
}
body.onmobilelayout .koppeltabelDiv table tr:hover {
  background-color: transparent;
}
body.onmobilelayout .koppeltabelDiv table td.delete {
  text-align: left;
}
body.onmobilelayout #tabs .icon-question-sign {
  background: url('/img/info-icon.png') top center no-repeat #f8f8f8;
  padding: 0;
  background-size: contain;
}
body.onmobilelayout #tabs [class^="icon-"],
body.onmobilelayout #tabs [class*=" icon-"] {
  height: 18px;
  width: 12px;
}
body.onmobilelayout .tooltip-inner {
  overflow: scroll;
  max-height: 100px;
}
body.onmobilelayout .tooltip.top {
  margin-top: -8px;
  margin-left: 1px;
}
body.onmobilelayout .ui-autocomplete {
  font-size: 14px !important;
}
body.onmobilelayout select,
body.onmobilelayout textarea,
body.onmobilelayout input[type="text"],
body.onmobilelayout input[type="password"],
body.onmobilelayout input[type="datetime"],
body.onmobilelayout input[type="datetime-local"],
body.onmobilelayout input[type="date"],
body.onmobilelayout input[type="month"],
body.onmobilelayout input[type="time"],
body.onmobilelayout input[type="week"],
body.onmobilelayout input[type="number"],
body.onmobilelayout input[type="email"],
body.onmobilelayout input[type="url"],
body.onmobilelayout input[type="search"],
body.onmobilelayout input[type="tel"],
body.onmobilelayout input[type="color"],
body.onmobilelayout .uneditable-input {
  color: #000000;
}
body.onmobilelayout .media-map-icon {
  display: inline-block;
  font-size: 14px;
  top: 2px;
}
body.onmobilelayout .uploadcontainer-mediafiles .module-mediafile:hover {
  border: 1px solid #aaa;
}
body.onmobilelayout .uploadcontainer-mediafiles img {
  float: right;
}
body.onmobilelayout .uploadcontainer-mediafiles .filename-img {
  float: none;
}
body.onmobilelayout .uploadcontainer-mediafiles .module-mediafile-options {
  height: 100px;
  width: 35px;
}
body.onmobilelayout .uploadcontainer-mediafiles .module-mediafile-options i {
  height: 24px;
  width: 24px;
  font-size: 18px;
  margin: 0;
}
body.onmobilelayout .uploadcontainer-mediafiles .module-mediafile-options i.glyphicon-trash {
  margin-top: 5px;
}
span.color-example {
  display: block;
  width: 15px;
  height: 15px;
  right: 18px;
  position: absolute;
  margin-top: -32px;
}
.colorpicker {
  width: 140px;
}
.select_parent_id_wrapper,
.select_koppelingenkelvoud_wrapper {
  width: 70%;
  display: inline-block;
  margin-left: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .select_parent_id_wrapper,
  .select_koppelingenkelvoud_wrapper {
    margin-left: -4px;
    width: 70%;
  }
}
@media (max-width: 767px) {
  .select_parent_id_wrapper,
  .select_koppelingenkelvoud_wrapper {
    width: 100%;
    margin-left: 0;
  }
}
.select_parent_id_wrapper .select2-container--default .select2-selection--single,
.select_koppelingenkelvoud_wrapper .select2-container--default .select2-selection--single {
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  height: 30px;
}
.select2-search--dropdown .select2-search__field {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 30px;
}
.select2-container--open .select2-dropdown--below {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #2BA93A !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #c1c1c2;
}
#previewframe {
  height: 72vh;
  width: 100%;
  background-color: white;
  border: 1px solid #9e9e9e;
  border-width: 1px 1px 1px 1px;
}
#previewcontainer .editbutton {
  margin-top: 30px;
}
#previewcontainer .buttons {
  margin-right: 30px;
}
.dropdown-menu {
  top: 30px;
  right: 0;
  left: auto;
  padding: 0px !important;
}
.dropdown-menu .divider {
  margin: 0px;
  padding: 0px;
}
.dropdown-menu i {
  width: 25px;
  margin-left: 10px;
}
.dropdown-menu li {
  padding: 5px 0px;
  width: 170px;
}
.dropdown-menu li:hover {
  background-color: green;
  color: white;
  cursor: pointer;
}
.dropdown-menu #preview-back {
  display: none;
}
.dropdown-menu #preview-back li:hover {
  background-color: red;
}
.editbutton {
  position: relative;
  z-index: 999;
  margin-left: 15px;
}
.preview-desktop {
  width: 100% !important;
  background-color: white;
}
.preview-desktop .rijcontent {
  display: none;
}
.preview-desktop .browser-topbar,
.preview-desktop .browser-urlbar {
  display: inherit !important;
}
.preview-desktop iframe {
  width: calc(100% - 30px) !important;
  position: absolute;
  margin: 0 auto;
  display: block;
}
.preview-tablet {
  width: 100% !important;
  background-color: white;
}
.preview-tablet .rijcontent {
  display: none;
}
.preview-tablet .browser-topbar,
.preview-tablet .browser-urlbar {
  display: inherit !important;
  max-width: 768px;
  margin: 0 auto;
}
.preview-tablet iframe {
  max-width: 768px;
  margin: 0 auto;
  display: block;
}
.preview-phone {
  width: 100% !important;
  background-color: white;
}
.preview-phone .rijcontent {
  display: none;
}
.preview-phone .browser-urlbar {
  border-width: 1px;
  display: inherit !important;
  max-width: 420px;
  margin: 0 auto;
  padding-top: 6px !important;
}
.preview-phone .browser-urlbar span {
  height: 25px;
  overflow: hidden;
  padding-right: 0px;
}
.preview-phone iframe {
  max-width: 420px;
  margin: 0 auto;
  display: block;
}
.editing {
  border-color: #2ba93a !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 169, 58, 0.6) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 169, 58, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(43, 169, 58, 0.6) !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  border: 1px solid #2ba93a !important;
}
iframe.editing {
  outline: 2px solid #2ba93a !important;
  border: none !important;
  margin-bottom: 2px;
}
.browser-topbar {
  display: none;
  width: 100%;
  height: 40px;
  background-color: #cdcccc;
  color: black;
  position: relative;
  border: 1px solid #9e9e9e;
  border-width: 1px 1px 0px 1px;
}
.browser-topbar .browser-tab {
  cursor: default;
  z-index: 1;
  position: relative;
  border: 1px solid #aaa;
  border-bottom: 0;
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -o-transform: skew(25deg);
  -ms-transform: skew(25deg);
  transform: skew(25deg);
  float: left;
  height: 30px;
  margin: 10px 0 0 50px;
  padding: 0 15px;
  width: 160px;
  border-radius: 5px 5px 0 0;
  box-shadow: inset -1px 1px 0 rgba(255, 255, 255, 0.5);
  background: #ddd;
}
.browser-topbar .browser-tab img {
  z-index: 9;
  position: absolute;
  left: -6px;
  top: 6px;
  width: 16px;
  height: 16px;
  transform: skewX(-25deg);
  border-radius: 3px;
}
.browser-topbar .browser-tab:before {
  cursor: default;
  z-index: 1;
  position: relative;
  border: 1px solid #aaa;
  border-bottom: 0;
  float: left;
  height: 30px;
  background: #ddd;
  content: '';
  position: absolute;
  left: -18px;
  top: -1px;
  -webkit-transform: skew(140deg);
  -moz-transform: skew(140deg);
  -o-transform: skew(140deg);
  -ms-transform: skew(140deg);
  transform: skew(140deg);
  border-right: 0;
  margin: 0;
  padding: 0;
  width: 30px;
  border-radius: 5px 0 0 0;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.browser-topbar .browser-tab span {
  display: block;
  width: 98%;
  margin-top: 8px;
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  -ms-transform: skew(-25deg);
  transform: skew(-25deg);
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
  border: none;
  box-shadow: none;
}
.browser-topbar .browser-tab span:after {
  content: '';
  width: 28px;
  height: 28px;
  position: absolute;
  right: -10px;
  top: -8px;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(222, 222, 222, 0.77) 77%, #dedede 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(77%, rgba(222, 222, 222, 0.77)), color-stop(100%, #dedede));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(222, 222, 222, 0.77) 77%, #dedede 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(222, 222, 222, 0.77) 77%, #dedede 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(222, 222, 222, 0.77) 77%, #dedede 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(222, 222, 222, 0.77) 77%, #dedede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=1);
}
.browser-urlbar {
  display: none;
  height: 40px;
  background: #ddd;
  padding-top: 8px;
  border: 1px solid #9e9e9e;
  border-width: 0px 1px 0px 1px;
}
.browser-urlbar .browser-url {
  background-color: white;
  height: 25px;
  margin-left: 30px;
  margin-right: 20px;
  border-radius: 5px;
}
.browser-urlbar span {
  display: block;
  padding: 6px 15px;
}
.sorting-lock {
  font-size: 15px;
  padding: 5px;
  padding-left: 10px;
}
.sorting-lock i {
  cursor: pointer;
}
.sorting-lock .fa-unlock-alt {
  color: #2BA93A;
}
#results.sortable_active tr td.marker {
  cursor: move;
}
#results tr.sortable_started_dragging {
  border-spacing: 0;
}
.ui-sortable-helper {
  display: table;
}
.ui-state-highlight-table td {
  border-color: #ddf6e1 !important;
  background: #ddf6e1;
}
.customModuleIframe {
  width: 100%;
  height: 100%;
  height: -moz-calc(75%);
  height: -webkit-calc(75%);
  height: -o-calc(75%);
  height: calc(100% - 25px);
  border: 0;
}
/*# sourceMappingURL=zoso.css.map */