/***************
Variables
***************/

:root {
    --column: 6.166666%;
    --columnspace: 2%;
    --font1: 1em;
    --font2: 1.25em;
    --font3: 2.25em;
    --font4: 12px;
    --red: #c10000;
    --yellow: #ffcc00;
    --green: #15c761;
    --grey1: #e6e6e6;
    --grey2: #cdcdcd;
    --grey3: #a7a7a7;
    --white: #ffffff;
    --black: #000000;
    --space1: 16px;
    --space2: 20px;
    --space3: 30px;
    --space4: 25px;
    --space5: 8px;
}


/***************
Icons
***************/

.select2-container .select2-results__option.optInvisible {
    display: none;
}

.kdm_tool_icon_rounded {
    width: 18px;
    height: 18px;
    vertical-align: top;
}

.kdm_tool_icon_cornered {
    width: 16px;
    height: 16px;
    vertical-align: top;
    cursor: pointer;
}


/***************
KDM-Tool
***************/

button {
    outline: none;
}

.kdm_tool_show {
    display: block !important;
}

.openObject {
    background-color: var(--grey2) !important;
    padding-bottom: 0px !important;
}

.kdm_tool_list:nth-child(even) {
    background-color: rgba(230, 230, 230, 0.4);
}

.kdm_tool_small_font {
    font-size: 0.8em;
}

.kdm_tool_error_message {
    padding: var(--space5);
    color: var(--white);
    background-color: var(--red);
    display: none;
}


/***************
Success Messages
***************/

.kdm_tool_success {
    padding: 20px;
    background-color: rgba(50, 205, 50, 0.8);
}

.kdm_tool_error {
    padding: 20px;
    background-color: rgba(243, 14, 14, 0.8);
    color: white;
}


/***************
Search
***************/

.kdm_tool_search {
    width: 100%;
    height: 35px;
    margin-top: 25px;
}

form.kdm_tool_search_form {
    display: flex;
    justify-content: space-around;
}

.kdm_tool_search_field {
    width: calc((9 * var(--column)) + (9 * var(--columnspace)));
    height: 35px;
    font-size: var(--font1);
    border: 1px solid var(--grey1);
    padding: 0px 0px 0px 10px;
    vertical-align: top;
    margin-left: var(--columnspace);
    float: left;
}

.filled_out {
    width: calc((7 * var(--column)) + (8 * var(--columnspace))) !important;
    border-right: none !important;
}

.kdm_tool_empty_search {
    width: calc((2 * var(--column)) + (1 * var(--columnspace)));
    vertical-align: top;
    background-color: white;
    height: 35px;
    border: 1px solid var(--grey1);
    border-left: none;
}

.kdm_tool_search_submit {
    width: calc((3 * var(--column)) + (2 * var(--columnspace)));
    height: 35px;
    background-color: var(--red);
    color: transparent;
    border: none;
    margin-right: var(--columnspace);
}

.search_statistic_form .kdm_tool_search_submit {
    margin-left: var(--columnspace);
}

.kdm_tool_search_icon_wrapper {
    width: 100%;
    text-align: center;
}

.kdm_tool_search_icon {
    width: 18px;
    height: 18px;
}

.kdm_tool_search_text_wrapper {
    display: none;
}


/***************
New Entry Froms
***************/

.kdm_tool_new_link,
.kdm_tool_missing_cinema {
    width: calc((12 * var(--column)) + (11 * var(--columnspace)));
    margin: 35px var(--columnspace) 0px;
}

.kdm_tool_missing_cinema {
    text-align: right;
}

.kdm_tool_button.add,
.kdm_tool_button.add_regisseur,
.kdm_tool_button.remove_regisseur,
.kdm_tool_button.add_regisseur_edit,
.kdm_tool_button.remove_regisseur_edit,
.kdm_tool_button.add_usergroup,
.kdm_tool_button.remove_usergroup,
.kdm_tool_button.add_usergroup_edit,
.kdm_tool_button.remove_usergroup_edit,
.kdm_tool_button.add_cpl,
.kdm_tool_button.remove_cpl,
.kdm_tool_button.add_cinema,
.kdm_tool_button.remove_cinema,
.kdm_tool_button.add_email,
.kdm_tool_button.remove_email,
.kdm_tool_button.add_fileupload,
.kdm_tool_button.remove_fileupload {
    color: var(--black);
    font-size: var(--font1);
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    float: left;
}

.missing_cinema,
.add_new_cinema,
.add_new_movie,
.add_new_regisseur {
    float: none !important;
}

.kdm_tool_new_wrapper,
.kdm_tool_missing_wrapper {
    display: none;
    background-color: var(--grey1);
}

.kdm_tool_close_icon {
    width: calc((12 * var(--column)) + (11 * var(--columnspace)));
    margin: var(--space2) var(--columnspace) 0px var(--columnspace);
    text-align: right;
    float: left;
}

.kdm_tool_missing_cinema_message {
    text-align: center;
    padding-bottom: var(--space1);
}

.kdm_tool_missing_cinema_message a {
    color: var(--black);
}


/***************
Form Fields
***************/

