span.badge.new {
    color: #ff1e1e;
    background-color: #ffffff;
}
#timer-wrapper {
    width: 50px;
    height: 50px;
    margin-top: 7px;
    display: none;
}

.timer {
    width: 100%;
    height: 100%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.timer .rotate {

  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 10;
}

.timer .rotate #loader {
  fill: #ffffff;
}

.tabs {
    overflow-x: hidden;
}

.valign-top {
        vertical-align: top !important;
}

#sign-in, #sign-up {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,2f9cf4+100 */
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #ff1e1e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#ff1e1e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #eeeeee 0%,#ff1e1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ff1e1e',GradientType=0 ); /* IE6-9 */
}

.signinlink {
    color:	#ff1e1e;
}

#dataTableBuilder_wrapper > div.row  {
    margin-right: 0;
}

.dataTables_paginate .paginate_button:hover {
    background-color: #88c8ff;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 1.755em;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 1.755em;
}

tr.pinnedmemo {
    background-color: #FFFFA5;
}
.header{
    background-color: rgb(224, 224, 224);
}
tr.group {
    background-color: #ff1e1e;
    color:#ffffff;
}


.break-text {
    display:inline-block;
    width:100%;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.inline {
    display:inline;
}

.btn, .btn-large, .sp-container button, .fc button {
    color: whitesmoke;
}

a.dropdown-button.btn {
    color: whitesmoke;
}


.chat .contacts .agendauser {
    position: relative;
    color: #2d2f40;
    padding: 10px 1rem;
    cursor: pointer
}

.chat .contacts .agendauser .photo {
    width: 40px;
    vertical-align: middle;
    margin-right: 1rem;
    float: left
}

.chat .contacts .agendauser .name {
    font-weight: 700;
    display: inline-block
}

.chat .contacts .agendauser .status {
    font-size: .9em;
    color: #D8D8D8
}

.chat .contacts .agendauser .online {
    position: absolute;
    font-size: .5rem;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.fc-event {
     height:auto; !important
}

.event-actions {
    position: absolute;;
    right:10px;
    top:0px;
    z-index:6;
}

.input-field label.acousoft-active {
    font-size: .8rem;
    -webkit-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    transform: translateY(-140%)
}

.modal-overlay {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height: 100%;
    background-color:#000000;
}

.modal {
    height: 75% !important;
    overflow:hidden !important;
}

.modal-small {
    height: 50% !important;
    overflow: hidden !important;
}

footer {
    height: 65px;
}
.fa-cashregister {
    max-width: 256px;
    max-height: 256px;
    min-height:14px;
    height:100%;
    background-repeat:no-repeat;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMwMy45ODggMzAzLjk4OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAzLjk4OCAzMDMuOTg4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCI+DQo8Zz4NCgk8cGF0aCBkPSJNNjIuOTQ1LDQ2LjE0M2gyNi41YzIuNzYyLDAsNS0yLjIzOSw1LTVjMC0yLjc2MS0yLjIzOC01LTUtNWgtMjYuNWMtMi43NjIsMC01LDIuMjM5LTUsNSAgIEM1Ny45NDUsNDMuOTA0LDYwLjE4NCw0Ni4xNDMsNjIuOTQ1LDQ2LjE0M3oiIGZpbGw9IiNGRkZGRkYiLz4NCgk8cGF0aCBkPSJNMzAzLjk2OCwyMzUuMTQ3Yy0wLjAwMy0wLjA2NiwwLjAxMS0wLjEzMSwwLjAwNS0wLjE5N2wtNS45ODQtNzQuNzk1VjcwLjM1NmMwLTIuNzYxLTIuMjM4LTUtNS01SDEzMS40NDVWMTQuNjQyICAgYzAtMi43NjEtMi4yMzgtNS01LTVoLTg2Yy0yLjc2MiwwLTUsMi4yMzktNSw1djUwLjcxNEgxMWMtMi43NjIsMC01LDIuMjM5LTUsNXY4OC4zMDFsLTUuOTg0LDc2LjMgICBjLTAuMDA1LDAuMDYzLDAuMDA4LDAuMTI1LDAuMDA1LDAuMTg5QzAuMDE4LDIzNS4yMTUsMCwyMzUuMjc5LDAsMjM1LjM0OXY1My45OTdjMCwyLjc2MSwyLjIzOCw1LDUsNWgyOTMuOTg4YzIuNzYyLDAsNS0yLjIzOSw1LTUgICB2LTUzLjk5N0MzMDMuOTg4LDIzNS4yNzksMzAzLjk3MSwyMzUuMjE1LDMwMy45NjgsMjM1LjE0N3ogTTE1My42MTIsOTUuNjQzYzAtMi43NjEsMi4yMzgtNSw1LTVoMTAzLjY2N2MyLjc2MiwwLDUsMi4yMzksNSw1ICAgdjE4LjI1YzAsMi43NjEtMi4yMzgsNS01LDVIMTU4LjYxMmMtMi43NjIsMC01LTIuMjM5LTUtNVY5NS42NDN6IE0yNjIuMjc5LDE3NC4xNDNoLTI1Yy0yLjc2MiwwLTUtMi4yMzktNS01di0yNSAgIGMwLTIuNzYxLDIuMjM4LTUsNS01aDI1YzIuNzYyLDAsNSwyLjIzOSw1LDV2MjVDMjY3LjI3OSwxNzEuOTA0LDI2NS4wNDEsMTc0LjE0MywyNjIuMjc5LDE3NC4xNDN6IE0yNjcuMjc5LDE4NS4zOTN2MjUgICBjMCwyLjc2MS0yLjIzOCw1LTUsNWgtMjVjLTIuNzYyLDAtNS0yLjIzOS01LTV2LTI1YzAtMi43NjEsMi4yMzgtNSw1LTVoMjVDMjY1LjA0MSwxODAuMzkzLDI2Ny4yNzksMTgyLjYzMSwyNjcuMjc5LDE4NS4zOTN6ICAgIE0yMTMuNDQ1LDE3NC4xNDNoLTI1Yy0yLjc2MiwwLTUtMi4yMzktNS01di0yNWMwLTIuNzYxLDIuMjM4LTUsNS01aDI1YzIuNzYyLDAsNSwyLjIzOSw1LDV2MjUgICBDMjE4LjQ0NSwxNzEuOTA0LDIxNi4yMDcsMTc0LjE0MywyMTMuNDQ1LDE3NC4xNDN6IE0yMTguNDQ1LDE4NS4zOTN2MjVjMCwyLjc2MS0yLjIzOCw1LTUsNWgtMjVjLTIuNzYyLDAtNS0yLjIzOS01LTV2LTI1ICAgYzAtMi43NjEsMi4yMzgtNSw1LTVoMjVDMjE2LjIwNywxODAuMzkzLDIxOC40NDUsMTgyLjYzMSwyMTguNDQ1LDE4NS4zOTN6IE0xMzIuNjEyLDE0NC4xNDNjMC0yLjc2MSwyLjIzOC01LDUtNWgyNSAgIGMyLjc2MiwwLDUsMi4yMzksNSw1djI1YzAsMi43NjEtMi4yMzgsNS01LDVoLTI1Yy0yLjc2MiwwLTUtMi4yMzktNS01VjE0NC4xNDN6IE0xMzIuNjEyLDE4NS4zOTNjMC0yLjc2MSwyLjIzOC01LDUtNWgyNSAgIGMyLjc2MiwwLDUsMi4yMzksNSw1djI1YzAsMi43NjEtMi4yMzgsNS01LDVoLTI1Yy0yLjc2MiwwLTUtMi4yMzktNS01VjE4NS4zOTN6IE00Ny40NDUsMjIuMjc0aDcydjk0LjczNmgtNzEuOTkgICBjLTAuMDA0LTAuMDAzLTAuMDA2LTAuMDA2LTAuMDEtMC4wMVYyMi4yNzR6IE0yNzYuOTk0LDI3NS4yMTNoLTI1MHYtMzguNzMyaDI1MFYyNzUuMjEzeiIgZmlsbD0iI0ZGRkZGRiIvPg0KCTxwYXRoIGQ9Ik02Mi45NDUsNzMuMTQzaDI2LjVjMi43NjIsMCw1LTIuMjM5LDUtNWMwLTIuNzYxLTIuMjM4LTUtNS01aC0yNi41Yy0yLjc2MiwwLTUsMi4yMzktNSw1ICAgQzU3Ljk0NSw3MC45MDQsNjAuMTg0LDczLjE0Myw2Mi45NDUsNzMuMTQzeiIgZmlsbD0iI0ZGRkZGRiIvPg0KCTxwYXRoIGQ9Ik02Mi45NDUsMTAwLjE0M2gyNi41YzIuNzYyLDAsNS0yLjIzOSw1LTVjMC0yLjc2MS0yLjIzOC01LTUtNWgtMjYuNWMtMi43NjIsMC01LDIuMjM5LTUsNSAgIEM1Ny45NDUsOTcuOTA0LDYwLjE4NCwxMDAuMTQzLDYyLjk0NSwxMDAuMTQzeiIgZmlsbD0iI0ZGRkZGRiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=)
}

.btn-flat {
    border: 1px solid #ff1e1e;
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px;
}

.groen {
    color : #00aa00;
}

html {
    background-color:#ffffff;
}

select.editor-select {
    display:block;

}
select.editor-datetime {
    position: absolute;
    background-color: white;
    z-index: 2050;
    border: 1px solid #ccc;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5);
    padding-bottom: 5px;
}

img {
    display: inline-block;
}

tr.groen td {
    color:#00dd00;
}

table.dataTable tbody tr.groen.selected {
    background-color: #005b00;
}

#dataTableBuilder {
    width: 100%;
}

