/* Remove CKEditor Screenreader Helper completely from the ui */
.cke_screen_reader_only {
    bottom: 0px;
}
/* Das HTML von CKHTML hat teilweise p-Elemente, bei denen auch das letzte ein margin-bottom hat. Da es die aber nicht immer gibt, hat
   man unterhalb keinen gleichmäßigen Abstand. Die Klasse ckhtmlWrapper in Kombination mit einem margin-bottom hilft. */
.ckhtmlWrapper > p:last-child{
    margin-bottom: 0;
}

/* Special select2 */
.select2 .selection .select2-selection--multiple.mediumMultiple {
    min-height: 2.8rem !important;
}
.select2 .selection .select2-selection--multiple.highMultiple {
    min-height: 4.2rem !important;
}


.site p,
.site td,
.site input,
.site div {
    font-family: Verdana, Helvetica, Arial;
    text-decoration: none;
    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: #2763AC;
    scrollbar-darkshadow-color: #2763AC;
    scrollbar-face-color: #bccfe6;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #000000;
    scrollbar-track-color: #DDDDDD;
}

.site * {
    font-size: 12px;
    background-repeat: no-repeat;
    font-family: Verdana, Helvetica, Arial;
}

.site a {
    color: #06c;
    text-decoration: none;
    outline: 0;
}

.site a:hover,
.site a:active,
.site a:focus,
.site a:visited {
    text-decoration: none;
    outline: 0;
}

.site h1 {
    font-size: 20px;
    font-weight: bold;
    /* text-shadow: #333333 3px 3px 8px; */
    color: #960010;
}

.site h2 {
    font-size: 17px;
    font-weight: bold;
    /* text-shadow: #555555 3px 3px 8px; */
}

.site h3 {
    font-size: 14px;
    font-weight: bold;
}

.site h4 {
    font-size: 13px;
}

.listWithoutStyling {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Überschreibe Grau des inputs, wegen geringem Kontrast*/
.pure-form input[type=text][disabled],
.pure-form input[type=password][disabled],
.pure-form input[type=email][disabled],
.pure-form input[type=url][disabled],
.pure-form input[type=date][disabled],
.pure-form input[type=month][disabled],
.pure-form input[type=time][disabled],
.pure-form input[type=datetime][disabled],
.pure-form input[type=datetime-local][disabled],
.pure-form input[type=week][disabled],
.pure-form input[type=number][disabled],
.pure-form input[type=search][disabled],
.pure-form input[type=tel][disabled],
.pure-form input[type=color][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
    color: #969696;
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
}

.select2-dropdown {
    z-index: 9001;
}

.select2-container .select2-choice:hover {
    text-decoration: none;
}

strike {
    color: #cdcdcd
}

/*img { border: 0px;}*/

#fixiert {
    position: absolute;
    background-color: white;
    border: 0px solid silver;
}

html>body #fixiert {
    /*nur fuer moderne Browser!*/
    position: fixed;
}

.small {
    font-size: 10px;
    color: #cdcdcd;
}

.x-small {
    font-size: 8px;
    color: #cdcdcd;
}


.smallBlue {
    font-size: 10px;
    color: #2763ac;
}

.smallRed {
    font-size: 10px;
    color: #ff0000;
}

.bigRed {
    font-size: 12px;
    color: #ff0000;
    font-weight: bold;
}

.bigGreen {
    font-size: 12px;
    color: #00A03C;
    font-weight: bold;
}

.smallBlack {
    font-size: 10px;
    color: #000000;
}

.smallGrey {
    font-size: 10px;
    color: #9A9A9A;
}

.smallGreen {
    font-size: 10px;
    color: #00A03C;
}

.text-success {
    color: #269026;
}

.text-error {
    color: #B94C4C;
}


.scroll {
    position: relative;
    left: 0px;
    top: 0px;
    /*min-height:300px;*/
    /*border:2px dotted #ff0000;*/
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    /*max-height:370;*/
}

.noscroll {
    /*position: relative;*/
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    /*overflow-y:auto;*/
    overflow: hidden;
    /*max-height:370;*/
}

