/* OVERWRITE ORIGINEEL suneditor */
.sun-editor .se-btn {
    float: left;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 4px;
    margin: 1px!important;
    padding: 0;
    font-size: 12px;
    line-height: 24px;
}
.sun-editor .se-toolbar {
/*  overflow: hidden !important;*/
}
/* syntaxhighlightning  */
pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: red; }

/* klantomgeving */
[class^="arrow-"] {
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  border-style: solid;
  margin-left: 8px;
}

.arrow-up {
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #999 transparent;
}

.arrow-down {
  border-width: 6px 6px 0 6px;
  border-color: #999 transparent transparent transparent;
}

.arrow-left {
  border-width: 6px 6px 6px 0;
  border-color: transparent #999 transparent transparent;
}

.arrow-right {
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #999;
}

figure {margin-left: 0px;}
figure.zoom {background-position: 50% 50%;position: relative;width: 320px;overflow: hidden;cursor: zoom-in;}
figure.zoom img:hover {opacity: 0;}
figure.zoom img {transition: opacity .5s;display: block;width: 100%;}

.v-badge {
  font-family: "Inter", sans-serif;
  position: relative;
/*  width: 100px;*/
  justify-content: center;
  text-decoration: none;
  padding: 8px 16px;
  bottom: 6px;
  left: 3px;
  color: white;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: linear-gradient(#0C616D, #55919B);
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  user-select: none;
  float: left;
  animation: blinker 1s linear infinite;
  animation-iteration-count: 5;
  /*  animation-delay: 0.5s;*/
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.v-badge span {
  width: 25px;
  height: 25px;
  position: absolute;
  top: -12px;
  right: -2px;
  transform: rotate(-20deg);
  filter: blur(0.5px);
}
.v-badge span:before, .v-badge span:after {
  content: "";
  position: absolute;
}
.v-badge span:before {
  width: 1px;
  height: 100%;
  left: 12px;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.7), transparent);
}
.v-badge span:after {
  width: 100%;
  height: 1px;
  top: 12px;
  background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.7), transparent);
}
.v-badge:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: radial-gradient(97% 235% at 75% 20%, white 0%, rgba(135, 187, 255, 0.7) 38%, rgba(255, 255, 255, 0.21) 100%);
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 999px;
}

hr.hrCls {
  /*border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);*/
  border: none;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(102, 102, 102, 0.75), rgba(0, 0, 0, 0));
  text-align: center;
}

#dossierOverzicht {
  border: 1px solid #0c616d;
  padding: 0px;
  border-spacing: 0px;
  /*width: 400px;*/
}
#dossierOverzicht tr {
  padding: 0px;
  line-height: 16px;
}
#dossierOverzicht td {
  /*border-bottom: 1px solid black;*/
}
#dossierOverzicht thead th {
  text-align: left;
  vertical-align: top;
  /*background-color: #0c616d;*/
  color: #0c616d;
  background: -webkit-linear-gradient(#ffffff 0%, #F2F2F2 100%);
  background: -o-linear-gradient(#ffffff 0%, #F2F2F2 100%);
  background: linear-gradient(#ffffff 0%, #F2F2F2 100%);
  background-repeat: repeat-x;
}
#dossierOverzicht tfoot th {
  text-align: left;
  vertical-align: top;
}
#dossierOverzicht td {
  vertical-align: top;
}
.href-ww-vergeten:before {
  content:'';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 28px;
  background: rgba(255,0,0,0.3);
  border-radius: 5px;
  transition: all 2s ease;
}
.href-ww-vergeten {
  border:1px solid #95B8E7;
  padding:5px 10px;
  border-radius:5px;
  /*background-color:#EBF2FF;*/
  color:#0E2D5F;
  text-decoration:none;
  text-transform: uppercase;
  font-size: 80%;
}
.href-ww-vergeten:hover:before {
  width: 100%;
}
.href-ww-vergeten:hover {
  background-color:#ff000094;
  color:#FFF;
  font-weight: bolder;
}
.tree-node {
  height: 26px;
  white-space: nowrap;
  cursor: pointer;
  /*border: 1px solid #FFF;*/
  color: #0c616d;
  border-radius: 5px;
  /*padding-top: 5px;*/
  margin-bottom: 2px;
}
.tree-node:hover {
  color: #0c616d;
  /*font-weight: bold;*/
  border-left: 3px solid #0c616d;
  /*border-right: 3px solid #0c616d;*/
  border-top: 1px solid #0c616d;
  border-bottom: 1px solid #0c616d;
  margin-bottom: 2px;
  margin-left: -3px;
}
.tree-node li:active {
  color: red;
}
.tree-node-selected {
  background: #0c616d; /*#ffe48d;*/
  border-left: 3px solid #0c616d;
  /*border-right: 3px solid #0c616d;*/
  color: #FFF; /*#000;*/
  margin-left: -3px;
}
.tree-node-selected:hover {
  background: #EBF2FF;
  border-left: 3px solid #0c616d;
  /*border-right: 3px solid #0c616d;*/
  color: #0c616d; /*#000;*/
  margin-left: -3px;
}
.dataTables_wrapper .dataTables_filter {
  float: left !important;
  margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_length {
  float: right !important;
  margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_filter input {

}
#temp_hidden {
  position: sticky;
  top:  -5px;
  overflow: hidden;
  background-color: #eee;
}
#temp_menu {
/*  position: relative;
  z-index: 1;*/
  overflow: hidden;
  /*background: transparent;*/
}
#div_idle1 {
  background-color: #eee;
}
.fitem label{
  /*border-bottom: 1px dashed #0c616d;*/
/*  background-image: linear-gradient(to right, #333 10%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 10px 1px;
  background-repeat: repeat-x;*/
  vertical-align: middle;
  /*text-align: right;*/
}

