@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
a {
    color: black;
}
.translationFound{
    color:green;
}

.translationNotFound{
    color:red;
}
a:hover {
    color: #6bb922;
}

a.submit {
    background: url('../img/btn-submit.png') no-repeat 5px 3px #333333;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 1px 0 #666;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding: 3px 7px 3px 22px;
    text-decoration: none;
}

html {
    height: 100%;
    width: 100%;
}

body {
    font-family: 'Muli', sans-serif;
    font-size: 13px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    height: 100%;
}

body#update {
    background: none
}

button {
    background: #6bb922;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 1px 0 #666;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Muli', sans-serif;
    margin: 0 5px 0 0;
    padding: 3px 7px 3px 22px;
    text-align: left;
    outline: none;
}

button.edit {
    background: url('../img/btn-edit.png') no-repeat 5px 3px #6bb922;
}

button.new {
    background: url('../img/btn-new.png') no-repeat 5px 3px #6bb922;
}

button.submit {
    background: url('../img/btn-submit.png') no-repeat 5px 3px #6bb922;
}

button.submit2 {
    background: url('../img/btn-submit.png') no-repeat 5px 3px #6bb922;
}

button.details {
    background: url('../img/btn-submit.png') no-repeat 5px 3px #6bb922;
}

button.cancel {
    background: url('../img/btn-cancel.png') no-repeat 5px 4px #6bb922;
}

button.delete {
    background: url('../img/btn-delete.png') no-repeat 5px 4px #6bb922;
}

button.back {
    background: url('../img/btn-back.png') no-repeat 5px 4px #6bb922;
}

button.refresh {
    background: url('../img/btn-refresh.png') no-repeat 5px 4px #6bb922;
}

button.list {
    background: url('../img/btn-list.png') no-repeat 5px 4px #6bb922;
}

button.doc {
    background: url('../img/btn-doc.png') no-repeat 5px 4px #6bb922 !important;
}

button.pres {
    background: url('../img/btn-pres.png') no-repeat 5px 4px #6bb922;
}

button.play {
    background: url('../img/btn-play.png') no-repeat 5px 4px #6bb922;
}

button.duplicate {
    background: url('../img/btn-new.png') no-repeat 5px 4px #6bb922;
}

button.sort {
    background: url('../img/btn-sort.png') no-repeat 5px 4px transparent;
    box-shadow: none;
}

button.sort_desc {
    background: url('../img/btn-sort_desc.png') no-repeat 5px 4px transparent;
    box-shadow: none;
}

/*dt.cklbl{width:200px !important;}
dd.cklbl{width:370px !important;}*/

dl {
    width: 100%;
}

h1 {
    color: #333333;
    font-size: 16px;
    margin: 0 0 20px;
    padding: 0;
}

hr {
    background: #024c6f;
    border: none;
    clear: both;
    color: #024c6f;
    height: 1px;
    margin: 20px 0;
}

input {
    border: 1px solid #024c6f;
    border-radius: 5px;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    padding: 2px 7px;
    width: 435px;
}

input.checkbox {
    border: 0;
    height: 16px;
    width: 16px;
}

p.footer {
    display: block;
    position: relative;
    color: #3c2878;
    padding: 0 20px 50px;
    bottom: 40px;
    float: right;
}

p.footer a {
    color: #3c2878;
}

textarea {
    border: 1px solid #024c6f;
    border-radius: 5px;
    height: 190px;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    width: 100%;
}

select {
    border: 1px solid #024c6f;
    border-radius: 5px;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
}

#login {
    color: #999999;
    float: right;
    height: 20px;
    padding: 34px 20px;
    text-align: right;
    width: 400px;
    display: none;
}

#login .logout {
    background: url('../img/btn-logout.png') no-repeat right;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    height: 19px;
    padding: 0;
    vertical-align: middle;
    width: 91px;
    display: none;
}

#login .logout span {
    display: none;
    display: none;
}

#frmLogin {
    height: 100%;
}

#frmLogin input {
    width: 250px;
}

#frmLogin iframe {
    position: absolute;
    top: calc(50% - 300px);
    height: 600px;
}

#frmLogin dt {
    clear: both;
    display: block;
    float: left;
    padding: 4px 0 0 0;
    width: 100px;
}

#frmLogin dd {
    display: block;
    margin: 0;
    padding: 0 0 10px 0;
}

#frmLogin button {
    clear: both;
    display: block;
    margin: 10px 0 20px 120px;
}

#frm>dl {
    width: 570px;
}

#frm>dt {
    clear: both;
    float: left;
    padding: 4px 0 0 0;
    width: 120px;
}

#frm>dd {
    display: block;
    float: left;
    margin: 0;
    padding: 0 0 10px 0;
}

#frm>dd>p {
    width: 450px;
}

#frm>dd img {
    border: 1px solid #024c6f;
}

#nocontent {
    margin: 20px;
    padding: 20px;
}

#content table {
    border-collapse: collapse;
    margin: 20px 0 0;
    width: 100%;
}

#content table img {
    border: 1px solid #024c6f;
}

#content th {
    text-align: left;
}

#content th input {
    width: 100px;
}

#content th select {
    width: 100px;
}

#content td.Yes {
    color: green;
}

#content td.Active, #content td.Actief {
    color: green;
}

#content td.New {
    color: orange;
}

#content td.No {
    color: red;
}

#content td.Inactive, #content td.Inactief {
    color: red;
}

#content td.edit {
    text-align: right;
    width: 120px;
}

#content td.copy {
    text-align: right;
    width: 120px;
}

#content td.opties {
    text-align: right;
    width: 20px;
}

#content td.thumb {
    width: 100px;
}

#content dt {
    border-top: 1px solid #024c6f;
    clear: both;
    float: left;
    padding: 5px 0;
    width: 125px;
}

#content dd {
    border-top: 1px solid #024c6f;
    display: block;
    float: left;
    margin: 0;
    padding: 5px 0;
}

#content>dd>p {
    width: 450px;
}

#content dd img {
    border: 1px solid #024c6f;
}

#content dd .selector_select {
    width: 325px;
}

