.converter-parent {
    display: flex!important;
}

.id-converted {
    display: inline-flex;
    align-items: center;
}

.jsonEdit {
    opacity: 0.3;
}

.td-audio-style {
    width: 99%;
    vertical-align: middle;
    height: 1.2rem;
}

.modal-audio-style {
    vertical-align: middle;
    height: 1.3rem;
}

.td-image {
    /*padding: 0!important;*/
    vertical-align: middle!important;
    text-align: center;
}

.tree-item {
    background-color: rgb(232, 232, 232);
    height: 1.3rem;
    width: 70%;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
}

.tree-input {
    margin-left: 1rem;
}

.json-container {
    background-color: rgba(255, 255, 255, 0)!important;
}

.td-img-content,
.modal-img-content,
.td-tree-content {
    height: 1.2rem;
    width: auto;
    vertical-align: middle;
    display: inline-block;
    z-index: 1;
    cursor: pointer;
}

.td-img-content {
    opacity: 1;
}

.image-viewer {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 15%;
    padding-left: 15%;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.6);
    text-align: center;
}

.image-viewer-content,
#tree1 {
    height: 70%;
}

.image-viewer-close {
    position: fixed;
    right: 10px;
    top: 10px;
    height: 30px;
    width: auto;
    cursor: pointer;
}

#ltBox {
    height: 20%;
    border: 1px solid gray;
    box-shadow: 0 0 10px gray;
}

.dropdown-menu {
    max-height: 500px;
    /* max-width: 100%; */
    overflow: auto;
}

.add-line {
    align-items: center;
}

.selectedAttributeQuery {
    background-color: #6c757d;
    color: white;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    padding: 0.375rem;
    border: 1px solid transparent;
}

.add-line>.selectedAttributeQuery:nth-of-type(3) {
    border-radius: 0;
}

.add-line>.btn-group>.btn {
    border-radius: 0;
}

.small-button {
    width: 6%;
}

.table-bordered-head tr {
    border: 1px solid #e9ecef;
}

.table-bordered-right td {
    border-left: 1px solid #e9ecef;
}

#fake_col_container,
#fake_head_col_container {
    /*overflow: hidden;*/
    float: left;
}

#fake_col_container {
    overflow: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

#fake_col_container::-webkit-scrollbar {
    display: none;
}

#fake_col,
#fake_head_col {
    width: 100px;
    border-collapse: collapse;
    white-space: nowrap;
    margin: 0;
}

#fake_head_col th {
    min-width: 100px;
    height: 22px;
    overflow: hidden;
    max-width: 100px;
    background-color: #EFEFEF;
    vertical-align: bottom;
    border: 1px solid #e9ecef;
    border-bottom: 2px solid #e9ecef;
    padding: .75rem;
    cursor: pointer;
    text-overflow: ellipsis;
}

#fake_col td,
#fake_col th {
    min-width: 100px;
    height: 22px;
    /*border: dashed 1px lightblue;*/
    border-left: 1px solid #e9ecef;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

#fake_col table {
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

#fake_col_container tbody {
    border: white;
    height: 700px;
    display: block;
}

.fake_par_tables {
    margin-right: 17px;
}

.par_tables {
    overflow: hidden;
}

#fake_head_container {
    overflow: hidden;
}

#fake_head th {
    min-width: 200px;
    height: 22px;
    overflow: hidden;
    max-width: 200px;
    background-color: #EFEFEF;
    vertical-align: bottom;
    /*border: 1px solid #e9ecef;
  /*border-bottom: 2px solid #e9ecef;*/
    padding: .75rem;
    cursor: pointer;
    text-overflow: ellipsis;
}

#fake_head {
    border-collapse: collapse;
    white-space: nowrap;
    margin: 0;
    display: block;
}

.dtable table {
    border-collapse: collapse;
    display: block;
    /*overflow-x: auto;*/
    white-space: nowrap;
}

.dtable th {
    background-color: #EFEFEF;
}

.dtable tbody {
    height: 700px;
    display: block;
}

.dtable {
    /*overflow-x: hidden;
    overflow-y: auto;*/
    overflow: auto;
}

.dtable td,
.dtable th {
    min-width: 200px;
    height: 22px;
    /*border: dashed 1px lightblue;*/
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.scroll-table {
    overflow: auto;
    max-height: 500px;
}

.upload-table th {
    width: 14.28%;
}

#wTable td {
    width: 14.28%;
}

.dl_cell {
    cursor: pointer;
}

#debug {
    word-break: break-all;
}

.info-field {
    display: none;
    position: fixed;
    top: 5%;
    left: 30%;
    background-color: green;
    width: 40%;
    padding: 2em;
    text-align: center;
    color: white;
    border-radius: 5px;
    z-index: 1;
    white-space: pre-wrap;
}

.save-hint {
    color: red;
    font-weight: bold;
}

.additional-fields {
    white-space: nowrap;
}

.additional_button {
    white-space: nowrap;
    overflow-x: hidden;
}

.sm-font {
    font-size: 10px;
}

.w-10 {
    width: 10%!important;
}

.w-12 {
    width: 12%!important;
}

.w-19 {
    width: 18%!important;
}

.w-20 {
    width: 20%!important;
}

.w-21 {
    width: 21%!important;
}

.w-23 {
    width: 23%!important;
}

.w-24 {
    width: 24%!important;
}

.w-25 {
    width: 25%!important;
}

.w-30 {
    width: 30%!important;
}

.w-33 {
    width: 33%!important;
}

.w-33e {
    width: 33.3333%!important;
}

.w-40 {
    width: 40%!important;
}

