@font-face {
  font-family: AxiformaRegular;
  src: local("Axiforma-Regular"), url('/Content/fonts/Axiforma-Regular.otf') format('opentype'), url('/Content/fonts/Axiforma-Regular.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: AxiformaBold;
  src: local("Axiforma-Bold"), url('/Content/fonts/Axiforma-Bold.otf') format('opentype'), url('/Content/fonts/Axiforma-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
}

@font-face {
  font-family: AxiformaBlack;
  src: local("Axiforma-Black"), url('/Content/fonts/Axiforma-Black.otf') format('opentype'), url('/Content/fonts/Axiforma-Black.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
}

@font-face {
  font-family: AxiformaBook;
  src: local("Axiforma-Book"), url('/Content/fonts/Axiforma-Book.otf') format('opentype'), url('/Content/fonts/Axiforma-Book.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
}

@font-face {
  font-family: AxiformaLight;
  src: local("Axiforma-Light"), url('/Content/fonts/Axiforma-Light.otf') format('opentype'), url('/Content/fonts/Axiforma-Light.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
}

body {
  padding-top: 0;
  font-family: 'AxiformaRegular', Arial, sans-serif;
}
.navbar 
{ 
  border:0;margin-bottom:0; 
}

ul {
float: left;
list-style-type: none;
margin: 0;
}

h3.pageTitle {
color:#009ad8;
font-size:20px;
margin-left:10px;
margin-bottom:30px;
}

.bgBlue {
background-color:#009ad8;
}

.mT40 {
margin-top:40px;
}

.taC {
text-align:center;
}

h2.h2Inloggen {
color:#009ad8;
font-size:20px;
margin-left:10px;
}

.loginBox {
float: left;
border:0;
border-radius: 5px;
background: #ffffff;
width:700px;
}

.fs16 {
    font-size:16px;
}

.fs20 {
    font-size:20px;
} 

.pT10 {
    padding-top:10px;
}

.mB20 {
    margin-bottom:20px;
}

.mL0 {
    margin-left:0;
}

.mT20 {
    margin-top:20px;
}

.mR20 {
    margin-right:20px;
}

.p10 {
    padding:10px;
}

.w220 {
    width:220px;
}

.w400 {
    width:400px;
}

.ui-widget-header {
border:0;
background:#ffffff;
}

.ui-dialog .ui-dialog-titlebar {
padding:0;
display: none;
}

.ui-dialog, .ui-widget, .ui-widget-content, .ui-corner-all, .ui-front, .loginDialog, .ui-draggable, .ui-resizable, .ui-widget-header {

}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-size:20px;
}

.formLoginBox {
margin-right:10px;
margin-top:40px;
font-size:12px;
font-family:arial;
font-weight:bold;
color:#0099D8;
}

.loginDialog {
width: 800px !important;
z-index: 9999;
}

.ui-dialog-titlebar-close {
display: none;
}

.loginDialogOverlay { 
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999;
background-color: rgb(43, 43, 43); 
opacity: 0.45;
}

.btn-default-qcs {
color: #ffffff;
background-color: #009ad8;
}


.btn-default-qcs-cancel {
color: #eceeef;
background-color: #979898;
}

.h600 {
height: 600px;
}

.mT40 {
margin-top: 40px;
}

#rgMainSite {
margin:10px auto;
}

div.divnavbar {
background-color:#51626c;
}

div.divWelkom {
padding:15px;
font-size:15px;
color:#ffffff;
}

div.divWelkom span {
color:#ffffff;
}

.navbar-default {
background-color:#51626c;
border:0;
border-radius:0;
margin-left:0;
}

.navbar-default .navbar-nav > li > a.nav-link {
color:#ffffff;
font-size:14px;
}

.cover-page-title .element-container {
width: 100%;
}

.float-right {
float: right;
}

.date-hidden {
display:none;
}

.text-white {
color: #fff;
}

.starter-template {
padding: 20px 15px;
}

.report-steps {
height: 50px;
}

.report-steps ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.report-steps ul li {
display: table-cell;
background: url(../images/step.png) no-repeat 0 0;
color: #FFF;
width: 250px;
height: 32px;
padding-top: 5px;
font-weight: bold;
}

.report-steps ul li.current {
background: url(../images/step-active.png) no-repeat;
}

.report-steps ul li.done {
background: url(../images/step-finished.png) no-repeat;
}

.report-steps ul li span {
margin-left: 20px;
}

.report-editor-form {
width: 1120px;
margin-left:10px;
}

.report-editor-form fieldset, .report-editor-form fieldset label, .report-editor-form fieldset input[type=text], .report-editor-form fieldset input[type=file], .report-editor-form fieldset select, .report-editor-form fieldset textarea {
float: left;
width: 100%;
}

.input-container {
color: #000;
}
.report-editor-form fieldset {
width: 100%;
background: #eee;
padding: 10px;
margin-bottom: 10px;
}

.report-editor-form fieldset label {
width: 40%;
margin: 5px 0 0 5px;
}

.margin-bottom-0 {
margin-bottom: 0px !important;
}

.margin-bottom-40 {
margin-bottom: 40px !important;
}

.report-generator-header {
background-color: #52646e;
margin-bottom: 2em;
padding: 1em;
height: 16em;
overflow-y: hidden;
}

.doctype-selector ul {
float: left;
list-style-type: none;
margin-top: 1em;
}

.doctype-selector ul li {
display: inline-block;
margin-right: 10em;
margin-top: 2em;
padding: 0.5em;
border-radius: 5px;
}

.doctype-selector ul li:hover {
background-color: #eee;
cursor: pointer;
}

.doc-header {
background-color: #52646e;
color: #fff;
margin-bottom: 20px;
}

#client-container, #mailing-container, #promo-container, #newsletter-container, #banner-container{
float: left;
width: 100%;
height: 300px;
overflow-y: auto;
border: 1px solid #ccc;
background: #fff;
margin-top: 2px;
border-radius: 5px;
}

#client-container .client-option, #mailing-container .mailing-option, #promo-container .promo-option, #newsletter-container .newsletter-option, #banner-container .banner-option {
padding: 0.2em 0.7em;
}

#client-container .client-option:hover, .mailing-option:hover, promo-option:hover, .newsletter-option:hover, .banner-option:hover {
cursor: pointer;
background-color: #eee;
color: #000;
}