#content dd .translated {
    display: inline-block;
    width: 295px;
}

#content dd>textarea.translated {
    width: 90%;
}

#content div#rightform>div.dropdownitem>div.dropdowncontent>dd>textarea.translated{
    width: 100%;
}

#content dd .translated.nicinstance {
    width: 435px;
}

#content dd>button.btnTranslations {
    width: 125px;
}

#content dd .translations.hidden {
    display: none;
}

#content dd .translations label {
    display: inline-block;
    text-overflow: ellipsis;
    width: 125px;
    white-space: nowrap;
}

#content dd .translations input {
    width: 295px;
}

#content dd .translated img {
    vertical-align: middle;
}

#content dd .translations img {
    vertical-align: middle;
}

#content dd .fileselection {
    text-align: left;
}

#content dd .fileselection button {
    background-color: #cccccc;
    margin: 1px;
}

#content dd .fileselection button.btnFileRemove {
    background-image: url('../img/btn-delete.png');
}

#content dd .fileselection button.active {
    background-color: #6bb922;
}

#content dd .fileselection .translations {
    text-align: left;
}

#content dd .fileselection .translations div {
    display: inline-block;
    width: 295px;
}

#content dd .fileselection .translations .filelist {
    display: inline-block;
    width: 317px;
}

#content dd .fileselection .translations label {
    padding-top: 15px;
    vertical-align: top;
}

#content dd .fileupload {
    padding-top: 10px;
}

#content dd .fileupload.hidden {
    display: none !important;
}

#content dd .filebrowse {
    padding-top: 10px;
}

#content dd .filebrowse.hidden {
    display: none !important;
}

#content .filelist {
    background: #fff;
    border: 1px solid #024c6f;
    border-radius: 5px;
    height: 215px;
    overflow: auto;
    width: 100%;
}

#content .filelist.big {
    height: 500px;
    margin-top: 20px;
}

#content .filelist strong {
    color: #ccc;
    display: block;
    text-align: right;
}

#content .filelist table {
    margin: 0 !important;
}

#content .filelist table tr {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    height: 22px;
}

#content .filelist table tr:hover {
    background-color: #ccc;
}

#content .filelist table tr.active {
    background-color: #ccc;
}

#content .filelist table tr.unusable {
    color: #ccc;
}

#content .filelist table tr td {
    padding: 5px 6px 4px;
    text-align: left;
    vertical-align: top;
}

#content .filelist table tr td:first-child {
    background: url(../img/icons.png) 0 -543px no-repeat;
    display: block;
    height: 15px;
    overflow: hidden;
    margin: 0;
    width: 20px;
}

#content .filelist table tr td:nth-child(2) {
    width: 100%;
}

#content .filelist table tr td {
    border: none !important;
}

.filelist table {
    border-collapse: collapse !important;
}

#content>dd>p {
    margin: 0;
    padding: 6px 0 0;
}

#content>dd>a.currentfile {
    background: url(../img/icons.png) 0 -543px no-repeat;
    display: block;
    line-height: 20px;
    margin: 0;
    padding: 3px 0 0 25px;
    text-align: left;
}

#content .toc_table {
    margin: 0;
}

#content .toc_table tr:hover {
    background-color: #fff;
}

#content .toc_pagenr {
    width: 75px !important;
}

#content .toc_title {
    width: 340px !important;
}

.folder {
    background-position: 4px 2px !important;
}

.aep {
    background-position: 4px -18px !important;
}

.ai {
    background-position: 4px -39px !important;
}

.asnd {
    background-position: 4px -60px !important;
}

.css {
    background-position: 4px -81px !important;
}

.doc, .docx {
    background-position: 4px -102px !important;
}

.eps {
    background-position: 4px -123px !important;
}

.fla {
    background-position: 4px -144px !important;
}

.gif {
    background-position: 4px -165px !important;
}

.html, .htm {
    background-position: 4px -186px !important;
}

.indd {
    background-position: 4px -207px !important;
}

.jpg, .jpeg {
    background-position: 4px -228px !important;
}

.js {
    background-position: 4px -249px !important;
}

.mov {
    background-position: 4px -270px !important;
}

.avi, .mp4, .mpg, .wmv {
    background-position: 4px -291px !important;
}

.pdf {
    background-position: 4px -312px !important;
}

.php {
    background-position: 4px -333px !important;
}

.png {
    background-position: 4px -354px !important;
}

.ppt, .pptx {
    background-position: 4px -375px !important;
}

.psd {
    background-position: 4px -396px !important;
}

.swf {
    background-position: 4px -417px !important;
}

.txt, .rtf {
    background-position: 4px -438px !important;
}

.wav, .mp3, .ogg, .flac, .wma {
    background-position: 4px -459px !important;
}

.xml {
    background-position: 4px -480px !important;
}

.xls, .xlsx {
    background-position: 4px -501px !important;
}

.zip, .rar, .\37 z {
    background-position: 4px -522px !important;
}

#logo {
    background: url(../img/logo.png) center center no-repeat;
    display: block;
    float: left;
    height: 83px;
    margin: 10px 23px 36px 0;
    width: 200px;
    background-size: contain;
    display: none;
}

#logo span {
    display: none;
}

#logo-controlpanel {
    background: url(../img/logo-controlpanel.png) center center no-repeat;
    display: block;
    float: left;
    height: 83px;
    margin-top: 10px;
    width: 180px;
    display: none;
}

#logo-controlpanel span {
    display: none;
}

#menu {
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
    width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #333333;
}

#menu a {
    color: #024c6f;
    display: block;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 20px;
    text-decoration: none;
}

#menu li {
    background: #fff;
    border-bottom: 1px solid #024c6f;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#menu li.a {
    border: 1px solid #024c6f;
    border-bottom: 1px solid #fff;
}

#menu li.a ul {
    display: block;
    left: 0;
    position: absolute;
}

#menu li li a {
    font-size: 12px;
    font-weight: normal;
}

#menu li li.a {
    border: none;
    border-bottom: 2px solid #6bb922;
}

#menu li li.a a {
    color: #333333;
}