ul.tabs li.tab a.active {
    background-color:#ffffff;

}

.tabs {
    background-color: #ededed;
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
    height: 34px;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
    padding-left: 0;
}

.input-field label {
    left: 0;
}

.content .row {
    margin-top:0px;
}

.content .row .col {
    padding-bottom:0px;
}

.nav-wrapper {
    background-color:#ff1e1e;
    color:#ffffff;
}

.headerselector {
    position:absolute;
    top:14px;
    left:65px;
    height:65px;
    width:25%;
}

.headerselector .input-field .select-wrapper span.caret {
    color: #ffffff;
    position: absolute;
    right: 0px;
    top:-16px;
    font-size: 10px;
}

.headerselector .input-field .select-wrapper input.select-dropdown {
    font-size: 2rem;
    border:none;
}

.navbar-top .dropdown-media .media-heading {
    color:#000000;
}

.navbar-top .dropdown-media .media-footer {
    color:#000000;
}

.navbar-top li>a {
    font-size: 1rem;
}
li.brancheselect a {
    font-size: 2rem;
}

#compbranche-dropdown li a {
    font-size: 1rem;
}

.yay-toggle div:before {
    background: #ffffff;
}
.yay-toggle div:after {
    background: #ffffff;
}

.ribbon-placeholder {
    position: fixed;
    background: #ffffff;
    left: 240px;
    right: 0px;
    height: 70px;
    z-index: 1000;
    top: 65px;
}