#client-selected, #mailing-selected, #promo-selected, #newsletter-selected, #banner-selected {
float: left;
margin-top: 0.5em;
width: 100%;
border: solid 1px #52646e;
}

#client-selected .client-option, #mailing-selected .mailing-option, #promo-selected .promo-option, #newsletter-selected .newsletter-option, #banner-selected .banner-option {
background-color: #fff;
padding: 0.5em 1em;
}

#client-selected .client-option:hover, #mailing-selected .mailing-option:hover, #mailing-container .mailing-option:hover, #promo-selected .promo-option:hover, #promo-container .promo-option:hover, #newsletter-container .newsletter-option:hover {
cursor: pointer;
}

.mailing-option {
z-index: 99;
}

.mailing-option .chk, .client-option .chk {
float: left;
z-index: 1;
width: 15px;
height: 15px;
margin-right: 5px;
margin-top: 2px;
background: url(../images/chk-unchecked.png) no-repeat left top;
}

.mailing-option .chk.checked, .client-option .chk.checked {
background-image: url(../images/chk-checked.png) !important;
}

#mailing-selected-container .mailing-option .chk, #client-selected-container .client-option .chk {
display: none;
}

.btn-container {
float: left;
width: 100%;
padding: 1em;
}

.btn-container input {
float: right;
margin-left: 20px;
}

.option-selected {
background-color: #009ad8;
color: #fff;
}

.report-editor-form fieldset label {
margin-bottom: 8px;
}

#bottom-nav {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-top: 2em;
}

.editor-navigation {
width: 100%;
background-color: #52646e;
height: 0;
overflow: hidden;
}

ul.pages {
margin: 0;
padding: 1em 0 0 0;
list-style-type: none;
}

ul.pages li {
display: inline-block;
width: 6em;
height: 8em;
margin-right: 1em;
border: solid 1px #000;
border-radius: 2px;
background: #fff;
}

