@charset "utf-8";
/* CSS Document */
html,body{height:100%;}

footer{margin-top:20px; width:100%; height:30px; text-align: center; color: #FFF; background-color: transparent; }
footer p{line-height: 30px;}
/*
.container-fluid .row-fluid {margin-top:55px;}
.container-fluid .row-fluid .content{min-height:100%; }
.container-fluid .row-fluid  {padding-left:2%; width: 98%; transition: all, 0.5s; }
.container-fluid .row-fluid.open10  {padding-left:21%; width: 79%; }
.container-fluid .row-fluid.open9  {padding-left:31%; width: 69%; }
*/

.navbar-inverse {position:fixed; width:100%; z-index: 2000;}
.navbar-inner{ border-radius: 0px!important;}
.navbar-inverse .brand {padding:10px 10px 0px 10px; border:0px;}
.navbar .nav.pull-right { margin-right:20px;}
.navbar .nav ul { width:160px;}

.navbar .navbar-inner .container-fluid a.btn{
    background-color: #2E79DB!important;
    color: white;
    text-shadow: none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/* LOGIN */

body.sign-in .btn.btn-success {background-color: #0CD602; }
body.sign-in .btn.btn-success:hover {background-color: #5b7a1d;}
body.sign-in.contrast-aristoteles {
	background: #363636 url('/images/login-background.gif')!important;
}


/* 
.login-screen { height:100%; padding:100px 40px;}
.login-screen div.center-block{margin-right: auto; margin-left: auto; width:640px; height:400px;display:block;}
.login-screen div.center-block div.login-form{ margin-left: 200px;}
.login-screen div.center-block .login-icon {left:auto;}
.login-screen .login-icon {top:120px; width:140px;}
 */

.nav-list > .active > a {background-color: #34495e;  font-size: 14px;text-decoration: none;}


/* OVERVIEW FILTERS */
.row-fluid div.filters div.controls input[type="text"] { width: 200px; height:30px;}
.row-fluid div.filters div.controls input,.row-fluid div.filters div.controls select { border-radius: 0px!important; -webkit-border-radius: 0px!important; margin-bottom: 0;}
div.controls div.filters  .btn { height:25px;padding: 5px 12px 0px; margin-top:-10px;}


/* LABELS */
.label-success { background-color: #58d68d;}
.label-default { background-color: #999999;}
.label-warning { background-color: #f0ad4e;}
.label-danger, .label-important {background-color: #d9534f;}
.label-info {background-color: #48c9b0;}


/* FORM CONTROLS */
.form-horizontal .control-label { width:120px;}
.form-horizontal .controls {margin-left: 140px;}
img.thumb { border:2px solid #bdc3c7; margin:0 10px; float:left; max-height:80px; max-width: 80px;}



/* TABLES */
table th.actions { width:140px;}

#map-canvas {
  height: 300px;
  width: 100%;
  position: relative;
}

/* MENU MODULE */

table.module tr td.indent0 { padding-left:10px;}
table.module tr td.indent1 { padding-left:40px;font-size:92%;}
table.module tr td.indent2 { padding-left:70px;font-size:84%;}
table.module tr td.indent3 { padding-left:100px;font-size:76%;}
table.module tr td.indent4 { padding-left:130px;font-size:68%;}

table.module tr td.size1 { font-size:92%;}
table.module tr td.size2 { font-size:84%;}
table.module tr td.size3 { font-size:76%;}
table.module tr td.size4 { font-size:68%;}

table.module tr td span.ic { display:block; height:40px; width:5px; float:left; margin:0px 10px 0 0;}
table.module tr td.indent0 span.ic { background-color: #27AE60; }
table.module tr td.indent1 span.ic { background-color: #8E44AD; }
table.module tr td.indent2 span.ic { background-color: #C0392B; }
table.module tr td.indent3 span.ic { background-color: #D35400; }
table.module tr td.indent4 span.ic { background-color: #2980B9; }


/* ICON BAR*/


#iconbar a.inactive {
    cursor:default;
    opacity: 0.5;
}
#iconbar a#toggle-menu {top:0px; border-radius: 20px 0 0 20px!important;}
#iconbar a#toggle-images {top:33px; }
#iconbar a#toggle-links {top:66px; }
#iconbar a.last_row {top:99px; border-radius: 0 20px 20px 0!important;}

#sidebar{ display:none; position:fixed; left:0px; width:17%; height: 100%; z-index: 50; margin:0!important;}
#sidebar.span3{width:21%;}
#sidebar div.well {display:none; height:100%!important; min-width: 300px; bottom: 0; box-sizing: border-box;}
#sidebar div.well div#imagesContainer {height:550px; overflow: auto; padding:5px;}
#sidebar div.well div#imagesContainer div.picture{ width:80px; height:80px; border:1px solid #ccc; margin:1px; float:left; vertical-align: middle; text-align: center; line-height:75px; }
#sidebar div.well div#imagesContainer div.picture img.img {max-width:78px; max-height:78px; margin:1px;}
#sidebar div.well div#imagesContainer div.picture.green {border:1px solid #27AE60!important; width:164px; height:163px;line-height:156px; }
#sidebar div.well div#imagesContainer div.picture.green img.img {max-width:160px; max-height:160px; margin:1px;}
#sideform{display:block; position:fixed; top: 0; bottom: 0; height: 100%; overflow-y: auto; width:490px; right:-550px; background-color:#FFF; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4); min-height:100%; padding:10px 0px 0px 10px;z-index: 2000;}
#sideform iframe{width:490px;height:100%; border:0px; overflow: hidden; }
#sideform a.sidebar-close { position:absolute; margin:10px 0px 0px 440px;}
body.iframe {padding:0px 10px; overflow-x:hidden; min-height: 800px;}
body.iframe .form-horizontal .control-label { width: 100%;text-align: left;}
body.iframe .form-horizontal .controls {margin-left: 0px;}
iframe#sideframe {min-height: 800px;}


/* GALLERY */

li div.picture { width:150px; height:150px; border:1px solid #ccc; margin:2px; float:left; vertical-align: middle; text-align: center; line-height:140px;  -webkit-transition: all .2s ease-in-out; }
li div.picture:hover{background-color: #fff; border:1px solid #27AE60;-webkit-transform: scale(1.2); box-shadow: 0px 0px 8px 4px #27AE60;}
li div.picture.green {border:1px solid #27AE60;}
li div.picture div.actions { position: absolute; height:40px; top:0px; display:none; line-height: 32px;  margin:0px;}
li div.picture:hover div.actions { display:block;}
li div.picture div.actions a { margin:0px; width: 20px; height:20px; }
li div.picture div.actions button { margin:3px;}
li div.picture img.imgGallery { max-width:148px; max-height:148px; margin:1px;}

li div.tooltip { position: absolute; width:180px; display:none; line-height: 14px;  margin:170px 0px 0px -12px!important; font-size:11px; }
li:hover div.tooltip { display:block;}

/* CALENDAR */
div.fc-view { overflow:initial;}
div.fc-event {z-index: 10!important;}
span.fc-header .fc-state-active {z-index: 0!important;}
div.full-calendar table.fc-header td.fc-header-left {top:-80px!important;}
div#calendarTrash { padding:0!important; position:absolute; width:100%; top:-100px; left:0px; height:80px;line-height: 80px; text-align: center; z-index:5;}
div#calendarTrash.hover { 
    border-color:#FF0000!important;
    background-color:#F89B6C!important;
    color:#FFF!important;
}
div#calendarTrash.active { 
    border-color:#F0EC0A;
    background-color:#F7F754; 
    color:#000000; 
    -webkit-box-shadow: 4px 2px 15px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    4px 2px 15px rgba(50, 50, 50, 0.3);
    box-shadow:         4px 2px 15px rgba(50, 50, 50, 0.3);
}
div#calendarTrash span { 
    display:block; 
    margin:10px; 
    height:80px; 
    width:200px; 
    margin:0 auto;
    background: url('/images/trashcan.png') 0px 5px no-repeat;
    padding-left: 45px;
}
div#calendarTrash.hover span {
    background: url('/images/trashcan.png') 0px -69px no-repeat;
}

/* UPLOADEN */
button.slideToggleUploadbox{ margin-top:-12px;}
.sidebar-images form#fileupload { margin:10px;}
div#uploadbox div.fileupload { margin:10px;}
div#uploadbox div.uneditable-input {width:220px;}

/* FILE UPLOAD BOX */
div.btn div.btn-file { height:30px!important; padding: 2px 0px 1px 0px!important;}
div.btn div.fileupload-new { height:30px!important; margin:0;}


.popup_widget {
    position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background: #FFF; background: rgba(255,255,255,0.8);
    
}
.popup_widget .popup_widget_content {
    position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; border: solid 1px #CCC;
    background: #FFF; box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.popup_widget .popup_widget_content_header {
    position: absolute; top: 0; left: 0; top: 0; right: 0;
    height: 30px;
    padding: 5px;
    text-align: right;
    background: #FFF; border-bottom: solid 1px #CCC;
}

.popup_widget .popup_widget_content_content {
    position: absolute; left: 0; top: 41px; right: 0; bottom: 0;
    overflow: auto; background: #FFF; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;
    -MS-box-sizing: border-box;
}

.popup_widget_loader {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    width: 100px; height: 100px;
    background: #FFF;
    z-index: 2000;
    border: solid 1px #CCC;
    display: flex; align-items: center; justify-content: center;
}
.ce-block__content, 
.ce-toolbar__content {
    width: 100%; max-width: calc(100% - 100px);
}
.codex-editor { background: #FFF; border-radius: 2px; border: solid 1px #CCC; padding: 1rem; }
.cdx-block { background: #fef8ee; margin-bottom: 0.5rem; padding: 0.2rem; }
.ce-inline-tool { background:#fffdda; padding: 0.2rem; }
.editor_blocks {
    padding: 20px 0;
}
.ce-toolbar__actions {
    z-index: 100;
}
.facts_top_text {
    padding: 3rem 0; border: solid 1px #CCC;

}
.facts_top_text .inner_content {
    display: flex;
    gap: 2rem;
    justify-content: center;
}
.facts_top_text p { 
    text-align: center;
    padding: 0.2rem 0.2rem 0.4rem 0.2rem;
    font-style: italic;
    font-size: 2rem; font-weight: bold;
    color: #bdc3c7;
}
.projecten_list {
    padding: 2.5rem 0.3rem;
    display: flex; justify-content: center;
    align-content: center; border: solid 1px #e4e4e4;
}
.projecten_list p {
    font-size: 2rem; font-style: italic; flex-direction: column;
    font-weight: bold; display: flex; align-items: center;
}

.projecten_list p:after {
    content: ''; display: block;
    height: 100px; background: beige; border-radius: 5px;
    width: 100%; max-width: 250px; margin-top: 2rem;
}


.facts_top_text input {
    border: none;
    padding: 0.3rem;
    border-radius: 0.2rem;
    border: 1px solid #e4e4e4;
}

.editor_blocks input {
    width: 100%;
    padding: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    outline: none;
    font-size: 14px;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
}
.editor_blocks .block_title {
    font-size: 1.5rem;
    font-weight: bold;
    
}
header .navbar { position: fixed; left: 0; top: 0; width: 100%; right: 0; min-height: 40px; z-index: 100; }
body { padding-top: 40px; }
#content-wrapper .main-content { padding: 1rem; padding-top: 0; }
body.iframe .form-horizontal .controls button { width: 100%; margin-bottom: 30px; }
body div.ce-popover__container { width: 255px!important; }