.kdm_tool_form_group {
    margin-top: var(--space1);
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.kdm_tool_form_group .kdm_tool_form_label {
    width: calc((3 * var(--column)) + (2 * var(--columnspace)));
    height: 35px;
    margin-left: var(--columnspace);
    margin-bottom: 0px;
    background-color: var(--grey3);
    font-size: var(--font1);
    padding: 0px 0px 0px 10px;
    vertical-align: top;
    line-height: 35px;
    font-weight: 400;
}

.kdm_tool_form_input {
    width: calc((9 * var(--column)) + (9 * var(--columnspace)));
    height: 35px;
    margin-right: var(--columnspace);
    padding: 0px 0px 0px 10px;
    font-size: var(--font1);
    border: none;
}

.kdm_tool_form_submit {
    width: calc((2 * var(--column)) + var(--columnspace));
    height: 35px;
    margin: 0px var(--columnspace) var(--space1) calc((10 * var(--column)) + (11 * var(--columnspace)));
    background-color: var(--red);
    color: white;
    border: 0px;
}

.kdm_tool_submit_icon {
    width: 18px;
    height: 18px;
}

.margin_over_label {
    margin-top: var(--space5);
    margin-left: calc((3 * var(--column)) + (3 * var(--columnspace)));
}

.add_regisseur {
    padding: 0px var(--columnspace) var(--space1) calc((1 * var(--column)) + (9 * var(--columnspace)));
}

.remove_regisseur {
    padding: var(--space1) var(--columnspace) var(--space1) calc((1 * var(--column)) + (9 * var(--columnspace)));
}

.add_regisseur_edit {
    padding: 0px var(--columnspace) var(--space1) calc((1 * var(--column)) + (9 * var(--columnspace)));
}

.remove_regisseur_edit {
    padding: var(--space1) var(--columnspace) var(--space1) calc((1 * var(--column)) + (9 * var(--columnspace)));
}

.kdm_tool_button.add_usergroup {
    padding: 0px var(--columnspace) var(--space1) calc((1 * var(--column)) + (9 * var(--columnspace)));
}

.kdm_tool_button.remove_usergroup {
    padding: var(--space1) var(--columnspace) var(--space1) calc((1 * var(--column)) + (9 * var(--columnspace)));
}

.kdm_tool_button.add_usergroup_edit {
    padding: 0px var(--columnspace) var(--space1) calc((1 * var(--column)) + (9 * var(--columnspace)));
}

.kdm_tool_button.remove_usergroup_edit {
    padding: var(--space1) var(--columnspace) var(--space1) calc((1 * var(--column)) + (9 * var(--columnspace)));
}

.kdm_tool_button.add_cpl {
    padding: 0px var(--columnspace) var(--space1) calc((1 * var(--column)) + (9 * var(--columnspace)));
}

.kdm_tool_button.remove_cpl {
    padding: var(--space1) var(--columnspace) var(--space1) calc((1 * var(--column)) + (9 * var(--columnspace)));
}

.add_cinema,
.add_email,
.add_fileupload,
.remove_cinema,
.remove_fileupload,
.remove_email {
    margin: 0px var(--columnspace) var(--space1) var(--columnspace);
}

.remove_cinema,
.remove_fileupload,
.remove_email {
    display: none;
}

.kdm_tool_order_ftp_delivery_wrapper {
    width: 100%;
}

label[id^=order_kdm_ftp_delivery_label] {
    width: auto;
    padding: 0 10px;
}

input[type="radio"],
input[type="checkbox"] {
    width: 35px;
    margin: 0 0 0 -5px !important;
    border: none;
    height: 35px;
    line-height: 35px;
}


/***************
Headers
***************/

.kdm_tool_header_wrapper {
    background-color: var(--grey1);
    font-size: 12px;
    margin-top: 20px;
    height: 25px;
}

.kdm_tool_header {
    height: 25px;
    border-left: none;
    border-right: 1px solid var(--white);
    border-top: none;
    border-bottom: none;
    text-align: left;
    padding: 0px;
}

.kdm_tool_header:last-child {
    border-right: none;
}

.kdm_tool_header_icon {
    width: 8px;
    height: auto;
    vertical-align: middle;
    text-align: right;
    margin-left: 2px;
}

.kdm_tool_cinema_sort_name,
.kdm_tool_regisseur_sort_name,
.kdm_tool_movie_sort_name {
    width: calc((12 * var(--column)) + (11 * var(--columnspace)));
    margin: 0px var(--columnspace);
    height: 25px;
    background-color: transparent;
    border-right: none;
}

.kdm_tool_cinema_sort_name {
    width: calc((8 * var(--column)) + (7 * var(--columnspace)));
    margin: 0px 0 0 var(--columnspace);
}

.kdm_tool_cinema_sort_place {
    display: none;
}

.kdm_tool_cinema_sort_country {
    display: none;
}

.kdm_tool_header.kdm_tool_cinema_sort_ftp {
    display: inline-block;
    width: calc((4 * var(--column)) + (3 * var(--columnspace)));
    margin: 0px 0px 0px var(--columnspace);
    height: 25px;
    background-color: transparent;
}

.kdm_tool_movie_sort_release_date {
    display: none;
}

.kdm_tool_movie_sort_regisseur {
    display: none;
}

.kdm_tool_kdm_order_sort_status,
.kdm_tool_ftp_delivery_sort_status {
    width: calc((2 * var(--column)) + (1 * var(--columnspace)));
    margin-left: var(--columnspace);
    background-color: transparent;
}

.kdm_tool_kdm_order_sort_date,
.kdm_tool_ftp_delivery_sort_date {
    width: calc((3 * var(--column)) + (2 * var(--columnspace)));
    margin-left: var(--columnspace);
    background-color: transparent;
}

.kdm_tool_kdm_order_sort_name,
.kdm_tool_ftp_delivery_sort_name {
    width: calc((7 * var(--column)) + (6 * var(--columnspace)));
    margin-left: var(--columnspace);
    background-color: transparent;
    border-right: none;
}

.kdm_tool_kdm_order_sort_release_date {
    display: none;
}

.kdm_tool_kdm_order_sort_regisseur {
    display: none;
}

.kdm_tool_user_sort_name {
    width: calc((12 * var(--column)) + (11 * var(--columnspace)));
    margin-left: var(--columnspace);
    background-color: transparent;
}

.kdm_tool_statistic_sort_name {
    width: calc((12 * var(--column)) + (11 * var(--columnspace)));
    height: 25px;
    margin-left: var(--columnspace);
    background-color: transparent;
    border-right: none;
}

.kdm_tool_statistic_sort_total {
    display: none;
}


/***************
Entry List
***************/

.kdm_tool_list {
    width: 100%;
    float: left;
    padding: var(--space5) 0px;
}

.kdm_tool_list_empty {
    width: 100%;
    float: left;
    padding: var(--space5) 0px var(--space5) calc(10px + var(--columnspace));
}

.kdm_tool_list_infos_two_icons {
    width: calc((10 * var(--column)) + (9 * var(--columnspace)));
    margin-left: var(--columnspace);
    float: left;
    line-height: 27px;
}

.kdm_tool_list_infos_three_icons {
    width: calc((9 * var(--column)) + (8 * var(--columnspace)));
    margin-left: var(--columnspace);
    float: left;
}

.kdm_tool_list_infos_four_icons {
    width: calc((8 * var(--column)) + (7 * var(--columnspace)));
    margin-left: var(--columnspace);
    float: left;
}

.kdm_tool_list_buttons_two_icons {
    width: calc((2 * var(--column)) + (1 * var(--columnspace)));
    margin: 0px var(--columnspace);
    float: left;
}

.kdm_tool_list_buttons_three_icons {
    width: calc((3 * var(--column)) + (2 * var(--columnspace)));
    margin: 0px var(--columnspace);
    float: left;
}

.kdm_tool_list_buttons_four_icons {
    width: calc((4 * var(--column)) + (3 * var(--columnspace)));
    margin: 0px var(--columnspace);
    float: left;
}

.kdm_tool_info_column .kdm_tool_list_buttons_four_icons {
    width: calc(1.04166 * ((4 * var(--column)) + (3 * var(--columnspace))));
    margin: 0px 0px 0px calc(1.04166 * var(--columnspace));
}

.kdm_tool_list_buttons_two_icons .kdm_tool_edit {
    width: 49%;
    margin-right: 1%;
    float: left;
}

.kdm_tool_list_buttons_three_icons .kdm_tool_order {
    width: 32%;
    margin-right: 1%;
    float: left;
}

.kdm_tool_list_buttons_three_icons .kdm_tool_edit {
    width: 32%;
    margin-right: 1%;
    float: left;
}

.kdm_tool_list_buttons_two_icons .kdm_tool_delete {
    width: 49%;
    margin-left: 1%;
    float: left;
}

.kdm_tool_list_buttons_three_icons .kdm_tool_delete {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    height: 18px;
}

.kdm_tool_list_buttons_three_icons .kdm_tool_info {
    width: 32%;
    margin-left: 1%;
    float: left;
}

.kdm_tool_list_buttons_four_icons .kdm_tool_order,
.kdm_tool_list_buttons_four_icons .kdm_tool_ftp {
    width: 20%;
    float: left;
    min-height: 1px;
}

.kdm_tool_list_buttons_four_icons .kdm_tool_edit {
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    min-height: 1px;
}

.kdm_tool_list_buttons_four_icons .kdm_tool_delete {
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    height: 18px;
    min-height: 1px;
}

.kdm_tool_list_buttons_four_icons .kdm_tool_info {
    width: 19%;
    margin-left: 1%;
    float: left;
    min-height: 1px;
}

.outer_edit,
.inner_edit,
.order,
.ftp {
    width: 100%;
    border: none;
    padding: 0px;
    text-align: center;
    background-color: transparent;
}

.kdm_tool_button_icon {
    width: auto;
    height: 18px;
}

.delete,
.outer_info,
.inner_info {
    width: 100%;
    border: none;
    background-color: transparent;
}

.kdm_tool_cinema_list_name {
    float: left;
    width: 80%;
}

.kdm_tool_cinema_list_place {
    float: left;
    min-width: 21%;
}

.kdm_tool_cinema_list_country {
    float: left;
}

.kdm_tool_cinema_list_country::before {
    content: ",";
}

.kdm_tool_cinema_list_ftp {
    text-align: center;
}

.kdm_tool_regisseur_list_name {}

.kdm_tool_movie_list_name {
    font-weight: 700;
}

.kdm_tool_movie_list_release_date {
    float: left;
    width: min-content;
}

.kdm_tool_movie_list_regisseur {
    float: left;
}

.kdm_tool_movie_list_regisseur::before {
    content: ",";
}

.kdm_tool_regisseur_list_name {
    line-height: 20px;
}


/***************
Info Panel
***************/

.kdm_tool_info_column {
    width: calc((12 * var(--column)) + (11 * var(--columnspace)));
    margin-left: var(--columnspace);
    margin-right: var(--columnspace);
    float: left;
    margin-top: var(--space1);
    padding-bottom: var(--space1);
    border-bottom: 3px solid var(--red);
}

.kdm_tool_info_column:last-child {
    border-bottom: none;
}

.kdm_tool_info_label {
    font-weight: 700;
    width: calc((5 * var(--column)) + (4 * var(--columnspace)));
    float: left;
}

.kdm_tool_info_text {
    width: calc((7 * var(--column)) + (7 * var(--columnspace)));
    float: left;
}

.kdm_tool_info_wrapper .kdm_tool_list_buttons_three_icons {
    width: calc(1.04166 * (3 * var(--column) + 2 * var(--columnspace)));
    margin: 0px;
    float: left;
}


/***************
Edit Entry
***************/

.kdm_tool_edit_wrapper,
.kdm_tool_info_wrapper,
.kdm_tool_order_wrapper,
.kdm_tool_ftp_wrapper {
    display: none;
    width: 100%;
    background-color: var(--grey1);
    float: left;
    margin-top: var(--space5);
}


/***************
Order KDM
***************/

.kdm_tool_form_group.hidden_element {
    display: none;
}

.kdm_tool_data_upload label {
    width: 100%;
    margin: 0px;
}

.kdm_tool_data_upload .kdm_tool_form_label {
    float: left;
}

.kdm_tool_cinema_wrapper,
.kdm_tool_ftp_cinema_wrapper {
    margin-bottom: var(--space1);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.kdm_tool_data_upload input[type=file] {
    display: none;
}

[id^=kdm_tool_data_upload_wrapper],
[id^=kdm_tool_email_wrapper] {
    display: none;
    width: 100%;
    margin-bottom: var(--space1);
}

.kdm_tool_order_fileupload_buttons {
    margin-top: calc(2 * var(--space1));
}

.kdm_tool_data_upload .kdm_tool_form_input {
    float: left;
    width: calc((7 * var(--column)) + (7 * var(--columnspace)));
    border: none;
    box-sizing: border-box;
    height: 35px;
    background-color: var(--white);
    font-weight: 400;
    line-height: 35px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444 !important;
    line-height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 25px !important;
}

textarea.kdm_tool_comment {
    width: calc((12 * var(--column)) + (11 * var(--columnspace)));
    height: calc(5 * 35px);
    padding: 10px;
    margin: var(--columnspace);
}

.kdm_tool_data_upload .kdm_tool_form_submit {
    float: left;
    margin: 0px var(--columnspace) 0px 0px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}


/***************
KDM-Status
***************/

.kdm_tool_status_legend {
    font-size: var(--font4);
    height: 55px;
    width: calc((12 * var(--column)) + (11 * var(--columnspace)));
    margin-left: var(--columnspace);
    margin-right: var(--columnspace);
}

.kdm_tool_status_icon {
    width: 18px;
    height: 18px;
    margin-right: 3px;
}

.kdm_tool_status_legend_red,
.kdm_tool_status_legend_yellow,
.kdm_tool_status_legend_green,
.kdm_tool_status_legend_black {
    float: left;
    margin-right: 8px;
    width: 47%;
    margin-top: 8px;
}

.kdm_tool_list_infos_one_icon {
    width: calc((11 * var(--column)) + (10 * var(--columnspace)));
    margin-left: var(--columnspace);
    float: left;
}

.kdm_tool_kdm_order_list_status,
.kdm_tool_ftp_delivery_list_status {
    width: calc((1.1417 * (2 * var(--column)) + (1 * var(--columnspace))));
    height: auto;
    float: left;
}

.kdm_tool_kdm_order_list_date,
.kdm_tool_ftp_delivery_list_date {
    width: calc(1.1417 * ((3 * var(--column)) + (2 * var(--columnspace))));
    margin-left: calc(1.1417 * var(--columnspace));
    float: left;
}

.kdm_tool_list_movie {
    overflow: hidden;
    width: calc(1.1417 * ((6 * var(--column)) + (5 * var(--columnspace))));
    margin-left: calc(1.1417 * var(--columnspace));
}

.kdm_tool_kdm_order_list_name,
.kdm_tool_ftp_delivery_list_name {
    width: 100%;
    float: left;
}

.kdm_tool_kdm_order_list_cinema,
.kdm_tool_ftp_delivery_list_cinema {
    float: left;
    width: min-content;
}

.kdm_tool_kdm_order_list_timespan {
    float: left;
}

.kdm_tool_list_buttons_one_icon {
    float: left;
    width: var(--column);
    margin-left: var(--columnspace);
}

.kdm_tool_status_dropdown_icon {
    width: 8px;
    float: right;
    margin-right: 10px;
}

.kdm_tool_kdm_order_change_status,
.kdm_tool_ftp_delivery_change_status {
    border: 1px solid black;
    display: none;
    position: absolute;
    width: calc(1.1417 * ((5 * var(--column)) + (4 * var(--columnspace))));
}

button.kdm_tool_kdm_order_change_button,
button.kdm_tool_ftp_delivery_change_button {
    width: 100%;
    text-align: left;
    padding: 5px;
    height: 40px;
    background-color: var(--white);
    border: none;
}

button.kdm_tool_kdm_order_change_button:hover,
button.kdm_tool_ftp_delivery_change_button:hover {
    background-color: var(--grey1);
}

.kdm_tool_info_cinema,
.kdm_tool_info_timespan,
.kdm_tool_info_email {
    width: 100%;
    float: left;
}

.kdm_tool_info_cinema,
.kdm_tool_info_timespan {
    margin-bottom: var(--space1);
}

.kdm_tool_info_column .kdm_tool_info_cinema .kdm_tool_info_label,
.kdm_tool_info_column .kdm_tool_info_timespan .kdm_tool_info_label,
.kdm_tool_info_column .kdm_tool_info_email .kdm_tool_info_label {
    width: calc(1.04166 * (4 * (var(--column)) + (3 * var(--columnspace))));
    margin-right: calc(1.04166 * var(--columnspace));
}

.kdm_tool_info_column .kdm_tool_info_cinema .kdm_tool_info_text,
.kdm_tool_info_column .kdm_tool_info_timespan .kdm_tool_info_text,
.kdm_tool_info_column .kdm_tool_info_email .kdm_tool_info_text {
    width: calc(1.04166 * (8 * var(--column)) + (7 * var(--columnspace)));
}


/***************
User
***************/

.kdm_tool_user_list_name {
    line-height: 20px;
}

.kdm_tool_user_list_name {}

.kdm_tool_info_column .kdm_tool_info_user .kdm_tool_info_label {
    width: calc(1.04166 * ((3 * var(--column)) + (2 * var(--columnspace))));
}

.kdm_tool_info_column .kdm_tool_info_user .kdm_tool_info_text {
    width: calc(1.04166 * (9 * var(--column) + 9 * var(--columnspace)));
}


/***************
Statistic
***************/

.search_statistic_form .kdm_tool_search_field {
    width: calc((4 * var(--column)) + (5 * var(--columnspace)));
}

.search_statistic_form .kdm_tool_search_field input {
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 10px;
}

.search_statistic_form .filled_out {
    width: calc((3 * var(--column)) + (3 * var(--columnspace))) !important;
    border-right: 1px solid var(--grey1) !important;
}

.search_statistic_form .kdm_tool_empty_search {
    width: calc((2 * var(--column)) + (1 * var(--columnspace)));
    vertical-align: top;
    background-color: white;
    height: 35px;
    border: 1px solid var(--grey1);
    border-left: 1px solid var(--grey1);
    margin-left: var(--columnspace);
}

.kdm_tool_statistic_list_name {}

.kdm_tool_statistic_list_total {}

.kdm_tool_info_movie {
    width: 100%;
    float: left;
}

.kdm_tool_info_orders {
    width: 100%;
    float: left;
}

.kdm_tool_info_movie .kdm_tool_info_label,
.kdm_tool_info_orders .kdm_tool_info_label {
    width: calc(1.04166 * ((5 * var(--column)) + (4 * var(--columnspace))));
}

.kdm_tool_info_movie .kdm_tool_info_text,
.kdm_tool_info_orders .kdm_tool_info_text {
    width: calc(1.04166 * ((7 * var(--column)) + (7 * var(--columnspace))));
}


/***************
Zwischengrösse
***************/

@media (min-width: 992px) {
    /***************
Icons
***************/
    .order_asc {
        background-size: 8px;
    }
    .order_desc {
        background-size: 8px;
    }
    .order_none {
        background-size: 8px;
    }
    .kdm_tool_search_submit {
        background-position: 18% center;
    }
    .filled_out {
        background-size: 16px;
    }
    .kdm_tool_icon_rounded {
        width: 25px;
        height: 25px;
    }
    .kdm_tool_cinema_wrapper .kdm_tool_error_message,
    .kdm_tool_ftp_cinema_wrapper .kdm_tool_error_message {
        margin-left: calc( 2 * var(--columnspace) + 1px);
    }
    /***************
Search
***************/
    .kdm_tool_search {
        height: 40px;
        margin-top: 50px;
    }
    .kdm_tool_search_field {
        width: calc((6 * var(--column)) + (6 * var(--columnspace)));
        height: 40px;
        margin-left: calc((2 * var(--column)) + (3 * var(--columnspace)));
    }
    .filled_out {
        width: calc((5 * var(--column)) + (6 * var(--columnspace))) !important;
    }
    .kdm_tool_empty_search {
        width: var(--column);
        height: 40px;
    }
    .kdm_tool_search_submit {
        width: calc((2 * var(--column)) + (1 * var(--columnspace)));
        height: 40px;
        color: var(--white);
        margin-right: calc((2 * var(--column)) + (3 * var(--columnspace)));
    }
    .kdm_tool_search_icon_wrapper {
        width: 40%;
        text-align: right;
        float: left;
        height: 40px;
        margin-top: -1px;
        padding: 7.5px 0px;
    }
    .kdm_tool_search_icon {
        width: 25px;
        height: 25px;
        vertical-align: middle;
    }
    .kdm_tool_search_text_wrapper {
        display: block;
        width: 60%;
        float: left;
        font-size: var(--font1);
        height: 40px;
        vertical-align: top;
        text-align: left;
        margin-top: -1px;
        line-height: 40px;
        text-transform: uppercase;
        padding-left: 5px;
    }
    .kdm_tool_small_font {
        font-size: 1em;
    }
    /***************
New Entry Froms
***************/
    .kdm_tool_new_link {
        margin: 50px var(--columnspace) 0px;
    }
    /***************
Form Fields
***************/
    .kdm_tool_form_group {
        width: calc((6 * var(--column)) + (6 * var(--columnspace)));
        display: flex;
        flex-wrap: wrap;
    }
    .kdm_tool_form_group .kdm_tool_form_label {
        width: calc(2.0799 * (2 * var(--column)) + (var(--columnspace)));
        height: 40px;
        line-height: 40px;
        margin-left: calc(2.0799 * var( --columnspace));
    }
    .kdm_tool_form_input {
        width: calc(2.0799 * ((4 * var(--column)) + (4 * var(--columnspace))));
        height: 40px;
        margin-right: 0px;
    }
    .select2-container--default .select2-selection--single {
        height: 40px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px !important;
        width: 30px !important;
    }
    .kdm_tool_form_group_button {
        width: 100%;
        display: inline-block;
    }
    .kdm_tool_form_submit {
        width: var(--column);
        height: 40px;
        margin: 0px var(--columnspace) var(--space1) calc((11 * var(--column)) + (12 * var(--columnspace)));
    }
    .margin_over_label {
        margin-left: calc(1.95 * ((2 * var(--column)) + (2 * var(--columnspace))));
    }
    .add_regisseur {
        margin: 0px var(--columnspace) var(--space1) calc((8 * var(--column)) + (8 * var(--columnspace)));
        padding: 0px;
    }
    .remove_regisseur {
        margin: 0px var(--columnspace) var(--space1) calc((8 * var(--column)) + (8 * var(--columnspace)));
        padding: 0px;
        display: none;
    }
    .add_regisseur_edit {
        margin: 0px var(--columnspace) var(--space1) calc((8 * var(--column)) + (8 * var(--columnspace)));
        padding: 0px;
    }
    .remove_regisseur_edit {
        margin: 0px var(--columnspace) var(--space1) calc((8 * var(--column)) + (8 * var(--columnspace)));
        padding: 0px;
        display: none;
    }
    .kdm_tool_button.add_usergroup {
        margin: 0px var(--columnspace) var(--space1) calc((8 * var(--column)) + (8 * var(--columnspace)));
        padding: 0px;
    }
    .kdm_tool_button.remove_usergroup {
        margin: 0px var(--columnspace) var(--space1) calc((8 * var(--column)) + (8 * var(--columnspace)));
        padding: 0px;
        display: none;
    }
    .kdm_tool_button.add_usergroup_edit {
        margin: 0px var(--columnspace) var(--space1) calc((8 * var(--column)) + (8 * var(--columnspace)));
        padding: 0px;
    }
    .kdm_tool_button.remove_usergroup_edit {
        margin: 0px var(--columnspace) var(--space1) calc((8 * var(--column)) + (8 * var(--columnspace)));
        padding: 0px;
        display: none;
    }
    .kdm_tool_button.add_cpl {
        margin: 0px var(--columnspace) var(--space1) calc((8 * var(--column)) + (8 * var(--columnspace)));
        padding: 0px;
    }
    .kdm_tool_button.remove_cpl {
        margin: 0px var(--columnspace) var(--space1) calc((8 * var(--column)) + (8 * var(--columnspace)));
        padding: 0px;
        display: none;
    }
    /***************
Headers
***************/
    .kdm_tool_header_wrapper {
        background-color: var(--grey1);
        font-size: var(--font1);
        margin-top: 30px;
        height: 35px;
    }
    .kdm_tool_header {
        height: 35px;
    }
    .kdm_tool_header_icon {
        width: 12px;
        margin-left: var(--space2);
    }
    .kdm_tool_cinema_sort_name {
        width: calc((4 * var(--column)) + (3 * var(--columnspace)));
        margin: 0px 0px 0px var(--columnspace);
        height: 35px;
    }
    .kdm_tool_cinema_sort_place {
        display: inline-block;
        width: calc((3 * var(--column)) + (2 * var(--columnspace)));
        margin: 0px 0px 0px var(--columnspace);
        height: 35px;
        background-color: transparent;
    }
    .kdm_tool_cinema_sort_country {
        display: inline-block;
        width: calc((2 * var(--column)) + (1 * var(--columnspace)));
        margin: 0px 0px 0px var(--columnspace);
        height: 35px;
        background-color: transparent;
    }
    .kdm_tool_header.kdm_tool_cinema_sort_ftp {
        display: inline-block;
        width: calc((3 * var(--column)) + (2 * var(--columnspace)));
        margin: 0px 0px 0px var(--columnspace);
        height: 35px;
        background-color: transparent;
    }
    .kdm_tool_regisseur_sort_name {
        width: calc((12 * var(--column)) + (11 * var(--columnspace)));
        margin: 0px 0px 0px var(--columnspace);
        height: 35px;
        background-color: transparent;
    }
    .kdm_tool_movie_sort_name {
        width: calc((4 * var(--column)) + (3 * var(--columnspace)));
        margin: 0px 0px 0px var(--columnspace);
        height: 35px;
    }
    .kdm_tool_cinema_sort_name,
    .kdm_tool_regisseur_sort_name,
    .kdm_tool_movie_sort_name {
        border-right: 1px solid var(--white);
    }
    .kdm_tool_movie_sort_release_date {
        display: inline-block;
        width: var(--column);
        margin: 0px 0px 0px var(--columnspace);
        height: 35px;
        background-color: transparent;
    }
    .kdm_tool_movie_sort_regisseur {
        display: inline-block;
        width: calc((4 * var(--column)) + (3 * var(--columnspace)));
        margin: 0px 0px 0px var(--columnspace);
        height: 35px;
        background-color: transparent;
    }
    .kdm_tool_kdm_order_sort_status,
    .kdm_tool_ftp_delivery_sort_status {
        height: 35px;
    }
    .kdm_tool_kdm_order_sort_date,
    .kdm_tool_ftp_delivery_sort_date {
        width: calc((2 * var(--column)) + (1 * var(--columnspace)));
        height: 35px;
    }
    .kdm_tool_kdm_order_sort_name,
    .kdm_tool_ftp_delivery_sort_name {
        width: calc((3 * var(--column)) + (2 * var(--columnspace)));
        height: 35px;
        border-right: 1px solid var(--white);
    }
    .kdm_tool_kdm_order_sort_cinema,
    .kdm_tool_ftp_delivery_sort_cinema {
        display: inline-block;
        width: calc((3 * var(--column)) + (2 * var(--columnspace)));
        height: 35px;
        background-color: transparent;
        margin-left: var(--columnspace);
    }
    .kdm_tool_kdm_order_sort_timespan {
        display: inline-block;
        width: var(--column);
        height: 35px;
        background-color: transparent;
        margin-left: var(--columnspace);
    }
    .kdm_tool_statistic_sort_name {
        width: calc((8 * var(--column)) + (7 * var(--columnspace)));
        height: 35px;
        border-right: 1px solid var(--white);
    }
    .kdm_tool_statistic_sort_total {
        display: inline-block;
        width: calc((4 * var(--column)) + (3 * var(--columnspace)));
        height: 35px;
        background-color: transparent;
        margin-left: var(--columnspace);
    }
    /***************
Entry List
***************/
    .kdm_tool_list_infos {
        line-height: 27px;
    }
    .kdm_tool_list_infos_three_icons {
        line-height: 27px;
    }
    .kdm_tool_list_infos_four_icons {
        line-height: 27px;
    }
    .kdm_tool_info_wrapper .kdm_tool_list_buttons_three_icons {
        width: calc(1.04166 * (3 * var(--column) + 2 * var(--columnspace)));
        margin: 0px;
        float: left;
        /* margin-left: calc(1.04 * var(--columnspace)); */
        /* margin-right: calc(1.04 * var(--columnspace)); */
    }
    .kdm_tool_list_buttons_three_icons .kdm_tool_delete {
        height: 27px;
    }
    .kdm_tool_button_icon {
        width: auto;
        height: 25px;
    }
    .kdm_tool_cinema_list_country::before {
        content: unset;
    }
    .kdm_tool_movie_list_regisseur::before {
        content: unset;
    }
    .kdm_tool_cinema_list_name {
        float: left;
        width: calc(1.255 * ((4 * var(--column)) + (3 * var(--columnspace))));
        margin-right: calc(1.255 * var(--columnspace));
    }
    .kdm_tool_cinema_list_place {
        float: left;
        width: calc(1.255 * ((3 * var(--column)) + (2 * var(--columnspace))));
        margin-right: calc(1.255 * var(--columnspace));
    }
    .kdm_tool_cinema_list_country {
        float: left;
        width: calc(1.255 * ((2 * var(--column)) + (2 * var(--columnspace))));
    }
    .kdm_tool_cinema_list_ftp {
        float: left;
        width: calc(1.255 * ((1 * var(--column)) + (0 * var(--columnspace))));
        text-align: center;
    }
    .kdm_tool_regisseur_list_name {
        line-height: 27px;
    }
    .kdm_tool_movie_list_name {
        float: left;
        width: calc(1.5789 * ((4 * var(--column)) + (3 * var(--columnspace))));
        margin-right: calc(1.5789 * var(--columnspace));
    }
    .kdm_tool_movie_list_release_date {
        float: left;
        width: calc(1.5789 * var(--column));
        margin-right: calc(1.5789 * var(--columnspace));
    }
    .kdm_tool_movie_list_regisseur {
        float: left;
        width: calc(1.5789 * ((3 * var(--column)) + (2 * var(--columnspace))));
    }
    /***************
Order KDM
***************/
    .kdm_tool_form_group.hidden_element {
        display: block;
        margin-top: 0px;
    }
    .kdm_tool_data_upload,
    .kdm_tool_order_email {
        width: 100%;
    }
    .kdm_tool_data_upload .kdm_tool_data_upload_wrapper,
    .kdm_tool_order_email .kdm_tool_email_wrapper {
        width: calc((6 * var(--column)) + (5 * var(--columnspace)));
        float: left;
        margin-left: var(--columnspace);
        margin-right: var(--columnspace);
    }
    .kdm_tool_data_upload .kdm_tool_data_upload_wrapper:nth-child(even),
    .kdm_tool_order_email .kdm_tool_email_wrapper:nth-child(even) {
        margin-right: 0px;
    }
    .kdm_tool_order_email .kdm_tool_email_wrapper:nth-child(even) {
        margin: 0px;
    }
    .kdm_tool_data_upload_label .kdm_tool_form_label,
    .kdm_tool_email_wrapper .kdm_tool_form_label {
        margin-left: 0px;
        width: calc((4 * var(--column)) + (2 * var(--columnspace)));
    }
    .kdm_tool_data_upload .kdm_tool_form_input {
        height: 40px;
        width: calc(2.12 *((3 * var(--column)) + (3 * var(--columnspace))));
    }
    .kdm_tool_data_upload .kdm_tool_form_submit {
        line-height: 40px;
        width: calc(2.12 * var(--column));
        margin-left: calc(2.12 * var(--columnspace));
        margin-right: 0px;
    }
    .kdm_tool_email_wrapper .kdm_tool_form_input {
        width: calc((8 * var(--column)) + (11 * var(--columnspace)));
    }
    .kdm_tool_textarea {
        width: calc((12 * var(--column)) + (11 * var(--columnspace)));
        margin-left: var(--columnspace);
        margin-right: var(--columnspace);
    }
    textarea.kdm_tool_comment {
        width: 100%;
        height: calc(5 * 40px);
        margin: 0px;
    }
    input[type="radio"],
    input[type="checkbox"] {
        width: 40px;
        height: 40px;
    }
    /***************
KDM-Status
***************/
    .kdm_tool_status_legend {
        margin-top: calc(2 * var(--space4));
        font-size: var(--font1);
        height: 25px;
    }
    .kdm_tool_status_icon {
        width: 25px;
        height: 25px;
        margin-right: 10px;
    }
    .kdm_tool_status_legend_red,
    .kdm_tool_status_legend_yellow,
    .kdm_tool_status_legend_green,
    .kdm_tool_status_legend_black {
        width: calc((3 * var(--column)) + (2 * var(--columnspace)));
        margin-right: var(--columnspace);
    }
    .kdm_tool_status_legend_black {
        margin-right: 0px;
    }
    .kdm_tool_kdm_order_list_date,
    .kdm_tool_ftp_delivery_list_date {
        width: calc(1.1417 * ((2 * var(--column)) + (1 * var(--columnspace))));
    }
    .kdm_tool_list_movie {
        width: calc(1.1417 * ((7 * var(--column)) + (6 * var(--columnspace))));
        float: left;
    }
    .kdm_tool_kdm_order_list_name,
    .kdm_tool_ftp_delivery_list_name {
        width: calc(1.1417 * ((3 * var(--column)) + (2 * var(--columnspace))));
        margin-left: calc(1.1417 * var(--columnspace));
    }
    .kdm_tool_kdm_order_list_cinema,
    .kdm_tool_ftp_delivery_list_cinema {
        margin-left: calc(1.1417 * var(--columnspace));
        width: calc(1.1417 * ((3 * var(--column)) + (2 * var(--columnspace))));
    }
    .kdm_tool_kdm_order_list_timespan {
        margin-left: calc(1.1417 * var(--columnspace));
        width: calc(1.1417 * var(--column));
    }
    .kdm_tool_kdm_order_list_regisseur::before {
        content: none;
    }
    .kdm_tool_status_dropdown_icon {
        width: 12px;
    }
    .kdm_tool_kdm_order_change_status,
    .kdm_tool_ftp_delivery_change_status {
        width: calc(1.1417 * ((2 * var(--column)) + (1 * var(--columnspace))));
    }
    .kdm_tool_info_cinema,
    .kdm_tool_info_timespan,
    .kdm_tool_info_email {
        width: 100%;
        float: left;
    }
    .kdm_tool_info_cinema,
    .kdm_tool_info_timespan {
        margin-bottom: 0px;
    }
    .kdm_tool_info_cinema {
        width: calc(1.04166 * (6 * (var(--column)) + (5 * var(--columnspace))));
    }
    .kdm_tool_info_timespan,
    .kdm_tool_info_email {
        width: calc(1.04166 * ((3 * (var(--column)) + (2 * var(--columnspace)))));
        margin-left: calc(1.04166 * var(--columnspace));
        ;
    }
    .kdm_tool_info_column .kdm_tool_info_cinema .kdm_tool_info_label,
    .kdm_tool_info_column .kdm_tool_info_timespan .kdm_tool_info_label,
    .kdm_tool_info_column .kdm_tool_info_email .kdm_tool_info_label {
        width: 100%;
        margin-right: 0px;
        margin-bottom: var(--space5);
    }
    .kdm_tool_info_column .kdm_tool_info_cinema .kdm_tool_info_text,
    .kdm_tool_info_column .kdm_tool_info_timespan .kdm_tool_info_text,
    .kdm_tool_info_column .kdm_tool_info_email .kdm_tool_info_text {
        width: 100%;
    }
    /***************
User
***************/
    .kdm_tool_user_list_name {
        line-height: 27px;
    }
    /***************
Statistic
***************/
    .search_statistic_form .kdm_tool_search_field {
        width: calc((5 * var(--column)) + (4 * var(--columnspace)));
        margin-left: var(--columnspace);
        float: left;
        padding-left: 0px;
    }
    .search_statistic_form .filled_out {
        width: calc((4 * var(--column)) + (4 * var(--columnspace))) !important;
        float: left;
    }
    .search_statistic_form .kdm_tool_search_field input {
        width: 100%;
        height: 100%;
        border: none;
        padding-left: 10px;
    }
    .search_statistic_form .kdm_tool_search_submit {
        width: calc((2 * var(--column)));
        margin-right: var(--columnspace);
        margin-left: var(--columnspace);
    }
    .search_statistic_form .kdm_tool_search_icon_wrapper {
        width: 45%;
        text-align: right;
        float: left;
        height: 40px;
        margin-top: -1px;
        padding: 7.5px 0px;
    }
    .search_statistic_form .kdm_tool_search_text_wrapper {
        display: block;
        width: 55%;
        float: left;
        font-size: var(--font1);
        height: 40px;
        vertical-align: top;
        text-align: left;
        margin-top: -1px;
        line-height: 40px;
        text-transform: uppercase;
    }
    .search_statistic_form .kdm_tool_empty_search {
        width: calc((1 * var(--column)) + (2 * var(--columnspace)));
        height: 40px;
    }
    .kdm_tool_statistic_list_name {
        width: calc(1.1385 * ((8 * var(--column)) + (7 * var(--columnspace))));
        float: left;
    }
    .kdm_tool_statistic_list_total {
        width: calc(1.1385 * ((3 * var(--column)) + (2 * var(--columnspace))));
        margin-left: calc(1.1385 * var(--columnspace));
        float: left;
    }
    .kdm_tool_info_movie {
        width: calc(1.04166 * ((8 * var(--column)) + (7 * var(--columnspace))));
        float: left;
    }
    .kdm_tool_info_orders {
        width: calc(1.04166 * ((4 * var(--column)) + (3 * var(--columnspace))));
        margin-left: var(--columnspace);
        float: left;
    }
    .kdm_tool_info_movie .kdm_tool_info_label,
    .kdm_tool_info_orders .kdm_tool_info_label {
        width: 100%;
    }
    .kdm_tool_info_movie .kdm_tool_info_text,
    .kdm_tool_info_orders .kdm_tool_info_text {
        width: 100%;
    }
}


/***************
Info Panel
***************/

.kdm_tool_info_label {
    width: calc(1.04166 * (var(--column) + (2 * var(--columnspace))));
    line-height: 20px;
}

.kdm_tool_info_text {
    width: calc(1.04166 * (8 * var(--column) + 7 * var(--columnspace)));
    line-height: 20px;
}

.kdm_tool_info_header {
    width: calc((12 * var(--column)) + (11 * var(--columnspace)));
    float: left;
    margin-left: var(--columnspace);
    margin-top: var(--space2);
}


/***************
Movie Alphabet Select
***************/

form.kdm_tool_list_select {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.kdm_tool_select {
    width: 50%;
    text-align: center;
    margin: 10px 0;
}

button.kdm_tool_movie_select_list {
    width: 60%;
    border: none;
    height: 25px;
    background-color: var(--red);
    color: white;
}

button.kdm_tool_movie_select_list.select_active {
    font-weight: 700;
    color: var(--red);
    background-color: white;
    box-shadow: 0px 0px 4px 0px black;
}

@media (min-width: 992px) {
    .kdm_tool_select {
        width: 14%;
        margin: 20px 0 0 0;
    }
    button.kdm_tool_movie_select_list {
        width: 80%;
        height: 40px;
    }
}