@font-face {
    font-family: rijksHuisStijlTextRegular;
    src: url('../font/web-v3/ROsanswebtextregular.ttf');
}

body {
    background-color: #f1f1f2;
    border: none;
    margin: 0;
    padding: 0;
    font-family: rijksHuisStijlTextRegular;

    font-size: 13px;
}

.message {
    display: block;
    max-width: 1300px;
    margin: 20px auto;
    clear: both;
    text-align: center;
    color: #000;
    background-color: rgba(255, 0, 0, 0.1);
    border: 1px solid rgba(255, 0, 0, 0.2);
    padding: 8px;
    width: 1300px;
    border-radius: 4px;
}

/*#flashMessage {*/
/*    display: block;*/
/*    text-align: center;*/
/*    background-color: rgba(255, 0, 0, 0.1);*/
/*    border: 1px solid rgba(255, 0, 0, 0.2);*/
/*    padding: 8px;*/
/*    width: 1300px;*/
/*    margin: 20px auto -20px auto;*/
/*    border-radius: 4px;*/
/*}*/

/*.message {*/
/*    clear: both;*/
/*    color: #fff;*/
/*    background: #c43c35;*/
/*    background-color: rgb(196, 60, 53);*/
/*    background-repeat: repeat;*/
/*    background-image: none;*/
/*    border: 1px solid rgba(0, 0, 0, 0.5);*/
/*    background-repeat: repeat-x;*/
/*    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);*/
/*    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);*/
/*    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));*/
/*    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);*/
/*    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);*/
/*    background-image: linear-gradient(top, #ee5f5b, #c43c35);*/
/*    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);*/
/*}*/


* {
    box-sizing: border-box;
    position: relative;
}

.clear {
    clear: both;
}

.bold {
    font-weight: bold;
}

.push-left {
    float: left !important;
}

.push-right {
    float: right !important;
}

.hidden, .hiddenTab, .form-row-hidden {
    display: none !important;
}

label {
    display: block;
    margin: 10px 0 4px 0;
}

.set-inlineblock {
    display: inline-block;
}


/* == input styles == */
.input-button {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 7px 10px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    background: none;
    text-align: center;
}

.input-button:disabled {
    color: #999 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    cursor: default !important;
}

.input-button.input-button-primary:disabled {
    background-color: #f1f1f2 !important;
    border-color: #ccc !important;
    color: #999 !important;
    cursor: default !important;
}

.input-button.input-button-afterinput {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    float: left;
}

.input-text {
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: inherit;
    font-size: inherit;
}

.input-text:not(:focus):hover {
    border-color: #999;
}

.input-text.input-text-withbutton {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
}

.input-text:invalid {
    box-shadow: none;
    border-color: red;
}

.input-text-icon {
    display: inline-block;
    margin-left: -26px;
    padding-right: 6px;
    margin-top: 8px;
    vertical-align: top;
}

.input-checkbox-label {
    display: inline-block;
}


/* == structural styles == */
.page-container {
    width: 1300px;
    margin: 0 auto;
    background-color: white;
    box-shadow:  0 0 4px rgba(0, 0, 0, 0.2);
}

.inlineBlock {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    float: left;
}

.hiddenBlock {
    display: none;
}

.actionButtons {
    text-align: right;
    margin-top: 10px;
}

.blocks::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    border-right: 1px solid #e6e6e6;
    z-index: 0;
}

.info-container {
    padding: 10px;
    border: 1px solid white;
    border-radius: 4px;
    margin: 4px 0 10px 0;
}

.selectionItem {
    cursor: pointer;
}

.selectionItem:not(.selected):not(.highLightBackground):hover {
    background-color: #f1f1f2;
}


/* == header styles == */
.header-container {
    background-color: white;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.26);
    z-index: 1;
}

.header-mainmenu {
    border-bottom: 6px solid white;
    padding: 10px 20px 0 20px;
}

.header-mainmenu .header-mainmenu-item {
    display: inline-block;
    padding: 10px 16px;
    float: left;
    vertical-align: top;
}

.header-mainmenu .header-mainmenu-button {
    text-decoration: none;
    cursor: pointer;
}

.header-mainmenu .header-mainmenu-user {
    cursor: default;
}

.header-mainmenu .header-mainmenu-user:after {
    content: '';
    display: block;
    position: absolute;
    top: 17px;
    right: 2px;
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid white;
    opacity: 0.6;
    cursor: default;
}

.header-mainmenu .header-mainmenu-user:hover:after {
    opacity: 1;
}