ul.pages li:hover {
background: #eee;
border-color: #009ad8;
cursor: pointer;
}

#bottom-nav-button {
position: absolute;
top: 0;
background: #009ad8;
border-radius: 5px 5px 0 0;
height: 2em;
padding: 0.3em 0.5em;
color: #fff;
left: 70%;
}

.editor-canvas {
background-color: #C5C9CD;
}

.container-canvas {
background-color: #dcdcdc;
padding-bottom:30px;
}

.editor-page {
position: relative;
box-shadow: 10px 10px 5px #A0A3A7;
background: #fff;
height: 105em;
width: 70em;
margin-left:50px;
margin-right: auto;
margin-top:20px;
margin-bottom:40px;
padding: 1em;
font-family: 'AxiformaRegular';
font-size: 1.2em;
}

.editor-container {
padding: 1em;
}

.editor-page .report-page-header {
float: left;
width: 100%;
height: 79px;
background: url(../images/qompas-logo.png) no-repeat left center;
background-size: cover;
margin-bottom: 20px;
}

.column-40 {
float: left;
width: 40%;
}

.column-50 {
float: left;
width: 50%;
}

.column-60 {
float: left;
width: 60%;
}

.editor-page .mailing-page .left-column, .editor-page.qompas-page .left-column, .editor-page.mailing-page .full-width-column .left-column, .editor-page.promo-page .full-width-column .left-column {
float: left;
width: 60%;
height: 100%;
}

.editor-page .mailing-page .right-column, .editor-page.qompas-page .right-column, .editor-page.mailing-page .full-width-column .right-column, .editor-page.promo-page .full-width-column .right-column {
float: left;
width: 40%;
height: 100%;
}

.editor-page .qompas-page .right-column {
padding: 0;
}

.editor-page .is-editable:hover {
cursor: pointer;
background: #eee;
border-radius: 5px;
}

.editor-page .full-width-column {
float: left;
width: 100%;
margin-bottom: 20px;
padding: 1em;
}

.editor-page .half-width-column {
float: left;
width: 50%;
}

.half-width-column1 {
float: left;
width: 50%;
}

.cover-page-title h3 {
margin-bottom: 0 !important;
}

.editor-page h1, .editor-page h2, .editor-page h3 {
margin: 0 0 0.5em 0;
}

.element-container .value-container {
float: left;
}
.element-container .value-container:hover {
color: #000;
}
.mailing-screen-container .property-editor {
min-height: 100px;
}

h1.orange, h2.orange, h3.orange, h4.orange, td.orange {
color: #2b2171;
}

.editor-page h1, .editor-page h2 {
font-size: 2.5em;
font-weight: bold;
}

.editor-page h3 {
font-size: 20px;
}

.editor-page .title input[type=text] {
font-size: 2em;
width: 100%;
margin-top: 10px;
}

.editor-page .subtitle input[type=text] {
font-size: 1.8em;
width: 100%;
margin-top: 10px;
}

.editor-page .right-column {
padding: 1em 1em 0;
font-size: 1em;
}

.editor-page .report-header {
float: left;
width: 100%;
height: 6em;
background: #f05325;
position: relative;
top: 0;
left: 0;
}

.cover-page {
background: url(../images/qsk_cover_background.jpg) no-repeat;
background-size: cover;
border: none !important;
}

.other-page {
background: url(../images/other-page.jpg) no-repeat;
background-size: cover;
border: none !important;
}

.element-container {
float: left;
}

.editor-page .cover-page-title {
float: left;
position: absolute;
top: 40em;
right: 48.7em;
}

.editor-page .cover-page-title h1 {
font-size: 35px;
font-family: 'AxiformaRegular', Arial, sans-serif;
color:#ffffff;  
}

.editor-page .cover-page-title h2 {
font-size: 25px;
font-family: 'AxiformaRegular', Arial, sans-serif;
color: #ffffff;
}

.editor-page .cover-page-title h3 {
font-size: 20px;
font-family: 'AxiformaRegular', Arial, sans-serif;
color: #ffffff;
}

.editor-page .cover-page-title h5 {
font-size: 25px;
font-family: 'AxiformaRegular', Arial, sans-serif;
color: #ffffff;
}