.w-49 {
    width: 49%!important;
}

.w-50 {
    width: 50%!important;
}

.w-65 {
    width: 65%!important;
}

.w-70 {
    width: 70%!important;
}

.w-73 {
    width: 73%!important;
}

.w-80 {
    width: 80%!important;
}

.w-90 {
    width: 90%!important;
}

.overflow-hidden {
    overflow: hidden!important;
}

.pointer {
    cursor: pointer;
}

.errMessage {
    background-color: red;
    padding: 1em;
    text-align: center;
    color: white;
    z-index: 1;
}

.w-32 {
    width: 32%!important;
}

.w-45 {
    width: 45%!important;
}

.text-danger {
    display: none;
}

.search_button {
    width: 25%!important;
}

#sub_search_line {
    display: flex;
    justify-content: space-between;
}

.margin-right-1 {
    margin-right: 1%!important;
}

.icon {
    height: auto;
    max-height: 1.5em;
    width: auto;
}

.uniform-left-margin {
    margin-left: 1%;
}

.profile-info {
    width: 50%;
}

.mb-0 {
    margin-bottom: 0!important;
}

.mr-per-1 {
    margin-right: 1%!important;
}

.ml-per-1 {
    margin-left: 1%!important;
}

.ml-per-1e {
    margin-left: 1.333%!important;
}

.ml-per-2 {
    margin-left: 2%!important;
}

.attribute-option-behavior {
    text-overflow: ellipsis;
    min-width: 50%;
    overflow: hidden;
}

.is-invalid-label {
    color: red;
}

.is-invalid {
    border-color: red;
    box-shadow: 0 0 10px red;
}

.chart-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    /*height: 40vh!important;
    width: 30vw!important;*/
    height: 60%;
    width: 60%;
}

.chart-container-stat {
    position: relative;
    margin: auto;
    height: 65vh;
    width: 60vw;
}

.chart-container-w {
    position: relative;
    margin: auto;
    height: 80vh!important;
    width: 80vw!important;
}

.edit,
.save {
    vertical-align: middle;
    display: table-cell;
}

.btn-info-active {
    background-color: #0e6471;
    border-color: #0e6471;
}

.select-structure-small {
    overflow: hidden;
    width: 25%;
    float: right;
}

.select-structure-big {
    overflow: hidden;
    display: inline-block;
    width: 75%;
}

.title-font {
    font-family: Copperplate, "Copperplate Gothic Light", Arial, fantasy!important;
}

.main-title {
    font-size: 4rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

.editableLongText {
    background: url(../images/button-icons/lupe-icon.ico) no-repeat scroll 2px 2px;
    padding-left: 25px;
}

#fake_col td {
    cursor: cell;
}

.fake_col_selected {
    background-color: #e6e6ff!important;
}

.dropdown-item {
    cursor: pointer;
}

.exclude-row {
    background-color: rgb(245, 245, 245);
}

.attributeSelect {
    cursor: pointer;
}

.bg-selected {
    background-color: rgb(232, 232, 232);
}

.bg-missing {
    background-color: #ff2929;
    border: solid black 1px;
}

.query_checkbox {
    margin-right: 5%;
    width: 5%;
}


/*
*
*   UPLOAD SECTION
*
*
*/

.list-group-horizontal {
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.list-group-horizontal .list-group-item {
    display: inline-block;
}

.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-left: -4px;
    margin-right: 0;
    border-right-width: 0;
}

.list-group-horizontal .list-group-item:first-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-right-width: 1px;
}

.list-group-pagination .list-group-item:not(.disabled) {
    cursor: pointer;
}

.upload-table {
    overflow-x: auto;
    display: block;
    white-space: nowrap;
}

.dll {
    cursor: pointer;
}

.upload-table td {
    height: 4rem;
}


/* LOADER */

.loader {
    border: 2px solid #f3f3f3;
    /* Light grey */
    border-top: 2px solid #686d72;
    /* Dark grey */
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* ATTRIBUTE SEARCH */

.attribute_selection {
    max-height: 200px;
    margin-bottom: 10px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    border: 1px solid black;
    padding: 0.5em;
}

.attribute_selection p {
    border-bottom: 1px solid black;
    margin-bottom: 0.5em;
}


/* Projektauswahl Klinische Datenstruktur */

.mw-projects {
    max-width: 600px;
}


/* Popper.js fail fix */

.popperFix {
    transform: translate3d(0px, 38px, 0px)!important;
}


/*deal with responsiveness of dropdown menus*/

@media (max-width: 990px) {
    .media-w-100 {
        width: 100%!important;
    }
    .profile-info {
        width: 100%;
    }
}

label.error {
    color: #b10e0e!important;
}


/* .custom-tooltip-grid {
    border-style: solid;
    border-width: 1px;
    border-color: #5858fa;
    background-color: #f3f6f9;
} */

.custom-tooltip-grid {
    border-style: solid;
    border-width: 1px;
    border-color: #333;
    background-color: #000;
    color: white!important
}

.custom-tooltip-grid-black {
    border-style: solid;
    border-width: 1px;
    border-color: #333;
    background-color: #000;
    color: white!important
}

.text-decoration-underline {
    text-decoration: underline;
}

.a_caption_background_standard {
    background-color: #ccc;
    white-space: nowrap;
}

.a_caption_background_value_given {
    background-color: #fffaa0;
    white-space: nowrap;
}

.a_caption_background_value_given_protected {
    background-color: #f5c6cb;
    white-space: nowrap;
}

.input-group-text {
    background-color: transparent;
    border: transparent;
}

label.form-control {
    background-color: transparent;
    border: transparent;
}