.header-mainmenu-user-optionscontainer {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.26);
    z-index: 1;
}

.header-mainmenu .header-mainmenu-user:hover .header-mainmenu-user-optionscontainer {
    display: block;
}

.header-mainmenu-user-option {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: black;
    opacity: 0.8;
    white-space: nowrap;
}

.header-mainmenu-user-option:hover {
    opacity: 1;
}

.header-submenu {
    padding: 0 20px;
}

.header-submenu .header-submenu-item {
    display: inline-block;
    padding: 14px 16px;
    float: left;
    vertical-align: top;
}

.header-submenu .header-submenu-button {
    text-decoration: none;
    cursor: pointer;
}

.header-submenu .header-submenu-button:not(.header-submenu-button-active):hover {
    border-bottom: 2px solid white;
    padding-bottom: 12px;
}

.header-submenu .header-submenu-button-active {
    border-bottom: 2px solid white;
    padding-bottom: 12px;
}


/* == page styles == */
.page {

}

.page-header {
    background-color: white;
    padding: 10px 20px 0 20px;
    border-bottom: 2px solid white;
}

.page-header .page-header-item {
    display: inline-block;
    padding: 14px 16px;
    float: left;
    vertical-align: top;
}

.page-header .page-header-item.page-header-itemicon {
    padding: 14px 8px 8px 8px;
}

.page-content {
    padding: 10px 20px;
}

.page-content-divider {
    border-bottom: 10px solid #f1f1f2;
}

.page-tabs, .tab-container {
    padding: 10px 20px 0 20px;
    border-bottom: 2px solid white;
}

.page-tabs .tabswitch, .tab-container .tab-tab {
    display: inline-block;
    float:left;
    vertical-align: top;
    padding: 14px 16px;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    margin-bottom: -2px;
}

.page-tabs .tabswitch:not(.active):hover, .tab-container .tab-tab:not(.tab-tab-active):hover {
    border-bottom: 2px solid white;
}

.page-tabs .tabswitch.active, .tab-container .tab-tab.tab-tab-active {
    border-bottom: 2px solid white;
}

.tab-container .tab-tab.tab-tab-checked:after {
    content: '✓';
    padding-left: 4px;
    display: inline-block;
    font-size: 16px;
    margin-top: -4px;
}

.page .tab {
    padding: 10px 20px;
}

.tab-page {
    display: none;
}

.tab-page.tab-page-active {
    display: block;
}


/* == dialog styles == */
.dialog-background {
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.4);
}

.dialog-content {
    position: fixed;
    z-index: 100;
    background-color: white;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.26);
    max-width: 80%;
    max-height: 80%;
    overflow-x: hidden;
    overflow-y: auto;
}

.dialog-content h2 {
    margin: 0 0 20px 0;
    font-size: 1.5em;
}

.dialog-content ul {
    padding-left: 1em;
}

.dialog-content .errorContainer {
    max-width: 500px;
    padding: 10px;
    background-color: rgba(255, 0, 0, 0.1);
    border-radius: 4px;
    border: 1px solid rgba(255, 0, 0, 0.2);
}

.dialog-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.4;
    font-size: 16px;
}

.dialog-close:hover {
    opacity: 1;
}

.dialog-actions {
    margin-top: 20px;
    text-align: right;
}


/* == signalering styles == */
#tree {
    height: 600px;
}

#tree .dynatree-container {
    background: #f1f1f2;
    border: none;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    white-space: normal;
}

#tree .dynatree-container li {
    background: none;
    border-left: 6px solid white;
}

#tree .seeFurtherType.dynatree-active .dynatree-title {
    border: 1px solid white;
}

#tree .seeAlsoType.dynatree-active .dynatree-title {
    border: 1px solid white;
}

#tree .linkType.dynatree-active {
    border: 1px solid white;
}

#tree .keyType.dynatree-active .dynatree-title{
    border: 1px solid white;
}

.seeAlsoType + ul>li{
    border-left: 4px solid white !important;
    margin-bottom: 6px;
}

#tree .dynatree-container>li, #tree .dynatree-container>li>ul>li {
    border: none;
}

#tree .dynatree-container>li>ul>li>span>.dynatree-title {
    margin-left: 0;
}

#tree .keyType .dynatree-title {
    font-weight: bold;
    padding: 4px;
    font-size: 15px;
    color: #444;
}

#tree .signaleringType .dynatree-title {
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.26);
    margin: 4px 0 4px 10px;
    padding: 10px;
}

