html, .uk-dropdown-nav>li>a {
    color: #000;
}

body {
    background-color: #eee;
}

.uk-table-small td, .uk-table-small th {
    padding: 3px 5px;
}

.uk-padding-small {
    padding: 5px;
}

.uk-text-small {
    font-size: .8rem;
    line-height: 1.2;
}

.uk-accordion-title {
    font-size: 1rem;
}

.uk-button-small {
    padding: 0 5px;
    line-height: 18px;
    font-size:.8rem
}

.uk-input, .uk-select:not([multiple]):not([size]) {
    height: 30px;   
}

*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {
    margin-top: 20px;
}

[class*=uk-align] {
    margin-bottom: 0px;
}

*+.uk-margin-small {
    margin-top: 0px!important;
}

.uk-accordion>:nth-child(n+2){
    margin-top: 10px;
}

.uk-badge {
    min-width: 18px;
    height: 18px;
    border-radius: 250px;
    font-size: .75rem;
}

.uk-table th {
    font-size: .8rem;
}

.uk-label {
    padding: 0 5px;
    line-height: 1.3;
    font-size: .7rem;
}

@media (min-width: 960px){
    .uk-container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px){
    .uk-grid {
        margin-left: -30px;
    }
}


/* menu */
.ct-navbar-container {
    max-height:30px;
}

.uk-button {
    padding: 0 10px;    /* 15px */
    font-size: .7rem;   /* 0.8rem */
    line-height:24px;
}

.uk-align-left {
    margin-right: 5px; /* 10px */
}
/* --- */


.ct-navbar-container {
    background:linear-gradient(to left, #28a5f5, #1e87f0) !important;
    /*padding:8px;*/
    color: #fff;
    max-height: 40px;
}
.badge-inactive{
    color:#999;
    background:#f8e8e8;    /*#f8f8f8;*/
}
.ct-list li {
    margin-top:1px !important;
    font-size: 11px;
}
.uk-list-striped.ct-list li {
    padding: 3px 10px !important;
}
.total {
    background-color:black !important;
    color:white !important;
}
    
.highlight {
    background-color: yellow;

}

.uk-lightbox {
    background: radial-gradient(black, transparent);
}

[v-cloak] {
  display: none;
}

/* -- Custom CSS EDB -- */

.profile-list {
    padding: 0px;
    display: inline-block;
    width: 100%;
}

.profile-name{
    line-height:32px;
    font-size:14px;
    font-weight:bold;
    vertical-align:middle;
}

@media (min-width: 1200px) {
.uk-grid>* {
    padding-left: 30px;
}
}

.ct-navbar-container .uk-width-1-5 {
    margin: 5px 0 0 0;
}

.ct-navbar-container .uk-width-1-5 .ingelogd-als {
    margin: 0 0 0 8px;
}

.btn-uitloggen {
    margin-left: 0px;
}

.uk-list {
    margin: 0;
}

.profile-list-secundary {
    padding: 2px 8px 2px 8px !important;
}

.moddies-dialog{
    padding: 30px 65px 30px 5px;
}

.picture-name {
    word-break: break-all;
    margin: 5px 0 10px;
}

.moddies-dialog .uk-modal-close {
    margin-top:10px;
}

.moddies-dialog .uk-link:hover {
text-decoration:underline;
}

.hoeveel-pp {
    margin:16px 0 0 4px;
}

.hoeveel-pp .uk-label {
    margin-top:10px;
}

.profielbeheer .uk-pagination {
    padding-left: 4px;
}

.profielbeheer .pagination-bottom {
    margin-bottom: 16px;
    padding-left: 7px;
}

.uk-alert {
    padding: 8px;
    margin-bottom: 4px;
}

.profile-list .uk-width-3-5 {
    padding-left: 8px;
}

.note-waarde {
    font-weight: bold;
}

.note-title {
    color: #1f87f0;
    font-size: 14px;
    padding:8px;
}

#to-actueel-input textarea, #from-actueel-input textarea, #to-notitie-input textarea, #from-notitie-input textarea {
    margin-bottom:4px;
}

#to-actueel-input, #from-actueel-input, #to-notitie-input, #from-notitie-input {
    padding-bottom: 8px !important;
}

.note-header {
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
}