.scrollY {
    /*position: relative;*/
    left: 0px;
    top: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    /*max-height:370;*/
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.notDisplayed {
    display: none !important;
}

.cssOrder {
    padding: 10px 0;
    height: 160px;
}

.block {
    background: #DFF3FF;
    width: 90%;
    height: 160px;
    padding: 10px;
}

.site .btn {
    /* background: transparent url(../icons/btn.gif) no-repeat scroll 0 0; */
    height: 43px;
    font-size: 12px;
    font-weight: bold;
    border: 0 none;
    color: #0391E2;
    padding: 0 0 0 34px;
    width: 170px;
}

.result {
    background: transparent url(../icons/inform.gif) no-repeat scroll 0 0;
    height: 103px;
    width: 200px;
    padding: 35px 20px 0 124px;
}

#eventClient {
    overflow: auto;
    overflow-X: hidden;
    height: 130px;
}

.left {
    /*width:400px;*/
    /*border:dotted 1px gray;*/
    padding: 10px;
    float: left;
    width: 370;
    vertical-align: top;
    position: absolute;
    top: 0px;
    left: 0px;
}

#action {
    z-index: 1000;
    visibility: hidden;
    position: absolute;
    top: 165;
    left: 420;
    background: #ffcc33;
    border-width: 2px;
    border-style: solid;
    border-color: #991702;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.submenu {
    margin-left: 10px;
}

.submenu button {
    margin-right: 15px;
    margin-bottom: 2px;
    background-color: #B9D1F8;
}


#dashboardAction {
    background: #cdcdcd;
    /* -moz-opacity: 0.60; /* Mozilla */
    /* opacity: 0.60; /* Opera */
    /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    /* filter: alpha(opacity=50); /* IE */
}

/* #wechslerlisteform
{ */
/* -moz-opacity: 0.60; /* Mozilla */
/* opacity: 0.60; /* Opera */
/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
/* filter: alpha(opacity=50); /* IE */
/* } */

#dash1,
#dash2,
#dash3,
#dash4 {
    width: 300px;
    height: 200px;
    margin-bottom: 20px;
    padding: 0 3px;
}

.dashMove {
    cursor: move;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 20px;
    font-weight: bold;
    color: #444;
}

.dashSettings {
    right: 30px;
    font-size: 15px;
    top: 8px;
    position: absolute;
    color: #444;
    cursor: pointer;
}

.dashboardEmptyImg {
    margin: 50px;
}