#tree .signaleringType.dynatree-active .dynatree-title {
    border: 1px solid white;
    padding: 9px;
}

#tree .signaleringType .dynatree-title img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: unset;
    margin: unset;
    border: none;
}

#tree .signaleringType .dynatree-title iframe {
    max-width: 100%;
}

#tree .signaleringType .dynatree-title a {
    background: none !important;
    color: blue !important;
    text-decoration: underline;
}

#tree .signaleringType .dynatree-title li {
    border: none;
    list-style: disc;
}

#tree .signaleringType .authorInfo {
    display: block;
    color: #999;
    margin: 4px 0;
}

#tree .signaleringType .sourceInfo {
    font-size: 11px;
}

#tree .signaleringType .statusInfo {
    display: inline;
    width: 4px;
}
#tree .signaleringType .statusInfo.bewerking{background-color:red;}
#tree .signaleringType .statusInfo.concept{background-color:yellow;}
#tree .signaleringType .statusInfo.gereed{background-color:orange;}
#tree .signaleringType .statusInfo.gecontroleerd {background-color:lime;}

#tree .dynatree-title {
    margin-left: 7px;
}

#tree .dynatree-expander, #tree .dynatree-connector {
    display: none;
}

#tree .dynatree-node > img {
    display: none;
}

#dvSignaleringTreeUpdateStatus {
    display: none;
    position: absolute;
    top: 24px;
    right: 20px;
}

#dialog-confirm-already-linked {
    display: none;
}

#dvEditSignaleringRelatedArticles, #dvEditSeeAlsoRelatedArticles, #dvEditSeeFurtherRelatedArticles {
    height: 150px;
    width: 575px;
    display: inline-block;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #CCC;
}

#updown {
    display: inline-block;
    width: 10px;
    vertical-align: top;
    margin-left: 4px;
}

#updown a {
    margin-bottom: 4px;
}

.dvRelatedArticle {
    padding: 8px;
    border-bottom: 1px solid #f1f1f2;
    cursor: pointer;
}

.dvRelatedArticle:not(.selected):hover {
    background-color: #f1f1f2;
}

.contextMenu {
    background-color: white;
    width: auto;
}

.contextMenu .ui-menu-item {
    white-space: nowrap;
}

.contextMenu .ui-menu-item a {
    padding: 8px;
    cursor: pointer;
    height: auto;
}

.contextMenu .ui-menu-item a.ui-state-focus {
    margin: 0 !important;
    border: none;
    border-radius: 0;
}

.contextMenu .ui-menu-item a:hover {
    background-color: #f1f1f2;
}

.contextMenu .ui-menu-item.disabledNotificationElement {
    pointer-events: none;
}

.contextMenu .ui-menu-item.disabledNotificationElement a {
    pointer: default;
    color: #999;
}

.contextMenu .ui-menu-item.disabledNotificationElement a:hover {
    background: none;
}

#dvSignaleringTree #dynatree-drop-marker {
    display: none !important;
}

.downloadKnipselContainer {
    margin: auto;
    width: 75%;
}

/* == article styles == */
#tree2 {
    height: 600px;
    width: 100%;
}

#tree2 .dynatree-container {
    border: none;
    margin: 0 20px;
    white-space: normal;
}

#tree2 .dynatree-container > li {
    background: none;
}

#tree2 .dynatree-expander, #tree2 .dynatree-connector {
    display: none;
}

#tree2 .dynatree-icon {
    background: transparent url('../img/preview.png') center center;
    top: 24px;
    z-index: 1;
    cursor: pointer;
    opacity: 0.6;
    display: inline-block;
    margin-top: -16px;
}

#tree2 .dynatree-icon:hover {
    opacity: 1;
}

#tree2 .dynatree-statusnode-wait .dynatree-icon {
    display: none;
}

#tree2 .dynatree-title {
    width: 100%;
    padding: 8px;
    border-bottom: 1px solid #f1f1f2;
    cursor: pointer;
    padding-left: 24px;
}

#tree2 .dynatree-title:hover {
    background-color: #f1f1f2;
}

#tree2 .dynatree-title .sourceInfoLink {
    display: block;
    font-style: italic;
    font-size: 12px;
    margin-top: 4px;
}

#tree2 .dynatree-drag-helper {
    position: fixed !important;
    z-index: 10;
}

#dvKnipselTreeUpdateStatus {
    display: none;
    position: absolute;
    top: 24px;
    right: 20px;
}