#menu li ul {
    display: none;
    padding: 0;
}

#line {
    stroke: #333333;
    stroke-width: 2;
}

.error {
    border: 1px solid #024c6f;
    border-radius: 5px;
    box-shadow: 0 1px 0 #666;
    clear: both;
    margin: 0 0 20px;
    padding: 0 20px;
}

.error dt {
    border: 0 !important;
    color: #333333;
    float: none !important;
    font-weight: bold;
    margin: 0 0 5px;
    width: 100% !important;
}

.error dd {
    border: 0 !important;
    float: none !important;
    margin: 0;
    width: 100% !important;
}

.preview {
    width: 200px;
}

.selected_bg {
    background: #369;
}

.selected_border {
    border: 1px solid #333333;
}

/*
.sortablelist.page{list-style:none;margin:30px 0;padding:0;position:relative;}
.sortablelist.page tr{border-top:1px solid #ccc;line-height:30px;}
.sortablelist.page tr{margin-bottom:20px;padding:0;}
.sortablelist.page tr:hover {background:rgba(0,0,0,0.02);}
.sortablelist.page tr.dragged{position:absolute;top:0;opacity:0.5;z-index:2000;}
.sortablelist.page tr.dragged button{display:none;}
.sortablelist.page tr.hidden ul{display:none;}
.sortablelist.page tr.placeholder{background:#eee;height:30px;}
.sortablelist.page tr .icon-move{background:url('../img/icon-move.png') center no-repeat;opacity:0.3;cursor:row-resize;display:block;height:28px;float:left;width:25px;}
.sortablelist.page button{float:right;margin-top:5px;line-height:13px;width:200px;}
.sortablelist.page tr.inactive a{color:#ccc;}
.sortablelist.page tr.inactive button{background-color:#ccc;}
*/

.appdownload {
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
    padding: 10px;
    position: relative;
    color: rgb(90, 90, 90);
    font-size: 15px;
    text-decoration: none;
}

.appdownload img {
    border-radius: 15px;
    margin-right: 10px;
    vertical-align: middle;
}

#special {
    background: none;
    width: 100%;
}

#special dt {
    border: 0;
    width: 120px;
}

#special dd {
    border: 0;
    width: 300px;
}

#special hr {
    display: none;
}

#special p {
    padding: 20px 0;
}

#special form {
    padding: 0;
}

#special #content {
    margin: 0;
    padding: 0;
}

#special #logo {
    margin: 0;
    padding: 12px 0;
}

#special #login {
    margin: 0;
    padding: 48px 0;
    width: 380px;
}

#special #menu {
    display: none;
}

#special .text {
    padding: 30px 0 10px;
}

#special .footer {
    display: block;
    height: 30px;
    bottom: 0;
    padding: 0;
    position: absolute;
}

#steps td img {
    border: 0;
}

#steps {
    width: 100%;
}

#steps td {
    color: black;
    text-align: center;
}

#steps tr:nth-child(1) td:nth-child(2) {
    border: 2px solid black;
    height: 55px;
    width: 85px;
    font-size: 30px;
}

#steps tr:nth-child(1) td:nth-child(6) {
    border: 2px solid black;
    height: 55px;
    width: 85px;
    font-size: 30px;
}

#steps tr:nth-child(1) td:nth-child(10) {
    border: 2px solid black;
    height: 55px;
    width: 85px;
    font-size: 30px;
}

#steps tr:nth-child(2) {
    height: 35px;
}

#steps td.active {
    border: 2px solid #6bb922 !important;
    background-color: #6bb922 !important;
    color: #ffffff
}

#steps tr:nth-child(2) td.active {
    color: #6bb922;
    background: none !important;
    border: 0 !important;
}

.resultTR {
    border-top: 1px solid black;
}

.resultTR:first-child {
    border-top: none;
}

.resultTR:last-child {
    border-bottom: 1px solid black;
}

.resultTR.dup {
    border-top: none;
}

.resultTR td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.resultTR .hideanswer {
    color: #DEDEDE;
}

#enquettesort, #headerul {
    list-style: none;
    padding: 0;
}

#enquettesort .Active {
    color: green;
}

#enquettesort .Inactive {
    color: red;
}

#enquettesort li, #headerul li {
    margin: 5px 0;
}

#enquettesort li div, #headerul li div {
    word-wrap: break-word;
    display: inline-block;
}

#enquettesort td {
    word-wrap: break-word;
}

#enquettesort .empty {
    opacity: 0;
    cursor: default;
}

.ui-sortableUI-helper {
    background: rgba(255, 255, 255, 0.81);
    border: 1px solid #A7A7A7;
    padding: 10px;
}

.ui-state-highlight {
    height: 15px;
    line-height: 10px;
    background: rgba(125, 125, 125, 0.7);
    border: 1px solid rgba(120, 120, 120, 1);
    border-color: rgba(120, 120, 120, 1) !important;
}

.dragthis {
    display: inline-block;
    width: 25px;
    margin-right: 10px;
    background: url('../img/icon-move.png') center no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    vertical-align: middle;
    cursor: move;
    width: 3%;
    display: inline-block;
    margin-left: -1%;
    margin-right: 3%;
}

#headerul {
    margin-top: 20px;
}

#headerul div {
    font-weight: bold;
}

#headerul .dragthis {
    background: transparent;
}

.itemcontent {
    padding: 0 25px;
}

.itemcontent.image img {
    width: 100%;
}

.itemcontent.pdf img {
    width: 100%;
}

.itemcontent {
    height: 250px;
    position: relative;
    overflow: hidden;
}

.itemcontent .gradient {
    height: 50px;
    width: 100%;
    position: absolute;
    top: 200px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

#content #rowcontent {
    width: 910px;
    height: 289px;
    border: 1px solid gray;
    margin-top: 20px;
    text-align: center;
    padding: 30px 0px 55px 0px;
    position: relative;
}

#content #rowcontent .sortEmployee {
    height: 289px;
    width: 73px;
    display: inline-block;
    border: 1px solid black;
    margin-left: -1px;
    vertical-align: top;
    position: relative;
}

