/* --------------filemanager -------------------- */
.fm_filemanager_body {
    border: 0px orange solid;
    margin: 0;
    padding: 1em;
}

.fm_filemanager {
    font-weight: normal;
    border: 0px orange dashed;
    overflow: auto;
    position: absolute;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    font-size: 10pt;
    font-family: arial,sans-serif;
    font-style: normal;
    font-weight: normal;
}

.fm_filemanager_head {
    border: 0px #ff4444 dashed;
    position: absolute;
    top: 1%;
    left: 28%;
    right: 1%;
    height: 191px;
    overflow: auto;
    box-sizing: border-box;
    padding: 0em;
}

.fm_filemanager_kopf_wrapper {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    border: 0px blue dashed;
    box-sizing: border-box;
}

.fm_filemanager_kopf {
    border: 0px #ff0707 dashed;
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    overflow: auto;
    overflow: auto;
    box-sizing: border-box;
}

.fm_download_rekursiv_ordner {
    background-color: #fff;
    border: 0px #FF5722 dotted;
    margin: 0px;
    margin-top: 1em;
}

.fm_download_rekursiv_ordner ul {
    margin-left: 1.4em;
    padding-left: 0;
}

.fm_download_rekursiv_ordner li {
    list-style: none;
}

.fm_download_rekursiv_ordner li li {
    list-style-type: inherit;
}

.fm_filemanager_benutzerrechte {
    display: none;
}

.fm_filemanager_benutzerrechte_zeile {
    border: 0px white solid;
    margin: 0.3em 0.5em;
    text-align: left;
    padding: 0;
    border-radius: 0.3em;
    vertical-align: middle;
    font-weight: bold;
    display: none;
}

.fm_filemanager_upload_status {
    background-color: #e0e0e0;
    margin: 0;
    color: #000000;
    border: 0px #c7c7c7 solid;
    padding: 0.32em;
    width: auto;
}

.xxxfilemanager_upload_file {
    border-top: 1px black solid;
    margin: 0.3em;
    margin-top: 0;
    padding: 0.3em;
}

.fm_filemanager_upload_sort {
    border: 3px brown solid;
    margin: 0.3em;
}

.fm_filemanager_sort_select {
    margin: 0.3em;
    float: right;
    width: auto;
    text-align: right;
    padding: 0.0em;
    font-size: 10pt;
}

.fm_filemanager_miniaturen_zeigen {
    border: 1px #adadad solid;
    background-color: white;
    margin: 0.3em;
    float: right;
    width: auto;
    margin: 0.3em;
    text-align: right;
    padding: 0.1em;
    border-radius: 0.3em;
}

.fm_filemanager_dir_zeile {
    border: 5px #ed6bef solid;
    overflow: auto;
    float: left;
    width: 100%;
    overflow: auto;
    vertical-align: middle;
    line-height: 5em;
    height: 5em;
    /* height: 3.7em; */
}

.fm_filemanager_button_datei_upload, .fm_filemanager_button_neuer_ordner, .fm_filemanager_dir_to_form, .fm_filemanager_dir_text, .fm_filemanager_dir_back, .fm_filemanager_dir_root {
    display: inline-block;
}

.fm_filemanager_dir_text {
    min-width: 36em;
    text-align: left;
    padding-left: 0em;
    padding-right: 0em;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 0.5em 0.2em;
    vertical-align: middle;
    border-radius: 0.2em;
}

.fm_filemanager_dir_back {
}

.fm_filemanager_dir_root {
    /* display: none; */
}

.fm_filemanager_button_neuer_ordner {
    /* display: none; */
}

/* --------------------- filemanager_table -------------------------- */
.fm_filemanager_list_left {
    /*font-size: 0.9em;*/
    /* width: 26.5%; */
    right: 72.5%;
    left: 10px;
    top: 1%;
    /* top: 147px; */
    bottom: 1%;
    overflow: auto;
    display: block;
    position: absolute;
    line-height: 1.2em;
    text-align: left;
    /* font-size: 10pt; */
}

.download_rekursiv_ordner ul {
    list-style: none;
    margin-left: 0em;
    padding-left: 1em;
}

.download_rekursiv_ordner ul ul {
    list-style: none;
    margin-left: 0em;
    padding-left: 1em;
    border-left: 1px #7dc0ff dashed;
}

.download_rekursiv_ordner ul li::before {
    content: '';
}

.fm_filemanager_list,.fm_filemanager_list_archiv {
    width: 71%;
    right: 1%;
    top: 17%;
    top: 200px;
    bottom: 23%;
    overflow: auto;
    display: block;
    position: absolute;
    /* font-size: 10pt; */
    line-height: 1.8em;
}
.fm_exif_data{
    width:100%;
    overflow:auto;
    border:1px gray solid;
    padding:0.3em;
    background-color:#fffff1;
}
.fm_exif_data::before{
    position:absolute;
    content:"exif-data";
    color:white;
    background-color:black

}

