* {
  margin: 0px;
  padding: 0px;
  outline-style: none;
}

a, img {
  border: 0px solid #fff;
  outline: 0 !important;
}

html, body {
  height: 100%;
}

#fileOverview {
  height: 600px;
  overflow-y: scroll;
  position: relative;
  float: left;
  padding: 15px;
  width: 500px;
  border: 1px solid #d0d0d0;
  background-color: #fff;
}
#fileOverview #print_header {
  display: none;
}
#fileOverview .row {
  margin: 0;
}
#fileOverview .row div.file {
  float: left;
  display: table-cell;
  width: 33.333%;
  height: 120px;
  text-align: center;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #eeeeee;
}
#fileOverview .row div.file.active {
  box-shadow: inset 0 0 0 1px #000000;
}
#fileOverview img.img-responsive {
  display: inline !important;
}
#fileOverview .formulierOpmaak.video .row.input {
  margin: 0 0 5px;
}
#fileOverview .formulierOpmaak.video .row.input > div {
  height: 48px;
  line-height: 48px;
  font-weight: bold;
}
#fileOverview .formulierOpmaak.video .row.input .col-md-2 {
  padding-left: 0;
}
#fileOverview table.filterOverview {
  width: 100%;
}
#fileOverview div.file {
  padding: 5px;
  overflow: hidden;
}
#fileOverview div.file a.fileClick.image {
  display: block;
  padding: 10px 0;
  background: url("../img/bg-image.gif") left top repeat #eee;
}
#fileOverview div.file a.fileClick.image img {
  max-width: 90%;
}
#fileOverview div.file span {
  position: absolute;
  width: 100%;
  bottom: 5px;
  left: 0px;
}
#fileOverview div.file span small.nowrap {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-left: 10%;
  background-color: rgba(255, 255, 255, 0.6);
}

table {
  border: 0px solid #fff;
  line-height: 1.6em;
}

table tr th, table tr td {
  padding: 0;
  border-spacing: 0;
  text-align: left;
  vertical-align: top;
}

header, nav, article, section, aside, time, footer {
  display: block;
}

body {
  font-family: "Droid Sans", sans-serif;
}
body.login {
  background: url("../img/bg-login.jpg") center center no-repeat transparent;
  background-size: cover;
}
body.login header {
  padding: 23px 0;
  background-color: #fff;
}
body.login footer {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px 10px;
  border-top: 0px solid #d0d0d0;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0.5;
  transition: opacity 200ms ease-out;
}
body.login footer:hover {
  opacity: 1;
}
body.login footer .container {
  margin: 0;
  padding: 0;
  width: auto;
}
body.login footer .container p {
  margin: 0;
  color: #fff;
}
body.login footer .container a {
  margin: 0;
  color: #fff;
  text-decoration: none;
}
body.login footer .container a:hover {
  text-decoration: underline;
}
body a.cke_button {
  height: 19px;
}
body .cke_button__pp-media-library:after {
  content: "Media manager" !important;
  display: block;
  padding: 0 5px 0 21px;
  line-height: 20px;
  text-align: right;
  display: none !important;
}
body .cke_button__pp-media-library .cke_button_label {
  width: 70px;
  display: block;
  width: auto;
  display: block;
}
body #editProperties .cke_toolbox span.cke_toolbar span.cke_toolgroup .cke_button__pp-media-library .cke_button_icon.cke_button__pp-media-library_icon {
  background: url("../img/fce-icon-medialibrary.png") center center no-repeat transparent;
}
body .cke_button__pp-interne-link:after {
  content: "Interne link" !important;
  display: block;
  padding: 0 5px 0 21px;
  line-height: 20px;
  text-align: right;
  display: none !important;
}
body .cke_button__pp-interne-link .cke_button_label {
  width: auto;
  display: block;
}
body .cke_button__pp-cta-button:after {
  content: "CTA button" !important;
  display: block;
  padding: 0 5px 0 21px;
  line-height: 20px;
  text-align: right;
  display: none !important;
}
body .cke_button__pp-cta-button .cke_button_label {
  width: auto;
  display: block;
}
body .cke_button__youtube .cke_button_label {
  width: auto;
  display: none;
}

a {
  color: #c60b46;
}
a:hover {
  color: #c60b46;
}
a.light {
  color: #dcdcdc;
}
a.save:hover {
  color: #fff;
  text-decoration: none;
  background-color: #E9C51B;
}
a.informatie {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../img/icon-info.png") center center no-repeat transparent;
  overflow: hidden;
}

.textRight {
  text-align: right;
}

#mediaContainer p.errors {
  color: red;
}

.col-row {
  margin: 0 -15px;
  display: flex;
  align-items: stretch;
}

.col-row:after, .group:after {
  content: "";
  display: table;
  clear: both;
}

.col {
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
}
.col.small-padding {
  padding: 0 3px;
}

.size8 {
  width: 8.3333%;
}

.size10 {
  width: 10%;
}

.size14 {
  width: 14.2%;
}

.size17 {
  width: 16.6%;
}

.size20 {
  width: 20%;
}

.size25 {
  width: 25%;
}

.size30 {
  width: 30%;
}

.size33 {
  width: 33.3333%;
}

.size35 {
  width: 35%;
}

.size40 {
  width: 40%;
}

.size45 {
  width: 45%;
}

.size50 {
  width: 50%;
}

.size55 {
  width: 55%;
}

.size60 {
  width: 60%;
}

.size65 {
  width: 65%;
}

.size66 {
  width: 66.6666%;
}

.size70 {
  width: 70%;
}

.size75 {
  width: 75%;
}

.size80 {
  width: 80%;
}

.size85 {
  width: 85%;
}

.size100 {
  width: 100%;
  float: none;
  clear: both;
}

.container {
  margin: 0 auto;
  width: 980px;
  padding: 0 10px;
}
.container .buttons {
  padding: 10px 0 10px 0;
}

header {
  padding: 17px 0;
}
header a#logo {
  display: block;
  float: left;
  margin: 0 0 0 8px;
}
header a#logo img {
  display: block;
}
header nav#navLogin {
  float: right;
}
header nav#navLogin ul {
  margin: 0;
  list-style-type: none;
}
header nav#navLogin ul li {
  display: inline-block;
}
header nav#navLogin ul li a {
  display: block;
  margin: 0 0 0 30px;
  padding: 7px 15px;
  font-size: 1.6rem;
  background-color: transparent;
  border: 1px solid #999;
  color: #999;
  border-radius: 4px;
}
header nav#navTop {
  float: right;
}
header nav#navTop ul {
  margin: 0;
  list-style-type: none;
}
header nav#navTop ul li.dir > a:after {
  content: "";
  position: absolute;
  right: 1px;
  top: 16px;
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #c60b46;
}
header nav#navTop ul li a:hover {
  color: #c60b46;
}
header nav#navTop ul li:hover ul {
  display: block;
  z-index: 15;
}
header nav#navTop ul ul {
  position: absolute;
  right: 0;
  top: 31px;
  display: none;
  padding: 5px 0;
  min-width: 200px;
  text-decoration: none;
  background-color: #eee;
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
}
header nav#navTop ul ul:after {
  content: "";
  position: absolute;
  right: 0;
  top: -7px;
  width: 13px;
  height: 8px;
  background: url("../img/subnav-arrow-up.png") center top no-repeat transparent;
}
header nav#navTop ul ul li a {
  display: block;
  margin: 0;
  padding: 5px 10px;
  min-width: 150px;
  text-decoration: none;
}
header nav#navTop ul ul li a:hover {
  background-color: #fff;
}
header nav#navTop ul ul li.active a {
  color: #C60B46;
}
header nav#navTop > ul > li {
  position: relative;
  display: inline-block;
}
header nav#navTop > ul > li a {
  position: relative;
  display: inline-block;
  margin: 0 0 0 30px;
  padding: 8px 15px 8px 0;
  color: #484848;
  text-decoration: underline;
}
header .domain-select-list .domain-list-wrapper li.search-match a {
  color: white !important;
}
header .domain-select-list .domain-list-wrapper li.search-match:hover a {
  color: black !important;
}

header nav#navLogin ul li a:hover,
header nav#navLogin ul li.active a {
  text-decoration: none;
  color: #c60b46;
  border: 1px solid #c60b46;
}