#spinnerRssRight {
    display: none;
}

#spinnerMiddle {
    display: none;
}

#dialog-confirm-already-linked {
    display: none;
}

#dvAddKnipselBronDiv {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

#dvAddKnipselBronDiv .bron {
    display: block;
    padding: 4px 0;
    overflow: hidden;
    cursor: pointer;
}

#dvAddKnipselBronDiv .bron:not(.active):hover {
    background-color: #f1f1f2;
}

#dvAddKnipselBronDiv .bron .busysearch.searching {
    display: inline-block;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background: url("../img/loading_dark.gif");
}

#dvAddKnipselBronResultsDiv {
    display: inline-block;
    width: calc(100% - 204px);
    vertical-align: top;
    padding: 4px;
    height: 570px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dvAddKnipselResultDiv {
  display: none;
}

.dvAddKnipselResultDiv.active {
  display: block;
}

#dvAddKnipselBronResultsDiv .easyResultItem {
    padding: 8px 0;
    border-bottom: 1px solid #f1f1f2;
}

#dvAddKnipselBronResultsDiv .easyResultItem .addicon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url("../img/ico_add-s.png") no-repeat center center;
}

#dvAddKnipselBronResultsDiv .easyResultItem .title {
    display: block;
    width: calc(100% - 20px);
}

#dvAddKnipselBronResultsDiv .easyResultItem .abstract {
    display: block;
    width: calc(100% - 20px);
}
#dvAddKnipselBronResultsDiv .easyResultItem input[type="checkbox"] {
    position: absolute;
    top: 20px;
    right: 0;
}

.dvAddKnipselResultFormBtn {
    position: relative;
    left: 340px;
    top: -10px;
}

#dvAddKnipselBronResultsDiv .navigation {
    vertical-align: top;
    margin-top: -9px;
    width: 270px;
}

#dvAddKnipselBronResultsDiv .navigation a {
    padding: 4px;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
}

#dvAddKnipselBronResultsDiv .navigation a:not(.active):hover {
    text-decoration: underline;
}

#load_connector {
    position: absolute;
    left: 63%;
    top: 87%;
    height: 32px;
    width: 32px;
    margin: 0px auto;
    border-radius: 100%;
}

.cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
    display: none;
}

.cover-spin img {
    position: absolute;
    left: 48%;
    top: 48%;
}

.loading-screen {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
    display: none;
}

.loading-screen-icon {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #000000;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    left: 48%;
    top: 44%;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#dvAddKnipselRssBronDiv {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

#dvAddKnipselRssBronDiv .rssitem {
    padding: 8px 4px;
    border-bottom: 1px solid #f1f1f2;
    cursor: pointer;
}

#dvAddKnipselRssBronDiv .rssitem:not(.selected):hover {
    background-color: #f1f1f2;
}

#dvAddKnipselRssResultsDiv {
    display: inline-block;
    width: calc(100% - 204px);
    vertical-align: top;
    height: 580px;
    padding: 4px;
    overflow-y: auto;
    overflow-x: hidden;
}

#dvAddKnipselRssResultsDiv .rssRefinementToggle {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 4px 0;
}

#dvAddKnipselRssResultsDiv .results {
    padding: 4px;
}

#dvAddKnipselRssResultsDiv .rsslistitem {
    padding: 8px 0;
    border-bottom: 1px solid #f1f1f2;
}

#dvAddKnipselRssResultsDiv .rsslistitem .addicon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url("../img/ico_add-s.png") no-repeat center center;
}

#dvAddKnipselRssResultsDiv .rsslistitem .title {
    display: block;
    width: calc(100% - 20px);
}

#dvAddKnipselRssResultsDiv .rsslistitem .abstract {
    display: block;
    width: calc(100% - 20px);
}

#dvAddKnipselRssResultsDiv .rsslistitem input[type="checkbox"] {
    position: absolute;
    top: 20px;
    right: 0;
}

#dvAddRssResultRssBtn {
    position: relative;
    left: 350px;
    top: -10px;
}

#dvExistingQuriesList {
    padding: 4px;
    overflow-y: auto;
    overflow-x: hidden;
}

#dvExistingQuriesList .queryList {
    padding: 8px 4px;
    border-bottom: 1px solid #f1f1f2;
    cursor: pointer;
}

#dvExistingQuriesList .queryList:hover {
    background-color: #f1f1f2;
}