.fm_filemanager_list div {
    /* border:1px red dashed */
}

.fm_filemanager_list_full {
    bottom: 1%;
}

.fm_filemanager_list_archiv {
    background-color: #ffdddd;
    bottom: 1%;
    top: 78%;
}

.fm_filemanager_line {
    /* background-color: #f1f1f1; */
    border: 0px orange solid;
    overflow: auto;
    background-color: #e4e4e4;
    /* color: white; */
    overflow: auto;
    float: left;
    width: 100%;
    margin-bottom: 0.1em;
    padding: 0em 1em;
    /* line-height: 2em; */
    font-weight: bold;
    box-sizing: border-box;
}

.fm_symbol_schloss_high {
    color: #dc0000;
    opacity: 1;
}

.fm_symbol_schloss_low {
    color: #000000;
    opacity: 0.1;
}

.fm_symbol_schloss_gray {
    color: #9E9E9E;
    opacity: 0.5;
    font-size: 7pt;
}

.fm_symbol_directory {
    color: #797979;
    background-color: rgb(255, 222, 70);
    padding: 0.1em;
}

.fm_symbol_file {
    color: #757575;
    background-color: rgba(153, 218, 255, 0);
    padding: 0.1em;
}

.fm_symbol_link_secure {
    color: #e40000;
    opacity: 1;
    font-style: normal;
    background: white;
    border-radius: 0.3em;
}

.fm_filemanager_line_1,.fm_filemanager_line_2, .fm_filemanager_line_0 {
    padding: 0em 0em;
    overflow: auto;
    display: block;
    float: left;
    width: 100%;
    line-height: 2em;
    box-sizing: border-box;
    vertical-align: middle;
}

.fm_filemanager_line_1, .fm_filemanager_line_2 {
    /* border-top: 1px #f3f3f3 solid; */
    /* padding: 0.2em 0em; */
}

.fm_filemanager_line_0:hover {
    background-color: rgba(183, 216, 255, 0.35);
}

.fm_filemanager_line_2 {
    background-color: #f1f1f1;
}

.fm_filemanager_table_aufloesung, .fm_filemanager_table_filesize,.fm_filemanager_table_htaccess,.fm_filemanager_table_markieren, .fm_filemanager_table_vorschau, .fm_filemanager_table_typ, .fm_filemanager_table_push_to_form, .fm_filemanager_table_name, .fm_filemanager_table_datei_info, .fm_filemanager_table_options, .fm_filemanager_table_datum {
    margin: 0;
    margin-left: 0;
    width: auto;
    float: left;
    text-align: left;
    padding: 0em 0.0em;
    vertical-align: middle;
    /* margin-left: 0.5em; */
    overflow: auto;
    text-align: left;
    border: 0px #2196F3 solid;
    /* padding: 0.1em; */
    box-sizing: border-box;
    display: inline-block;
}

.fm_filemanager_table_htaccess {
    /* background-color: white; */
    width: 2em;
    text-align: center;
    /* box-sizing: border-box; */
}

.fm_filemanager_table_typ {
    width: 2em;
    /* color: #ffbf03; */
    /* background: red; */
    /* border: 1px black solid; */
    /* font-size: 12pt; */
    /* display: none; */
    text-align: center;
    box-sizing: border-box;
}
.fm_filemanager_table_vorschau audio{
    width: 100%;
    color: black;
    background: #cccccc;
    padding: 0.3em;
    box-sizing: border-box;
}

.fm_filemanager_table_typ img {
    margin: 0em;
    line-height: 0;
    height: 1.0em;
}

.fm_filemanager_table_markieren {
    width: 2%;
    /* min-width: 2em; */
    /* border: 0px red solid; */
    text-align: center;
}

.fm_filemanager_table_vorschau {
    width: 13%;
}

.fm_filemanager_table_vorschau .fm_span_img {
    border: 0px red solid;
    /* float: left; */
}

.fm_filemanager_table_vorschau img {
    width: 100%;
    margin: auto;
    float: left;
    overflow: auto;
    margin-bottom: 0.1em;
}

.fm_filemanager_table_vorschau img:hover {
    cursor: pointer;
}

.fm_filemanager_table_push_to_form {
    width: 12%;
}

.fm_filemanager_link {
    color: #000000;
    cursor: pointer;
    display: inline-flex;
}

.fm_filemanager_link:hover {
    color: #03A9F4
}

.fm_filemanager_no_link {
    color: #dedede;
}

.fm_filemanager_table_name {
    width: 43%;
    /* min-width: 30em; */
    /* line-height: 1.7em; */
    /* border: 4px black solid; */
    /* box-sizing: border-box; */
}

.fm_filemanager_table_name span {
    cursor: pointer;
}

.fm_filemanager_table_name span:hover {
    color: #00a1ff;
}

.fm_filemanager_table_datum, .fm_filemanager_table_datei_info, .fm_filemanager_table_aufloesung, .fm_filemanager_table_filesize {
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    float: left;
    /* font-size: 9pt; */
    color: black;
    line-height: 1.2em;
}