nav#navSwitch {
  padding: 23px 0 0;
  height: 90px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #d0d0d0;
  box-sizing: content-box;
}
nav#navSwitch ul {
  list-style-type: none;
  margin: 0;
}
nav#navSwitch ul li {
  display: block;
  float: left;
}
nav#navSwitch ul li a {
  display: block;
  padding: 60px 0 10px 0;
  width: 137px;
  height: 20px;
  color: #373737;
  text-align: center;
  border: 0px solid #d0d0d0;
  box-sizing: content-box;
}
nav#navSwitch ul li a.dashboard {
  background: url("../img/button-dashboard.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.division {
  background: url("../img/button-indeling.png") center 10px no-repeat transparent;
}
nav#navSwitch ul li a.mediaManager {
  background: url("../img/button-media.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.activiteiten {
  background: url("../img/button-activiteiten.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.toetsen {
  background: url("../img/button-vouchers.png") center 25px no-repeat transparent;
}
nav#navSwitch ul li a.medewerkers {
  background: url("../img/button-employees.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.kenissessies {
  background: url("../img/button-knowledge.png") 52px 15px no-repeat transparent;
}
nav#navSwitch ul li a.social-feeds {
  background: url("../img/button-feeds.png") center 20px no-repeat transparent;
}
nav#navSwitch ul li a.users {
  background: url("../img/button-gebruikers.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.agencies {
  background: url("../img/button-agencies.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.banners {
  background: url("../img/button-banners.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.vacatures {
  background: url("../img/button-vacatures.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.objecten {
  background: url("../img/button-objecten.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.cross {
  background: url("../img/button-cross.png") center 11px no-repeat transparent;
}
nav#navSwitch ul li a.programma {
  background: url("../img/button-programma.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.dms {
  background: url("../img/button-dms.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.catalogus {
  background: url("../img/button-catalogus.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.formulieren {
  background: url("../img/button-formulieren.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.configuratie-microtron {
  background: url("../img/button-global-configuratie.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.extra-fields {
  background: url("../img/extra-fields.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.configuratie-msschippers {
  background: url("../img/button-global-configuratie.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.webquiz {
  background: url("../img/icon-poi-screen.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a.complaints {
  background: url("../img/button-formulieren.png") center 15px no-repeat transparent;
}
nav#navSwitch ul li a:hover {
  color: #c60b46;
  text-decoration: none;
  background-color: #fbfbfb;
}
nav#navSwitch ul li.active a {
  padding: 59px 0 11px 0;
  width: 135px;
  color: #c60b46;
  text-decoration: none;
  border: 1px solid #d0d0d0;
  border-bottom: 0px solid #d0d0d0;
  background-color: #fff;
}

#bcSpacer {
  height: 62px !important;
}

#breadcrumbs {
  padding: 0 0 0 10px;
  line-height: 32px;
  vertical-align: middle;
  background: url("../img/bg-grey-border.gif") left center repeat-x transparent;
}
#breadcrumbs.fixed {
  position: fixed;
  top: 0;
  left: 50%;
  margin: 0 0 0 -480px;
  padding: 15px 0 15px 10px;
  width: 957px;
  background-color: #fff;
  border-bottom: 1px solid #d0d0d0;
  z-index: 200;
}
#breadcrumbs.fixed .languages-floating {
  display: inline-block;
}
#breadcrumbs div.floatLeft {
  padding: 3px 7px 0 5px;
  background-color: #fff;
}
#breadcrumbs .floatLeft .btn-group {
  float: left;
}
#breadcrumbs .floatLeft .btn-group.open button {
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
  background-color: #eee;
}
#breadcrumbs .floatLeft button {
  padding: 6px 6px 6px 9px;
  color: #c60b46;
  border: 0px solid #fff;
  border-radius: 0px;
}
#breadcrumbs .floatRight {
  padding: 0 0 0 10px;
  background-color: #fff;
}
#breadcrumbs .floatRight a.cancel:hover {
  background-color: #eee;
  text-decoration: none;
}
#breadcrumbs .languages-floating {
  display: none;
  position: relative;
  margin-right: 5px;
  background: #f6f6f6;
  border: 1px solid #c5c5c5;
}
#breadcrumbs .languages-floating a.single-flag {
  position: relative;
  display: inline-block;
  margin: 0 0 0 15px;
  padding: 2px 15px 2px 0;
  color: #484848;
  text-decoration: underline;
}
#breadcrumbs .languages-floating .flags {
  position: absolute;
  right: -1px;
  top: 35px;
  display: none;
  padding: 5px 0;
  min-width: 100px;
  text-decoration: none;
  background-color: #f6f6f6;
  border: 1px solid #c5c5c5;
  margin: 0;
  list-style-type: none;
  z-index: 5;
}
#breadcrumbs .languages-floating .flags.open {
  display: block;
}
#breadcrumbs .languages-floating .flags a {
  display: block;
  margin: 0;
  padding: 5px 10px;
  min-width: 150px;
  text-decoration: none;
}
#breadcrumbs .languages-floating .flags li a {
  display: block;
  margin: 0;
  padding: 5px 10px;
  min-width: 150px;
  text-decoration: none;
  color: #484848;
}
#breadcrumbs .languages-floating .flags li a:hover {
  background-color: #fff;
  color: #c60b46;
}
#breadcrumbs .languages-floating .flags li.active a {
  color: #C60B46;
}

#breadcrumbs div.pageName,
#breadcrumbs span.spacer {
  display: block;
  float: left;
  padding: 0 10px;
}

#main #breadcrumbs .btn-group ul.dropdown-menu {
  margin: 0;
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
  border: 0px solid #fff;
  background-color: #eee;
  border-radius: 0px;
}
#main #breadcrumbs .btn-group ul.dropdown-menu li a {
  color: #333;
}
#main pre.error {
  margin: 20px 0 0;
  color: #f00;
  background-color: #ffe0e0;
  border: 1px solid #cd0101;
}
#main .container.mainContent {
  padding: 46px 0;
  width: 960px;
  box-sizing: content-box;
}
#main nav#navSide {
  float: left;
  margin: 4px 50px 0 0;
  width: 205px;
}
#main nav#navSide .navSet {
  margin: 0 0 25px;
}
#main nav#navSide .buttonSet {
  margin: 0 0 4px;
}

#main #breadcrumbs .btn-group ul.dropdown-menu li a:hover,
#main #breadcrumbs .btn-group ul.dropdown-menu li.active a {
  color: #c60b46;
  background-color: #fff;
}

#editProperties a.save,
#breadcrumbs .floatRight a {
  display: inline-block;
}

a.save,
#breadcrumbs .floatRight a.cancel {
  margin: 0 0 0 5px;
  padding: 3px 15px 3px 37px;
  line-height: 32px;
  color: #fff;
  font-weight: bold;
  background: url("../img/icon-savebutton.png") 12px center no-repeat #28b645;
  border-radius: 2px;
}

#editProperties a.save {
  float: left;
  margin: 0 0 0 15px;
  padding: 0 15px 0 37px;
  width: auto;
  height: 36px;
  line-height: 36px;
  font-size: 1.5rem;
  text-align: center;
}
#editProperties a.cancel {
  display: inline-block;
  float: left;
  margin: 0 0 0 15px;
  padding: 0 15px 0 37px;
  width: auto;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 1.5rem;
  text-indent: 0px;
  background-image: url("../img/icon-cancel-edit-w.png");
  background-color: #bbb;
  background-position: 12px center;
  border: 0px solid #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  height: 30px;
}
#editProperties a.cancel:hover {
  text-decoration: none;
  background-color: #999;
}
#editProperties fieldset .row .col-md-7.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#editProperties h1 {
  position: relative;
  margin: 0 0 40px;
  padding: 0 28px 0 0;
}
#editProperties h1 a.informatie {
  position: absolute;
  right: 0;
  top: 6px;
}
#editProperties form .fieldset {
  padding: 50px 10%;
  width: 100%;
}
#editProperties form .fieldset a#deleteThisPage {
  display: block;
  float: left;
  padding: 0 20px 0 42px;
  margin-right: 1rem;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 1.5rem;
  text-align: left;
  border: 0 solid #fff;
  border-radius: 2px;
  background: url("../img/icon-delete.png") 17px center no-repeat #ff4e4e;
}
#editProperties form .fieldset a#deleteThisPage:hover {
  background-color: #E9C51B;
}
#editProperties form fieldset.lower .row {
  padding: 7px 0;
}
#editProperties form fieldset .row.grey {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f9f9f9;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}
#editProperties form fieldset .row.grey .col-md-4 span {
  background-color: #F9F9F9;
}
#editProperties form fieldset .row span.cke_toolbox span.cke_toolbar span.cke_toolgroup a {
  box-sizing: content-box;
}
#editProperties form fieldset .row .col-md-7 {
  min-height: 34px;
  padding-top: 7px;
  height: auto;
  line-height: 1.3em;
}
#editProperties form fieldset .row #photoOverview .item {
  float: left;
  width: 20%;
  height: 100px;
}
#editProperties form fieldset .row #photoOverview .item img {
  padding: 5px;
}
#editProperties form fieldset .row #photoOverview .item.active img {
  background-color: #428bca;
}
#editProperties form fieldset #categorieen.scrollbox .btn-group li a label.checkbox {
  padding-bottom: 7px;
}
#editProperties form fieldset select.altWidth {
  width: 296px;
}
#editProperties textarea {
  resize: vertical;
  min-height: 100px;
}
#editProperties div.col-lg-12.image {
  padding: 5px;
  width: 505px;
  background: url("../img/bg-image.gif") left top repeat #eee;
}
#editProperties div.col-lg-12.image img {
  max-width: 100%;
}
#editProperties div.tab-content {
  padding: 35px 0;
}
#editProperties div.tab-content.bouwwerken {
  padding: 35px 0 5px 0;
}
#editProperties ul#bsTabs {
  border-color: #005f8c;
}
#editProperties ul#bsTabs .error a {
  color: #f00;
}
#editProperties ul#bsTabs li {
  margin-left: 10px;
}
#editProperties ul#bsTabs li a {
  padding: 10px 25px;
  color: #005f8c;
  font-size: 1.8rem;
  border-color: #005f8c;
  background-color: #f2f2f2;
  border-radius: 0px;
}
#editProperties ul#bsTabs li.active a {
  border-bottom-color: #ffffff;
  background-color: #fff;
}
#editProperties ul#bsTabs li.disabled a {
  color: #cccccc;
}

#breadcrumbs .floatRight a.cancel,
#editProperties a.cancel {
  margin: 0;
  padding: 2px 0;
  width: 43px;
  font-weight: normal;
  text-indent: -9999px;
  background: url("../img/icon-cancel-edit.png") center center no-repeat #f6f6f6;
  border: 1px solid #c5c5c5;
}

#dashboard .row h2.withSelect {
  height: 46px;
  line-height: 46px;
  font-size: 1.8rem;
}
#dashboard #stats {
  position: relative;
  float: left;
  margin: 0 0 50px 0;
  padding: 30px 30px 60px 30px;
  width: 568px;
  height: 89px;
  color: #292929;
  border: 1px solid #d0d0d0;
}
#dashboard #stats .stat {
  float: left;
  padding: 0 4%;
  width: 17%;
  height: 87px;
  text-align: center;
}
#dashboard #stats .stat .number {
  color: #005f8c;
  font-size: 2.2em;
}
#dashboard #stats .stat .statlabel {
  color: #292929;
  font-size: 1.5rem;
}
#dashboard #stats .statsTitle {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 12px;
  height: 34px;
  line-height: 34px;
  color: #494949;
  font-size: 0.9em;
  background-color: #f2f2f2;
}
#dashboard .fieldset .row {
  margin: 0;
  padding: 35px 40px;
}
#dashboard .fieldset .row.borderBottom {
  border-bottom: 1px solid #d0d0d0;
}
#dashboard .fieldset .row .col {
  float: left;
}
#dashboard .fieldset .row .col.size33 {
  padding: 0 3%;
  width: 27%;
}
#dashboard .fieldset h3 {
  float: none;
  margin: 0 0 15px;
  padding: 0 0 10px 30px;
  border-bottom: 1px solid #c2c2c2;
}
#dashboard .fieldset h3.medewerkers {
  background: url("../img/dashboard-medewerkers.png") left 4px no-repeat transparent;
}
#dashboard .fieldset h3.vestiging {
  background: url("../img/dashboard-vestiging.png") left 3px no-repeat transparent;
}
#dashboard .fieldset h3.catalogus {
  background: url("../img/dashboard-catalogus.png") left 6px no-repeat transparent;
}
#dashboard .fieldset h3.vacatures {
  background: url("../img/dashboard-vacatures.png") left 4px no-repeat transparent;
}
#dashboard .fieldset h3.sollicitatie {
  background: url("../img/dashboard-sollicitaties.png") left 2px no-repeat transparent;
}
#dashboard .fieldset h3.banners {
  background: url("../img/dashboard-banners.png") left 5px no-repeat transparent;
}
#dashboard .fieldset.blocks {
  padding: 34px 0 0;
  color: #000 !important;
}
#dashboard .fieldset.blocks ul {
  margin-left: 15px;
  list-style-type: circle;
  line-height: 1.6em;
  min-height: 45px;
}
#dashboard .fieldset.blocks .row ul li {
  list-style-type: circle !important;
  text-overflow: ellipsis;
}
#dashboard .fieldset.blocks .row ul li time {
  display: inline;
  font-size: 0.8em;
}
#dashboard .tabs {
  background: url("../img/bg-dashboard-table.gif") left top repeat-y transparent;
}
#dashboard .tabs ul {
  margin: 0;
  padding: 20px 0 20px 20px;
  width: 299px;
  border-right: 1px solid #c2c2c2;
  background-color: #f2f2f2;
  z-index: 1;
}
#dashboard .tabs ul li a {
  width: 288px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