#content #rowcontent .item {
    background-repeat: no-repeat;
    height: 289px;
    width: 100%;
    display: inline-block;
}

#content #rowcontent .even div {
    position: absolute;
    top: 10px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 90%;
}

#content #rowcontent .uneven div {
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 90%;
}

#content #rowcontent .delete {
    position: relative;
    left: -111px;
    top: 219px;
}

#content #rowcontent #middleline {
    background-color: red;
    position: absolute;
    height: 100%;
    width: 1px;
    left: 454px;
    top: 0;
}

#carouselmenu {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    position: relative;
}

#carouselmenu {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    position: relative;
}

#carouselmenu ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 40px;
}

#carouselmenu li {
    border-top: 1px solid #ccc;
}

#carouselmenu>li {
    padding: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}

#carouselmenu>li>div {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 15px;
}

#carouselmenu .fr {
    float: right;
}

#carouselmenu .vc {
    position: relative;
    ;
}

#carouselmenu .txt1, #carouselmenu .txt2, #carouselmenu .txt3 {
    color: white;
    padding: 5px 15px;
    display: inline-block;
    text-align: center;
    width: 200px;
    margin-left: 15px;
}

#carouselmenu .carousel_title, #carouselmenu .maxslides {
    padding: 5px 15px;
    display: inline-block;
    text-align: left;
    width: auto;
    margin-left: 15px;
}

#carouselmenu .Active, #carouselmenu .Inactive {
    padding: 5px 15px;
    display: inline-block;
    text-align: center;
    width: 55px;
    vertical-align: middle;
}

#carouselmenu .Active {
    color: green;
}

#carouselmenu .Inactive {
    color: red;
}

#carouselmenu li:hover {
    background: rgba(0, 0, 0, 0.02);
}

#carouselmenu li.dragged {
    position: absolute;
    top: 0;
    opacity: 0.5;
    z-index: 2000;
}

#carouselmenu li.dragged button {
    display: none;
}

#carouselmenu li.hidden ul {
    display: none;
}

#carouselmenu li.placeholder {
    background: #eee;
    height: 30px;
}

#carouselmenu li .icon-move {
    background: url('../img/icon-move.png') center no-repeat;
    opacity: 0.3;
    cursor: row-resize;
    display: block;
    height: 28px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
}

#carouselmenu li .icon-door {
    background: url('../img/icon-plus.png') center no-repeat;
    opacity: 0.3;
    cursor: pointer;
    display: block;
    height: 28px;
    float: left;
    width: 25px;
}

#carouselmenu li .icon-door.min {
    background: url('../img/icon-min.png') center no-repeat;
}

#carouselmenu button {
    margin-top: 5px;
    line-height: 13px;
}

#carouselmenu li.inactive a {
    color: #ccc;
}

#carouselmenu li.inactive button {
    background-color: #ccc;
}

.clickabletable tbody tr {
    cursor: default;
}

.sortablelist .sorter {
    background: url('../img/icon-move.png') center center;
    cursor: move;
    display: block;
    height: 24px;
    width: 24px;
}

.sortablelist .placeholder {
    background: #ccc;
    height: 40px;
    display: table-cell;
    column-span: 111;
    column-count: 3
}

.sortablelist .dragged {
    /*display: none;*/
}

.ulsort {
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

.ulsort .sorter {
    background: url('../img/icon-move.png') center center;
    cursor: move;
    display: inline-block;
    height: 24px;
    vertical-align: top;
    width: 24px;
}

.ulsort .placeholder {
    background: #ccc;
    height: 40px;
    display: table-cell;
    column-span: 111;
    column-count: 3
}

.ulsort .dragged {
    /*display: none;*/
}

.ulsort input {
    padding:5px;
}

.ulsort textarea {
    height: 60px;
    padding:5px;
    width: calc(100% - 10px);
}

.ulsort li {
    background: #eee;
    padding:10px 10px 0 10px;
    margin-bottom:15px;
}

.ulsort select {
    background: white !important;
    padding:5px;
}

#showMap {
    height: 250px;
    border: 1px solid #024c6f;
    /*border-radius:5px;*/
}

#googlemapcon {
    height: 400px;
}

#googlemapcon #map-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    float: right;
    z-index: 0
}

#googlemapcon #drop-container, #googlemapcon #map-holder {
    height: 100%;
    width: 100%
}

#googlemapcon #drop-container {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: hsla(0, 0%, 39%, .5)
}

#googlemapcon #drop-container.visible {
    display: block
}

#googlemapcon #drop-silhouette {
    color: #fff;
    border: 8px dashed #fff;
    height: calc(100% - 56px);
    width: calc(100% - 56px);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAAZiS0dEAGQAZABkkPCsTwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90LHAIvICWdsKwAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAACdklEQVR42u3csU7icBzA8Xp3GBMSeRITH8JHMY7cRMvmVmXoE9TAcJubhjD4ApoiopgqDMWAKAgIcSAiCfxuwhwROVJbkPD9rP23ob8vpZCQKgoAAAAAAAAAAPDYyiK/eNM05bNtr6+vSjgcXiHxDMkE1WpVFvGcfpCVICAIQUAQgoAgBAFBCAKCgCAEAUEIAoIQBAQhCAgCghAEBCEICEIQEIQgIAgIQhAQhCAgCEFAEIKAICAIQUAQgoAgBAFBCDIzhmFINBo9/K6D0XVddnd3ZaneDY7jSCqVcn3SfjyeKRKJbJ2dnYllWbKUl2i5XJaXlxdJJBIy7yDHx8fy9vYm6XR6OWMM3d/fi4hIqVSSWCwmsw5ycHAgrVZLRETOz8+XO8ZQpVJ5H2Y6nRZN0/b9DqLruhSLxfd9MpkMMT6L0uv1JJlMih9BhveJwWDwvv7i4oIY4zw8PIwMtt1uSzweF6+CHB0dSbfbHVmbzWaJMcnj4+OHAd/d3cne3p64DWKapjw/P39Yd3l5SYxpVKvVsYO2LEtUVd2ZNoiu6+I4ztg1V1dXxPAiSq/Xk5OTk0k9pNVqyenp6ch94l+5XI4YbtRqNfHa9fX1t43xcwGa/Nnc3PwdDAY9OZht28rGxgZPvP6KSCSy9fT09OUrw7ZtPqa8jFKv113HuLm5IYbXVFXdcRPl9vaWGH5GaTQaU8fI5/PE8JumafvNZvO/MQqFAjFmJRqNHk6Ksqgx5vr1zzAM2d7edr3/6uqqsra2NnZbp9NR+v2+62OHQqG5zObXPIMEAgFlfX3dl2N79btl1viTA0FAEIKAIAQBAAAAAAAAsMz+Ai1bUgo6ebm8AAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 20px
}