.cover-page-title .subtitle {
float: left;
width: 100%;
margin-top: 50px;
}

.editor-page .cover-page-logo {
float: left;
position: absolute;
left: 3em;
bottom: 3em;
}

.nav-prev, .nav-next {
color: #000;
font-size: 5em;
position: absolute;
top: 50%;
}

.nav-prev:hover, .nav-next:hover {
text-decoration: none;
}

.nav-prev {
left: 20%;
}

.nav-next {
right:20%;
}

.mailing-results {
margin-top: 20px;
float: right;
}

.top-view-results {
float: left;
width: 464px;
}

.editor-page .top-view-results:first-child {
margin-right: 20px;
}

.editor-page .top-view-results tr {
border: solid 1px #2b2171;
}

.editor-page .top-view-results tr td {
padding: 5px;
}

.editor-page .mailing-results thead tr:nth-child(2), .editor-page .top-view-results thead tr:nth-child(1), .editor-page .promo-data-table thead tr:nth-child(2), .editor-page .element-data-table thead tr:nth-child(1) {
background-color: #2b2171 !important;
color: #fff;
}

.editor-page .mailing-results thead tr:nth-child(1), .editor-page .element-data-table thead tr:nth-child(1) {
font-weight: bold;
}

.editor-page .mailing-results tr:nth-child(even), .editor-page .top-view-results tr:nth-child(even), .editor-page .promo-data-table tr:nth-child(even), .editor-page .element-data-table tr:nth-child(even) {
    background-color: #f8eaee;
    border-bottom: 1px solid #c83758;
}

.editor-page .mailing-results tr:nth-child(odd), .editor-page .top-view-results tr:nth-child(odd), .editor-page .promo-data-table tr:nth-child(odd), .editor-page .element-data-table tr:nth-child(odd) {
    background-color: #ffffff;
    border-bottom: 1px solid #c83758;
}



.editor-page .mailing-results tr td, .editor-page .promo-data-table tr td, .editor-page .element-data-table tr td {
padding: 5px;
border: solid 1px #fff;
}

textarea {
float: left;
width: 100%;
}

.editor-page .data-table, .editor-page .data-table-full {
float: left;
font-size: 15px;
text-align: center;
}

.editor-page .data-table:first-child {
width: 60%;
border-right: none;
}

.editor-page .data-table-full:first-child {
width: 100%;
border-right: none;
}

.editor-page .data-table:first-child td {
width: 33%;
}

.table-width-100 {
width: 100%;
}

.table-width-55 {
width: 55%;
}

.table-width-60 {
width: 60%;
}

.table-width-35 {
width: 35%;
}

.table-width-40 {
width: 40%;
}

.table-width-50 {
width: 50%;
}

.cell-width-50 {
width: 50%;
}

.cell-width-25 {
width: 25%;
}

.editor-page .data-table thead tr:first-child, .editor-page .data-table-full thead tr:first-child {
background-color: #2b2171;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 18px;
padding: 5px;
}

.editor-page .data-table thead tr td, .editor-page .data-table-full thead tr td, .data-table tr td, .data-table-full tr td {
padding: 1px !important;
}

.editor-page .data-table tr:first-child, .editor-page .data-table-full tr:first-child {
background-color: #eee;
height: 24px;
font-weight: bold;
}

.editor-page .single-header-table tr:first-child {
    background-color: #fff;
    font-weight: normal;
}

.editor-page .banner-table tr td:first-child, .editor-page .qsk-opendagen-table tr td:first-child, .editor-page .nieuwsbrieven-clicks-table tr td:first-child {
    text-align: left;
    padding-left: 5px !important;
}

.editor-page .banner-table tr td:nth-child(2), .editor-page .banner-table thead tr td:nth-child(2) {
    text-align: left;
    padding-left: 5px !important;
}

.editor-page .banner-table tr td, .editor-page .banner-table thead tr td {
    text-align: right;
    padding-right: 5px !important;
}

.editor-page .qsk-opendagen-table tr td, .editor-page .nieuwsbrieven-clicks-table tr td {
    text-align: left;
}

.editor-page .qsk-opendagen-table tr td:last-child, .editor-page .nieuwsbrieven-clicks-table tr td:last-child {
    text-align: right;
    padding-right: 5px !important;
}