#dashboard .tabs ul li a:hover {
  background-color: #FBFBFB;
}
#dashboard .tabs ul li.ui-state-active {
  position: relative;
  z-index: 10;
}
#dashboard .tabs ul li.ui-state-active a {
  width: 288px;
  border-color: #c2c2c2;
  border-right: 1px solid #fff;
}
#dashboard .tabs ul li.ui-state-active a:hover {
  background-color: #fff;
}
#dashboard .tabs > div {
  margin: 0;
  padding: 30px 50px 50px 50px;
  width: 638px;
  height: 100%;
  border: 0px solid #fff;
  border-left: 0px solid #c2c2c2;
  box-sizing: border-box;
}
#dashboard .tabs div table {
  width: 100%;
}
#dashboard .tabs div h2 {
  padding: 0 0 15px;
  border-bottom: 1px solid #c2c2c2;
}
#dashboard .tabs div a.article {
  display: inline;
}
#dashboard .tabs div time {
  display: inline;
}
#dashboard .tabs div.status-offline {
  background: url("../img/status-offline.png") left 7px no-repeat transparent;
}
#dashboard #tabs div.status-offline {
  background: url("../img/status-offline.png") left 7px no-repeat transparent;
}

.selectTitle {
  display: inline-block;
  width: 250px;
}
.selectTitle select {
  font-size: 1.8rem;
  padding: 5px 10px;
  color: #00608d;
  box-sizing: content-box;
}
.selectTitle select option {
  padding: 3px;
  color: #000;
  font-size: 1.4rem;
}

#dashboard .row .col-md-8,
#dashboard .row .col-md-4 {
  box-sizing: border-box;
}

#userData {
  position: relative;
  padding: 30px 20px;
  height: 119px;
  border: 1px solid #d0d0d0;
  background-color: #f9f9f9;
}
#userData p {
  margin: 0 0 20px;
  font-size: 1.4rem;
}
#userData p time {
  display: inline;
  font-weight: bold;
}
#userData ul {
  list-style-type: circle;
  margin: 0 0 0 15px;
}

#dashboard .tabs div.status-online,
#dashboard .tabs div.status-offline {
  margin: 0 0 7px;
  padding-left: 15px;
  background: url("../img/status-online.png") left 7px no-repeat transparent;
}

.helpInfoTabs ul li a.current {
  background-color: #FFF;
  border: 1px solid #c2c2c2;
  border-right: none;
  width: 189px;
}

#dashboard .buttons, .container section .buttons {
  padding: 20px 0 0;
}

#dashboard .buttons a.button, .container .buttons a.button {
  display: inline-block;
  padding: 5px 10px 5px 35px;
  border: 1px solid #c5c5c5;
}

#dashboard .buttons a.button.overview, .container .buttons a.button.overview {
  background: url("../img/button-overzicht.png") 10px center no-repeat #f6f6f6;
}

#dashboard .buttons a.button.add, .container .buttons a.button.add {
  background: url("../img/button-add.png") 12px center no-repeat #f6f6f6;
}

#dashboard .buttons a.button:hover, .container .buttons a.button:hover {
  text-decoration: none;
  background-color: #fff;
}

#browserSections {
  float: left;
  margin: 0 50px 0 0;
  width: 287px;
}
#browserSections .browserTop {
  padding: 45px 0 0 110px;
  height: 28px;
  background: url("../img/bg-browsertop.png") left top no-repeat transparent;
  box-sizing: content-box;
}
#browserSections .browserTop a {
  color: #929292;
  text-decoration: underline;
}
#browserSections .browserMiddle {
  padding: 20px;
  background: url("../img/bg-browsermiddle.png") left top repeat-y transparent;
  max-height: 500px;
  overflow: scroll;
}
#browserSections .browserMiddle .topRow {
  padding-left: 0px;
  padding-right: 0px;
}
#browserSections .browserMiddle .midRow {
  margin: 0 -5px;
  text-align: justify;
}
#browserSections .browserMiddle .midRow:before {
  display: none;
}
#browserSections .browserMiddle i {
  display: block;
  clear: both;
  padding: 5px 0 0;
  color: #b3b3b3;
  font-size: 0.9em;
}
#browserSections .browserBottom {
  height: 7px;
  background: url("../img/bg-browserbottom.png") left top no-repeat transparent;
}
#browserSections a.section {
  position: relative;
  display: inline-block;
  margin: 0 0 5px;
  padding: 60px 0 5px;
  height: 28px;
  font-size: 0.8em;
  text-align: center;
  background-color: #fff;
  overflow: hidden;
  background-position: center 10px;
  background-size: auto 40px;
  background-repeat: no-repeat;
  box-sizing: content-box;
  box-shadow: 0px 0px 0px 1px #d0d0d0 inset;
}
#browserSections a.section.sfeerbeeld {
  background-image: url("../img/icon-sfeerbeeld.png");
}
#browserSections a.section.text {
  background-image: url("../img/icon-text.png");
}
#browserSections a.section.widget {
  background-image: url("../img/icon-widget.png");
}
#browserSections a.section.banner {
  background-image: url("../img/icon-banner.png");
  background-size: 60px auto;
  background-position: center 20px;
}
#browserSections a.section.module {
  background-image: url("../img/icon-module.png");
}
#browserSections a span.labels {
  position: absolute;
  left: 7px;
  top: 5px;
  display: block;
}
#browserSections a span.labels img {
  display: inline-block;
}

#browserSections a.section:hover,
#browserSections a.section.active {
  text-decoration: none;
  background-color: #eefaff;
  box-shadow: 0px 0px 0px 1px #7d7d7d inset;
}

#browserSections a.section.col-md-4,
#browserSections a.section.col-md-6,
#browserSections a.section.col-md-7,
#browserSections a.section.col-md-8,
#browserSections a.section.col-md-12 {
  display: inline-block;
}

#editContent {
  float: left;
  padding: 15px 0;
  width: 620px;
}

#editProperties,
#dashboard {
  float: none;
  padding: 25px 0;
  width: 100%;
}

h1,
h2,
h3 {
  float: left;
  margin: 0;
  color: #00608d;
  font-size: 1.8em;
  font-weight: normal;
  background-position: left center;
  background-size: 30px auto;
  background-repeat: no-repeat;
}

h1 {
  margin: 0 0 20px;
}
h1.sfeerbeeld {
  padding: 0 0 0 45px;
  background-image: url("../img/icon-sfeerbeeld.png");
}
h1.text {
  padding: 0 0 0 45px;
  background-image: url("../img/icon-text.png");
}
h1.widget {
  padding: 0 0 0 45px;
  background-image: url("../img/icon-widget.png");
  background-size: auto 28px;
}
h1.banner {
  padding: 0 0 0 45px;
  background-image: url("../img/icon-banner.png");
  background-size: 35px auto;
  background-position: left center;
}
h1.module {
  padding: 0 0 0 45px;
  background-image: url("../img/icon-module.png");
}

h2 {
  float: none;
  margin: 0 0 20px;
  font-size: 1.6em;
  padding: 0;
}

h3 {
  font-size: 1.4em;
}

section#editProperties a.informatie {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../img/icon-info.png") center center no-repeat transparent;
  overflow: hidden;
}

#languageSwitch a {
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 3px 8px 3px 30px;
  color: #fd4d52;
  border: 1px solid #c5c5c5;
  background-color: #f6f6f6;
  background-position: 8px center;
  background-repeat: no-repeat;
}
#languageSwitch a.nl {
  background-image: url("../img/flags/nl.png");
}
#languageSwitch a.en {
  background-image: url("../img/flags/en.png");
}
#languageSwitch a.fr {
  background-image: url("../img/flags/fr.png");
}
#languageSwitch a.de {
  background-image: url("../img/flags/de.png");
}
#languageSwitch a.pl {
  background-image: url("../img/flags/pl.png");
}

#languageSwitch a:hover,
#languageSwitch a.active {
  background-color: #fbffb8;
}

#editContent form fieldset,
#editProperties form fieldset,
.fieldset {
  position: relative;
  margin: 0 0 40px;
  padding: 20px;
  border: 1px solid #d0d0d0;
}

#editContent form .fieldset,
#editProperties form .fieldset {
  display: inline-block;
  padding: 50px;
  width: auto;
}

#editProperties form .fieldset a#deleteThisPage:hover,
#editProperties form .fieldset a#deleteThisPage:focus {
  text-decoration: none;
}

.toparrow {
  position: absolute;
  left: 38px;
  top: -14px;
  width: 25px;
  height: 14px;
  background: url("../img/arrow-top-fieldset.png") center center no-repeat transparent;
}
.toparrow.dark {
  background: url("../img/arrow-top-fieldset-dark.png");
}
.toparrow.martijnKleur {
  background: url("../img/arrow-top-fieldset-martijn.png");
}

form fieldset > .flag,
form .fieldset > .flag {
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 10px;
  border-left: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  background-color: #fbffb8;
}

form fieldset > .flag > img {
  display: block;
}

#editContent form fieldset .row,
#editProperties form fieldset .row {
  margin: 0;
  padding: 10px 0;
}

