/* Fix ckeditor HTML input */
.ck.ck-reset {
  min-width: 75%!important;
/*  min-height: 200px!important;*/
}


/* LOGO SIDEBAR! */

.logo-image {
  float: left;
  line-height: .8;
  margin-left: .8rem;
  margin-right: .5rem;
  margin-top: -3px;
  max-height: 33px;
  width: auto;
}

/* END LOGO */


/* Tree weergave */
.tree-view{
  --spacing : 1.5rem;
  --radius  : 11px;
}

.tree-view li{
  display      : block;
  position     : relative;
  padding-left : calc(2 * var(--spacing) - var(--radius) - 2px);

}

.tree-view ul{
  margin-left  : calc(var(--radius) - var(--spacing));
  padding-left : 0;
}

.tree-view ul li{
  border-left : 2px solid #ddd;
}

.tree-view ul li:last-child{
  border-color : transparent;
}

.tree-view ul li::before{
  content      : '';
  display      : block;
  position     : absolute;
  top          : calc(var(--spacing) / -2);
  left         : -2px;
  width        : calc(var(--spacing) + 2px);
  height       : calc(var(--spacing) + 1px);
  border       : solid #ddd;
  border-width : 0 0 2px 2px;
}

.tree-view summary{
  display : block;
  cursor  : pointer;
}

.tree-view summary::marker,
.tree-view summary::-webkit-details-marker{
  display : none;
}

.tree-view summary:focus{
  outline : none;
}

.tree-view summary:focus-visible{
  outline : 1px dotted #000;
}

.tree-view li::after,
.tree-view summary::before{
  content       : '';
  display       : block;
  position      : absolute;
  top           : calc(var(--spacing) / 2 - var(--radius));
  left          : calc(var(--spacing) - var(--radius) - 1px);
  width         : calc(2 * var(--radius));
  height        : calc(2 * var(--radius));  
  margin-right  : 2px;

}

.tree-view summary::before{
  z-index    : 1;  
  font-family: "Font Awesome 5 Free"; 
  content: "\f07b"; 
  font-weight: 900;
/*  background:#007bff;
border: 1px solid #007bff;*/
  
  padding-left:2px;
  border-radius : 20%;
  color:#fcba03;
}

.tree-view details[open] > summary::before{
  background-position : calc(-2 * var(--radius)) 0;
   
  font-family: "Font Awesome 5 Free";
  content: "\f07c"; 
  font-weight: 900;
}
/* Timeline */
.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left:50px;
    margin-left: -42px !important;
    background-color: #999999;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline-item {
    margin-left: 70px !important;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

/* Voortgangsbalk */
.progress-container {
  box-sizing: content-box;
  height: 20px; 
  position: relative;
  margin: 20px 0 20px 0; 
/*  background: #828282;*/
  border: 1px solid #ccc !important;
  border-radius: 10px;
  padding: 3px;
}
.progress-container > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: rgb(43, 194, 83);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
.progress-container > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;  
  /* Met strepen: */  
    background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  ); 
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden;
}
.progress-bar-percentage {
    width: 0;
    height: 30px;
    text-align: center;
    font-size:80%!important;
    line-height: 20px;
    color: white;
    transition: width 0.3s ease; /* Voeg overgangseffect toe voor een vloeiende verandering */
}
.progress-bar-orange {
  background-image: linear-gradient(#f1a165, #f36d0a);
}
.progress-bar-red {
  background-image: linear-gradient(#f0a3a3, #f42323);
}
.progress-bar-blue {
  background-image: linear-gradient(#3283d9, #0069d9);
}
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}
.navbar {
  border-bottom:0;
}

 /* nodig voor postbus 'alle ontvangers' te verbergen */
/*#parent-s2-togall-createmailform-ontvangers {
  display: none;
}*/
/* IFRAME aanpassingen */
.loading-the-iframe {
  background:url("/images/loader.gif") center center no-repeat;
  min-height:100px;
}
.min-height-iframe .tab-pane {
    height:100px;
}
.invalid-feedback {
  display: block!important;
}

/*.bg-orange {
    background-color:#EE7113!important;
}
.bg-grey {
    background-color:#F8F4F4!important;
}*/
/*.panel {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175)!important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175)!important;
}*/

/* Gridview aanpassing voor CSP -> SVG */
.grid-view svg {
  display:inline-block;
  font-size:inherit;
  height:1em;
  overflow:visible;
  vertical-align:-.125em;
  width:1.125em;
  
}
.text-shadow {
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.075);
}

.content-background {
  background-color: #ecf0f5;
  padding:15px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  border-radius: 3px;
}


/* CKEDITOR 5 */
.ck-editor__editable {
    min-height: 200px;
}
/* Postbus */
.postbus-mobile-avatar {
  width:35px;
  height:35px;
  position:relative;
  margin:10px;
}
.postbus-select {
  width:100%;
}
.postbus-mobile-table-text {
  white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:1px;
}
.postbus-mobile-table-date {
  white-space: nowrap!important; 
}


.well-participatie, .well-zorgrelatie {
  float:left;
  margin:5px;

  height:auto;
  min-height:400px;
  /*max-height:400px;*/

  width:25%;
  min-width:225px;
  max-width:275px;
 
}
.well-zorgplan {
  max-width:1050px;
}
/* video embedding */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* voor werkblad icoontjes */
@media only screen and (min-width: 1024px) {
    a.button-metro {
        height: 135px;
        font-size: 14px;
        width: 135px;
        margin-left:20px;
        margin-bottom:15px;
        margin-top:15px;
    }
    .metro-fa-icon {  
        font-size:5em;
        margin-top:-2px;
    }
    .button-metro .metro-badge {
        font-size: 1.3em;
        width:28px;
        height:28px;
        top: -15px;
    }
}
@media only screen and (max-width: 1024px) {
    a.button-metro {
        height: 90px;
        width: 90px;
        font-size: 12px;
        margin-left:15px;
        margin-bottom:10px;
        margin-top:10px;
        
    }
    .metro-fa-icon {  
        font-size:3em;
        margin-top:5px;
    }
    .button-metro .metro-badge {
        font-size: 1em;
        width:20px;
        height:20px;
        top: -10px;
    }

}
a.button-metro {
    padding: 5px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    outline: none;        
    position: relative;
    text-align: center;
    color: #FFFFFF;
    transition: background-color 0.3s ease-in-out 0s; 
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.075);
}

