/*
 * 20210903
 * aangemaakt om de tabs in de author als ze genest zijn andere kleuren te kunnen geven
 * voor sommige QTs is dit veel duidelijker dan.
 */

#authorFormDEV .tab-content{
    padding: 10px !important;
}

#authorFormDEV .tabs-left > .nav-tabs{
    margin-right: 0px !important;
}

#authorFormDEV [data-jsonform-type="tabarray"] .tab-content{
    background-color: #EEE;
}

#authorFormDEV [data-jsonform-type="tabarray"] [data-jsonform-type="tabarray"] .tab-content{
    background-color: #CCC;
}

#authorFormDEV [data-jsonform-type="tabarray"] .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover{
    background-color: #EEE;
}

#authorFormDEV [data-jsonform-type="tabarray"] [data-jsonform-type="tabarray"] .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover{
    background-color: #CCC;
}

#authorForm textarea, #authorFormDEV textarea{
  font-family: Lucida Sans Typewriter,Lucida Typewriter,monospace;
  font-weight: 500;
  height:150px;
  overflow-y: visible;
}

/* lijntje weg bij author om die tree */
ul.fancytree-container {
    border: none;
}

/* hier staan wat spullen om die typeahead wat netter te maken */
.tt-menu{
    background-color: white;
    width: 100%;
}
.twitter-typeahead{
    width: 100%;
}

p.tt-suggestion.tt-selectable{
    border: 1px solid #FF8500;
    border-top: none;
    margin: 0px 5px 0px 5px;
    padding-left: 5px;
}

.tt-suggestion.tt-selectable:hover{
    background-color: #FEC281;
}

.tt-cursor{
    background-color: #FEC281;
}

.divAuthMessageSpace{
    position: relative;
    height: 165px;
    width: 100%;
    border-bottom: 5px solid var(--oranjeDonker);
    margin-bottom: .5em;
}

#divAuthMessageContent{
    position: absolute;
    top: 1em;
    left: 1em;
    z-index: 100;
}

.messagesA{
    height: 6em;
    margin: 10px 0px 10px 0px;
    border: 2px solid var(--oranjeDonker);
    overflow-y: scroll;
    overflow-x: hidden;
}