.editor-page .data-table tr, .editor-page .data-table-full tr {
border-bottom: solid 1px #c83758;
}

.editor-page .dark-footer {
color: #fff;
background-color: darkgray;
border-radius: 5px;
padding: 5px;
}

.property-editor {
float: left;
width: 100%;
}

.property-toolbar {
float: right;
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
top: 0px;
right: 0px;
border: solid 1px #eee;
background: #eee;
color: #000;
}

.editor-toolbar-container {
float: left;
width: 100%;
}

.editor-toolbar {
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
float: right;
}

.property-toolbar li, .editor-toolbar li {
margin-left: 5px;
}

.editor-toolbar li a {
float: left;
height: 16px;
width: 16px;
}

.campaignoverview-header {
float: left;
width: 100%;
background: #2b2171;
margin-top: 0.5em;
padding: 0.5em;
}

.campaignoverview-header h1 {
color: #fff;
line-height: 1em;
}

.campaignoverview-header-table {
float: left;
width: 100%;
border-bottom: solid 1px #c83758;
}

.campaignoverview-header-table thead {
font-weight: bold;
}

  .campaignoverview-header-table tr {
    border-bottom: solid 1px ##c83758;
  }

.campaignoverview-header-table tr#trQompasGemiddelden
{
  border-bottom:solid 0 #ffffff;
}

.campaignoverview-header-table tr td
{
  padding: 0.5em;
}

.campaignoverview-header-table tr td:first-child {
font-style: italic;
}

fieldset input[type=text], fieldset input[type=checkbox], fieldset select {
float: left;
margin-bottom: 20px;
}

fieldset hr {
float: left;
width: 100%;
height: 1px;
border: solid #52646e;
border-width: 1px 0 0 0;
}

#mailing-container .mailing-option .delete-option, #newsletter-container .newsletter-option .delete-option, #banner-container .banner-option .delete-option {
display: none;
}

#mailing-selected .mailing-option:hover {
background-color: #c5c9cd;
cursor: pointer;
}

#mailing-selected .mailing-option .delete-option, #client-selected .client-option .delete-option, #newsletter-selected .newsletter-option .delete-option, #banner-selected .banner-option .delete-option {
    float: right;
}

#grouping-selected-mailings, #grouping-selected-newsletters {
width: 100%;
border: solid 1px #eee;
padding: 10px;
margin-bottom: 10px;
}

#grouping-selected-mailings .mailing-option, #grouping-selected-newsletters .newsletter-option {
padding: 5px;
border-bottom: solid 1px #eee;
}

#grouping-selected-mailings .mailing-option:hover, #grouping-selected-newsletters .newsletter-option:hover {
background-color: #c5c9cd;
cursor: pointer;
}

#grouping-selected-mailings .mailing-option .delete-option,
.mailing-group .mailing-option .delete-option, 
#grouping-selected-newsletters .newsletter-option .delete-option,
.newsletter-group .newsletter-option .delete-option,
#client-container .client-option .delete-option,
#promo-container .promo-option .delete-option {
display: none;
}

#grouping-selected-mailings .grouping-selected, .mailing-group .grouping-selected,
#grouping-selected-newsletters .grouping-selected, .newsletter-group .grouping-selected {
background: #009ad8;
color: #fff;
}

.mailing-group, .newsletter-group {
    mailing-option float: left;
    width: 100%;
    background: #eee url(../images/delete-icon.png) no-repeat 99% 2%;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 20px 5px 5px 5px;
}

.mailing-group:hover, .newsletter-group:hover {
cursor: pointer;
}

.mailing-group .grouping-selected, .newsletter-group .grouping-selected {
width: 100%;
overflow: hidden;
padding: 2px;
margin-bottom: 2px;
}

.report-page-title {
float: left;
height: 10em;
width: 100%;
padding: 3em;
border-bottom: solid 1px #000;
margin-bottom: 20px;
}

#tools-button img {
border: solid 1px #000;
border-width: 1px 1px 1px 0px;
border-radius: 0 5px 5px 0;
}

.delete-option {
color: red;
}