.row.error input,
.row.error textarea,
.row.error select,
.input-group.error input,
.input-group.error textarea,
.input-group.error select,
.col-md-6.error input,
.col-md-6.error textarea,
.col-md-6.error select,
.col-md-5.error input,
.col-md-5.error textarea,
.col-md-5.error select {
  border: 1px solid #F00;
}

.row.error .col-md-4, .row.error .col-md-12, .col-md-6.error .col-md-12, .col-md-5.error .col-md-12 {
  color: #F00;
}

#editContent form fieldset .row *,
#editProperties form fieldset .row * {
  box-sizing: border-box;
}

#editContent form fieldset .row > div,
#editProperties form fieldset .row > div {
  height: 34px;
  line-height: 34px;
}

#editContent form fieldset .row.heightAuto > div,
#editProperties form fieldset .row.heightAuto > div {
  height: auto;
}

#editContent form fieldset div.col-md-4,
#editContent form fieldset div.col-md-11.description,
#editProperties form fieldset div.col-md-4,
#editProperties form fieldset div.col-md-11.description {
  padding-left: 0;
  background: url("../img/pixel-grey.gif") left 17px repeat-x transparent;
}

#editContent form fieldset div.col-md-11.description,
#editProperties form fieldset div.col-md-11.description {
  padding: 0;
  width: 826px;
}

.noPadding {
  padding: 0;
}

#editContent form fieldset div.col-md-4 span,
#editContent form fieldset div.col-md-11.description span,
#editProperties form fieldset div.col-md-4 span,
#editProperties form fieldset div.col-md-11.description span {
  background-color: #fff;
  padding: 0 10px 0 0;
}

#editContent form fieldset div.col-md-4 span.withArrow,
#editProperties form fieldset div.col-md-4 span.withArrow {
  display: inline-block;
  padding-left: 81px;
  height: 34px;
  background: url("../img/enter-arrow.png") 39px -10px no-repeat #fff;
}

#editContent form time,
#editProperties form time {
  display: inline;
  font-weight: bold;
  cursor: pointer;
}

#editContent form .previewImage,
#editProperties form .previewImage {
  height: auto;
  margin: 0 0 20px;
}

#editContent form .previewImage img,
#editProperties form .previewImage img {
  display: block;
}

#ciEditForm textarea.form-control.editor {
  min-width: 594px;
}
#ciEditForm .row .col-md-8 a.remove {
  margin: 15px 0 0;
  padding: 5px 10px 5px 26px;
  border: 1px solid #c5c5c5;
  background: url("../img/remove.png") 7px center no-repeat #f6f6f6;
}
#ciEditForm .multiselect-container.dropdown-menu {
  width: 100%;
}
#ciEditForm .multiselect-container > li {
  overflow: hidden;
  text-overflow: ellipsis;
}

#ciEditForm a#showSource,
#ciEditForm a#hideSource {
  display: inline-block;
  margin: 15px 0 0;
  padding: 3px 10px 3px 31px;
  border: 1px solid #c5c5c5;
  background: url("../img/show-code.png") 7px center no-repeat #f6f6f6;
}

.form-control.media-search {
  display: inline-block;
  height: inherit;
  width: inherit;
  border-radius: 0px;
}

.btn-default.media-search {
  float: none;
  padding: 6px 12px 6px 25px !important;
  margin: -2px 12px 0 5px !important;
  background: url(../img/icon-resize-image.png) 7px center no-repeat #f6f6f6;
}

ul.multiselect-container {
  width: 100%;
}
ul.ui-autocomplete {
  list-style-type: none;
  width: 300px;
  background-color: #EEEEEE;
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}
ul.ui-autocomplete li a {
  display: block;
  padding: 5px 8px;
  cursor: pointer;
}
ul.ui-autocomplete li a:hover {
  text-decoration: none;
  background-color: #fff;
}
ul.structure {
  list-style-type: none;
  padding: 0;
}
ul.structure ul {
  list-style-type: none;
}

button b.caret {
  position: absolute;
  right: 7px;
  top: 13px;
  border-left-width: 3px;
  border-right-width: 3px;
  border-top-width: 6px;
}

fieldset .row .btn-group button.btn {
  color: #838383;
  border-color: #ccc;
  background-color: #fff;
}
fieldset .row .btn-group button.btn.active {
  font-weight: bold;
}
fieldset .row .btn-group button.btn.on.active {
  background-color: #c3e54e;
  color: #333333;
}
fieldset .row .btn-group button.btn.off.active {
  color: #fff;
  background-color: #ff4e4e;
}

section {
  float: right;
  width: 705px;
}
section form fieldset .row img.adminOnly {
  display: inline-block;
  margin: -2px 5px 0 0;
}

#letterCounter {
  text-align: right;
}

span.ui-helper-hidden-accessible {
  display: none;
}

body .cke_button__pp-media-library:hover,
body .cke_button__pp-interne-link:hover,
body .cke_button__pp-cta-button:hover {
  text-decoration: none;
  color: inherit;
}

#navSide .buttonSet a.page {
  background: url("../img/button-page.png") 10px center no-repeat transparent;
}
#navSide .buttonSet a.nav {
  background: url("../img/button-nav.png") 10px center no-repeat transparent;
}
#navSide .buttonSet a.module {
  background: url("../img/button-module.png") 10px center no-repeat transparent;
}
#navSide .buttonSet a.categories {
  background: url("../img/button-categories.png") 10px center no-repeat transparent;
}
#navSide .buttonSet a.manage {
  display: block;
  float: left;
  padding: 0 0 0 36px;
  width: 129px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 1.4rem;
  text-align: left;
  border: 0px solid #fff;
  background-color: #ff4e4e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 2px;
}
#navSide .buttonSet a.manage.plus {
  float: right;
  padding: 0;
  width: 36px;
  background-image: url("../img/nav-add-new.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#navSide .buttonSet.level1 {
  padding-left: 36px;
}
#navSide .buttonSet.level1 a.manage.module {
  width: 119px;
  background-image: none;
  padding-left: 10px;
}

#navSide .buttonSet a.manage:hover,
#navSide .buttonSet a.manage:focus,
#navSide .buttonSet a.active {
  text-decoration: none;
  background-color: #e9c51b;
}

a.defStyle:hover,
a.defStyle:focus,
a.defStyle {
  background-color: #ff4e4e !important;
  cursor: default !important;
}

section#pageOverview ul,
section#pageOverview ul li {
  display: block;
  padding: 0;
}

section#pageOverview ul li {
  margin: 4px 0 0;
}
section#pageOverview ul.structure {
  margin: 0;
}
section#pageOverview ul.structure ul ul {
  margin: 0 0 0 35px;
}
section#pageOverview ul.structure li .page.concept {
  font-style: italic;
}
section#pageOverview > .page {
  margin: 0 0 4px;
}
section#pageOverview .page .topBar {
  height: 34px;
  line-height: 34px;
  border: 1px solid #ccc;
  background-color: #eee;
  box-sizing: content-box;
}
section#pageOverview .page .topBar .drag {
  width: 34px;
  border-left: 0px solid #ccc;
  border-right: 1px solid #ccc;
  cursor: grab;
  cursor: -webkit-grab;
  background: url("../img/button-drag.png") center center no-repeat #f9f9f9;
}
section#pageOverview .page .topBar .drag.disabled {
  cursor: default;
  background-image: url("../img/button-drag-disabled.png");
}
section#pageOverview .page .topBar .klink {
  float: right !important;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 45px;
  background: url("../img/klink-down.png") center center no-repeat #f9f9f9;
  border-left: 1px solid #ccc;
  cursor: pointer;
}
section#pageOverview .page .topBar .klink:hover {
  background-color: #fff;
}
section#pageOverview .page .pageTitle {
  width: 310px;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 0 0 34px;
  background: url("../img/page-online.png") 13px center no-repeat transparent;
}
section#pageOverview .page .pageTitle.offline {
  background: url("../img/page-offline.png") 13px center no-repeat transparent;
}
section#pageOverview .page.level01 .pageTitle {
  max-width: 359px;
}
section#pageOverview .page.level02 .pageTitle {
  max-width: 323px;
}
section#pageOverview .page .adminOnly {
  background: url("../img/page-admin.png") center center no-repeat transparent;
}
section#pageOverview .page .edit {
  background: url("../img/page-editable.png") center center no-repeat transparent;
  background: url("../img/page-editable.png") center center no-repeat transparent;
}
section#pageOverview .page .edit.no {
  background: url("../img/page-not-editable.png") center center no-repeat transparent;
}
section#pageOverview .page .visibilityNav {
  background: url("../img/page-visnav.png") center center no-repeat transparent;
}
section#pageOverview .page .linkIn {
  background: url("../img/page-linkin.png") center center no-repeat transparent;
}
section#pageOverview .page .linkOut {
  background: url("../img/page-linkout.png") center center no-repeat transparent;
}
section#pageOverview .page .module {
  background: url("../img/page-module.png") center center no-repeat transparent;
}
section#pageOverview .page .page {
  background: url("../img/page-pagina.png") center center no-repeat transparent;
}
section#pageOverview .page.open .topBar .klink {
  background: url("../img/klink-up.png") center center no-repeat #7ee3ae;
}
section#pageOverview .page.open .topBar .klink:hover {
  background-color: #8eedbb;
}
section#pageOverview .page .contentBar {
  display: none;
  margin: 0 0 0 35px;
  padding: 3%;
  width: auto;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-top: 0px solid #ccc;
  overflow: hidden;
  box-sizing: content-box;
}
section#pageOverview .page .contentBar .floatLeft {
  width: 60%;
}
section#pageOverview .page .contentBar .buttons {
  height: 100%;
}
section#pageOverview .placeholder {
  height: 36px;
  margin: 4px 0 !important;
  background: url("../img/bg-placeholder.gif") center center repeat transparent;
  text-indent: -9999px;
  box-sizing: content-box;
}
section#pageOverview .contentBar table {
  width: 100%;
  font-size: 0.9em;
  line-height: 1.6em;
}
section#pageOverview .contentBar table tr th {
  width: 125px;
}
section#pageOverview .contentBar .buttons a {
  display: inline-block;
  padding: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 1.5rem;
  text-indent: -9999px;
  background: url("../img/button-edit-page-content.png") center center no-repeat #28b645;
  border-radius: 2px;
}
section#pageOverview .contentBar .buttons a.editPage {
  margin: 0 1px 0 0;
  background: url("../img/button-edit-page.png") center center no-repeat #E9C51B;
}
section#pageOverview .contentBar .buttons a.deletePage {
  background: url("../img/button-delete-page.png") center center no-repeat #ea2727;
}
section#pageOverview .contentBar .buttons a.savePageContent {
  margin: 0 1px 0 0;
  background: url("../img/icon-savebutton.png") center center no-repeat #28b645;
}
section#pageOverview .contentBar .buttons a.deletePageContent {
  margin: 0 1px 0 0;
  background: url("../img/icon-delete.png") center center no-repeat #ff4e4e;
}
section#pageOverview .contentBar .buttons a:hover {
  text-decoration: none;
  opacity: 0.7;
}