.button-metro:hover {
    background-color: #f8a800 !important;
    border-color: #f8a800 !important;
    color: #FFFFFF;
    text-decoration: none;
}

.button-metro .metro-icon {
    padding-top:0px;
    margin-bottom:-18px;
    font-size:80px;
}
.button-metro .metro-badge {
    background-color: #FF8000;
    color: inherit;
    position: absolute;
    right: 5px;
    text-align:center;
}

.metro-icon-label {
    position:absolute;
    bottom:8px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}

hr {
 border-top: 1px solid #eee!important;
}
.border {
  outline: solid 1px #000;/*#28a0d6;*/
  margin: 0.5em;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/*
.drop-shadow {
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
    border-radius:5px;
}*/

/*.sidebar-menu li, .sidebar-menu ul {
  line-height: 200%!important;
}
.sidebar .user-panel .btn {
  color: #FFFFFF;
}*/
/*.label-sidebar {
    margin-top:-15px;
}*/
/*voor ..?*/
#accordion p {
  font-size:0.9em;
  margin-top:15px;
}
#accordion blockquote {
  font-size:0.9em;
}
.grid-button {
    margin-bottom:20px;
   
}

/* ALGEMEEN */

.truncate {
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} 
/*.content-wrapper {
  padding-bottom: 20px !important;
}*/


/*.layout-boxed .wrapper {
  box-shadow:none!important;
}*/

/*.main-footer {
  border-left:none!important;  
}*/

.margin0 { margin:0px!important; }
.margin5 { margin:5px!important; }
.margin10 { margin:10px!important; }
.margin15 { margin:15px!important; }
.margin20 { margin:20px!important; }
.margin25 { margin:25px!important; }
.margin30 { margin:30px!important; }

.top0 { margin-top:0px!important; }
.top5 { margin-top:5px!important; }
.top10 { margin-top:10px!important; }
.top15 { margin-top:15px!important; }
.top20 { margin-top:20px!important; }
.top25 { margin-top:25px!important; }
.top30 { margin-top:30px!important; }

.left0 { margin-left:0px!important; }
.left5 { margin-left:5px!important; }
.left10 { margin-left:10px!important; }
.left15 { margin-left:15px!important; }
.left20 { margin-left:20px!important; }
.left25 { margin-left:25px!important; }
.left30 { margin-left:30px!important; }

.right0 { margin-right:0px!important; }
.right5 { margin-right:5px!important; }
.right10 { margin-right:10px!important; }
.right15 { margin-right:15px!important; }
.right20 { margin-right:20px!important; }
.right25 { margin-right:25px!important; }
.right30 { margin-right:30px!important; }

.bottom { margin-bottom:0px!important; }
.bottom5 { margin-bottom:5px!important; }
.bottom10 { margin-bottom:10px!important; }
.bottom15 { margin-bottom:15px!important; }
.bottom20 { margin-bottom:20px!important; }
.bottom25 { margin-bottom:25px!important; }
.bottom30 { margin-bottom:30px!important; }