@media screen and (max-width: 660px) {
    .dashboardEmptyImg {
        margin: 20px;
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 300px) {
    .dashboardEmptyImg {
        margin-left: 10px;
    }
}


.moveme {
    cursor: move;
}

.kleiner {
    font-size: 10px;
    text-align: right;
}

.groesser {
    font-size: 12px;
}

.gross {
    font-size: 20px;
}

.errormsg {
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    background-color: #AA0000;
    text-align: center;
}

.warnmsg {
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    background-color: #aa7400;
    text-align: center;
}

.infomsg {
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    background-color: #0082aa;
    text-align: center;
}

.naviicon {
    width: 18px;
    height: 18px;
    position: relative;
    top: 2px;
    float: left;
    border: 0px;
}

.silverKTS .ktsIn {
    text-align: center;
    margin-right: -5px;
}

.actionBox {
    background-color: #d3f3ff;
}

.content {
    /*border: 1px solid #ff0000;*/
    padding-left: 2px;
    float: left;
    vertical-align: top;
    position: absolute;
    top: 0px;
    left: 400px;
}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip1 {
    display: none;
    font-size: 12px;
    padding: 5px;
    width: 350px;
    color: #000;
}

.tooltip_templates {
    display: none !important;
}

/* geschwungener Pfeil und "nach oben" */
.backToTop.ButtonA {
    width: 81px;
    height: 62px;
    background-image: url('/Icons/backToTop.png');
    background-size: 81px 62px;
    background-repeat: no-repeat;
    position: fixed;
    left: 1070px;
    bottom: 15px;
    z-index: 100;
    cursor: pointer;
    display: none;

}

/* Kleine Box mit dem Pfeil hoch "Dach" */
.backToTop.ButtonB {
    content: "";
    width: 40px;
    height: 40px;
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 100;
    cursor: pointer;
    display: none;
    background: #bbb;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 9px 1px rgba(115, 112, 112, 0.75);
    -moz-box-shadow: 0px 0px 9px 1px rgba(115, 112, 112, 0.75);
    box-shadow: 0px 0px 9px 1px rgba(115, 112, 112, 0.75);
    border: 1px solid #888;
}

.backToTop.ButtonB:before {
    content: "\e606";
    font-family: 'icomoon';
    text-align: center;
    font-size: 23px;
    line-height: 40px;
    display: block;
    color: #505050;
}


/*************
   Buttons
**************/
button .spinnerMini {
    margin-right: 10px;
    display: none;
}

.button--loading .spinnerMini {
    display: inline-block;
}


/* Ergänzungen zu PureUI, die Farben kann man gerne auch noch ändern */
.pure-button {
    text-shadow: unset !important;
    color: black;
}

.button-success {
    background: #6EC76E;
    border: 1px solid #6EC76E;
    /* sonst wäre der outline-button 2px höher*/
}

.button-error {
    background: #F98A8A;
    border: 1px solid #F98A8A;
    /* sonst wäre der outline-button 2px höher*/
}

.button-warning {
    background: #F9BC8A;
    border: 1px solid #F9BC8A;
    /* sonst wäre der outline-button 2px höher*/
}

.button-secondary {
    background: #70b8b8;
    border: 1px solid #70b8b8;
    /* sonst wäre der outline-button 2px höher*/
}

.button-border {
    border: 1px solid #C7C7C7;
    ;
}

.button-outline {
    background: none !important;
    border: 1px solid grey !important;
    color: #2F2F2F !important;
}

.button-success.button-outline {
    background: none;
    color: #269026 !important;
    border: 1px solid #269026 !important;
}

.button-error.button-outline {
    background: none;
    color: #B94C4C !important;
    border: 1px solid #B94C4C !important;
}

.button-warning.button-outline {
    background: none;
    color: #B97D4C;
    border: 1px solid #B97D4C;
}

.button-secondary.button-outline {
    background: none;
    color: #328787;
    border: 1px solid #328787;
}

/*************
   Modals
**************/

.modal-body {
    min-height: 50px;
}

.bootstrap-dialog.type-default .modal-header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,ebebeb+100 */
    background: rgb(249, 249, 249);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(235, 235, 235, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0%, rgba(235, 235, 235, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ebebeb', GradientType=0);
    /* IE6-9 */

}

.modal-header button.close {
    background: none;
    border: none;
    position: absolute;
    right: 15px;
    color: #FFF;
}

.modal-header button.close span {
    font-size: 20px;
}

.modal-dialog .pure-button {
    margin-left: 5px;
    padding: 0.5em 1em;
    font-size: inherit;
    font-weight: normal;
    width: auto;
    height: auto;
}

.modal.type-default button.close {
    color: black;
}

.modal-buttons-confirm {
    min-width: 100px !important;
}

/* Neue Breite*/
.bootstrap-dialog.responsive.large .modal-dialog {
    width: 85%;
    max-width: 1400px;
    margin: 30px auto
}

/* Neue Breite*/
.bootstrap-dialog.responsive.medium .modal-dialog {
    width: 95%;
    max-width: 600px;
    margin: 30px auto
}

/* Modal mit responsive-height*/
.bootstrap-dialog.responsive-height .modal-dialog {
    height: 90%;
}

.bootstrap-dialog.responsive-height .modal-body {
    height: calc(100% - 100px);
    padding: 0;
}

.bootstrap-dialog.responsive-height .modal-content,
.bootstrap-dialog.responsive-height .bootstrap-dialog-body,
.bootstrap-dialog.responsive-height .bootstrap-dialog-message {
    height: 100%;
}





/*************
   Kommentare
**************/
.comment {
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}

.comment_entries {
    overflow-y: auto;
    position: absolute;
    bottom: 40px;
    top: 0px;
    left: 0px;
    right: 0px;
    background: rgb(244, 244, 244);
}

.comment_entries_entry {
    border-top: 1px solid rgb(169, 169, 169);
    padding: 2px 0px 2px 5px;
    overflow: auto;
}

.comment_entries_entry_date {
    float: right;
    color: #777;
    margin-right: 10px;
}

.comment_entries_entry_name,
.comment_entries_entry_text {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 16px;
}
.comment_entries_entry_text{
    white-space: pre-line;
}

.comment_entries_entry_anhaenge {
    width: 140px;
    height: 20px;
    background: #DDD;
    color: #333;
    text-decoration: none;
    float: left;
    margin-right: 8px;
    margin-top: 2px;
    margin-bottom: 1px;
    padding: 0 3px;
    border-radius: 3px;
}

.comment_entries_entry_anhaenge img {
    height: 15px;
    float: left;
    padding-top: 2px;
}

.comment_entries_entry_anhaenge_text {
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px;
    margin-left: 20px;
}

.comment_textareaContainer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.comment_textareaContainer_icons {
    position: absolute;
    right: 17px;
    top: 0px;
    z-index: 1;
}

.comment_textareaContainer_icons_send {
    float: right;
    font-family: "icomoon";
    font-size: 24px;
    margin-top: -1px;
    cursor: pointer;
}

.comment_textareaContainer_icons_file {
    float: right;
    font-family: "icomoon";
    font-size: 18px;
    margin-right: 4px;
    margin-top: 2px;
    cursor: pointer;
}

/* Anhang */
.comment_textareaContainer_icons_file:before {
    content: "\e608";
    display: inline-block;
    transform: rotate(30deg);
}

/* Senden */
.comment_textareaContainer_icons_send:before {
    content: "\e62c";
}

.comment_textareaContainer_textarea {
    padding: 4px !important;
    width: 100%;
    padding-right: 64px !important;
    max-height: 80px;
    height: 29px;
    resize: none;
    font-family: "Lato", Calibri, Arial, sans-serif;
    font-size: 16px;
    box-sizing: border-box;
}

.ui-datepicker-header {
    color: #000000;
    font-weight: bold;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    text-shadow: 1px -1px 0px #000;
    filter: dropshadow(color=#000, offx=1, offy=-1);
    line-height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}


/*****************************************************************************************
******************************************************************************************
    Neues Seiten Layout
*************************/
.site {
    margin-bottom: 40px;
    min-height: 400px;
}

.footer {
    padding: 5px 0;
    text-align: center;
}

.content_wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 1%;
}


.content_header {
    margin-top: 1%;
    margin-bottom: 15px;
    font-size: 28px;
    color: #000;
}

.content_subheader {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: bold;
}

.content_zurueckButton {
    position: relative;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 2px;
    border: 1px solid #BBB;
    background: #dddddd;
    font-size: 11px;
}

.content_zurueckButton a {
    color: #2f2f2f;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.ui-contextmenu {
    max-width: 100%;
}

.ui-menu .ui-menu-item {
    padding: 10px 14px 8px 22px;
}


/*===========================
	fileExplorer
===========================*/
/* .fileExplorer {
    overflow: auto;
    padding: 0.1rem;
}

.fileExplorer .file {
    width: 6rem;
    height: 8rem;
    text-align: center;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fileExplorer .file .top-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fileExplorer .file img {
    height: 48px;
    margin-bottom: 0.25rem;
}

.fileExplorer .file .name {
    display: block;
    word-wrap: break-word;
    margin-bottom: 0.25rem;
    max-height: 60px;
    overflow: hidden;
} */

.fileExplorer .mosaic-cell {
    align-self: stretch !important;
}

.fileExplorer .mosaic-cell>div {
    height: 100%;
}

.fileExplorer .file-details {
    flex: 1;
}

.fileExplorer .file-icon {
    height: 2rem;
    width: auto;
}

.fileExplorer a.target {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}


.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}




/*===========================
	Ladekringel
===========================*/
.spinner {
    position: relative;
    border: 2px solid transparent;
    border-top: 2px solid #498a14;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-animation: spinner-rotation 2s linear infinite;
    animation: spinner-rotation 2s linear infinite;
}

.spinner:before {
    content: ' ';
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    border: 2px solid transparent;
    border-top: 2px solid #253796;
    border-radius: 50%;
    -webkit-animation: spinner-rotation 3s linear infinite;
    animation: spinner-rotation 3s linear infinite;
}

.spinner:after {
    content: ' ';
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 2px solid transparent;
    border-top: 2px solid #d64514;
    border-radius: 50%;
    -webkit-animation: spinner-rotation 1.5s linear infinite;
    animation: spinner-rotation 1.5s linear infinite;
}

@keyframes spinner-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner--klein {
    width: 40px;
    height: 40px;
    border-width: 2px;
}

.spinner--klein:before {
    border-width: 2px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
}

.spinner--klein:after {
    border-width: 2px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
}

.spinnerMini {
    display: inline-block;
    width: 14px;
    height: 14px;
}

.spinnerMini:before {
    content: " ";
    display: block;
    width: 12px;
    height: 12px;
    margin: 1px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    border-color: black transparent black transparent;
    animation: spinner-rotation 1.2s linear infinite;
}

.dataTables_length label,
.dataTables_length select,
.dataTables_filter label,
.dataTables_filter input {
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial;
}

.dataTables_wrapper,
.dataTables_wrapper,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    font-size: 13px;
}