#dvExistingQuriesList .queryList .removeicon {
    padding: 0;
    width: 20px;
    height: 20px;
    background: url("../img/ico_delete.png") no-repeat center center;
    float: right;
}
#dvExistingQuriesList .queryList .editicon {
    padding: 0;
    width: 20px;
    height: 20px;
    background: url("../img/ico_edit.png") no-repeat center center;
    float: right;
}

#dvAddKnipselClipperResultDiv {
    padding: 4px;
    overflow-y: auto;
    overflow-x: hidden;
}

#dvAddKnipselClipperResultDiv .easyResultItem {
    padding: 8px 0;
    border-bottom: 1px solid #f1f1f2;
}

#dvAddKnipselClipperResultDiv .easyResultItem .addicon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url("../img/ico_add-s.png") no-repeat center center;
}

#dvAddKnipselClipperResultDiv .easyResultItem .removeicon {
    position: absolute;
    top: 0;
    right: 20px;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url("../img/ico_delete.png") no-repeat center center;
}

#dvAddKnipselClipperResultDiv .easyResultItem .title {
    display: block;
    width: calc(100% - 40px);
}

#dvAddKnipselClipperResultDiv .easyResultItem .abstract {
    display: block;
    width: calc(100% - 20px);
}

#dvAddKnipselTabStoreQueryTab, #dvUpdateKnipselTabStoreQueryTab {
    position: fixed;
    background-color: white;
    width: 400px;
    z-index: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.dvStoreQueryHeader {
    padding: 10px;
}

.dvStoreQueryHeader a {
    text-decoration: none;
    float: right;
    vertical-align: top;
    margin-top: -1px;
    opacity: 0.6;
    cursor: pointer;
}

.dvStoreQueryHeader a:hover {
    opacity: 1;
}

#dvStoreQueryContent, #dvUpdateQueryContent {
    padding: 10px;
}

#selected_source_list, #update_source_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#update_source_list .updateGroup {
    float: left;
    margin: 0 8px 0 1px;
}

#dvAddKnipselTabStoreQueryTab .errorContainer, #dvUpdateKnipselTabStoreQueryTab .errorContainer {
    text-align: center;
    background-color: rgba(255, 0, 0, 0.1);
    border: 1px solid rgba(255, 0, 0, 0.2);
    padding: 8px;
    border-radius: 4px;
    margin-top: 10px;
}

#dvArticleShowBody {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.knipsel-progress-container {
    position: absolute;
    top: 50%;
    left: calc(50% - 150px);
}

.knipsel-progress-barcontainer {
    border: 1px solid #ccc;
    background-color: white;
    width: 300px;
    height: 20px;
}

.knipsel-progress-barinner {
    width: 100%;
    height: 100%;
    transition: width .2s;
}

.knipsel-progress-percentage {
    text-align: center;
    margin-top: 10px;
}


/* == Publish styles == */
#dvPublishPreviewIframeWrapper {
    padding: 10px;
    background-color: #f1f1f2;
}

#dvPublishPreviewIframe {
    width: 100%;
    height: 600px;
}


/* == Themes styles == */
.appendTopics .topicTypeTitle {
    font-weight: bold;
    padding: 8px;
}

.appendTopics .topicTypeTitle:empty {
    background-color: #f1f1f2;
    border: 1px dashed #ccc;
}

.appendTopics .topicsListItem {
    padding: 8px;
    border-bottom: 1px solid #f1f1f2;
}

.appendTopics .topicsListItem .topicImage {
    border: 1px solid #ccc;
    display: inline-block;
    float: left;
    height: 27px;
    margin-right: 5px;
    width: 27px;
    vertical-align: top;
}

.appendTopics .topicsListItem .topicItemName {
    vertical-align: middle;
    margin-top: 5px;
    display: inline-block;
    margin-bottom: 6px;
}

.appendTopics .topicsListItem .topicItemStatus {
    float: left;
    height: 27px;
    width: 4px;
    vertical-align: top;
    margin-right: 6px;
}

.appendTopics .topicsListItem .topicItemStatus .colorCode {
    width: 100%;
    height: 100%;
    display: block;
}

#dvTopicUploadImageCanvas {
    border: 1px solid #f1f1f2;
    display: block;
    margin: 10px 0;
}

.preview-container {
    border: 4px solid #999;
    display: inline-block;
    width: 200px;
    height: 300px;
    border-radius: 4px;
    padding: 4px;
    background-color: #f1f1f2;
    margin: 10px;
}

.preview-container .preview-hidden {
    display: none !important;
}