.overlay {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0, 0, 0, 0.85);
background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAATSURBVBhXY2RgYNgHxGAAYuwDAA78AjwwRoQYAAAAAElFTkSuQmCC) repeat scroll transparent\9; /* ie fallback png background image */
z-index:9999;
color:white;
}

.overlay div {
position: absolute;
left: 44%;
top: 37%;
} 

.overlay .fa-cogs {
font-size: 200px;
}

.tools-menu {
position: relative;
float: right;
width: 300px;
}

.tools-menu .fa-cog {
float: right;
font-size: 30px;
margin-right:20px;
}

.tools-menu .fa-cog:hover {
cursor: pointer;
}

.tools-options {
background-color:#fff;
border: solid 1px #000;
border-radius: 5px;
position: absolute;
top: 30px;
right: 0;
width: 400px;
z-index: 100;
}

.tools-options ul {
margin: 0;
padding: 0;
list-style-type: none;
width:390px;
}

.tools-options ul li {
border-bottom: solid 1px #c5c9cd;
line-height: 2.5em;
padding-left: 10px;
}

.tools-options ul li:last-child {
border: none;
}

.tools-options ul li:hover {
background-color: #c5c9cd; 
}

.tools-options ul li i {
font-size: 1.2em;
}

.tools-options ul li a {
margin-left: 5px;
}

.tools-options ul li a:hover {
text-decoration: none;
}

.modal-content {
width: 600px !important;
margin: 30px auto !important;
}

.modal-body header {
border-bottom: solid 1px #c5c9cd;
margin-bottom: 1em;
}

.modal-body ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
}

.ui-draggable {
line-height: 2em;
border-bottom: solid 1px #c5c9cd;
}

.ui-draggable:hover {
cursor: move;
}

.sidebar-label {
float: left;
width: 100%;
margin-bottom: 10px;
}

.sidebar-label .element-container, .sidebar-label .element-container .value-container {
width: 100%;
}

.sidebar-label label {
width: 23%;
}

.data-table-editable:hover {
cursor: pointer;
}

.data-table-editable .property-editor {
color: #000;
}

.data-table-editable .property-editor i {
float: right;
margin-left: 2px;
z-index:100;
}

.columnwidth15 {
width:15px;
}

.columnwidth75 {
width:75px;
}

.columnwidth100 {
width:100px;
}

.columnwidth200 {
width: 200px;
}

.columnwidth300 {
width: 300px;
}

.columnwidth375 {
width: 375px;
}

.columnwidth585 {
  width: 585px;
}

.columnwidth725 {
  width: 725px;
}

.mailing-header-left {
float: left;
width: 70%;
}

.mailing-header-right {
float: left;
width: 30%;
}

.mailing-screen-container img {
border-left: 1px solid #a0a3a7;
border-radius: 5px;
box-shadow: 10px 10px 5px rgba(229,222,218, 0.9);
}


/* REPORT STYLES */

.border-none {
border:none !important;
}

.bottom-border-orange {
border-bottom: solid 1px #2b2171;
}

.qompas-page-views-container {
height: 77em;
position: relative;
}

.qompas-page-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1em;
  background-color: #eee;
}

.data-table thead tr:nth-child(2) {
background-color: #FDEFE9;
font-weight: bold;
}

.nieuwsbief-block-container {
float: left;
height: auto;
position: absolute;
top: 700px;
left: 300px;
padding: 10px;
box-shadow: 10px 10px 5px 5px rgba(229,222,218, 0.5);
background: #fff;
border: solid 1px #A0A3A7;
border-width: 1px 0 0 1px;
}

.nieuwsbief-block-container table:first-child {
    border-bottom: 0px !important;
}
.nieuwsbief-block-container td {
    border: 0px !important;
}

.nieuwsbrief-html-block td:first-child table {
margin-left: 0 !important;
}

.nieuwsbrief-html-block td:nth-child(3) {
margin-left: 20px;
}

.page-canvas {
float: left;
width: 900px;
height: 1200px;
border: solid 1px orange;
padding: 20px 20px 0 0;
}

/* WEBSITE STYLES */

.clear-both {
clear: both;
}

.text-strong {
font-weight: bold;
}