.panel-header {
  /*background: linear-gradient(to bottom,#FFFFFF 0,#0c616d 100%);*/
  /*background: #0c616d !important;*/
  background: -webkit-linear-gradient(#ffffff 0%, #F2F2F2 100%);
  background: -o-linear-gradient(#ffffff 0%, #F2F2F2 100%);
  background: linear-gradient(#ffffff 0%, #F2F2F2 100%);
  /*background-repeat: repeat-x;*/
}
.panel-title {
  /*background: linear-gradient(to bottom,#FFFFFF 0,#0c616d 100%);*/
  color: #909090 !important;
}
.datagrid-row {
  /*background-color: #EEEEEE;*/
}
.accordion .accordion-header-selected {
  background: #FFFFFF !important;
}
.window, .window .window-body {
  background-color: #EEEEEE;
}
.layout-split-west {
  border-right: 0px solid #E6EEF8; /*#0c616d;*/
}
.datagrid-row-selected {
  background: #EEE; /*#ffe48d;*/
  color: #000000;
}
.dn-checkbox
{
  -ms-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  vertical-align: middle;
  margin-left: 1px;
}
.testButton {
  border-radius: 0px;
  background: -webkit-linear-gradient(top right, #00838f, #006e79);
  background: -o-linear-gradient(top right, #00838f, #006e79);
  background: linear-gradient(to bottom left, #00838f, #006e79);
  box-shadow:  -28px 28px 52px #006872,
               28px -28px 52px #008c9a;
}
.switchbutton-on {
 background: #FFF; /*  #FF0000; */
 color: #000;
}
.switchbutton-off {
  background: #0c616d; /* #C67839; */ 
  color: white;
}
#switchOpleiding {
  position: fixed;
  bottom: 5px;
  right: 5px;
}
.swal2-container {z-index: 100000 !important;}
div.combo-panel {height: auto !important;max-height: 300px;}

/*table.datagrid-btable {
  background-color: #fcfcfc;
}*/
.datagrid-body {
  margin: 0;
  padding: 0;
  overflow: auto;
  zoom: 1;
  background-color: rgb(250, 250, 250);
}

span#bb_aantalBerichten,span#bb_aantalForum {
    min-width: 32px !important;
    line-height: 0px;
    border-radius: 50%;
    border: 1px solid #0c616d;
    padding: 2px 4px 2px 4px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    /*border: 2px solid #666;*/
    vertical-align: super;
/*    background-color: #FFF;
    color: #000;
*/    background-color: #0c616d;
    color: #FFF;
}

.datagrid-row-over, .datagrid-row-checked, .datagrid-row-selected {
  background-color: #c0c0c0 !important;
  color: #FFFFFF !important;
/*  letter-spacing: 1px !important;*/
}
.datagrid-row-alt {
  background-color: #fafafa !important;
  color: inherit !important;
}
#newsDialog ul {
  line-height: 1.8em;
  letter-spacing: 1px;
}

body .black-white {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);filter: grayscale(1);}
body .sepia {filter: progid:DXImageTransform.Microsoft.BasicImage(sepia=0.2);-webkit-filter: sepia(0.2);filter: sepia(0.2);}
body .invert {filter: progid:DXImageTransform.Microsoft.BasicImage(invert=0.9);-webkit-filter: invert(0.9);filter: invert(0.9);}