body {
    font-family: Arial;
}

form {

}

input[type="checkbox"][readonly] {
  pointer-events: none;
}

input.cbutton {
    font-size: 9pt;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul {
    margin: 0;
    padding-left: 15;
}

.menu li {
    margin-bottom: 10px;
}

.menu ul li {
    margin-bottom: 2px;
}

#table_main {
    height: 100%;
    width: 1200px;
    background-color: #FFF;
}

td {
    font-size: 10pt;
}

td.hilite {
    font-weight: bold;
    background-color: #f9e801 !important;
}

tr.hilite td {
    font-weight: bold;
    background-color: #f9e801 !important;
}

th {
    font-size: 10pt;
    text-align: left;
}

#cell_main {
    padding: 20px;
}

.form_left {
    width: 100px;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.form_left_aktionen {
    width: 130px;
    float: left;
    margin-bottom: 5px;
}

.form_left_w {
    width: 150px;
    float: left;
    margin-bottom: 5px;
}

.form_left_ww {
    width: 250px;
    float: left;
    margin-bottom: 5px;
}

.form_left_www {
    width: 350px;
    float: left;
    margin-bottom: 5px;
}

.form_left_unlimited {
    float: left;
    min-width: 80px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 3px;
}

.form_right {
    width: 400px;
    float: left;
    margin-bottom: 5px;
    font-size: 10pt;
}

.form_right_in_tab {
    /*width: 400px;*/
    float: left;
    margin-bottom: 5px;
    font-size: 10pt;
}
.form_right_unlimited {
    min-width: 380px;
    max-width: 738px;
    float: left;
    margin-bottom: 5px;
    font-size: 10pt;
}

.form_right_small {
    min-width: 100px;
    max-width: 738px;
    float: left;
    margin-bottom: 5px;
    font-size: 10pt;
}

.form_right_w {
    width: 500px;
    float: left;
    margin-bottom: 5px;
    font-size: 10pt;
}

.form_right_ww {
    width: 300px;
    float: left;
    margin-bottom: 5px;
    font-size: 10pt;
}

.form_right_www {
    width: 400px;
    float: left;
    margin-bottom: 5px;
    font-size: 10pt;
}

.form_right_right {
    width: 400px;
    float: right;
    margin-bottom: 5px;
    font-size: 10pt;
}

.form_textinput {
    width: 350px;
}

.form_textinput_s {
    width: 300px;
}

.form_currencyinput {
    width: 150px;
}

.form_currencyinput_small {
    width: 80px;
}

#kursdetails_info {
    margin-left: 10px;
}

.newline {
    clear: left;
}

/* autocomplete */
.ui-widget {
    font-family: Arial;
    font-size: 0.9em;
}
.ui-menu .ui-menu-item a {
    line-height: 1.0;
}

table.abrechnung {
    width: 700px;
    background-color: #FFF;
    border: #000 1px solid;
}

table.korrektur {
    background-color: lightsteelblue;
}

table.storniert {
    background-color: lightgrey;
}

table.statistik tr:hover {
    background-color: #f9e801;
}

table.statistik tr {
    height: 3px;
}

table.statistik td {
    width: 30px;
}

table.auflistung td {
    padding-right: 20px;
}

table.auflistung th {
    padding-right: 20px;
}

div.my-table {
    display: block;
    overflow: scroll;
}

div.table-wrapper {
  max-width: 1100px;
  position:relative;
}
div.table-scroll {
  overflow: auto;
  margin-top:20px;
}
div.table-wrapper table {
  width: 100%;
}

table.auflistung-centered-header td {
    min-width: 230px;
    padding-right: 20px;
}

table.auflistung-centered-header tr td:first-child {
    min-width: 120px;
    padding-right: 20px;
}

table.auflistung-centered-header td input.datepick {
    /*min-width: 150px;*/
}

table.auflistung-centered-header th {
    padding-right: 20px;
    text-align: center;
}

table.rechteverwaltung tr:hover {
    background-color: #f9e801;
}