.padding0 { padding:0px!important; }
.padding2 { padding:2px!important; }
.padding5 { padding:5px!important; }
.padding10 { padding:10px!important; }
.padding15 { padding:15px!important; }
.padding20 { padding:20px!important; }
.padding25 { padding:25px!important; }

.min-height25 { min-height: 25px!important; }
.min-height50 { min-height: 50px!important; }
.min-height75 { min-height: 75px!important; }
.min-height100 { min-height: 100px!important; }
.min-height125 { min-height: 125px!important; }
.min-height150 { min-height: 150px!important; }
.min-height175 { min-height: 175px!important; }
.min-height200 { min-height: 200px!important; }
.min-height225 { min-height: 225px!important; }
.min-height250 { min-height: 250px!important; }
.min-height275 { min-height: 275px!important; }
.min-height300 { min-height: 300px!important; }
.min-height325 { min-height: 325px!important; }
.min-height350 { min-height: 350px!important; }
.min-height375 { min-height: 375px!important; }
.min-height400 { min-height: 400px!important; }
.min-height425 { min-height: 425px!important; }
.min-height450 { min-height: 450px!important; }
.min-height475 { min-height: 475px!important; }
.min-height500 { min-height: 500px!important; }
.min-height525 { min-height: 525px!important; }
.min-height550 { min-height: 550px!important; }
.min-height575 { min-height: 575px!important; }
.min-height600 { min-height: 600px!important; }

.max-height25 { max-height: 25px!important; }
.max-height50 { max-height: 50px!important; }
.max-height75 { max-height: 75px!important; }
.max-height100 { max-height: 100px!important; }
.max-height125 { max-height: 125px!important; }
.max-height150 { max-height: 150px!important; }
.max-height175 { max-height: 175px!important; }
.max-height200 { max-height: 200px!important; }
.max-height225 { max-height: 225px!important; }
.max-height250 { max-height: 250px!important; }
.max-height275 { max-height: 275px!important; }
.max-height300 { max-height: 300px!important; }
.max-height325 { max-height: 325px!important; }
.max-height350 { max-height: 350px!important; }
.max-height375 { max-height: 375px!important; }
.max-height400 { max-height: 400px!important; }
.max-height425 { max-height: 425px!important; }
.max-height450 { max-height: 450px!important; }
.max-height475 { max-height: 475px!important; }
.max-height500 { max-height: 500px!important; }
.max-height525 { max-height: 525px!important; }
.max-height550 { max-height: 550px!important; }
.max-height575 { max-height: 575px!important; }
.max-height600 { max-height: 600px!important; }

.width25 { width: 25px; }
.width50 { width: 50px; }
.width75 { width: 75px; }
.width100 { width: 100px; }
.width125 { width: 125px; }
.width150 { width: 150px; }
.width175 { width: 175px; }
.width200 { width: 200px; }
.width225 { width: 225px; }
.width250 { width: 250px; }
.width275 { width: 275px; }
.width300 { width: 300px; }
.width325 { width: 325px; }
.width350 { width: 350px; }
.width375 { width: 375px; }
.width400 { width: 400px; }
.width425 { width: 425px; }
.width450 { width: 450px; }
.width475 { width: 475px; }
.width500 { width: 500px; }
.width525 { width: 525px; }
.width550 { width: 550px; }
.width575 { width: 575px; }
.width600 { width: 600px; }
.min-width225 { min-width: 225px!important; }

/* hamburger menu */
.main-header .sidebar-toggle:before {
    content: ""!important;
}

.content {
  padding-top:0px!important;
}

/* TABLES */
.table-bordered {
  border: 1px solid #dddddd!important;
}

.table-bordered > thead > tr > th {
  border: 1px solid #ddd!important;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd!important;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width: 2px!important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd!important;
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}
.table-bordered {}
.table-td-width-100
{
  width:100px;
}
.table-td-width-150
{
  width:150px;
}
.table-td-width-200
{
  width:200px;
}
.table-td-width-250
{
  width:250px;
}



/* FULL CALENDAR  */
/*a.fc-time-grid-event {
  cursor: pointer;
}*/
/* full calendar color today */
/*.fc-today {
    background: #fcf8e3 !important;
} 
td .alert-info {
    background: #fcf8e3 !important;
}*/