.sidebar-label label {
font-weight:bold;
}

.data-table-row-editor input[type=text] {
width: 100%;
}

.fa:hover {
cursor: pointer;
}

.toolbox {
  float: left;
  margin-left: 20px;
  height: 500px;
  width: 220px;
  border: solid 1px orange;
}

.toolbox div.ui-tool {
background-color: gray;
padding: 5px;
width: 190px;
margin-bottom: 5px;
}

.page-canvas div.ui-tool {
float: left;
width: 100%;
margin-bottom: 20px;
margin-left: 20px;
padding: 10px;
background-color:  #fff;
border-radius: 5px;
}
 
.form-horizontal .control-label {
float: left;
}

#tool-editor {
padding: 20px;
}

#tool-editor fieldset {
width: 500px;
}

.form-horizontal .form-group {
margin: 0 !important;
}

#tool-content label.control-label {
float: left;
min-width: 100px;
}

#tool-content input[type=text], #tool-content select {
width: 200px;
}

#btn-property-editor {
position:relative;
left: 490px;
}

ul.page-items {
margin-bottom:20px;
}

.cF { 
clear:both; 
}

.sorteerbuttons {
text-align:right;
}

.sorteerbuttons button {
margin-top:30px;
}

h5.h5sorteren {
font-weight:bold;
font-size:19px;
margin-bottom:20px;
}

.hCenter {
text-align:center;
}

.fieldsetAlignCenter {
display: block;
margin: 1.0em auto;
text-align: center;
}

.fieldsetAlignCenter input {
font-size:20px;
}

.pL100 {
padding-left:100px;
}

.p0 {
padding:0;
}

.m0 {
margin:0;
}

.fL {
float:left;
}

.fR {
float:right;
}

.mL20 {
margin-left:20px;
}

.QomAnalytics {
font-size:35px;
}

li a.aLink {
color:#ffffff;
font-size:12px;
}

a.aLink:link {
color:#ffffff;
font-size:12px;
}

.aLink:hover {
color:#ffffff;
font-size:12px;
}

label.error {
color:red;
font-weight:bold;
}

td.valueContainerTaC > div > div {
padding-left:150px;
}

.tablesorter thead tr th {
cursor:pointer;
}

.fwBo {
font-weight:bold;
}
#html5banner {
    border: 0px;
    width:100%;
    max-height: 105px;
    /*-ms-zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0*/
}

.totalQskViews, .totalOpendagenClicks {
    font-weight: bold;
    float: right;
    margin: 0px;
}

#instellingenContainer,
#vestigingenContainer,
#opleidingenContainer,
#dmsContainer,
#nieuwsbrievenContainer,
#bannerContainer {
    height: 300px;
    overflow-y: auto;
    background-color: white;
    padding: 5px;
}

#instellingenContainer .instelling,
#vestigingenContainer .vestiging,
#opleidingenContainer .opleiding,
#dmsContainer .dm,
#nieuwsbrievenContainer .nieuwsbrief,
#bannerContainer .banner {
padding-top: 3px;
}

#instellingenContainer .instelling:hover, #instellingenContainer .instelling label:hover,
#vestigingenContainer .vestiging:hover, #vestigingenContainer .vestiging label:hover,
#opleidingenContainer .opleiding:hover, #opleidingenContainer .opleiding label:hover,
#dmsContainer .dm:hover, #dmsContainer .dm label:hover,
#nieuwsbrievenContainer .nieuwsbrief:hover, #nieuwsbrievenContainer .nieuwsbrief label:hover,
#bannerContainer .banner:hover, #bannerContainer .banner label:hover {
    background-color: #EEE;
    cursor: pointer;
}

#instellingenContainer .instelling input[type=radio],
#vestigingenContainer .vestiging input[type=checkbox],
#opleidingenContainer .opleiding input[type=checkbox],
#dmsContainer .instelling input[type=checkbox],
#nieuwsbrievenContainer .vestiging input[type=checkbox],
#bannerContainer .opleiding input[type=checkbox] {
    vertical-align: middle;
    margin-top: -1px;
}

.search {
    width: 100%;
}

#rapport {
    background-color: white;
    padding: 5px;
}