section#pageOverview .page .topBar .drag,
section#pageOverview .page .topBar .adminOnly,
section#pageOverview .page .topBar .visibilityNav,
section#pageOverview .page .topBar .edit,
section#pageOverview .page .topBar .linkIn,
section#pageOverview .page .topBar .linkOut,
section#pageOverview .page .topBar .page,
section#pageOverview .page .topBar .klink,
section#pageOverview .page .topBar .module {
  float: left;
  width: 34px;
}

section#pageOverview .page .topBar .adminOnly,
section#pageOverview .page .topBar .visibilityNav,
section#pageOverview .page .topBar .edit,
section#pageOverview .page .topBar .linkIn,
section#pageOverview .page .topBar .linkOut,
section#pageOverview .page .topBar .module,
section#pageOverview .page .topBar .page {
  float: right;
}

#filters {
  margin: 4px 0 20px;
  background-color: #f2f2f2;
  padding: 10px;
}
#filters > * {
  display: block;
  float: left;
  margin: 0 8px 0 0;
  border-radius: 2px;
}
#filters > i {
  width: 50px;
  line-height: 34px;
  text-align: center;
}
#filters > select {
  width: 160px;
}
#filters select option {
  padding: 3px;
}
#filters > input:not(.no-size) {
  width: 110px;
  height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}
#filters button {
  padding-left: 30px;
}
#filters button.add {
  background: url("../img/nav-add-new.png") 9px center no-repeat #449dc7;
}
#filters button.add:hover {
  background-color: #348db7;
}
#filters button.add-dropdown {
  background-color: #449dc7;
  padding-left: 15px;
}
#filters button.add-dropdown:hover {
  background-color: #348db7;
}
#filters button.edit {
  background: url("../img/nav-edit.png") 9px center no-repeat #449dc7;
}
#filters button.edit:hover {
  background-color: #348db7;
}
#filters button.search {
  background: url("../img/icon-search.png") 9px center no-repeat #449dc7;
}
#filters button.search:hover {
  background-color: #348db7;
}
#filters button.reset {
  margin: 0;
  background: url("../img/icon-refresh.png") 8px center no-repeat #9e9e9e;
  border-color: #777;
}
#filters button.reset:hover {
  background-color: #888;
}
#filters a {
  padding-left: 30px;
}

#newsOverview {
  margin: 0 0 50px;
  width: 100%;
}
#newsOverview tr th a {
  color: #000;
  font-size: 1.1em;
  font-weight: bold;
}
#newsOverview tr th a.text img {
  display: inline-block;
  margin: 0 0 0 5px;
}
#newsOverview tr th a:hover {
  text-decoration: none;
  color: #c60b46;
}
#newsOverview tr th a img {
  display: inline-block;
  float: left;
  padding: 7px 6px 0 0;
}
#newsOverview tr td {
  padding: 10px;
  vertical-align: middle;
}
#newsOverview tr td .klink {
  float: right;
  width: 26px;
  height: 18px;
  padding: 5px;
  margin: 0 5px 0 0;
  background: url("../img/klink-down.png") center center no-repeat;
  border: 1px solid #d0d0d0;
  cursor: pointer;
}
#newsOverview tr td .klink.open {
  background: url("../img/klink-up.png") center center no-repeat;
}
#newsOverview tr td .klink:hover {
  background-color: #fff;
}
#newsOverview tr td a.button {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 5px;
  width: 26px;
  height: 18px;
  border: 1px solid #d0d0d0;
}
#newsOverview tr td a.button.active {
  background-color: #ddd;
}
#newsOverview tr td a.button.closeAct {
  padding: 5px 3px 5px 7px;
}
#newsOverview tr td a.button:hover {
  background-color: #fff;
}
#newsOverview tr td a.button img {
  display: block;
}
#newsOverview tr:nth-child(even) > td {
  background-color: #f9f9f9;
}
#newsOverview tr:hover > td {
  background-color: #eaf6fc;
}
#newsOverview tr.highlight > td {
  background-color: #eaf6fc;
}
#newsOverview tr.edit > td {
  background-color: #eaf6fc;
}
#newsOverview.agency tr th.status {
  width: 13px;
}
#newsOverview.agency tr th.edit {
  width: 130px;
}

#newsOverview tr td,
#newsOverview tr th {
  padding: 5px 10px;
  border-bottom: 1px solid #d0d0d0;
  word-break: break-word;
}

#pagingWrapper {
  position: relative;
  padding: 30px;
  border: 1px solid #d0d0d0;
}
#pagingWrapper span {
  line-height: 34px;
}
#pagingWrapper select {
  width: 30%;
}
#pagingWrapper select option {
  padding: 4px;
}
#pagingWrapper ul.pagination {
  display: block;
  float: right;
  margin: 0;
  border-radius: 2px;
}
#pagingWrapper ul.pagination li a {
  color: #fd4d52;
  background-color: #f6f6f6;
  border-color: #c5c5c5;
}

#pagingWrapper span,
#pagingWrapper select {
  display: block;
  float: left;
  margin: 0 2% 0 0;
  width: 23%;
  border-radius: 2px;
}

#pagingWrapper ul.pagination li a:hover,
#pagingWrapper ul.pagination li.active a {
  color: #fff;
  background-color: #e9c51b;
  border-color: #dbb70d;
}

section#login {
  margin: 110px 0 auto;
  width: 100%;
}
section#login h1 {
  float: none;
  margin: 0 0 25px;
  color: #fff;
  font-size: 3.2rem;
  line-height: 1.4em;
  text-align: center;
}
section#login p.error {
  margin: 0 0 10px;
  padding: 20px;
  color: #fff;
  background-color: rgba(220, 0, 0, 0.2);
  border: 1px solid #dc0000;
  border-radius: 6px;
}
section#login form select {
  padding: 12px 2%;
  font-weight: normal;
}
section#login form select option {
  padding: 3px;
  font-size: 0.9em;
}
section#login form input.username {
  margin: 0 0 1px;
  background: url("../img/input-username.png") 5% center no-repeat #fff;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
section#login form input.password {
  background: url("../img/input-password.png") 6% center no-repeat #fff;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
section#login form input[type=submit] {
  margin: 20px 0;
  padding: 0;
  width: 100%;
  height: 56px;
  font-family: "Droid Sans", sans-serif;
  font-size: 2rem;
  color: #fff;
  font-weight: normal;
  background-color: #c60b46;
  border-radius: 6px;
}
section#login form label[for=rememberMe] {
  text-align: center;
  font-weight: normal;
  color: #dcdcdc;
  cursor: pointer;
}
section#login form input#rememberMe {
  display: block;
  float: left;
  margin: 4px 8px 0 0;
  width: auto;
}
section#login form .col-md-6 {
  box-sizing: border-box;
}

section#login form input,
section#login form select {
  display: block;
  width: 100%;
  padding: 15px 2% 15px 15%;
  font-family: "Droid Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  border: 0px solid #fff;
  box-sizing: border-box;
}

section#login form input[type=submit]:focus,
section#login form input[type=submit]:hover {
  background-color: #f63b76;
}

#login p {
  color: #fff;
  padding: 20px;
  text-align: center;
}

footer {
  padding: 50px 0;
  border-top: 1px solid #d0d0d0;
  text-align: right;
}
footer a {
  text-decoration: underline;
}

footer p,
footer a {
  color: #484848;
}

body.login footer .container:before,
body.login footer .container:after {
  display: none;
}

#helpOverlay {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(70, 70, 70, 0.25);
  z-index: 3000;
  overflow: auto;
}
#helpOverlay .container {
  position: relative;
  margin: 100px auto;
  padding: 30px 30px 50px 15px;
  width: 830px;
  background-color: #f2f2f2;
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
}
#helpOverlay .container h1 {
  float: none;
}
#helpOverlay .container a#closeHelp {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
  background: url("../img/closehelp.png") center center no-repeat #b6b6b6;
}
#helpOverlay .container a#closeHelp:hover {
  background-color: #555;
}

.tabs ul {
  position: relative;
  float: left;
  width: 200px;
  list-style-type: none;
  z-index: 20;
}
.tabs ul li {
  display: block;
}
.tabs ul li a {
  display: block;
  padding: 15px 0 15px 11px;
  color: #333;
}
.tabs ul li.ui-state-active a {
  padding: 15px 0 15px 10px;
  width: 190px;
  border: 1px solid #c2c2c2;
  border-right: 1px solid #fff;
  background-color: #fff;
}
.tabs > div {
  position: relative;
  display: none;
  float: right;
  margin: 0 0 0 -5px;
  padding: 45px;
  width: 538px;
  min-height: 200px;
  border: 1px solid #c2c2c2;
  background-color: #fff;
  z-index: 10;
}
.tabs p {
  margin: 0 0 25px;
  line-height: 1.7em;
}

.tabs ul li a:hover,
.tabs ul li a:focus {
  text-decoration: none;
}

#page-header.mediaManager {
  display: none;
}

.bs-docs-section {
  padding: 12px;
  background-color: #f2f2f2;
  overflow: hidden;
}

#mediaContent {
  width: 75%;
}

#permissionOverview {
  height: 600px;
  overflow-y: scroll;
  position: relative;
  float: left;
  padding: 15px;
  width: 850px;
  border: 1px solid #d0d0d0;
  background-color: #fff;
}

#mediaNavigation {
  margin: 0 25px;
  padding: 0;
  height: 727px;
}
#mediaNavigation #tree {
  padding: 0;
  height: 100%;
}
#mediaNavigation #tree > ul {
  padding: 3%;
  width: 94%;
  height: 94%;
  width: auto;
  border: 1px solid #d0d0d0;
}