.dataTable th {
    font-size: 13px !important;
}

.dataTables_length select,
.dataTables_filter input {
    padding: 0.5em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 2px;
    vertical-align: middle;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {
    padding-left: 35px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 50%;
    height: 18px;
    width: 18px;
    line-height: 18px;
    margin-top: -12px;
}

.dataTable .pure-button {
    border-radius: 2px;
    font-size: 13px;
}

.dataTable .pure-button .fa {
    font-size: 16px;
}

.dataTable th.editorColumn .fa,
.dataTable .aktion_EDITOR .fa,
#users_wrapper .addButtonWrapper .fa {
    font-size: 26px;
}

#changelogWrapper {
    padding-top: 10px;
}

#changelogWrapper th {
    display: none;
}

.rrBox {
    border-radius: 3px;
}

.rrBox__head {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: grey;
    padding: 7px 15px;
}

.rrBox__content {
    border-style: solid;
    border-color: grey;
    border-width: 0 1px 1px 1px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 20px;
}

#btnDropdown {
    display: none;
    position: absolute;
    top: 26px;
    left: 10px;
    margin: 0;
    padding: 0;
    background-color: #6CC36C;
    list-style: none;
    max-width: 88%;
    border-radius: 2px;
    border: 1px solid #459445;
    box-shadow: 0 1px 6px #9E9E9E;
}

#btnDropdown li {
    position: relative;
    padding: 7px 10px;
    white-space: normal;
}

#btnDropdown li:first-child {
    border-bottom: 1px solid #5BAD5B;
}

#btnDropdown li:hover,
#btnDropdown li:active {
    background-color: #5BAD5B;
    border-radius: 3px;
}

#btnDropdown li a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ui-fancytree.fancytree-container {
    border: none !important;
    outline: none !important;
}

ul.ui-fancytree.fancytree-container {
    white-space: normal;
}

span.fancytree-node {
    display: flex;
}

/*Bugfix: Im Player von video.js wird sonst der Quality-Button nicht angezeigt */
.vjs-resolution-button .vjs-control-text {
    height: auto !important;
    width: auto !important;
    position: static !important;
}



/* Color for the datatable legend - support for themes */
:root {
    --custom-legend-bg-color: #eeeeef;
}

[data-theme="dark"] {
    --custom-legend-bg-color: #494949;
}