.preview-container .preview-container-inner {
    width: 100%;
    height: 100%;
}

.preview-container .preview-block {
    position: absolute;
    padding: 4px;
}

.preview-container .preview-block-inner {
    background-color: white;
    width: 100%;
    height: 100%;
    color: black;
    text-align:center;
    padding-top: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.preview-container .preview-container-innertop {
    height: 70%;
    width: 100%;
}

.preview-container .preview-reports {
    width: 100%;
    height: 30%;
    top: 70%;
    left: 0;
}

.preview-container .preview-news .preview-news-display {
    border: 1px solid #ccc;
    margin: 4px;
    height: calc(100% - 38px);
}

.preview-container .preview-news .preview-articledisplay-item {
    font-size: 6px;
    text-align: left;
    border-bottom: 1px solid #f1f1f2;
    padding: 4px;
}

.preview-container .preview-news .preview-treedisplay-container {
    background-color: #f1f1f2;
    padding: 4px;
}

.preview-container .preview-news .preview-treedisplay-item {
    margin-bottom: 4px;
    background-color: white;
    padding: 4px;
    text-align: left;
    font-size: 6px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.preview-container .preview-news .preview-treedisplay-level {
    border-left: 2px solid white;
    padding-left: 4px;
}

.preview-container .preview-halfheight {
    height: 50%;
}
.preview-container .preview-fullheight {
    height: 100%;
}
.preview-container .preview-halfwidth {
    width: 50%;
}
.preview-container .preview-fullwidth {
    width: 100%;
}
.preview-container .preview-left {
    left: 0;
}
.preview-container .preview-right {
    left: 50%;
}
.preview-container .preview-top {
    top: 0;
}
.preview-container .preview-bottom {
    top: 50%;
}

.topic-config-suboptions {
    border: 1px solid #f1f1f2;
    padding: 2px 10px 10px 10px;
}


/* == Feeds styles == */
#dvFeedControlSelectFeeds {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

#dvFeedControlSelectFeeds .feedlistitem {
    padding: 8px;
    border-bottom: 1px solid #f1f1f2;
}

#dvFeedControlSelectFeeds .feedlistitem .title {
    display: block;
}

#dvFeedControlSelectFeeds .feedlistitem .url {
    display: block;
    font-style: italic;
    color: #999;
    font-size: 11px;
    margin-top: 4px;
}

#dvFeedControl .savedQueryInformation,
#dvFeedControlModify .savedQueryInformation {
    margin-top: 10px;
}

#dvFeedControl .savedQueryInformation #updateTimeFeedControlLabel {
    display: inline-block;
    color: #999;
    font-style: italic;
    font-size: 11px;
}


/* == Social styles == */
#dvSocialMediaControlSelectFeeds {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

#dvSocialMediaControlSelectFeeds .socialMedialistitem {
    padding: 8px;
    border-bottom: 1px solid #f1f1f2;
}

#dvSocialMediaControlSelectFeeds .socialMedialistitem .title {
    display: block;
}

#dvSocialMediaControlSelectFeeds .socialMedialistitem .url {
    display: block;
    font-style: italic;
    color: #999;
    font-size: 11px;
    margin-top: 4px;
}

.savedQueryInformation {
    text-align: right;
}

.savedQueryInformation #updateTimeSocialMediaAddLabel, .savedQueryInformation #updateTimeSocialMediaModifyLabel {
    display: inline-block;
    color: #999;
    font-style: italic;
    font-size: 11px;
}


/* == Analysis styles == */
#dvReportsControlSelectBox {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

#dvReportsControlSelectBox .reportItem {
    padding: 8px;
    border-bottom: 1px solid #f1f1f2;
}

#dvReportsControlSelectBox .reportItem .reportItemName {
    display: block;
}

#dvReportsControlSelectBox .reportItem .reportPubdate {
    display: block;
    font-style: italic;
    color: #999;
    font-size: 11px;
    margin-top: 4px;
}


/* == Calendar styles == */
#dvCalendarControlSelectBox {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

#dvCalendarControlSelectBox .calendarItem {
    padding: 8px;
    border-bottom: 1px solid #f1f1f2;
}

#dvCalendarControlSelectBox .calendarItem .eventTitle {
    display: block;
}

#dvCalendarControlSelectBox .calendarItem .eventDuration {
    display: block;
    font-style: italic;
    color: #999;
    font-size: 11px;
    margin-top: 4px;
}


/* == Groups styles == */
#dvUserControl .groups-table {
    width: 100%;
}