.fm_filemanager_table_options {
    width: auto;
    float: right;
    overflow: auto;
    /* display: inline-block; */
    vertical-align: middle;
    /* min-width: 21em; */
    /* border: 2px green solid; */
    margin: 0 0em 0 0;
    width: 34%;
}

.fm_filemanager_table_options_sub {
    width: auto;
    margin-right: 1px;
    padding: 3px 0.2em;
    cursor: pointer;
    display: inline-block;
    /* border: 1px #bdbdbd solid; */
    /* background-color: white; */
    /* border-radius: 0.3em; */
    /* line-height: 1em; */
    /* font-size: 9pt; */
}

.fm_filemanager_table_options_sub:hover {
    /* color: #00a1ff; */
}

/* --------------------- filemanager_table ende -------------------------- */
.fm_fehler {
    color: red;
}

/*-----------------------------*/
.fm_schalter {
    display: inline-flex;
}

.fm_schalter:hover {
}

.fm_schalter_headline {
    overflow: auto;
    text-align: left;
}

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

.fm_schalter_select_auswahl_low {
    float: right;
    margin-left: 1em;
}

.fm_schalter_select_auswahl_high {
    float: right
}

.fm_schalter_select {
    border: 1px #9a9a9a solid;
    padding: 0.3em;
    background-color: #ffffff;
    color: #2196F3;
    border-radius: 0.3em;
    margin: 0.3em;
    overflow: auto;
    display: block;
    width: auto;
    clear: both;
    cursor: pointer;
}

.fm_schalter_select_float {
    display: inline-block;
    max-width: 13em;
    z-index: 1;
    position: absolute;
}

.fm_schalter_inner {
}

.fm_schalter_high {
}

.fm_schalter_low {
}

.fm_schalter_kasten {
    background-color: #ffffff;
    margin-right: 0.3em;
    text-align: center;
    width: 1.1em;
    line-height: 1em;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px #cccccc solid;
}

.fm_schalter_text {
    border: 1px rgba(181, 181, 181, 0) solid;
    margin-right: 0.2em;
    margin-left: 0.2em;
    display: inline;
    vertical-align: middle;
}

.fm_schalter_select_kasten {
    background-color: #ffffff;
    margin-right: 0em;
    text-align: center;
    width: 1.1em;
    line-height: 1em;
    display: inline-block;
    vertical-align: middle;
}

.fm_schalter_select_text {
    margin-right: 0.2em;
    margin-left: 0.2em;
    display: inline;
    border: 0px red solid;
    vertical-align: middle;
}

.fm_schalter_init_new_dir, .fm_schalter_init_new_dir_fm_mini {
}

.fm_schalter_init_upload, .fm_schalter_init_upload_fm_mini {
}

.fm_schalter_zeige_bilder, .fm_schalter_zeige_bilder_fm_mini {
}

.fm_schalter_zeige_archiv, .fm_schalter_zeige_archiv_fm_mini {
}

.fm_schalter_init_wasserzeichen_fm_mini, .fm_schalter_init_wasserzeichen, .fm_schalter_zeige_archiv {
}

.fm_schalter_sort {
    float: left;
}

.fm_schalter_upload_auto_resize {
}

.fm_schalter_einstellungen {
    padding: 1em;
    text-align: center;
    max-width: 34em;
    margin: auto;
}

.fm_schalter_init_wasserzeichen_fm_mini {
}

.fm_schalter_upload_auto_copyright, .fm_schalter_upload_auto_overwrite, .fm_schalter_upload_auto_resize {
    margin-bottom: 0.3em;
}

.fm_schalter_resize_qualitaet {
}

/* -------------------------- schalter input text --------- */
.fm_schalter_input_text_headline {
    color: black;
    overflow: auto;
    font-weight: normal;
    line-height: 1.4em;
    margin-bottom: 0.2em;
}

.fm_schalter_input_text_inner {
    padding: 0.3em;
    border: 1px #bdbdbd solid;
    background: aliceblue;
    overflow: auto;
    border-radius: 0.3em;
    cursor: auto;
}

.fm_schalter_input_text_contenteditable {
    border: 1px #c3c3c3 solid;
    background-color: #ffffff;
    display: block;
    padding: 0.1em 0.3em;
    line-height: 1.3em;
}

.fm_schalter_input_text_button_box {
    border: 0px blue dashed;
    float: right;
}

.fm_turn_90_deg_right{
    cursor:pointer;
}

/*------------------- input ----------------------*/
.fm_input_outer, .fm_input_outer_rename, .fm_input_outer_new_dir {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    border: 0px red solid;
    background-color: rgba(148, 148, 148, 0.29);
    display: none;
    z-index: 10000;
}

.fm_input button, .fm_input input {
}
#fm_upload{margin-right:1em}