/* voor werkblad icoontjes */
@media only screen and (min-width: 1024px) 
{
  a.button-metro {
    height: 135px;
    font-size: 14px;
    width: 135px;
    margin-left:20px;
    margin-bottom:15px;
    margin-top:15px;    
  }

  .metro-fa-icon {  
    font-size:5em;
    margin-top:-2px;
    /*margin-top:15px;*/
  }

  .button-metro .metro-badge {
    font-size: 1.3em;
    width:28px;
    height:28px;
    top: -15px;
  }
}

@media only screen and (max-width: 1024px) 
{
  a.button-metro {
    height: 90px;
    width: 90px;
    font-size: 12px;
    margin-left:15px;
    margin-bottom:10px;
    margin-top:10px;    
  }

  .metro-fa-icon {  
    font-size:3em;
    margin-top:5px;
  }

  .button-metro .metro-badge {
    font-size: 1em;
    width:20px;
    height:20px;
    top: -10px;
  }
}

a.button-metro {
  color:white;
  padding: 5px;
  vertical-align: middle;
  /*background-color: #428BCA;*/
  cursor: pointer;
  display: inline-block;
  outline: none;  
  position: relative;
  text-align: center;
  /*border-radius: .325rem;*/
  color: #FFFFFF;
  transition: background-color 0.3s ease-in-out 0s; 
  /* box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.1) inset, 0px -3px 7px rgba(0, 0, 0, 0.1) inset; */
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.075);
  /* box-shadow: 5px 5px 10px #ADADAD; */
}

.button-metro:hover {
  background-color: #f8a800 !important;
  border-color: #f8a800 !important;
  color: #FFFFFF;
  text-decoration: none;
}

.button-metro .metro-icon {
  padding-top:0px;
  margin-bottom:-18px;
  font-size:80px;
}

.button-metro .metro-badge {
  background-color: #FF8000;
  color: inherit;
  position: absolute; 
  right: 5px;
  text-align:center;
}

.metro-icon-label {
  position:absolute;
  bottom:8px;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}



/* overige */
.container {
    margin-left: auto!important;
    margin-right: auto!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    width:100%!important;

}

.label-sidebar {
    margin-top:-15px;
}

form div.required label.control-label:after {
  content:" * ";
  color:red;
}

.full-width {
    display:block;
}

table td ul {
    padding-left:10px !important;
}

.form-control {
  padding: 6px 12px!important;
}
.form-group.has-error label {
  color: #a94442 !important;
}
.form-group.has-error .form-control {
  border-color: #a94442 !important;
  box-shadow: none;
}

.form-group.has-error .help-block {
    color: #a94442  !important;
}

.timeline-img-other {
  border: 2px solid #3c8dbc;
}

.timeline-img-me {
  border: 2px solid #00c0ef;
}


/* Tabs panel */
/*.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}*/

/* Default mode */
/*.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}*/

/* Below tabs mode */
/*
.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}*/

.text-white {
  color: white!important;
}
.bg-white {
  background-color: white!important;
}

.col-centered{
    float: none;
    margin: 0 auto;
}
.bordered {
    border: 1px solid white; /* Gray border */
      border-radius: 4px;  /* Rounded border */
      padding: 5px; /* Some padding */
      width: 150px; /* Set a small width */
}


/* MOUSE CURSORS */

.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.context-menu {cursor: context-menu;}
.col-resize {cursor: col-resize;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: -webkit-grab; cursor: grab;}
.grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}

/*nodig voor verkeerde styling van datepicker*/
.kv-drp-dropdown .range-value { 
  padding-left: 35px !important;
  background: #ffffff!important;
}
.kv-clear { display:none; }
.right-ind { right: 5px !important; }

/* nodig voor afbeelding in navbar */
.navbar-user-img {
  max-height:25px !important;
  max-width:25px !important
}

/*voor de selectbox bij postbus */
.select2-container .select2-search--inline {
  max-width: 10px !important;
}
/*voor het kruisje bij de naam van de selectbox in postbus */
.select2-selection__choice {
  padding-right: 5px !important;
}
/* alle teksten zijn wit bij een achtergrondkleur behalve oranje */
.bg-orange {
  color: #fff !important;
}

.stemming-smiley {
  font-size: 80px;
  padding: 10px; /* Optioneel: wat padding voor binnen de rand */
  margin: 10px; /* Optioneel: wat marge buiten de rand */
}

.stemming-smiley:hover {
  cursor:pointer;
}

.stemming-geselecteerd {
    border: 5px solid orange; /* Oranje dikke rand */
    
}

.stemming-level1 {
  color:#eb2128!important;
}
.stemming-level2 {
  color:#eb9a21!important;
}
.stemming-level3 {
  color:#ebe121!important;
}
.stemming-level4 {
  color:#82eb21!important;
}
.stemming-level5 {
  color:#21eb46!important;
}