#googlemapcon #panel {
    float: left;
    width: 100%;
    height: 200px;
    outline: 1px solid rgba(0, 0, 0, .2);
    z-index: 2
}

#googlemapcon #panel-content {
    padding: 8.5px
}

#googlemapcon #geojson-controls {
    padding-bottom: 8px
}

#googlemapcon #geojson-input {
    width: 100%;
    box-sizing: border-box;
    border: none;
    resize: none;
    background-color: #f1f1f1
}

#googlemapcon #panel-title {
    font-size: 20px;
    line-height: 24px;
    color: #dd4b39
}

#googlemapcon .subtitle {
    font-size: 16px;
    color: #222
}

#googlemapcon hr {
    color: #ebebeb
}

#googlemapcon #geojson-input {
    background-color: #f1f1f1
}

#googlemapcon #geojson-input.invalid {
    background-color: #fac6c0
}

#geojson-properties {
    float: left;
    width: 100%;
    height: auto;
    outline: 1px solid rgba(0, 0, 0, .2);
    z-index: 2;
}

#geojson-properties .feature {
    background-color: #f1f1f1;
    width: calc(100% - 10px);
    padding: 10px;
    box-sizing: border-box;
    margin: 5px;
}

.featureinfo {
    width: calc(100% - 40px);
    display: inline-block;
}

.dropdown_options {
    width: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-image: url(../img/menu_arrow_down.png);
    background-size: auto 22px;
    background-position: center;
    color: transparent;
    transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
}

.feature.open .dropdown_options {
    transform: scale(-1);
}

.deletefeature {
    width: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-image: url(../img/menu_del.png);
    background-size: auto 30px;
    background-position: center;
    color: transparent;
    transition: all 700ms cubic-bezier(0.23, 1, 0.32, 1);
}

.feature_properties {
    background: white;
    margin: 10px 2px 2px 2px;
    padding: 15px;
    box-sizing: border-box;
    height: 0;
    margin: 0 2px;
    padding: 0 15px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.feature.open .feature_properties {
    background: white;
    margin: 10px 2px 2px 2px;
    padding: 15px;
    box-sizing: border-box;
    height: auto;
}

.setproperty input {
    float: none;
    box-sizing: border-box;
    width: 100%;
}

.property {
    height: auto;
}

.setproperty {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

#center_zoom_buttons {
    padding: 12px;
}

.feature.open.Point .feature_properties {
    height: auto;
}

.feature.open.LineString .feature_properties {
    height: auto;
}

#menu {
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
    width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #333333;
    padding: 45px;
    box-sizing: border-box;
}

#menu #profile {
    background-image: url(../img/profile.svg);
    height: 118px;
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
}

#menu #profile_name {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 16px;
    margin-bottom: 60px;
}

#menu #menu_select {}

#menu #menu_select form {
    height: auto;
    display: inline-block;
    width: 100%;
}

#menu #menu_select form label {
    display: block;
    color: white;
    font-size: 16px;
}

#menu .select_replacement {
    background: transparent;
    color: white;
    border: none;
    border-bottom: 1px solid white;
    border-radius: 0;
    -webkit-appearance: none;
    /* webkit */
    -moz-appearance: none;
    /* ff */
    -ms-appearance: none;
    /* edge */
    appearance: none;
    /* future */
    outline: none;
    width: 100%;
    margin-bottom: 26px;
    margin-top: 10px;
    padding: 5px 0;
}

select::-ms-expand {
    display: none;
}

select option {
    color: black;
}

#menu #menu_select form select {
    background: transparent;
    color: white;
    border: none;
    border-bottom: 1px solid white;
    border-radius: 0;
    -webkit-appearance: none;
    /* webkit */
    -moz-appearance: none;
    /* ff */
    -ms-appearance: none;
    /* edge */
    appearance: none;
    /* future */
    outline: none;
    width: 100%;
    margin-bottom: 26px;
    margin-top: 10px;
    background-image: url(../img/arrow_select.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 5px;
    padding: 5px 0;
    cursor: pointer;
}

#menu li {
    background: #fff;
    border-bottom: 1px solid #024c6f;
    display: block;
    float: left;
    margin: 0;
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    background: transparent;
    border: none;
    color: white;
    margin-top: 45px;
    background-image: url(../img/menu_arrow.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 13px;
}

#menu a {
    color: white;
    display: block;
    font-weight: bold;
    font-family: 'Muli', sans-serif;
    line-height: 20px;
    padding: 0;
    text-decoration: none;
    font-size: 16px;
}

#menu li.a {
    border: none;
    background-image: url(../img/menu_arrow_a.svg);
}

#menu li.a a {
    color: #6bb922;
}

#submenu {
    width: calc(100% - 450px);
    margin-left: 300px;
    box-sizing: border-box;
    list-style: none;
    padding: 0 40px;
    margin-bottom: 0;
    padding-top: 42px;
    margin-top: 0;
}

#submenu li {
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 29px; 
}

#submenu li.a a {
    border-bottom-color: #3c2878;
}

#submenu li a {
    text-decoration: none;
    margin-right: 35px;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 10px solid #cfc6ec;
    padding: 19px 10px;
}

#content {
    margin: 20px;
    padding: 0;
    width: calc(100% - 300px);
    margin-left: 300px;
    box-sizing: border-box;
    margin-top: 0;
    height: calc(100% - 109px);
    overflow: hidden;
    margin-bottom: 0;
}