#mediaNav {
  position: relative;
  display: inline-block;
  margin: 0 0 15px;
  padding: 10px;
  width: auto;
  background-color: #fff;
  border: 1px solid #d0d0d0;
}
#mediaNav .btn-group > a {
  margin: 0 12px 0 0;
  padding: 4px 12px 4px 25px;
  border: 1px solid #d0d0d0;
  background-color: #f6f6f6;
  border-radius: 0px;
}
#mediaNav .btn-group a.upload {
  background: url("../img/icon-upload.png") 8px center no-repeat #f6f6f6;
}
#mediaNav .btn-group a.createMap {
  background: url("../img/icon-createmap.png") 7px center no-repeat #f6f6f6;
}
#mediaNav .btn-group a.backButton {
  background: url("../img/icon-cancel-edit.png") 5px center no-repeat #f6f6f6;
}
#mediaNav .btn-group a.deleteMap {
  background: url("../img/icon-deletemap.png") 8px center no-repeat #f6f6f6;
  margin: 0;
}
#mediaNav .btn-group a.setRights {
  background: url("../img/icon-edit-employee.png") 0px center no-repeat #f6f6f6;
  margin: 0;
  margin-left: 12px;
}
#mediaNav .btn-group a:hover {
  background-color: #fff !important;
}

#moduleNav {
  position: relative;
  display: inline-block;
  margin: 0 0 15px;
  width: auto;
}
#moduleNav .btn-group > a {
  margin: 0 12px 0 0;
  padding: 4px 12px 4px 25px;
  border: 1px solid #d0d0d0;
  background-color: #f6f6f6;
  border-radius: 0px;
}
#moduleNav .btn-group a.upload {
  background: url("../img/icon-upload.png") 8px center no-repeat #f6f6f6;
}
#moduleNav .btn-group a.createMap {
  background: url("../img/icon-createmap.png") 7px center no-repeat #f6f6f6;
}
#moduleNav .btn-group a.deleteMap {
  background: url("../img/icon-deletemap.png") 8px center no-repeat #f6f6f6;
  margin: 0;
}
#moduleNav .btn-group a.setRights {
  background: url("../img/icon-edit-employee.png") 0px center no-repeat #f6f6f6;
  margin: 0;
  margin-left: 12px;
}
#moduleNav .btn-group a:hover {
  background-color: #fff !important;
}

.leftarrow {
  position: absolute;
  left: -14px;
  top: 12px;
  width: 14px;
  height: 27px;
  background: url("../img/arrow-left-fieldset.png") center center no-repeat transparent;
}

#fileDetail {
  position: relative;
  margin: 0 0 0 40px;
  padding: 15px;
  height: 600px;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
  padding-left: 15px;
  width: 300px;
}
#fileDetail .row #photo .jcrop-holder {
  margin: 5%;
  border: 1px solid #c8c8c8;
}
#fileDetail .row.photo {
  margin: 0;
}
#fileDetail .row.photoInfo {
  text-align: center;
  margin-bottom: 10px;
}
#fileDetail .row.photoName {
  margin-bottom: 20px;
}
#fileDetail .row.photoName * {
  box-sizing: border-box;
}
#fileDetail .row.photoName span {
  display: block;
  margin-top: 5px;
}
#fileDetail .row.photoName span.input-group-addon {
  display: table-cell;
}
#fileDetail .row.photoName .input-group input {
  width: 100%;
}
#fileDetail .row .btn-group button.btn.on.active {
  background-color: #c3e54e;
  color: #333333;
}
#fileDetail .row .btn-group button.btn.active {
  font-weight: bold;
}
#fileDetail .row .btn-group button.btn.off.active {
  color: #fff;
  background-color: #ff4e4e;
}
#fileDetail #photo > img {
  display: block;
  margin-left: -15px;
  border: 1px solid #c8c8c8;
  max-width: 100%;
}
#fileDetail .btn-group {
  margin: 0 0 15px;
}
#fileDetail .btn-group > a {
  margin: 0 12px 0 0;
  padding: 4px 12px 4px 25px;
  border: 1px solid #d0d0d0;
  background-color: #f6f6f6;
  border-radius: 0px;
}
#fileDetail .btn-group > a:hover {
  background-color: #fff !important;
}
#fileDetail .btn-group a#cropButton {
  margin-left: 44px;
  background: url("../img/icon-crop-image.png") 7px center no-repeat #f6f6f6;
  margin-bottom: 0.8rem;
}
#fileDetail .btn-group a#resizeButton {
  background: url("../img/icon-resize-image.png") 7px center no-repeat #f6f6f6;
  margin-bottom: 0.8rem;
}
#fileDetail .btn-group a#rotateButton {
  margin-left: 44px;
  margin-bottom: 0.8rem;
  background: url("../img/button-rotate.png") 7px center no-repeat #f6f6f6;
  margin-bottom: 0.8rem;
  background-size: 12px;
}
#fileDetail .btn-group a#rotateLeft {
  margin-left: 26px;
  background: url("../img/icon-rotate-left.png") 7px center no-repeat #f6f6f6;
  background-size: 12px;
}
#fileDetail .btn-group a#rotateRight {
  background: url("../img/icon-rotate-right.png") 7px center no-repeat #f6f6f6;
  margin-bottom: 0.8rem;
  margin-bottom: 0.8rem;
  background-size: 12px;
  background-position-x: 92%;
  padding-left: 5px;
  padding-right: 23px;
}
#fileDetail #mediaData .row {
  margin: 0;
}
#fileDetail #mediaData ul {
  list-style-type: none;
}
#fileDetail .buttons br {
  display: none;
}
#fileDetail .buttons input[type=button] {
  display: block;
  margin: 0 auto 10px;
  width: 53%;
  padding: 4px 12px 4px 30px;
  text-align: left;
  border: 1px solid #d0d0d0;
  background-color: #f6f6f6;
}
#fileDetail .buttons input#saveButton {
  background: url("../img/icon-savebutton-file.png") 10px center no-repeat #f6f6f6;
}
#fileDetail .buttons input#saveButtonCopy {
  background: url("../img/icon-savebutton-copyfile.png") 10px center no-repeat #f6f6f6;
}
#fileDetail .buttons input#addButton {
  background: url("../img/icon-addbutton-file.png") 10px center no-repeat #f6f6f6;
}
#fileDetail .buttons input#delButton {
  background: url("../img/icon-deletemap.png") 10px center no-repeat #f6f6f6;
}
#fileDetail .buttons input:hover {
  background-color: #fff !important;
}
#fileDetail .buttons input.disabled {
  opacity: 0.65;
}
#fileDetail #resize {
  margin: 0 0 10px;
  border: 1px solid #d0d0d0;
}
#fileDetail #resize > div {
  padding: 15px 15px 0 15px;
}
#fileDetail #resize * {
  box-sizing: border-box;
}
#fileDetail #resize b.title {
  display: block;
  padding: 5px 0 5px 27px;
  background: url("../img/icon-resize-image.png") no-repeat scroll 7px center transparent;
}
#fileDetail #resize .col-md-6 {
  margin: 0;
  margin-left: -15px;
}
#fileDetail #resize label {
  text-align: left;
  padding-bottom: 5px;
  font-weight: normal;
}
#fileDetail #cancelButton {
  margin: 0 0 10px;
  border: 1px solid #d0d0d0;
}
#fileDetail #cancelButton > div {
  padding: 15px 15px 0 15px;
}
#fileDetail #cancelButton * {
  box-sizing: border-box;
}
#fileDetail #cancelButton b.title {
  display: block;
  padding: 5px 0 5px 27px;
  background: url("../img/icon-crop-image.png") no-repeat scroll 7px center transparent;
}
#fileDetail #cancelButton p {
  padding: 5px;
}
#fileDetail #cancelButton .col-md-6 {
  margin: 0;
  margin-left: -15px;
}
#fileDetail #cancelButton label {
  text-align: left;
  padding-bottom: 5px;
  font-weight: normal;
}
#fileDetail #rotate {
  margin: 0 0 10px;
  border: 1px solid #d0d0d0;
}
#fileDetail #rotate > div {
  padding: 15px 15px 0 15px;
}
#fileDetail #rotate * {
  box-sizing: border-box;
}
#fileDetail #rotate b.title {
  display: block;
  padding: 5px 0 5px 27px;
  background: url("../img/button-rotate.png") no-repeat 7px center transparent;
  background-size: 12px;
}
#fileDetail #rotate p {
  padding: 5px;
}
#fileDetail #rotate .col-md-6 {
  margin: 0;
  margin-left: -15px;
}
#fileDetail #rotate label {
  text-align: left;
  padding-bottom: 5px;
  font-weight: normal;
}
#fileDetail div.row.photo {
  margin: 0 0 15px;
  background: url("../img/bg-image.gif") left top repeat #eee;
}
#fileDetail div.row.photo img {
  transform-origin: 50% 50%;
}
#fileDetail div.row.photo #photo.col-md-12 {
  width: 90%;
  display: flex;
  justify-content: center;
  align-self: flex-start;
  flex-direction: column;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
#fileDetail div.row.photo #photo img {
  border: 0px solid #fff;
  margin: 5%;
  max-width: 90%;
  align-self: center;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
#fileDetail div.row.photo #photo .jcrop-holder img {
  max-width: none;
}

#fileDetail:after,
#mediaContent #fileOverview:after {
  content: "";
  position: absolute;
  left: -14px;
  top: 12px;
  width: 14px;
  height: 27px;
  background: url("../img/arrow-left-fieldset.png") center center no-repeat transparent;
}

#fileDetail #cancelResize a,
#fileDetail #cancelButton a,
#fileDetail #cancelRotate a {
  background: url("../img/icon-cancel-edit.png") 7px center no-repeat #f6f6f6;
  padding-left: 30px;
}

#fileDetail #cancelResize a.saveImageButton,
#fileDetail #cancelButton a.saveImageButton,
#fileDetail #cancelRotate a.saveImageButton {
  background: url("../img/icon-savebutton-file.png") 7px center no-repeat #f6f6f6;
  padding-left: 30px;
}

#mediaData input#mediaDescription {
  padding: 4px 0px 4px 5px;
}
#mediaData input#mediaLink {
  padding: 4px 0px 4px 5px;
}

.MessageBoxContainer .MessageBoxMiddle input {
  color: #000;
}

#container.uploadButtons a {
  display: inline-block;
  padding: 4px 12px 4px 30px;
  border: 1px solid #d0d0d0;
}
#container.uploadButtons a:hover {
  border-color: #999;
  text-decoration: none;
}
#container.uploadButtons a#pickfiles {
  background: url("../img/icon-upload.png") 9px center no-repeat #fff;
}
#container.uploadButtons a#uploadfiles {
  background: url("../img/icon-createmap.png") 9px center no-repeat #fff;
}
#container.uploadButtons a#clearAll {
  background: url("../img/icon-deletemap.png") 9px center no-repeat #fff;
}