.fm_input_pfad {
    border: 1px #eaeaea solid;
    text-align: center;
    background-color: white;
    padding-top: 0em;
}

.fm_input_vertical_middle {
    width: 100%;
    height: 100%;
    display: inline-flex;
}

.fm_input {
    position: relative;
    max-height: 90%;
    border: 1px #a5a5a5 solid;
    margin: 0.3em;
    padding: 0.3em;
    background-color: #ffffff;
    color: black;
    width: 50%;
    min-width: 50em;
    width: 50%;
    margin: auto;
    padding: 1em;
    box-shadow: 0px 0px 16px #B1B1B1;
    -moz-box-shadow: 0px 0px 16px #B1B1B1;
    -webkit-box-shadow: 0px 0px 16px #B1B1B1;
    overflow: auto;
}

.fm_input_inner {
    border: 0px #ff6363 solid;
    background-color: #fff;
    overflow: auto;
    text-align: center;
    position: relative;
    padding: 1em;
}

.fm_input_content {
    width: 22em;
    text-align: left;
    cursor: text;
    float: left;
    margin-right: 0.3em;
    position: relative;
    font-size: inherit;
}

.fm_input_pre_text {
    display: block;
    background-color: #ffffff;
    font-weight: bold;
    margin-right: 0.3em;
    margin-bottom: 1em;
    text-align: left;
}

.fm_input_pre_hinweis {
    text-align: left;
    clear: left;
    border: 1px #ececec solid;
    margin-top: 1em;
    overflow: auto;
    float: left;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
}

.fm_input_button_not_found {
    background-color: #ffa9a9;
    padding: 0.2em;
    float: left;
    width: 3em;
    margin-left: 0.1em;
    text-align: center;
    cursor: text;
    line-height: 1em;
}

.fm_input_enter, .fm_input_cancel {
    background-color: #ddd;
    color: #000;
    cursor: pointer;
    text-align: left;
    margin-right: 0.3em;
    float: left;
}

.fm_input_result {
    color: red;
    clear: both;
    float: left;
    margin-top: 1em;
    text-align: left;
}

input[type="file" ] {
    border: 2px #9E9E9E dashed;
    height: 8em;
    width: 25em;
    padding:1em;
    border-radius:0.3em;
    margin-right:1em;
}

input[type="file" ]::after {
    content: "Drop files here !!!";
    position: relative;
    top: 0%;
    left: 0%;
    border: 0px blue solid;
    display: block;
    text-align: center;
    font-size: 2em;
    margin-top: 0.5em;
}


.fm_upload_msg {
    xposition: relative;
    border: 1px rgb(239,239,239) solid;
    overflow: auto;
}

.fm_preview_uploaded_file_info {
    max-height: 19em;
    border: 0px #bfbfbf solid;
    overflow: auto;
    position: relative;
    font-size: 10pt;
    line-height: 1em;
}

.fm_preview_uploaded_outer {
    text-align: left;
    background-color: #fbfbfb;
    border-bottom: 1px #d0d0d0 solid;
    line-height: 2.5em;
    float: left;
    width: 100%;
    vertical-align: middle;
    box-sizing: border-box;
}

.fm_preview_uploaded_haken {
    color: #4CAF50;
    margin-left: 0.3em;
    vertical-align: middle;
}

.fm_preview_uploaded_outer_error {
    text-align: left;
    background-color: #fbd5d5;
    line-height: 1.5em;
}

.fm_preview_uploaded_img_outer {
    width: 37%;
    height: 100%;
    background-color: #e6e6e6;
    vertical-align: middle;
    margin-right: 1em;
    float: left;
    text-align: left;
    height: 2.5em;
    line-height: 1.5em;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    padding: 0.3em 1em;
}

.fm_preview_uploaded_img {
    text-align: center;
    height: 100%;
}

/* ----------------------- */
.fm_symbol_ordner::before {
}

.fm_symbol_datei::after {
}

.fm_symbol_archiv_ordner::after {
    content: '';
    font-family: serif;
    color: red;
}

.fm_symbol_archiv_datei::after {
    content: '';
    font-family: serif;
    color: red;
}

/*-----------filemanager leftside---------------*/
.fm_leftside_ordnername {
    color: black;
    cursor: pointer;
}

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

.fm_leftside_ordnername_high {
    color: #03a9f4;
}

.fm_weitere {
    color: #03A9F4;
    margin-left: 0.6em;
    cursor: pointer;
}

.fm_weitere:before {
    content: '[';
}

.fm_weitere:after {
    content: '+]';
}

.fm_weitere:hover {
    color: #C2185B;
}

.fm_user_pfad_parts {
    background-color: #ffffff;
    color: #000000;
    border-radius: 0.3em;
    padding: 0.0em;
    box-sizing: border-box;
}

.fm_user_pfad_parts_active {
    background-color: #ffffff;
    color: #000000;
    border-radius: 0.3em;
    padding: 0.0em;
    box-sizing: border-box;
    padding: 0.3em;
    border: 2px gray solid;
    cursor: pointer;
    line-height: 1.4em;
    margin: 0em 0.3em;
}