#dvUserControl .groups-column {
    width: 290px;
    max-width: 290px;
}

#dvUserControlUsers, #dvUserControlUsersSelected {
    width: 100%;
    height: 500px;
}

#dvGroupControlEditForm {
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    height: 126px;
    background-color: white;
}

#dvArchiveLoadingIndicator {
    display: none;
    vertical-align: top;
    margin-bottom: -34px;
    padding-right: 90px;
}

#dvArchiveLoadingIndicator img {
    height: 32px;
}

#dvUseReportLoadingIndicator {
    display: none;
    vertical-align: top;
    margin-bottom: -34px;
    padding-right: 175px;
}

#dvUseReportLoadingIndicator img {
    height: 32px;
}


/* == User management == */
#dvUserManagementControlInviteGroups {
    border: 1px solid #ccc;
    padding: 6px;
}

#dvUserManagementControlInviteGroups > div {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

#dvUserManagementControlInviteGroups input[type="checkbox"] {
    margin-right: 6px;
}


/* == Standard editions styles == */
#dvEditionControlSelectEditions {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

#dvEditionControlSelectEditions .editionlistitem {
    padding: 8px;
    border-bottom: 1px solid #f1f1f2;
}


/* == UseReporting styles == */
#dvUseReportSelection .page-content > table > tbody > tr > td, #dvUseReportSelection .page-content > table > tbody > tr > th {
    padding: 4px;
    border: 1px solid #f1f1f2;
}

dvUseReportSelection .page-content > table > tbody > tr:nth-child(even){
    background-color: #ddd;
}

dvUseReportSelection .page-content > table > tbody > tr > th {
    background-color: #444444;
    color: white;
}


/* == Login styles == */
.login-container {
    margin-top: 40px;
}

.login-container #existing_client {
    width: 50%;
    margin: 0 auto;
}

.login-container .container {
    margin: 50px;
}
.login-container table {
    width: 100%;
    border-collapse: collapse;
}

.login-container table td {
    padding: 6px;
    text-align: left;
    vertical-align: top;
}

.login-container .logo, .divRegisterContent .logo {
    display: block;
    height: 87px;
    background: transparent no-repeat center;
    margin: 0 auto;
}

.login-container #voet {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.divHeaderFooter {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.divRegisterContent {
    width: 1300px;
    margin: 40px auto;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    background-color: white;
}

.divRegisterContent .divHeaderContent {
    margin: 50px auto;
    width: 450px;
}

.divRegisterContent .footerText {
    font-size: 10px;
    margin-bottom: -20px;
}

#flashMessage {
    display: block;
    text-align: center;
    background-color: rgba(255, 0, 0, 0.1);
    border: 1px solid rgba(255, 0, 0, 0.2);
    padding: 8px;
    width: 1300px;
    margin: 20px auto -20px auto;
    border-radius: 4px;
}

.greenFlash {
    display: block;
    text-align: center;
    background-color: rgba(0, 255, 0, 0.1) !important;
    border: 1px solid rgba(0, 255, 0, 0.2) !important;
    padding: 8px;
    width: 1300px;
    margin: 20px auto -20px auto;
    border-radius: 4px;
}

#templateFlashMessage {
    display: block;
    text-align: center;
    background-color: rgba(255, 0, 0, 0.1);
    border: 1px solid rgba(255, 0, 0, 0.2);
    padding: 8px;
    border-radius: 4px;
}

.requiredAsterisk {
    color: red;
    font-weight: bold;
}

#explain {
    font-size: 11px;
}


/* == Download page style == */
.download-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.download-container-inner {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: 40px;
    overflow-x: hidden;
    overflow-y: auto;
}

.download-appicon {
    width:50%;
    max-width: 200px;
}

.download-storebtn img {
    width: 30%;
    height: auto;
}

#download-footer {
    clear: both;
    padding: 6px 10px;
    text-align: right;
}

/* == Webview styles == */
.webview-container {
    margin-top: 40px;
    margin-bottom: 40px;
}

.webview-container #pagina {
    z-index: 1;
}

.webview-container #rijkslogo img {
    display: block;
    margin: 0 auto;
}

.webview-container #dvLoginInfo {
    position: absolute;
    top: 18px;
    right: 28px;
}

.webview-container #dvLoginInfo:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    right: -12px;
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid black;
    opacity: 0.6;
    cursor: default;
}

.webview-container #dvLoginInfo:hover:after {
    opacity: 1;
}

.webview-container .usersettings {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.26);
    z-index: 1;
}