#sb-info {position:absolute !important; width:100%; top:0px; height:16px !important; }
#sb-nav-close {position:absolute !important; top:0px !important; right:0px !important; width:16px !important; height:16px !important; background-image:url(shadowbox/close.png) !important;}
#sb-wrapper-inner {position:relative !important; top:16px !important;}
#sb-title {top:16px !important; display:none;}


.kursortinfo .row1 {
    background-color: #EEEEEE;
}

.kursortinfo .row2 {
    background-color: #DDDDDD;
}

/* Tooltip */

#tooltip {
    position:absolute;
    z-index:9999;
    color:#fff;
    font-size:13px;
    width:180px;

}

#tooltip .tipHeader {
    height:8px;
    background:url(images/tipHeader.gif) no-repeat;
}

/* IE hack */
html #tooltip .tipHeader {margin-bottom:-6px;}

#tooltip .tipBody {
    background-color:#000;
    padding:5px;
}

#tooltip .tipFooter {
    height:8px;
    background:url(images/tipFooter.gif) no-repeat;
}

/* jquery DataTable Tooltip style */
.tooltip{
    position: absolute;
    background: white;
    border: 1px solid lightgrey;
    padding: 10px;
    width: max-content;
    max-width: 400px;
}

.downloads {
    min-width: 600px;
}

.downloads_kategorie, .downloads_kategorie td {
    background-color: #f9e801;
    font-weight: bold;
}

.downloads_datei, .downloads_datei td {
    background-color: #EEEEEE;
}

.downloads_datei td:first-of-type {
    padding-left: 10px;
}

.downloads td:last-of-type {
    text-align: right;
    width: 40px;
}

.downloads_datei:hover, .downloads_datei:hover td {
    background-color: #DDDDDD;
}

.news p {
    margin-top: 0px;
}

.news p:last-of-type {
    margin-bottom: 2px;
}

.news span.signatur {
    font-size: 0.7em;
    color: grey;
    margin-left: 10px;
}

.news span.edit {
    float: right;
}

.news:hover {
    background-color: lightyellow;
}

.div_highlighted {
    background-color: lightgreen;
}

.kurstermin_item {
    display: table-row;
    vertical-align: top;
    width: 820px;
}

.row_even {
    background-color: #EEEEEE;
}

.row_odd {
    background-color: #FFFFFF;
}

.row_saved {
    background-color: #00cc00;
}

table.teilnehmer {
    border-collapse: collapse;
}

table.teilnehmer td {
    position: relative;
    padding: 5px 10px;
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}

.error {
    border: 3px solid #F00;
}

.warn {
    border: 3px solid #F70;
}

table#termine_results_table td {
    border: 1px solid lightgrey;
    padding: 5px 10px;
}

tr.schulungsraum td {
    padding-right: 20px;
}

tr.primaer td {
    font-weight: bold;
}

tr.danger td {
   background-color: #FF0000;
   color: #FFFFFF;
}

.pflichtfeld_miss {
    background: white;
    border: 1px solid #ffa853;
    border-radius: 5px;
    box-shadow: 0 0 5px 3px #ffa853;
    color: #000;
    outline: none;
}

.pflichtselect_miss {
    border: 1px solid #ffa853;
    border-radius: 5px;
    box-shadow: 0 0 5px 3px #ffa853;
    color: #000;
}

.form-input-body label {
    font-size: 13px;
    font-weight: bold;
}

.input-block {
    display: block;
    border-color: #000;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 5px;
}

.form-input {
    margin: 0px;
}

.form-input-small {
    width: 400px;
}

.form-input-header {
    background-color: #FAFAFA;
    border: 1px solid #F0F0F5;
    border-radius: 3px 3px 0 0;
    color: #1c94c4;
    margin: 0;
    padding: 10px 20px;
    position: relative;
}

.form-input-body {
    background-color: #EEEEEE;
    border-color: #F0F0F5;
    border-width: 0 1px 1px;
    border-style: none solid solid;
    border-radius: 0 0 3px 3px;
    font-size: 14px;
    padding: 15px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
}