.fm_user_pfad_parts_active:hover {
    color: #03a9f4
}

.fm_ul_visible {
    display: block;
}

.fm_ul_hidden {
    display: none;
}

/*-----------------diashow--------------------------*/
.fm_show_image_outer {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    border: 0px #a84fcc solid;
    background-color: #ffffff;
    display: none;
    z-index: 1100;
}

.fm_show_image {
}

.fm_show_image_msg {
    border: 1px red solid;
}

.fm_show_image_button_last_pic {
    position: fixed;
    left: 0em;
    top: 50%;
    width: 1em;
    max-width: 1em;
    margin-top: -0.75em;
    vertical-align: baseline;
    text-align: center;
    font-size: 40pt;
    line-height: 1.5em;
    z-index: 2001;
    border: 0px red solid;
    font-style: normal;
    cursor: pointer;
}

.fm_show_image_button_next_pic {
    position: fixed;
    right: 0em;
    top: 50%;
    width: 1em;
    max-width: 1em;
    margin-top: -0.75em;
    vertical-align: baseline;
    text-align: center;
    font-size: 40pt;
    line-height: 1.5em;
    z-index: 2001;
    border: 0px red solid;
    font-style: normal;
    cursor: pointer;
}

.fm_show_image_button_close {
    position: fixed;
    right: 0em;
    top: 0em;
    width: 1em;
    max-width: 1.5em;
    height: 1em;
    text-align: center;
    font-size: 40pt;
    line-height: 1em;
    z-index: 2001;
    border: 0px #000000 solid;
    font-style: normal;
    cursor: pointer;
}

.fm_show_image_button_close_on_pic {
    position: absolute;
    right: 0vw;
    top: 0;
    width: 1em;
    max-width: 1.5em;
    height: 1em;
    text-align: center;
    font-size: 25pt;
    line-height: 1em;
    z-index: 2001;
    border: 0px #000000 solid;
    font-style: normal;
    cursor: pointer;
}

.fm_show_image_button {
    text-shadow: 0px 0px 4px rgb(84, 76, 76);
    -moz-text-shadow: 0px 0px 4px rgb(84, 76, 76);
    -webkit-text-shadow: 0px 0px 4px rgb(84, 76, 76);
    color: #ffffff;
    vertical-align: middle;
    display: block;
}

.fm_show_image_button_last_pic:hover, .fm_show_image_button_next_pic:hover, .fm_show_image_button_close:hover {
    color: rgba(126, 186, 255, 0.71);
}

.fm_show_image_content {
}

.fm_show_image_einzelbild {
    text-align: center;
    margin: auto;
    overflow: auto;
    width: 100%;
    vertical-align: top;
    border: 0px red solid;
}

.fm_show_image_einzelbild_headline {
    bottom: 10vh;
    left: 0;
    border: 0px blue dotted;
    width: 100%;
    display: block;
    overflow: auto;
    font-size: 12pt;
    line-height: 1.5em;
    text-align: center;
}

.fm_show_image_div {
    position: fixed;
    left: 50%;
    top: 48%;
    border: 0px #636363 solid;
    z-index: 2000;
    box-shadow: 0px 0px 15px #A09E9E;
    -moz-box-shadow: 0px 0px 15px #A09E9E;
    -webkit-box-shadow: 0px 0px 15px #A09E9E;
    cursor: pointer;
}

.fm_show_image_img {
    width: 100%;
    border: 2px #ffbc00 solid;
}

/*--------------------------------*/
.fm_show_image_bildleiste_outer {
    position: fixed;
    left: 0;
    right: 0;
    top: 90%;
    bottom: 0%;
    background-color: gray;
    text-align: center;
}

.fm_show_image_bildleiste_inner {
    position: relative;
    display: inline-block;
    width: auto;
    height: 100%;
    width: auto;
    overflow: auto;
    margin: auto;
    background-color: #e0a5a5;
}

.fm_show_image_bildleiste_div {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    margin: 0;
    top: 0%;
    border: 0px #636363 solid;
    box-shadow: 0px 0px 15px #A09E9E;
    -moz-box-shadow: 0px 0px 15px #A09E9E;
    -webkit-box-shadow: 0px 0px 15px #A09E9E;
}

.fm_vorschau_loesche_ordner {
    color: #033e81;
    margin-left: 2em;
    background-color: rgba(122, 216, 251, 0.06);
    line-height: 1.4em
}

.fm_vorschau_loesche_datei {
    color: #8ac9ff;
}

.fm_vorschau_loesche_headline {
    margin-left: 0em;
}

.fm_last_done_file_id {
    background-color: rgba(0, 201, 255, 0.21);
    float: left;
    width: 100%;
}

/*------------------------*/
.fm_sort_button_markieren {
    width: 1em;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    display: inline;
    box-sizing: border-box;
    text-align: center;
}