#item_menu {
    width: 100%;
    padding: 9px 40px;
    box-sizing: border-box;
    background: #3c2878;
    color: white;
}

#item_menu h2 {
    display: inline-block;
    font-weight: 500;
    font-size: 22px;
}

#page_content {
    height: calc(100% - 87px);
    overflow: hidden;
    overflow-y: auto;
    padding: 40px;
    box-sizing: border-box;
    margin-top: 0;
}

#page_content.edit .error {
    max-width: 1020px;
}

#page_content.copy .error {
    max-width: 1020px;
}

#content table {
    border-collapse: separate;
    border-spacing: 0 7px;
    margin-bottom: 50px;
    margin-top: 0;
}

#content table th {
    padding-bottom: 12px;
}

#content table tr td {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px
}

#content table tr td:first-child {
    border-left: 1px solid #eee;
}

#content table tr td:last-child {
    border-right: 1px solid #eee;
}

button.edit {
    background: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
    color: #6bb922;
    text-transform: uppercase;
    outline: none;
}
 button.copy {
  background: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
  color: #6bb922;
  text-transform: uppercase;
  outline: none;
}

button.new, button.back, button.cancel, button.delete, button.submit, button.results, button.emails, button.settings, button.opties, button.avarage, button.export, button.list, #rightform button.edit, #rightform button.copy, button.btnTranslations, #contentsextended button.edit, #contentsextended button.copy, .fileselection button.edit,  .fileselection button.copy, button.details, button.deblock, button.reset, button.develop, button.behaviors {
    display: inline-block;
    position: relative;
    background: #333333;
    background-image: url(../img/new.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    color: white;
    font-weight: 400;
    padding: 8px;
    margin-right: 15px;
    vertical-align: middle;
    top: -4px;
    padding-left: 35px;
    box-shadow: none;
    font-size: 14px;
    padding-right: 15px;
    border-radius: 3px;
    background-size: 20px 20px;
}

button.details {
    margin-right: 8px;
    margin-left: 0;
    box-sizing: border-box;
    background-color: #6bb922;
    color: white;
    background-image: url(../img/selecteer.svg);
    background-size: 15px 15px;
    background-position: 10px center;
    margin-bottom: 5px;
}

.selector_select {
    margin-right: 7px;
}

#content dd>button.btnTranslations {
    width: auto;
    background-color: #6bb922;
    width: auto;
    background-color: #6bb922;
    margin-top: 12px;
    text-transform: capitalize;
}

#contentsextended .image dd>button.btnTranslations, #contentsextended .video dd>button.btnTranslations, #contentsextended .pdf dd>button.btnTranslations {
    margin-top: 0;
}

#content dd .fileselection button.active {
    text-transform: none;
}

#leftform .upload {
    margin-bottom: 15px;
    display: block;
}

button.new::before {}

button.back {
    background-color: white;
    color: black;
    background-image: url(../img/back.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 10px 10px;
}

button.cancel {
    background-color: white;
    color: #6bb922;
    border: 1px solid #6bb922;
    background-image: url(../img/cancel.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
}

button.delete {
    background-color: white;
    color: #6bb922;
    border: 1px solid #6bb922;
    background-image: url(../img/deletebutton.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
}

button.deblock {
    background-color: white;
    color: #6bb922;
    border: 1px solid #6bb922;
    background-image: url(../img/unblockbutton.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
}

button.reset {
    background-color: white;
    color: #6bb922;
    border: 1px solid #6bb922;
    background-image: url(../img/resetbutton.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
}

button.submit {
    background-image: url(../img/submit.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
}

button.develop, button.behaviors{
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: white;
    color: #6bb922;
    border: 1px solid #6bb922;
    padding-left: 15px;
}

button.results, button.emails, button.settings, button.opties, button.avarage, button.export {
    background-image: url(../img/submit.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: white;
    color: #6bb922;
    border: 1px solid #6bb922;
}

button.results, button.avarage {
    background-color: white;
    background-image: url(../img/resultaten.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
}

button.opties {
    background-color: white;
    background-image: url(../img/opties.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
}

button.export {
    background-color: white;
    background-image: url(../img/export.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 15px 15px;
}

button.emails {
    background-color: white;
    background-image: url(../img/email.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
}

button.settings {
    background-color: white;
    background-image: url(../img/instellingen.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 20px;
}

#content td.Actief, #content td.Yes, #content td.Ja, #content td.Nee, #content td.Active, #content td.New, #content td.No, #content td.Inactief, #content td.Nieuw, #content td.Inactive {
    color: black;
}

#content td.Actief span::before, #content td.Yes span::before, #content td.Ja span::before, #content td.Active span::before, #content td.New span::before, #content td.Nieuw span::before, #content td.No span::before, #content td.Nee span::before, #content td.Inactief span::before, #content td.Inactive span::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border-radius: 10px;
    vertical-align: bottom;
}

#content td.Ja span::before, #content td.Actief span::before, #content td.Yes span::before, #content td.Active span::before {
    background: green;
}

#content td.Nieuw span::before, #content td.New span::before {
    background: orange;
}

#content td.Nee span::before, #content td.No span::before, #content td.Inactief span::before, #content td.Inactive span::before {
    background: red;
}

#content th {
    text-align: left;
    white-space: nowrap;
}

#logoutbutton {
    position: absolute;
    bottom: 50px;
    background: transparent;
    background-image: url(../img/logout.svg);
    padding: 0;
    box-shadow: none;
    font-size: 15px;
    font-family: 'Muli', sans-serif;
    padding-left: 30px;
    border-radius: 0;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left center;
}

#submenu_logo {
    background-image: url(../img/logo_icon.png);
    height: 115px;
    width: 150px;
    display: block;
    float: right;
    position: absolute;
    top: 0;
    right: 30px;
    background-color: white;
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: center;
}

button.sort, button.sort_desc, button.sort_asc {
    background: url(../img/sort.svg) no-repeat center transparent;
    box-shadow: none;
    width: 0;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

button.sort_asc {
    background: url(../img/sort_down.svg) no-repeat center transparent;
}

button.sort_desc {
    background: url(../img/sort_up.svg) no-repeat center transparent;
}

.showsearch {
    background: url(../img/searchitem.svg) no-repeat center transparent;
    box-shadow: none;
    width: 0;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

table tr td span.settd {
    max-width: 230px;
    display: block;
    max-height: 64px;
    overflow: hidden;
    overflow-y: auto;
}

table tr th {
    vertical-align: top;
}

table tr th select, table tr th input {
    display: none;
}

table tr th select.show, table tr th input.show {
    display: block;
    margin-top: 7px;
}

.sorthelper {
    height: 25px;
    width: 1px;
    display: inline-block;
    vertical-align: middle;
}

.clickabletable tbody tr {
    cursor: default;
    box-shadow: 0px 0px 5px -2px #676767;
    height: 47px
}

#content dt, #content dd {
    float: none;
}

#leftform {
    display: inline-block;
    width: 47%;
    max-width: 600px;
    min-width: 400px;
    vertical-align: top;
    margin-right: 20px;
}

#leftform #contentsextended, #leftform dl, #rightform dl, #mapform {
    width: 100%;
    clear: both;
    float: none;
    border: 1px solid #8a8a8a;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px -2px #676767;
    margin-bottom: 0;
    position: relative;
    margin-top: 13px;
    list-style: none;
    display: inline-block;
    width: 100%;
}

#leftform dl dt, #rightform dt {
    border-top: none;
    clear: both;
    float: none;
    padding: 5px 0;
    width: calc(100% - 100px);
}

#leftform dl dd, #rightform dd, #contentsextended dd {
    border-top: none;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

#leftform dl input[type='text'], #leftform dl input[type='email'], #rightform dd input[type='text'], #rightform dd input[type='number'], #contentsextended input {
    border: 1px solid #024c6f;
    border-radius: 5px;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    padding: 6px 0;
    width: 100%;
    box-sizing: border-box;
    border: none;
    outline: none;
    border-bottom: 1px solid #024c6f;
    -webkit-appearance: none;
    /* webkit */
    -moz-appearance: none;
    /* ff */
    -ms-appearance: none;
    /* edge */
    appearance: none;
    /* future */
    border-radius: 0;
}

#contentsextended input {
    border-bottom: 1px solid #024c6f;
    -webkit-appearance: none;
    /* webkit */
    -moz-appearance: none;
    /* ff */
    -ms-appearance: none;
    /* edge */
    appearance: none;
    /* future */
    border-radius: 0;
}