.webview-container #dvLoginInfo:hover .usersettings {
    display: block;
}

.webview-container .usersettings a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: black;
    opacity: 0.8;
    white-space: nowrap;
}

.webview-container .usersettings a:hover {
    opacity: 1;
}

.webview-container .blocks {
    height: 100%;
}

.webview-container #dialog-confirm-no-articles {
    display: none;
}

.webview-container #voet img {
    display: block;
    margin: 0 auto;
}

.webview-container #dvWebViewArticleList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.webview-container .articleListItem a {
    display: block;
    text-decoration: none;
    padding: 8px;
    border-bottom: 1px solid #f1f1f2;
    cursor: pointer;
    color: black;
}

.webview-container .articleListItem:not(.selected) a:hover {
    background-color: #f1f1f2;
}

.webview-container .articleListItem a .name {
     display: block;
 }

.webview-container .articleListItem a .source {
    display: block;
    font-style: italic;
    opacity: 0.6;
}

.webview-container #dvWebViewArticleList {
    height: 434px;
    overflow-x: hidden;
    overflow-y: auto;
}

.webview-container #dvMoreInfo {
    height: 580px;
    overflow-x: hidden;
    overflow-y: auto;
}

.webview-container #knipselkrantDownloadHTML {
    display: none;
    position: absolute;
    margin-top: 10px;
}

/* == Connector settings styles == */
#dvSourceListEditActiveSelectBox {
  padding: 4px;
  overflow-y: auto;
  overflow-x: hidden;
}

#dvSourceListEditActiveSelectBox .feedlistitem {
  padding: 8px 4px;
  border-bottom: 1px solid #f1f1f2;
  cursor: pointer;
  min-height: 32px;
}

#dvSourceListEditActiveSelectBox .feedlistitem:not(.selected):hover {
  background-color: #f1f1f2;
}

#dvSourceListEditActiveSelectBox .feedlistitem .removeicon {
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("../img/ico_delete.png") no-repeat center center;
  float: right;
}

#dvSourceListEditActiveSelectBox .feedlistitem .option.move-up,
#dvSourceListEditActiveSelectBox .feedlistitem .option.move-down {
  float: right;
  margin-top: 2px;
}

/* == Export styles == */
#dvExportLoadingIndicator {
    display: none;
    vertical-align: top;
    margin-bottom: -34px;
    padding-right: 90px;
}

/* == Standard trees styles == */
#dvThemaControlSelectBox .feedlistitem {
    padding: 8px;
    border-bottom: 1px solid #f1f1f2;
}


/* == Subscribe styles == */

.divSubscribeContent .controlBoxes {
    border: 1px solid transparent;
    padding: 0 4px;
    border-radius: 4px;
}

/* == Unsubscribe styles == */
.divUnsubscribeContent .unsubscribe-row {
    border: 1px solid transparent;
    padding: 0 4px;
    border-radius: 4px;
}

.divUnsubscribeContent .unsubscribe-row.unsubscribe-row-selected {
    border-color: #ccc;
    padding: 4px;
    margin: 4px 0;
}

.divUnsubscribeContent .unsubscribe-row .unsubscribe-reason {
    display: none;
}

.divUnsubscribeContent .unsubscribe-row.unsubscribe-row-selected .unsubscribe-reason {
    display: block;
}


/* == Chosen overrides == */
.chosen-container-multi .chosen-choices, .chosen-single {
    background: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 6px !important;
    height: auto !important;
    line-height: normal !important;
}

.chosen-container-multi .chosen-choices:hover {
    border-color: #999;
}

.chosen-container-active .chosen-choices {
    box-shadow: none;
    border: 1px solid #999;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: auto;
}

/* == jQuery-minicolors overrides == */
.minicolors {
    width: 100% !important;
    position: relative;
}

.minicolors .minicolors-input {
    height: auto;
    width: 100%;
}

/* == jQuery-ui overrides == */
ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    width: auto;
}

/* == TinyMCE overrides == */
.tox-tinymce .tox-mbtn {
    font-size: 12px;
}

.tox .tox-collection__item-label {
    font-size: 12px;
}

.tox-tinymce .tox-menubar {
    background-color: #f1f1f2;
}

.tox-tinymce .tox-toolbar__primary {
    background-color: #f1f1f2;
}

.tox-tinymce .tox-statusbar__branding {
    display: none;
}
.tox-tinymce .tox-statusbar__wordcount {
    font-size: 10px;
    text-transform: none;
}