.fm_sort_button_markieren_high {
    background-color: #ffffff;
    color: #02e400;
}

.fm_file_to_be_moved {
    background-color: #e2ffdb;
    border-left: 0px red solid;
}

.fm_sort_dat_move_to {
    overflow: auto;
    background: #fbfbfb;
    border-top: 1px #f1f1f1 solid;
    color: transparent;
    display: block;
    line-height: 1.4em;
    font-size: 4pt;
    float: left;
    width: 100%;
}

.fm_sort_dat_move_to:hover {
    background-color: #9fff9c;
    cursor: copy;
    color: transparent;
}

/*----------------------------------*/
.fm_input_fm_mini_outer {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.77);
    display: none;
    z-index: 100;
    box-sizing: border-box;
}

.fm_input_fm_mini_vertical_middle {
    width: 100%;
    height: 100%;
    display: inline-flex;
}

.fm_input_fm_mini {
    position: relative;
    background-color: #ffffff;
    width: 98%;
    height: 98%;
    margin: auto;
    box-shadow: 0px 0px 16px #B1B1B1;
    -moz-box-shadow: 0px 0px 16px #B1B1B1;
    -webkit-box-shadow: 0px 0px 16px #B1B1B1;
    font-family: 'arial',sans-serif;
    font-size: 11pt;
}