#rightform dd, #rightform dt {
    width: 100%;
}

.dropdowncontent textarea {
    width: 100%;
}

.infobutton {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 15px;
    background-image: url(../img/info.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-color: white;
    z-index: 2;
}

.infotext {
    position: absolute;
    right: 35px;
    min-width: 265px;
    display: inline-block;
    bottom: 0;
    border: 1px solid black;
    padding: 15px;
    background: white;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 0px 2px;
    border: 1px solid #8a8a8a;
    box-shadow: 0px 0px 7px -2px #676767;
}

.infobutton:hover .infotext {
    visibility: visible;
    opacity: 1;
}

#rightform {
    display: inline-block;
    width: 400px;
    vertical-align: top;
    margin-right: 20px;
}

#rightform .dropdownitem {
    width: 100%;
    clear: both;
    float: none;
    border: 1px solid #8a8a8a;
    padding: 0px;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px -2px #676767;
    margin-bottom: 0;
    margin-top: 13px;
}

#rightform .dropdownitem .dropdowntop, #rightform .dropdownitem .dropdowncontent {
    padding: 20px;
    box-sizing: border-box;
}

#rightform .dropdownitem .dropdowntop {
    padding: 15px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #8a8a8a;
    margin-bottom: -1px;
    position: relative;
}

#rightform .dropdownitem .dropdowncontent {
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding: 0 20px;
    transition: all 0.2s linear 0s;
    overflow: hidden;
}

#rightform .dropdownitem .dropdowncontent.show {
    visibility: visible;
    opacity: 1;
    height: auto;
    padding: 20px;
    overflow: hidden;
}

.contentsextended_item_inner>p {
    font-size: 16px;
    margin-top: 5px;
}

#leftform select, #rightform select, #rightform .dropdownitem .dropdowncontent select, #contentsextended select {
    border: 1px solid #024c6f;
    border-radius: 5px;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid black;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    /* webkit */
    -moz-appearance: none;
    /* ff */
    -ms-appearance: none;
    /* edge */
    appearance: none;
    /* future */
    outline: none;
    margin-bottom: 15px;
    background-image: url(../img/arrow_select_black.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 5px;
    cursor: pointer;
    margin-top: 15px;
}

#contentsextended .mce-container {
    width: calc(100% - 2px) !important;
}

#rightform .dropdownitem .dropdowntop .arrow_dropdown {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url(../img/arrow_select_black.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 8px;
    cursor: pointer;
}

#rightform .dropdownitem .dropdowntop .arrow_dropdown.show {
    background-image: url(../img/arrow_select_top.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 8px;
}

#rightform .infobutton {
    right: 50px;
}

#leftform #contentsextended {
    padding-left: 0px;
}

#contentsextended dt {
    display: none;
}

#contentsextended dd {
    width: 100%;
    float: none;
}

#contentsextended dd .fileselection button.btnFileNew, #contentsextended dd .fileselection button.btnFileBrowse {
    display: none;
}

#contentsextended .contentsextended_item {
    padding: 0;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
    padding-left: 40px;
}

#contentsextended .contentsextended_item.text {
    border: none;
}

#contentsextended .contentsextended_item dd {
    border: none;
}

#contentsextended .contentsextended_item_inner {
    border: 1px solid gray;
    padding: 15px;
    display: block;
    background: white;
    overflow: hidden;
    min-height: 125px;
}

#contentsextended .contentsextended_item.text .contentsextended_item_inner {
    padding: 0;
    border: 0;
}