::-webkit-input-placeholder {
  color: #ccc !important;
  font-style: italic;
}

:-moz-placeholder {
  color: #ccc !important;
  font-style: italic;
}

::-moz-placeholder {
  color: #ccc !important;
  font-style: italic;
}

:-ms-input-placeholder {
  color: #ccc !important;
  font-style: italic;
}

br.clear {
  font-size: 0px;
  line-height: 0px;
  clear: both;
}

.clear {
  clear: both;
  clear: both;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.floatRight {
  float: right !important;
}

.floatLeft {
  float: left !important;
}

.nopadding {
  padding: 0 !important;
}

.nopaddingLeft {
  padding-left: 0 !important;
}

.noVertAlign {
  vertical-align: baseline;
}

#overlay-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
  width: 100%;
  height: 100%;
  background-color: white;
  background-color: rgba(0, 0, 0, 0.6);
}
#overlay-wrapper * {
  box-sizing: border-box;
}
#overlay-wrapper .overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  width: 1097px;
  height: 85%;
  opacity: 1;
  transform: translate(-50%, -50%);
  box-shadow: 5px 5px 80px rgba(0, 0, 0, 0.4);
}
#overlay-wrapper .overlay.hiding {
  opacity: 0;
  top: 70%;
  z-index: 9999;
}
#overlay-wrapper .overlay .overlay-header {
  position: relative;
  padding: 30px;
  height: 125px;
  line-height: 1.2em;
  color: white;
  font-size: 1.6rem;
}
#overlay-wrapper .overlay .overlay-header .overlay-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 50px;
  height: 50px;
  background-image: url("../img/overlay-close.svg");
  background-position: center;
  background-size: 40% auto;
  background-repeat: no-repeat;
}
#overlay-wrapper .overlay .overlay-content {
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
}
#overlay-wrapper .overlay .row {
  margin-left: -30px;
  margin-right: -30px;
}
#overlay-wrapper .overlay .row .col {
  padding-left: 30px;
  padding-right: 30px;
}
#overlay-wrapper .include-title {
  font-size: 1rem;
}

.bg-loading {
  background-position: center center;
  background-repeat: no-repeat;
}

div.error span {
  color: #F00;
}
div.scrollbox_v2 {
  position: relative;
  max-height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 1px solid #d4d0c8;
  border-bottom: 1px solid #d4d0c8;
  font-size: 10pt;
  color: #333;
}
div.scrollbox_v2 div {
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid #d4d0c8;
}
div.scrollbox_v2 div.hoofdcategorie {
  padding-left: 5px;
  font-weight: bold;
  background-color: #f2f9fa;
}

input.error {
  border: 1px solid #F00;
}