.fm_input_fm_mini_inner {
    border: 1px #bbbbbb solid;
    overflow: auto;
    text-align: left;
    position: relative;
    padding: 0em;
    height: 100%;
    top: 0%;
    font-size: 10pt;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.fm_input_fm_mini_content {
    position: relative;
    width: 22em;
    height: 100%;
    background-color: #bd5a8f;
    text-align: left;
    cursor: text;
    float: left;
    margin-right: 0.3em;
}

.fm_mini_all {
    border: 0px green dotted;
    overflow: auto;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 28px;
    bottom: 0%;
    background-color: #f5f5f5;
    box-sizing: border-box;
}

.fm_mini_task {
    height: auto;
    padding: 0.5em;
    border-bottom: 0px #eaeaea solid;
    background-color: #ffffff;
    text-align: center;
    font-size: 11pt;
}

.fm_mini_fm_filemanager_list_left {
    background-color: rgb(255, 255, 255);
    width: 26.5%;
    left: 1%;
    top: 1%;
    bottom: 1%;
    overflow: auto;
    display: block;
    position: absolute;
    line-height: 1.2em;
    text-align: left;
}

.fm_mini_fm_filemanager_list {
    background-color: rgb(255, 255, 255);
    left: 28%;
    right: 1%;
    top: 200px;
    overflow: auto;
    display: block;
    position: absolute;
    bottom: 1%;
}

.fm_mini_fm_filemanager_table_vorschau {
    width: 15%;
    border: 0px green dotted;
    overflow: auto;
    float: left;
}

.fm_mini_fm_filemanager_table_vorschau .fm_span_img {
    border: 0px red solid;
    float: left;
}

.fm_mini_fm_filemanager_table_vorschau img {
    width: 100%;
    margin: auto;
    float: left;
    overflow: auto;
}

.fm_mini_fm_filemanager_table_vorschau img:hover {
    cursor: pointer;
}

.fm_mini_fm_filemanager_table_markieren {
    width: 2%;
    min-width: 3em;
    border: 0px red solid;
    float: left;
}

.fm_mini_fm_filemanager_table_name {
    width: 19%;
    min-width: 9em;
    margin-left: 1%;
    border: 1px orange dotted;
    float: left;
    text-align: left;
}

.fm_mini_fm_filemanager_table_button {
    width: 8%;
    min-width: 5em;
    min-height: 1em;
    margin-right: 0%;
    border: 0px orange dotted;
    float: left;
    text-align: center;
    box-sizing: border-box;
    overflow: auto;
    display: block;
    position: relative;
}

.fm_better_filename {
    border: 0px red solid;
    color: #99b8d4;
    font-size: 0.8em;
}

.fm_mini_fm_filemanager_table_name span {
    cursor: pointer;
}

.fm_mini_fm_filemanager_table_name span:hover {
    color: #00a1ff;
}

.fm_mini_fm_filemanager_table_datei_info {
    width: 15%;
    min-width: 14em;
    text-align: left;
}

.xfm_mini_head {
    overflow: auto;
    position: absolute;
    width: 98%;
    top: 40px;
    left: 1%;
    height: auto;
    border: 0px #86cca3 solid;
}

.fm_mini_content_headline {
    border: 0px orange solid;
    text-align: left;
    font-weight: bold;
    padding: 0.3em;
}

.fm_mini_fm_filemanager_line_1, .fm_mini_fm_filemanager_line_2 {
    padding: 0.3em 0em;
    display: block;
    float: left;
    width: 100%;
    overflow: auto;
    border-top: 1px #e6e6e6 solid;
}

.fm_mini_fm_filemanager_line_1 {
}

.fm_mini_fm_filemanager_line_2 {
}

.fm_mini_fm_filemanager_line_0 {
}

.fm_mini_fm_filemanager_line_0:hover {
    background-color: #f5f5f575;
}

.fm_mini_fm_last_done_file_id {
    background-color: rgba(0, 152, 255, 0.21);
    float: left;
    width: 100%;
}

.fm_mini_filemanager_dir_text {
    text-align: left;
    background-color: #ffffff;
    color: #00a1ff;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.10em;
    vertical-align: middle;
    display: inline-flex;
    float: left;
}

.fm_mini_bottom {
    border: 10px #00ff21 solid;
    overflow: auto;
    float: right;
    text-align: right;
}

/* ------------------------------- */
.fm_filemanager_buttons_0 {
    position: absolute;
    border: 1px #e6e6e6 solid;
    right: 0%;
    left: 0%;
    top: 0%;
    height: 43%;
    background: #ffffff;
}

.fm_filemanager_buttons_1 {
    position: absolute;
    right: 0%;
    left: 0%;
    top: 43%;
    height: 30%;
    border: 0px green solid;
    text-align: left;
}

.fm_filemanager_buttons_2 {
    position: absolute;
    border: 0px #f40303 solid;
    right: 0%;
    width: 100%;
    top: 73%;
    height: 26%;
    text-align: right;
    background: whitesmoke;
    box-sizing: border-box;
    width: 100%;
}

.fm_filemanager_buttons_3 {
    border: 3px #bbbbbb solid;
    float: right;
    overflow: auto;
    min-width: 3em;
}

.fm_filemanager_buttons_0, .fm_filemanager_buttons_1, .fm_filemanager_buttons_2, .fm_filemanager_buttons_3 {
    vertical-align: middle;
    overflow: auto;
    box-sizing: border-box;
    padding: 0.3em 0em;
    line-height: 1em;
}

/*--------------- fm mini -----------*/
.fm_mini_filemanager_buttons_0 {
    position: absolute;
    border: 1px #E0E0E0 solid;
    right: 0%;
    left: 0%;
    top: 0%;
    height: 50%;
    /* border: 1px #d8d8d8 solid; */
    background: #ffffff;
}

.fm_mini_filemanager_buttons_1 {
    position: absolute;
    right: 36%;
    left: 0%;
    top: 69%;
    height: 24%;
    text-align: left;
}

.fm_mini_filemanager_buttons_2 {
    position: absolute;
    border: 0px #f40303 solid;
    right: 0%;
    left: 65%;
    top: 68%;
    height: 21%;
    text-align: right;
    box-sizing: border-box;
}

.fm_mini_filemanager_buttons_3 {
    position: absolute;
    right: 36%;
    left: 0%;
    top: 51%;
    height: 22%;
}

.fm_mini_filemanager_buttons_0, .fm_mini_filemanager_buttons_1, .fm_mini_filemanager_buttons_2, .fm_mini_filemanager_buttons_3 {
    vertical-align: middle;
    overflow: auto;
    box-sizing: border-box;
    padding: 0.2em 0;
}

/*-----------------------------------*/
.fm_mini_input_enter, .fm_mini_input_cancel, {
    display: inline-flex;
    vertical-align: middle;
    overflow: auto;
    margin: 0em;
    cursor: pointer;
    color: black;
    border: 1px #bdbdbd solid;
    background-color: #d5f1ff;
    border-radius: 0.3em;
    line-height: 1.1em;
    float: right;
    padding: 3px 6px;
}

.fm_mini_hauptbild_button_unvisible {
    display: none;
}

.fm_mini_input_enter_title {
    display: inline-flex;
    vertical-align: middle;
    border: 1px red solid;
}

.fm_button_select {
    width: 1em;
    margin: 0;
    margin-right: 0.5em;
    padding: 0;
    text-align: center;
    background-color: #fff;
    border-radius: 0.3em;
    border: 1px #ddd solid;
    cursor: pointer;
    vertical-align: middle;
}

.fm_mini_spalte_hidden_files {
    border: 0px orange dotted;
    width: 5%;
    margin-left: 0.1em;
    display: inline-block;
    text-align: left;
    line-height: 1.8em;
}

.fm_mini_button_hidden_files {
    text-align: center;
    background-color: #fff;
    border: 1px #ddd solid;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 8pt;
}

.fm_not_hidden_files {
    color: green;
}

.fm_hidden_files {
    color: red;
}

.fm_hidden_files_gray {
    opacity: 0.3;
    cursor: auto;
}

.fm_mini_spalte_select {
    border: 0px orange dotted;
    width: 3%;
    min-width: 1em;
    margin-left: 1%;
    float: left;
    text-align: left;
}

.fm_mini_button_select {
    width: 1em;
    margin: 0;
    margin-right: 0.5em;
    padding: 0;
    text-align: left;
    background-color: #fff;
    border-radius: 0.3em;
    border: 1px #ddd solid;
    cursor: pointer;
}

.fm_filemanager_list_left, .fm_filemanager_list, .fm_filemanager_list_archiv, .fm_mini_fm_filemanager_list, .fm_mini_fm_filemanager_list_left, .fm_filemanager_buttons_0 {
    border: 1px #cecece solid;
    /* border: 2px orange solid; */
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
}

/*test fm mini */
.fm_mini_fm_filemanager_list, .fm_mini_fm_filemanager_list_left, .fm_mini_filemanager_buttons_0, .fm_mini_filemanager_buttons_1, .fm_mini_filemanager_buttons_2, .fm_mini_filemanager_buttons_3 {
}

/*-------------------*/
.fm_dr_dateien {
    border: 1px red solid;
    overflow: auto;
}

.fm_dr_rekursiv_ordner {
    clear: left;
    overflow: auto;
    /* border: 1px #eaeaea solid; */
    line-height: 1.4em;
    font-size: 1em;
    /* background-color: rgb(255, 255, 255); */
    width: 100%;
    box-sizing: border-box;
}

.fm_dr_rekursiv_ordner img {
    vertical-align: middle;
    border: 0;
}

.fm_dr_rekursiv_ordner ul {
    list-style-type: none;
    padding: 0.3em 0.5em;
    margin: 0em 0em 0.5em 0em;
    background: rgba(228, 228, 228, 0.29);
    box-sizing: border-box;
    border-radius: 0.4em;
    /* border: 1px #dcdbdb solid; */
    /* font-size: 95%; */
    color: black;
}

.fm_dr_rekursiv_ordner ul li {
    margin-bottom: 0em;
    /* border: 1px red solid; */
}

.fm_dr_rekursiv_ordner ul li span {
    color: #000000;
}

.fm_dr_headline {
    font-weight: bold;
}

.fm_dr_ordnername, .fm_dr_nix {
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 1px;
    line-height: 1.4em;
    vertical-align: middle;
}

.fm_dr_nix li {
    font-weight: normal;
}

.fm_dr_dateiname {
}

.fm_dr_next_level {
}

.fm_dr_ordnername::before {
    content: "";
}

.fm_dr_nix::before {
    content: "";
}

.fm_dr_dateiname:before {
    content: "";
}

/*-------------------*/
.fm_input_wasserzeichen_headline {
    text-align: center;
    font-weight: bold;
}

.fm_input_wasserzeichen_headline img {
    text-align: center;
    margin-top: 1em;
}

.fm_wasserzeichen_msg {
    text-align: center;
}

.fm_wasserzeichen_vorschau {
    width: 10em;
    margin-right: 1px;
    margin-bottom: 1px;
}

.ajax_busy_signal {
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    display: none;
    padding: 0;
    margin: 0;
    line-height: 0;
    cursor: wait;
    z-index: 100001;
    border: 0px #3900ff dashed;
    background: rgba(3, 169, 244, 0);
}

.ajax_busy_vertical_middle {
    position: relative;
    width: 100%;
    top: 0;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    display: block;
    border: 0px red dashed;
    left: 0%;
    right: 0;
    bottom: 0;
}

.ajax_loader {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 0;
    padding: 0;
    margin: 0;
    height: 10px;
}

.ajax_busy_vertical_middle img {
    position: relative;
    width: 100%;
    height: 5px;
    padding: 0;
    overflow: hidden;
    border: 0px blue solid;
    top: 0px;
}

.ajax_busy_signal_inner {
    position: relative;
    margin: auto;
    overflow: hidden;
    border: 0;
}

.ajax_busy_signal_message {
    margin: 0.5em;
    font-size: 11pt;
    line-height: 0;
    padding: 0;
    text-align: center;
    color: #795548;
    width: 100%;
    border: 3px green dotted;
}

.fm_window_title_outer {
    font-size: 12pt;
    line-height: 29px;
    background-color: #03A9F4;
    color: #ffffff;
    overflow: auto;
    padding: 0 1em;
    cursor: pointer;
    font-family: arial,sans-serif;
    letter-spacing: 0.05em;
}

.fm_window_title {
    border: 0px red solid;
    cursor: pointer;
    color: white;
    float: right;
    font-size: 1.5em;
    overflow: visible;
}

.fm_window_title_span1 {
    color: #03A9F4;
    margin-left: 1em;
    background-color: rgb(255, 255, 255);
    border-radius: 0.3em;
    padding: 0.1em 0.5em;
    font-size: 11pt;
}

.fm_window_title_span2 {
    color: #ffffff;
    margin-left: 1em;
}

.fm_top_secret {
    color: #9C27B0;
    display: inline-block;
    width: 45%;
    border-bottom: 1px #e0e0e0 dotted;
    font-size: 9pt;
}

/* ----------------------------------------------------------------------- */
@media screen and (max-width: 600px) {
    .fm_show_image_einzelbild_headline {
        font-size:10pt;
    }
}