.yay-hide .yaybar.yay-shrink.yay-hide-to-small~.ribbon-placeholder {
    left: 60px;
}

.ribbon * {
    margin: 0;
    padding: 0;
    list-style: none;
    font-style: normal;
    font-variant: normal;
    border: 0;
    outline: none;
    line-height: 100%;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ribbon {
    background-color: #ffffff;
    background-image: url('ribbon.png');
    display: table;
    width:100%;
    border-bottom: 1px solid #DEE1EC;
}

.ribbon ul li  {
    display:table-cell;
    height:70px;
    border-right:1px solid #DEE1EC;
}

.ribbon ul li h6 {
    font-size: .7em;
    line-height: 1.5em;
    color: #666d7c;
    position: relative;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    /*
    background-color: #dee1ec;
    margin-top:8px;
    */
    background-color: #DEE1EC;
}

.ribbon-tab {
    padding-left:6px;
    padding-right:6px;
    padding: 6px 6px 0 6px;
    padding-bottom: 8px;
    min-height: 42px;
    text-align: center;
    display:table-cell;
    min-width:40px;
    background-color: #ffffff;
}

.ribbon-separator {
    background: #DEE1EC;
    width:1px;
    display:table-cell;
    border-top:8px solid #ffffff;
    border-bottom:8px solid #ffffff;
}

.ribbon-tab a i {
    font-size: 2em;
}

.ribbon-tab a span {
    display: block;
    margin-top:4px;
}

.ribbon-group {
    min-width:50px;
}

.ribbon_group a {
    float:left;
    height:33px;
    padding:10px;
    text-align:center;
}

.ribbon_group_title {
    height:20px;
    background-color:#afafaf;
    color:#000000;
    text-align:center;

}

input[type=number] {
  text-align:right;
}

.printpreview-card {
    background: rgb(204,204,204);
}

.layoutelement {
    width:258px;
    margin-top: 0px;
    margin-left: auto;
    margin-bottom: 10px;
    margin-right:auto;
    padding:4px;
    background-color:#dee1ec;
    cursor:move;
    z-index:10;
}

.layoutelement img {
    width:250px;
}

.layoutelementdesigned {
    position: absolute !important;
    margin: 0;
    padding:4px;
    background-color:#dee1ec;
    cursor:move;
    z-index:10;
}

.layoutelementdesigned img {
    width:100%;
}

.content-wrap {
    background-size: cover;
    padding-top: calc(80px + 4rem);
}
/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .desktoponly {
        display: none;
    }
    .mobileonly {
        display:block;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    .desktoponly {
        display: none;
    }
    .mobileonly {
        display:block;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    .desktoponly {
        display: none;
    }
    .mobileonly {
        display:block;
    }
    .headerselector .input-field .select-wrapper input.select-dropdown {
        font-size: .8rem;
    }
    li.inbox {
        display:none;
    }
    navbar-top .user img {
        display: none;
    }
    .navbar-top li>a {
        font-size: .7rem;
    }
    li.brancheselect a {
        font-size: .7rem;

    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .desktoponly {
        display: none;
    }
    .mobileonly {
        display:block;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .desktoponly {
        display: none;
    }
    .mobileonly {
        display:block;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .desktoponly {
        display: none;
    }
    .mobileonly {
        display:block;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    .desktoponly {
        display: none;
    }
    .mobileonly {
        display:block;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    .desktoponly {
        display: none;
    }
    .mobileonly {
        display:block;
    }
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    .desktoponly {
        display: block;
    }
    .mobileonly {
        display:none;
    }
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
    .desktoponly {
        display: block;
    }
    .mobileonly {
        display:none;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    .desktoponly {
        display: none;
    }
    .mobileonly {
        display:block;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    .headerselector .input-field .select-wrapper input.select-dropdown {
        font-size: .9rem;
    }
    li.inbox {
        display:none;
    }
    .navbar-top .user img {
        display: none;
    }
    ul.select-dropdown li {
        font-size: .9rem;
    }
    .navbar-top li>a {
        font-size: .7rem;
    }
    li.brancheselect a {
        font-size: .7rem;

    }
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}

.skinny {
    margin-left: 0 !important;
}
.todo-card input:checked+label {
    text-decoration: none;
    color: unset;
}

[type=checkbox]+label, [type=radio]+label {
    margin-top: 30px;
}

[type=checkbox]+label {
    margin-bottom: 13px;
}

.hover-opacity002:hover {
    background: rgba(0, 0, 0, 0.02);
}

.hover-opacity100:hover {
    background: rgba(255, 255, 255, 1);
}

.table>tbody>tr>td {
    padding:4px;
    font-size:13px;
    overflow: hidden;
}
.table>thead>tr>td {
    font-size:13px;
}
.table>thead>tr>th {
    font-size:13px;
}
.dataTables_filter {
    display:none;
}
.dt-buttons {
  margin-bottom: 15px;
}

.cursor-pointer {
    cursor: pointer;
}

.check-or-ban {
    visibility: hidden;
}

table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}

table.dataTable tbody td {
    padding: 4px 8px;
}

.instelling-waarde {
    word-break: break-word;
}

.instelling-color {
    height: 1rem;
    width: 50%;
}

.instelling-waarde .image {
    max-height: 12rem;
    max-width: 10rem;
}

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

a.extend-session-text {
    color: lightgreen;
}

a.extend-session-text:hover {
    text-decoration: underline;
}
.permission-description {
    text-decoration: underline;
    cursor: help;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

#filialen_modal {
    height: 90% !important;
    max-height: 100% !important;
    top: 5% !important;
}

#bedrijven-picker-container {
    height: 60%;
    margin-top: 10px;
}

#bedrijven-picker-search {
    height: 75%;
    overflow-y: auto;
    margin-bottom: 10px;
}

#bedrijven-picker-list {
    height: 25%;
    overflow-y: auto;
}

.ck-editor__editable {
    min-height: 500px;
}

input:not([type]):disabled, input:not([type])[readonly=readonly], input[type=date]:disabled, input[type=date][readonly=readonly], input[type=datetime-local]:disabled, input[type=datetime-local][readonly=readonly], input[type=email]:disabled, input[type=email][readonly=readonly], input[type=number]:disabled, input[type=number][readonly=readonly], input[type=password]:disabled, input[type=password][readonly=readonly], input[type=search]:disabled, input[type=search][readonly=readonly], input[type=tel]:disabled, input[type=tel][readonly=readonly], input[type=text]:disabled, input[type=text][readonly=readonly], input[type=time]:disabled, input[type=time][readonly=readonly], input[type=url]:disabled, input[type=url][readonly=readonly], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly=readonly] {
    color: #5e5f63e3!important;
    border-bottom: 1px dotted #5e5f63e3!important;
}