.contentsextended_item_sort, .contentsextended_item_delete, .contentsextended_item_status {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../img/sort_item.svg);
    background-size: 30px;
    z-index: 9;
    left: 5px;
    top: 0;
    border-radius: 15px;
    background-position: center !important;
    cursor: pointer;
}

.contentsextended_item_delete {
    background: url(../img/delete.svg);
    top: 35px;
    background-size: 30px;
}

.contentsextended_item_status {
    background: url(../img/status.svg);
    top: 70px;
    background-size: 30px;
}

.contentsextended_item_status.Inactive {
    background: url(../img/status_inactive.svg);
    background-size: 43px;
}

.Inactive .contentsextended_item_inner {
    opacity: 0.3;
}

.highlightfordrop {
    height: 15px;
    line-height: 10px;
    background: rgba(125, 125, 125, 0.7);
    border: 1px solid rgba(120, 120, 120, 1);
    border-color: rgba(120, 120, 120, 1) !important;
    border: 1px solid #c1c1c1;
    background: #dadada;
    color: #777620;
    padding: 5px 0;
    width: calc(100% - 42px);
    margin-left: 40px;
    margin-bottom: 9px;
}

.ui-sortableUI-helper {
    background: transparent;
    border: none;
    padding: 10px;
}

#contentsextended_new {
    padding: 0;
    padding-left: 40px;
}

#contentsextended_new>div {
    text-align: center;
    padding: 20px;
    border: 1px solid gray;
    cursor: pointer;
}

#contentsextended_new_window {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

#contentsextended_new_window.show {
    display: block;
}

#contentsextended_new_window .shadow {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

#newselection {
    width: 380px;
    background: white;
    padding: 20px;
    position: fixed;
    bottom: 40px;
    left: 340px;
}

#newselection .addtext {
    float: right;
    text-transform: uppercase;
    color: #6bb922;
}

#cancel_new {
    float: right;
    display: inline-block;
    position: relative;
    font-weight: 400;
    padding: 8px;
    vertical-align: middle;
    top: -4px;
    padding-left: 35px;
    box-shadow: none;
    font-size: 14px;
    padding-right: 15px;
    border-radius: 3px;
    background-size: 15px;
    background-color: white;
    color: #6bb922;
    border: 1px solid #6bb922;
    background-image: url(../img/cancel.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    margin-bottom: 0;
    margin-top: 13px;
    cursor: pointer;
}

#newselection>p {
    margin-bottom: 20px;
}

#newselection p:first-child {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.newbutton {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid gray;
    margin-bottom: 10px;
    cursor: pointer;
}

#new_text {
    background: url(../img/new_txt.svg);
}

#new_img {
    background: url(../img/new_img.svg);
}

#new_video {
    background: url(../img/new_video.svg);
}

#new_pdf {
    background: url(../img/new_pdf.svg);
}

#new_text, #new_img, #new_video, #new_pdf {
    background-position: 15px center;
    background-size: 25px;
    background-repeat: no-repeat;
    padding-left: 55px;
}

.translations {
    border: 1px solid #8a8a8a;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px -2px #676767;
    margin-bottom: 0;
    position: relative;
    margin-top: 13px;
    list-style: none;
    width: 100%;
}

.translations input {
    margin-bottom: 10px;
}

.fileupload input {
    width: 100%;
    box-sizing: border-box;
}

#rightform .fileupload input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid;
    padding-bottom: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: none;
}

#logincon_right {
    width: 29%;
    height: 100%;
    display: inline-block;
    /*background: gray;*/
    background: #333333;
    max-width: 30%;
    position: relative;
}

#logincon_left {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

#loginform {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    position: relative;
    text-align: left;
}

#loginform h2 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}

#special p {
    margin: 0;
    padding: 6px 0px;
    margin-bottom: 30px;
}

#loginform a {
    margin-bottom: 40px;
    margin-top: 40px;
    display: block;
}

#loginform dl dt {
    display: inline-block;
    border-bottom: 1px solid black;
    padding: 0;
    padding: 10px 0px;
    width: 150px;
    margin-top: 25px;
    float: none;
    vertical-align: bottom;
}

#loginform dl dt label {
    font-weight: bold;
}

#loginform dl dd {
    display: inline-block;
    border-bottom: 1px solid black;
    padding: 0;
    margin-top: 25px;
    width: calc(100% - 150px);
}

#loginform dl dd input {
    background: transparent;
    display: inline-block;
    border: none;
    box-shadow: none;
    outline: none;
    font-size: 13px;
    padding: 10px 0px;
    padding-left: 20px;
    width: 100%;
    box-sizing: border-box;
}

#loginform button {
    clear: both;
    display: block;
    margin: 0;
    margin-top: 20px;
    border-radius: 3px;
    box-shadow: 0px 5px 17px -7px black;
    font-size: 13px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    padding: 10px 25px 10px 40px;
    text-transform: uppercase;
    background: url(../img/login.svg) no-repeat 11px center #6bb922;
    background-size: 18px;
}

.error {
    border: 1px solid #8a8a8a;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px -2px #676767;
    border-radius: 0;
}

#loginform .error dl dt, #loginform .error dl dd {
    margin: 0;
}

#loginlogo {
    /*background: url(../img/login_logo.svg) no-repeat 11px center transparent;*/
    background: url(../img/logo-hauptmeijer-clotscher-01.jpg) no-repeat;
    position: absolute;
    bottom: 5%;
    width: 80%;
    height: calc(100% - 5%);
    background-size: contain;
    background-position: center bottom;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 320px;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

#announcement {
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 2px;
    margin-top: -20px;
    margin-bottom: 0px;
    line-height: 24px;
    box-shadow: 0px 0px 7px -2px #676767;
    background: #ffffffab;
    width: auto;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 15px;
}

#announcement b {
    font-size: 14px;
}

.dragging
{
    background-color:#FFFFFF;
    padding:5px;
}

button.btnRemoveContent{
    padding: 15px;
    display: block;
    background-position: center;
}

#special iframe {
  width: 600px;
  height: 626px;
  position: absolute;
  top: calc(50% - 313px);
}