.modal-content {
    background: var(--modal-content-background);
}

.modal-content h1,h2,h3,h4,h5{
    color: var(--modal-content-textcolor);
}

.tag-text, .tag-editor{
    border-radius: 3px;
    height: 30px;
    color: var(--srch-box-color);
    background-color: var(--srch-box-background);
    border-color: var(--srch-box-border);
}

.tag-editor .ui-sortable{
    border-radius: 4px;
}

.tag-el.active {
    background-color: var(--tag-el-active-background-color);
}

.tag-el{
    background-color: var(--tag-el-background-color);
    border: 1px solid var(--tag-el-background-color);
}

.tag-el:focus {
    background-color: var(--tag-el-background-color) !important;
}

.tag-el small{
    color: var(--info-ui-color);
}

.tag-el:hover {
    background-color: var(--tag-el-hover-background-color) !important;
}

.tag-editor .tag-editor-tag, .tag-editor .tag-editor-delete{
    background-color: var(--modal-tag-background-color);
    color: var(--navbar-text-color);
}

.modal-footer .btn-default {
    background-color: var(--srch-box-background);
}

#tagsMenu h5#tag_name{
    width:30%;
    float:left;
}

#tagsMenu input.tag-text.tag-name#tag_name_input {
    display: block;
    margin: 10px;
    right: 0px;
    width: 60%;
    position: absolute;
}

#tagsMenu textarea.tag-text#tag_desc_input {
    display: block;
    width:100%;
    resize: none;
}

#tagsMenu #tagTagEditor {
    float: left;
    width:100%;
}

#tagsMenu div.loadtag{
    display:flex;
    flex-direction:column;
}

#tagsMenu div.loadtag{
    display:flex;
    flex-direction:column;
}

#tagsMenu div.loadtag div.retrieveTagWrapper {
    display:block;
}

#tagsMenu div.loadtag div.retrieveTagWrapper h5#tag_name {
    width:30%;
    float:left;
}

#tagsMenu div.loadtag div.retrieveTagWrapper input#retrieve_tag_name_input {
    display: block;
    margin: 10px;
    right: 0px;
    width: 60%;
    position: absolute;
}

#tagsMenu div.loadtag div#tagSearchMenuWrapper h5#tag_desc {
    display: block;
    width:60%;
}

#tagsMenu div.loadtag div#tagSearchMenuWrapper div#tagSearchMenu {
    overflow:scroll;
    height:auto;
    position:relative;
    max-height:40vh;
    overflow-x: hidden;
    max-width: 100%;
}

#tagsMenu div.tag-footer {
    padding-top: 50px;
}

#tagsMenu div.tag-footer button {
    margin: 10px;
    float: right;
}

#tagsMenu.overlay {
    max-height:70vh;
    height:auto;
}