.hidden {
  display: none;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

.placeholder {
  position: relative;
  margin: 4px 0 !important;
}
.placeholder:before {
  content: ">";
  width: 0;
  height: 0;
  margin-top: -5px;
  left: -5px;
  top: -4px;
  border: 5px solid transparent;
  border-right: none;
}

.clickBlock.active {
  font-weight: bold;
}

td .input-group .form-control,
td .form-control {
  width: 90%;
  height: inherit;
}

.domain-search-wrapper {
  width: 100%;
  display: block;
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-left: 1rem;
}
.domain-search-wrapper input {
  margin-left: auto;
  margin-right: auto;
  width: 23rem;
  padding: 0.5rem;
}

.domain-list-wrapper {
  -moz-columns: 4;
       columns: 4;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  z-index: 100;
}
.domain-list-wrapper ul {
  -moz-columns: 4;
       columns: 4;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  z-index: 100;
}
.domain-list-wrapper li {
  padding: 5px 10px;
}

.domain-select-list ul {
  z-index: 100;
  display: block;
}
.domain-select-list .search-match {
  background: #c60b46;
}
.domain-select-list .search-match:hover {
  background: #c60b46;
}

.page-builder {
  box-sizing: border-box;
  width: 950px;
  margin-top: 1.5rem;
}
.page-builder *, .page-builder *:before, .page-builder *:after {
  box-sizing: inherit;
}
.page-builder > .row {
  border: 1px dashed #d0d0d0;
  margin-bottom: 3rem;
  min-height: 100px;
  padding-top: 1rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
.page-builder > .row.custom {
  padding-top: 4rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background: #f9f9f9;
  position: relative;
}
.page-builder > .row > .column {
  border: 1px solid #d0d0d0;
  min-height: 0;
  padding-top: 3.5rem;
  padding-bottom: 2.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  background: #FFFFFF;
}
.page-builder > .row > .column > .edit-bar {
  right: 1rem;
}
.page-builder > .row > .column > .block {
  background: #FFFFFF;
  border: 1px solid #d0d0d0;
  min-height: 100px;
  padding: 1.5rem;
  padding-top: 5rem;
}
.page-builder > .row > .column .block.image_headline .preview .background-image {
  display: flex;
  align-items: center;
  flex: 1;
  width: 100%;
}
.page-builder > .row > .column .block.image_headline .header-title {
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: lighter;
  margin-right: 5rem;
  margin-left: 5rem;
  color: #FFFFFF;
  text-shadow: 1px 1px 16px rgba(0, 0, 0, 0.3);
}
.page-builder > .row > .column .block.add-row, .page-builder > .row > .column .block.add-block {
  cursor: pointer;
  border: dashed 1px #d0d0d0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.page-builder > .row > .column .block.add-row:hover, .page-builder > .row > .column .block.add-block:hover {
  border-color: #c60b46;
  color: #C60b46;
}
.page-builder > .row > .column .block.add-block {
  min-height: 0;
  margin-bottom: 0;
}
.page-builder > .row > .column .block.status-offline {
  background: #fafafa;
  color: #dedede;
}
.page-builder > .row > .column .block.status-offline img {
  opacity: 0.3;
}
.page-builder > .row > .column .block.status-offline .background-image {
  opacity: 0.3;
}
.page-builder > .row > .column .block.status-offline .vimeo-embed-container,
.page-builder > .row > .column .block.status-offline .video-embed-wrapper,
.page-builder > .row > .column .block.status-offline .youtube-embed-wrapper {
  opacity: 0.3;
}
.page-builder > .row > .column .block.status-offline a.cta {
  opacity: 0.3;
}
.page-builder > .row > .column .block.status-offline table {
  opacity: 0.3;
}
.page-builder > .row > .column .block.status-offline h1,
.page-builder > .row > .column .block.status-offline h2,
.page-builder > .row > .column .block.status-offline h3 {
  opacity: 0.3;
}
.page-builder > .row > .column .block.block-hidden {
  display: none;
}
.page-builder > .row > .column.add-row {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  cursor: pointer;
  border: dashed 1px #d0d0d0;
}
.page-builder > .row > .column.add-row:hover {
  border-color: #c60b46;
  color: #C60b46;
}
.page-builder > .row.new-row {
  padding-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-builder .block {
  margin-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.page-builder .edit-bar {
  position: absolute;
  right: 1.3rem;
  top: 0.8rem;
  text-align: right;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.page-builder .edit-bar [data-option=delete] {
  display: inline-flex;
  height: 20px;
  width: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 1.5rem;
  border: 0 solid #fff;
  border-radius: 2px;
  background: url(../img/icon-delete.png) center center no-repeat #ff4e4e;
  text-decoration: none;
  margin-left: 0.5rem;
}
.page-builder .edit-bar [data-option=delete]:hover {
  background-color: #c60b46;
  text-decoration: none;
}
.page-builder .edit-bar [data-option=edit] {
  display: inline-flex;
  height: 20px;
  width: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 1.5rem;
  border: 0 solid #fff;
  border-radius: 2px;
  background: url(../img/button-edit-page-content.png) center center no-repeat #28b645;
  text-decoration: none;
}
.page-builder .edit-bar [data-option=edit]:hover {
  background-color: #c60b46;
  text-decoration: none;
}
.page-builder .edit-bar [data-option=up] {
  border-radius: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  background: #E9C51B;
  margin-left: 0.4rem;
}
.page-builder .edit-bar [data-option=up]:hover {
  background-color: #28b645;
  border-color: #28b645;
}
.page-builder .edit-bar [data-option=up]:hover svg {
  color: #FFFFFF;
  fill: #FFFFFF;
}
.page-builder .edit-bar [data-option=up] svg {
  width: 1rem;
  height: 1rem;
  fill: #FFFFFF;
}
.page-builder .edit-bar [data-option=down] {
  border-radius: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  background: #E9C51B;
  margin-left: 0.4rem;
}
.page-builder .edit-bar [data-option=down]:hover {
  background-color: #28b645;
  border-color: #28b645;
}
.page-builder .edit-bar [data-option=down]:hover svg {
  color: #FFFFFF;
  fill: #FFFFFF;
}
.page-builder .edit-bar [data-option=down] svg {
  width: 1rem;
  height: 1rem;
  fill: #FFFFFF;
}
.page-builder .edit-bar [data-option=duplicate] {
  display: inline-flex;
  height: 20px;
  width: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 1.5rem;
  border: 0 solid #fff;
  border-radius: 2px;
  background: url(../img/icon-duplicate.png) center center no-repeat #E9C51B;
  text-decoration: none;
}
.page-builder .edit-bar [data-option=duplicate]:hover {
  background-color: #28b645;
  border-color: #28b645;
}
.page-builder .preview {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-builder .preview .text-preview-container {
  display: flex;
  flex-direction: column;
}
.page-builder .preview .text-preview-container h1, .page-builder .preview .text-preview-container h2, .page-builder .preview .text-preview-container h3 {
  word-break: break-word;
  color: #000000;
}
.page-builder .preview .text-preview-container p + h3 {
  margin-top: 1.5rem;
}
.page-builder .preview .text-preview-container img[style*="float:left"] {
  margin-right: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.page-builder .preview .text-preview-container img[style*="float:right"] {
  margin-left: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.page-builder .preview .text-preview-container p img {
  max-width: 100%;
  height: auto;
}
.page-builder .preview .text-preview-container p iframe {
  max-width: 100%;
}
.page-builder .preview .text-preview-container .indent1 {
  margin-left: 3rem;
}
.page-builder .preview .text-preview-container .indent2 {
  margin-left: 6rem;
}
.page-builder .preview .text-preview-container .indent3 {
  margin-left: 9rem;
}
.page-builder .preview .inline-image img {
  display: block;
}
.page-builder .preview .inline-image.align-center img {
  margin-left: auto;
  margin-right: auto;
}
.page-builder .preview .inline-image.align-right img {
  margin-left: auto;
}
.page-builder .preview .inline-image.align-center img {
  margin-left: auto;
  margin-right: auto;
}
.page-builder .preview .vimeo-embed-container,
.page-builder .preview .video-embed-wrapper,
.page-builder .preview .youtube-embed-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
  background: rgba(53, 45, 45, 0.2);
}
.page-builder .preview .vimeo-embed-container iframe,
.page-builder .preview .vimeo-embed-container object,
.page-builder .preview .vimeo-embed-container embed,
.page-builder .preview .video-embed-wrapper iframe,
.page-builder .preview .video-embed-wrapper object,
.page-builder .preview .video-embed-wrapper embed,
.page-builder .preview .youtube-embed-wrapper iframe,
.page-builder .preview .youtube-embed-wrapper object,
.page-builder .preview .youtube-embed-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-builder .preview a.cta {
  border: solid 1px gray;
  display: inline-block;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-decoration: none;
  color: #000000;
  border-radius: 0.5rem;
  background-color: #f5f4f4;
}
.page-builder .preview a.cta:hover {
  background-color: #c60b46;
  color: #FFFFFF;
}
.page-builder .preview table {
  border: solid 1px gray;
}
.page-builder .preview table tr td {
  padding: 0.5rem;
  color: #000000;
}
.page-builder .preview ul,
.page-builder .preview ol {
  margin-left: 1.5rem;
}
.page-builder .preview .background-image {
  min-height: 5rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.page-builder .preview .background-image.centercenter {
  background-position: center center;
}
.page-builder .preview .background-image.bottomleft {
  background-position: bottom left;
}
.page-builder .preview .background-image.bottomright {
  background-position: bottom right;
}
.page-builder .preview .background-image.topleft {
  background-position: top left;
}
.page-builder .preview .background-image.topright {
  background-position: top right;
}
.page-builder .preview .background-image.leftcenter {
  background-position: left center;
}
.page-builder .preview .background-image.leftbottom {
  background-position: left bottom;
}
.page-builder .preview .background-image.lefttop {
  background-position: left top;
}
.page-builder .preview .background-image.rightbottom {
  background-position: right bottom;
}
.page-builder .preview .background-image.righttop {
  background-position: right top;
}
.page-builder .preview .background-image.rightcenter {
  background-position: right center;
}
.page-builder .preview .background-image.height-small {
  height: 10rem;
}
.page-builder .preview .background-image.height-medium {
  height: 15rem;
}
.page-builder .preview .background-image.height-large {
  height: 22rem;
}
.page-builder .preview .background-image.height-full {
  height: 100%;
  height: 15rem;
  background-size: contain;
}
.page-builder .title {
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  width: auto;
  border: solid 1px #d0d0d0;
  padding: 0.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 1rem;
  font-size: 1.2rem;
  color: #484848;
  display: inline-block;
}
.page-builder .col-md-8 + .col-md-4 {
  width: calc(33.3333% - 1.5rem);
  margin-left: 1.5rem;
}
.page-builder .col-md-6 + .col-md-6 {
  width: calc(50% - 1.5rem);
  margin-left: 1.5rem;
}
.page-builder .col-md-4 + .col-md-8 {
  width: calc(66.6666% - 1.5rem);
  margin-left: 1.5rem;
}
.page-builder .col-md-4 + .col-md-4 {
  width: calc(33.3333% - 1.5rem);
  margin-left: 1.5rem;
}
.page-builder .col-md-4 + .col-md-4 + .col-md-4 {
  width: calc(33.3333% - 1.5rem);
  margin-left: 1.5rem;
}
.page-builder .col-md-9 + .col-md-3 {
  width: calc(25% - 1.5rem);
  margin-left: 1.5rem;
}
.page-builder .col-md-3 + .col-md-9 {
  width: calc(75% - 1.5rem);
  margin-left: 1.5rem;
}
.page-builder .col-md-3 + .col-md-6 + .col-md-3 {
  width: calc(25% - 1.5rem);
  margin-left: 1.5rem;
}
.page-builder .col-md-3 + .col-md-6 {
  width: calc(50% - 1.5rem);
  margin-left: 1.5rem;
}

.add-block-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.add-block-list-wrapper .block-option {
  width: calc(25% - 3.7rem);
  flex-basis: calc(25% - 3.7rem);
  margin-right: 2rem;
  margin-bottom: 3rem;
  min-height: 5rem;
  padding: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f9f9f9;
  color: #666666;
  border: solid 1px #d0d0d0;
  cursor: pointer;
  text-align: center;
}
.add-block-list-wrapper .block-option .block-title {
  text-align: center;
}
.add-block-list-wrapper .block-option:hover {
  border: solid 1px #c60b46;
  color: #000000;
}
.add-block-list-wrapper .block-option.active {
  border: solid 1px #c60b46;
  color: #000000;
}
.add-block-list-wrapper .block-option:nth-of-type(4n) {
  margin-right: 0;
}
.add-block-list-wrapper .block-option .block-icon {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  margin-bottom: 1rem;
}
.add-block-list-wrapper .block-option .block-icon svg {
  width: 100%;
  height: 100%;
}
.add-block-list-wrapper.row-layout .block-option .block-icon {
  width: 7rem;
  height: 7rem;
}
.add-block-list-wrapper.block-type .block-option .block-icon {
  width: 4rem;
  height: 4rem;
}
.add-block-list-wrapper.subtype .block-option {
  min-height: 3rem;
}
.add-block-list-wrapper.subtype .block-option .block-icon {
  width: 4rem;
  height: 4rem;
}

.page-builder-footer {
  display: flex;
  flex-direction: column;
}
.page-builder-footer h3 {
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 2rem;
}
.page-builder-footer .fieldset {
  display: flex;
  flex-direction: row;
}
.page-builder-footer .option a {
  margin: 0;
  margin-right: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 43px;
  font-weight: normal;
  text-indent: -9999px;
  background: #f6f6f6;
  color: #4d4d4d;
  border: 1px solid #c5c5c5;
}
.page-builder-footer .option a:hover, .page-builder-footer .option a:active {
  text-decoration: none;
  background-color: #28b645;
  color: #FFFFFF;
  border-color: #28b645;
}
.page-builder-footer .option a.empty {
  background: url("../img/icon-delete.png") 17px center no-repeat #ff4e4e;
  color: #FFFFFF;
  border-color: #ff4e4e;
  padding-left: 4rem;
}
.page-builder-footer .option a.empty:hover, .page-builder-footer .option a.empty:active {
  background-color: #E9C51B;
  border-color: #E9C51B;
}
.page-builder-footer .option a:last-of-type {
  margin-right: 0;
}

.page-builder-overlay > div {
  width: 100%;
}

.block-list-hr {
  width: 100%;
  height: 1px;
  background: #d0d0d0;
  display: block;
  margin-bottom: 3rem;
}

.closeoverlay {
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  font-size: 2rem;
  color: #4d4d4d;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
}
.closeoverlay:hover svg {
  fill: #28b645;
}
.closeoverlay svg {
  fill: #4d4d4d;
  width: 100%;
  height: 100%;
}

.advanced-overlay-wrapper {
  height: 100%;
}
.advanced-overlay-wrapper .standard {
  padding: 0;
  max-height: 100%;
  height: 100%;
}
.advanced-overlay-wrapper #main {
  height: 100%;
}
.advanced-overlay-wrapper #main .container {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.advanced-overlay-wrapper #main .container #editProperties {
  padding: 0;
}
.advanced-overlay-wrapper #main .container #editProperties .standard {
  max-height: 100%;
  height: 100%;
}
.advanced-overlay-wrapper #main .container .top-bar {
  padding-left: 2rem;
  padding-right: 7rem;
  height: 15%;
  flex-basis: 10rem;
  display: flex;
  align-items: center;
}
.advanced-overlay-wrapper #main .container .top-bar h2 {
  margin: 0;
}
.advanced-overlay-wrapper #main .container .top-bar #languageSwitch {
  margin-left: auto;
  margin-right: 0;
}
.advanced-overlay-wrapper #main .container .content-wrapper {
  padding-left: 3rem;
  padding-right: 3rem;
  width: 100%;
  height: calc(75% - 2rem);
  box-sizing: border-box;
  overflow: auto;
}
.advanced-overlay-wrapper #main .container .content-wrapper .sidebar-tabs-wrapper {
  display: flex;
  flex-wrap: wrap;
  border-left: solid 1px #c5c5c5;
}
.advanced-overlay-wrapper #main .container .content-wrapper .sidebar-tabs-wrapper > div {
  flex: 1;
  width: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: flex;
  align-items: center;
  border: solid 1px #c5c5c5;
  border-top: solid 1px #c5c5c5;
  cursor: pointer;
  border-left: 0;
  background-color: #f6f6f6;
}
.advanced-overlay-wrapper #main .container .content-wrapper .sidebar-tabs-wrapper > div.active {
  background: none;
  border-bottom: none;
}
.advanced-overlay-wrapper #main .container .content-wrapper .sidebar-tabs-wrapper > div:hover {
  background-color: #f6f6f6;
}
.advanced-overlay-wrapper #main .container .content-wrapper .sidebar-tabs-content-wrapper {
  border: solid 1px #d0d0d0;
  border-top: none;
  padding: 1.5rem;
  display: none;
}
.advanced-overlay-wrapper #main .container .content-wrapper .sidebar-tabs-content-wrapper.active {
  display: flex;
  flex-direction: column;
}
.advanced-overlay-wrapper #main .container .bottom-bar {
  margin-top: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
  height: 10%;
  display: flex;
  align-items: center;
  border-top: solid 1px #d0d0d0;
  justify-content: flex-end;
}
.advanced-overlay-wrapper #main .container .divider-wrapper {
  display: flex;
  align-self: stretch;
  height: 100%;
  justify-content: center;
}
.advanced-overlay-wrapper #main .container .divider-wrapper .divider {
  height: 100%;
  width: 1px;
  background: #d0d0d0;
  display: block;
}

.edit-row-overlay > .row {
  min-width: 50rem;
}

html.page-builder-overlay {
  overflow: hidden;
}/*# sourceMappingURL=screen.css.map */