.form-input input[type="text"]{
    background-color: #fff;
    background-repeat: no-repeat;
    border: 1px solid #727272;
    border-radius: 3px;
    font-size: 13px;
    min-height: 20px;
    outline: medium none;
    padding: 7px 8px;
    vertical-align: middle;
}

.form-input button {
    font-size: 13px;
    min-height: 18px;
    padding: 6px 6px;
    vertical-align: middle;
}

.form_right input[type="checkbox"] {
    position: relative;
    top: 3px;
    padding: 6px 11px 5px;
    margin: auto;
}

.alert {
    font-size: large;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 15px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.alert-error {
    background-image: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);
    background-repeat: repeat-x;
    border-color: #ff0000;
    background-color: #ffee00;
    color: #a94442;
}

 .button-mail {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0));

    font-size: 13px;
    font-weight: 400;
    font-family: sans-serif;
    margin: 1px;

    padding: 2px 6px;
    text-align: center;
    text-decoration: none;

    -moz-binding: none;
    -moz-user-select: none;

    /* border: 2px outset buttonface; */
    border: 1px solid rgb(128,128,128);
    border-radius: 4px;

    box-sizing: border-box;
    cursor: default;
}

.button-mail:disabled {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,0.5)), to(rgba(255, 255, 255, 0.5)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
}

.button-mail:enabled:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,0.7)), to(rgba(255, 255, 255, 0.2)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.2));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.2));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.2));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.2));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.2));
    cursor: pointer;
}

.button-mail:disabled:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,0.5)), to(rgba(255, 255, 255, 0.5)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
}


input[type="button"].button-mail-notready  {
    background-color: #E53D19;
}

input[type="button"].button-mail-ready {
    background-color: #ffcc22;
}

input[type="button"].button-mail-sent {
    background-color: green;
}

input[type="number"] {
    width: 60px;
}

table.dataTable td {
    vertical-align: top;
}

table.noborder{
    border: 0px solid rgb(0,0,0);
}

img.flipped-vertical {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.gm-style-iw hr {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

select.gt_line1 {
    width: 60%;
    margin-top:25px !important;
}

label.gt_line1 {
    margin-top:4px;
    margin-right: 10px;
}

label.gt_line2 {
    margin-top:8px !important;
}

input.gt_line2 {
    margin-top:10px !important;
    bottom: 4px !important;
}

input#contacted-selection, input#not-contacted-selection {
    margin-top:1px;
}

label.gt_line2_1 {
    margin-left:5px;
    margin-top:4px;
}


#MeineErsatzbescheinigunguebersicht_table {
    text-align: center;
}

#ersatzbescheinigunguebersicht_table {
    text-align: center;
}

abgeschlosseneAuftraege_table {
    text-align: center;
}

alleAuftraege_table {
    text-align: center;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: none;
    animation: spin 1s linear infinite;
}

.materialcheckText {
    height: 40px;
    width: 250px;
}

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

input.produkttyp {
    margin-left:20px;
}
input.produkttyp:first-child {
    margin-left:0px;
}

#generic-statistic label {
    width: 80px;
    vertical-align: top;
}

#generic-statistic .dt-buttons {
    margin-bottom:10px;
    margin-top:30px;
}
.ui-datepicker table tbody .ui-datepicker-week-col {
    cursor: pointer;
    color: #1c94c4;
    font-weight: bold;
}

span.kurstermin_angefragt {
    font-style: italic;
}

span.kurstermin_festgelegt {
    font-weight: bold;
}
span.kurstermin_ausgefallen {
    text-decoration: line-through;
}
span.kurstermin_stattgefunden {
    font-weight: bold;
    background-color: green;
}

span.kurstermin_ausgefallen {
    font-weight: bold;
}

.htmx-indicator{
    display:none;
}
.htmx-request .htmx-indicator{
    display:inline;
}
.htmx-request.htmx-indicator{
    display:inline;
}

form.kurstermin_details {
    padding: 20 20 20 20;
}

form.kurstermin_details button {
    margin: 20 30 20 0;
    min-width: 60px;
}
span.selectRow {
    margin-top: 10px;
}
span.auto_rebook_warning {
    font-weight: bold;
    font-size: larger;
}