body, h1,h2,h3,h4,h5,h6, span, div:not(.ace_editor):not(.ace_editor *), select, input, button, textarea, a
{
    font-family: 'Roboto', sans-serif;
}

body.frame
{
    background-color: transparent;
}
html
{
    -webkit-overflow-scrolling: touch;
}
div.content-row
{
    font-size:0.93rem;
    margin-top:5px;
    margin-bottom:9px;
}

div.row#table_freipos_bezeichnung div.column
{
    padding:0;
    padding-left:1rem;
}
div.row#table_freipos_bezeichnung div.column:first-child
{
    padding:0;
}
div.round label.switch-paddle{
    border-radius: 6px; }

label
{
    font-size:0.93rem;
    display: flex;
    align-items: center;
}
label .switch
{
    display: inline;
    margin-right:5px;
}

div.content-row.row
{
    max-width:1330px;
    width:98%;
}

/*
body:not([filename="belegungsplan.php"]) div.container_around
{
    max-width:1330px;
} */

@media only screen and (max-width: 1300px) {
    .fc-button-group .fc-resourceTimeline12Months-button, .fc-button-group .fc-resourceTimelineSixMonths-button,  .fc-button-group .fc-resourceTimelineThreeMonths-button
    {
        display:none!important;
    }
    .fc-toolbar  button, .fc-toolbar input
    {
        padding:4px!important;
        margin-right:5px!important;
        font-size:14px!important;
    }
    #jstree_baum_tarif span.tarif_bezeichnung
    {
        font-size: 11px;
    }
}

#artikelpreis_abweichend td.einheit
{
    width:20%;
}

.jstree-anchor {
    /*enable wrapping*/
    white-space : normal !important;
    /*ensure lower nodes move down*/
    height : auto !important;
    /*offset icon width*/
    padding-right : 24px;
}

div#contentbereich[filename="belegungsplan.php"], div#contentbereich[filename="verwaltung-formularev2.php"]
{
    max-width:98%;
}

table tbody th, table tbody td
{
    padding:3px;
}

#loginscreen, .small_form
{
    max-width:500px;
}
.menu > li.suche
{
    padding-left:10px;
    padding-right:10px;
}
.menu > li.suche input
{
    min-width:180px
}

.menu.horizontal>li, .menu>li
{
    display:inline-flex;
}

.menubottom-before
{
    height:60px;
}

.menubottom
{
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: white;
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-top:7px;
    right:0;
    opacity: 0.92;
}
body[filename="belegungsplan.php"] .menubottom
{
    z-index: 10000000;
}
.menubottom li
{
    list-style-type: none;
    display: inline;
    margin-left:1.4rem;
    margin-bottom: 2rem;
}
.menubottom li:last-child
{
    padding-right:2.5rem;
}
.menubottom .row div.column:last-child
{
    padding-right:3.5rem;
}
.menubottom table
{
    padding-right:3.5rem;
}

.dropdown.menutop .IconEditSmall,#tabs_belegungsplan>ul>li .IconEditSmall, .ui-tabs-tab .IconEditSmall
{
    display: none;
}

div.kopfzeile
{
    padding-top:0.6em;
    padding-bottom:0em;
}
ul.topleiste li a
{
    padding:0;
}
ul.topleiste li img
{
    height:1.1rem;
    cursor:pointer;
}
ul.topleiste input[type="button"]
{
    width:6rem;
    height:29px;
    vertical-align:middle;
    padding:0;
}
ul.topleiste input[type="search"]
{
    width:10rem;
    height:30px;
    margin-right:0;
    padding-bottom: 0;
    padding-top:0;
}

button:not(.ui-datepicker-trigger),input[type="button"],input[type="submit"], a.button
{

    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0.85em 1em;
    margin: 0.2rem;
    font-size: 0.9rem;
    background-color: #2199e8;
    color: #fefefe; 
}
[data-whatinput='mouse'] button,input[type="button"],input[type="submit"]  {
    outline: 0; }
button:hover:not(.ui-datepicker-trigger),input[type="button"]:hover,input[type="submit"] :hover,
button:focus:not(.ui-datepicker-trigger),input[type="button"]:focus,input[type="submit"] :focus {
    background-color: #258dad;
    color: #fefefe; 
}


.table_calendar
{
    white-space:nowrap;
    margin:0px;
    padding:0px;
}
.table_calendar img
{
    padding-right:2px;
    padding-left:2px;
}
.table_calendar input[type='text']
{
    display:inline;
}
.table_calendar input[type='date'],.table_calendar input[type='time']
{
    display:inline-block;
}
.table_calendar input.textbox_datum
{
    /*By PHCOM*/
    width:120px;
}

.table_calendar input::-webkit-clear-button
{
    display: none; /* Hide the button */
    -webkit-appearance: none; /* turn off default browser styling */
}
.table_calendar input.textbox_zeitv3
{
    /*By PHCOM*/
    width:60px;
}

.IconClick
{
    cursor: pointer;
    border: 0;
    height: 1.2em;
    min-width: 1.2em;
}
i.IconEdit
{
    font-size: 2em;
    vertical-align: middle;
    cursor:pointer;
}
img.IconEdit, img.IconEdity
{
    cursor:pointer;
    border:0;
    height: 28px;
    min-width: 28px;
}


.iconAction img.IconEdit, #dialogFzg img
{
    height: 40px;
    margin:8px;
}

img.IconEditSmall {
    border: 0;
    height: 1.1em;
    min-width: 1.1em;
    margin-right:3px;
}
.addRemoveButtonField .IconEditSmall
{
    cursor: pointer;
}
td.icon_cell
{
    white-space:nowrap;
    float:right;
}

.redcolor
{
    color:#ec5840;
}
.fehlermeldung, .marked-red , .marked-red a
{
    background-color: #ec5840;
    color:white;
}
td.marked-red,td.marked-green, tr.marked-green td, div.marked-green
{
    border-bottom:1px solid white;
}

.marked-green, .marked-green a, tr.marked-green td, div.marked-green a
{
    background-color: #3adb76!important;
    color:white!important;
}

/*TooltipBelegungsplan*/
.tooltipevent
{
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    background:white;
    border-radius:4px;
    border: 2px solid #AEBABF;
}
.systembuchung
{
    background:#333333;
    font-color:black;
}
.standardbuchung
{
    background:yellow;
    font-color:black;
}

/*Vorgang*/
.table_vorgang, table#tableBuchungPositionen
{
    width:100%;
    border:0px solid black;

}
.table_vorgang tr td:first-child, .vorgang_td_width, .viertel-width
{
    width:25%;
}

.table_vorgang tr td
{
    padding-right:4px;
    padding-top:4px;
    padding-bottom:4px;

}
#table_vorgang .td_re_nr
{
    text-align:center;
}
#table_vorgang .td_re_nr div.wrapping
{
    min-width:115px;
    border:0px solid black;
    margin-bottom:1px;
    float:right;
    margin-right:25px;
}
#table_vorgang .td_re_nr input
{
    float:left;
}
#table_vorgang .td_re_nr img
{
    float:right;
    margin-left:3px;
}
#tableBuchungPositionen, #table_freipos_bezeichnung, table.table_no_pad, table.table_no_pad td, table.table_vorgang tr td > table
{
    margin:0px; 
    padding:0px;
    width:-moz-fit-content;
}
table.table_no_pad tr, table.table_no_pad tbody tr:nth-child(2n), table#tablef1>tbody > tr
{
    background-color: transparent;
}


table,table thead, table tbody, table tfoot
{
    border:0;
    background-color: transparent;
}
table thead td, table thead th
{
    padding:0;
}

table tr td [type="text"],table tr td  [type="password"],table tr td  [type="date"],table tr td  [type="datetime"], table tr td [type="datetime-local"],table tr td  [type="month"], table tr td [type="week"], table tr td [type="email"],table tr td  [type="number"],table tr td  [type="search"], table tr td [type="tel"], table tr td [type="time"],table tr td  [type="url"], table tr td [type="color"], table tr td textarea,table tr td select
{
    margin:0;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], select, option
{
    height:2.15rem;
}

input[type=number]
{
    padding: .1rem;
    text-align: right;
}
input[readonly]
{
    cursor: default;
}

textarea
{
    height:4.15rem;
}
.select2-container .select2-selection--single
{
    margin-top:0px;
    border-radius: 0;
    height:2.15rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 2.15rem;
}
select
{
   /* padding-bottom:0px;
    padding-top:0px;*/
}

.half-width
{
    width:50%;
}
.full-width,.fullwidth,iframe#vorschau_formular
{
    width:100%;
}
/*FormularAuswahlActive*/
.FormularAuswahlAktiv {
  background-color: #808080!important;
  color: white;
}

.DataTableAroundDiv
{
    margin-bottom:25px;
}
div#table_vorgang_info.dataTables_info, div.dataTables_filter
{
    /*display: none;*/
}
.dataTable thead tr td {
    background: rgb(87,148,165); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3OTRhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODc4ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(87,148,165,1) 0%, rgba(72,120,136,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,148,165,1)), color-stop(100%,rgba(72,120,136,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(87,148,165,1) 0%,rgba(72,120,136,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(87,148,165,1) 0%,rgba(72,120,136,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(87,148,165,1) 0%,rgba(72,120,136,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(87,148,165,1) 0%,rgba(72,120,136,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5794a5', endColorstr='#487888',GradientType=0 ); /* IE6-8 */
    color: #fff;
    font-weight: bold;
    border-left: 1px solid #fff;
}

.dataTable th:first-child {
    border-left: 0px;
}



/*Tabs fuer den Belegunsplan */
#tabmenu, #tabmenu1, #tabmenu2 {
    overflow: hidden;
    border-bottom: 1px solid #FFF; }

#tabmenu .tab, #tabmenu1 .tab1, #tabmenu2 .tab2 {
    float: left;
    border: 1px solid #660000;
    border-bottom: none;
    margin-left: 3px;
    padding: 3px;
    background-color: #f6f6f6;
    font-weight: bold;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }

#tabmenu .active, #tabmenu1 .active, #tabmenu2 .active {
    background-color: #2199e8;
    color: white; }

#tabmenu .tab:hover, #tabmenu1 .tab1:hover, #tabmenu2 .tab2:hover {
    background-color: #2199e8;
    color: white;
    cursor: pointer; 
}


.chzn-container-active .chzn-choices {
    border: 1px solid #487888;
}

h4.formheadline{
    color: #487888;
    font-size: 1.2em;
    height: 1.2em;
    padding-top: 0px;
    margin-top: 0px !important;
}

h4.formheadline img {
    height: 0.9em;
    padding-right: 10px;
}

h1, h2, h3,b, strong, .fc-toolbar h2
{
    font-size:1.2rem;
    font-weight: bold;
}
b, strong
{
    font-size:1rem;
    font-weight: bold;
}

div.codeHTML { 
    width:100%;
    height:400px;
    border:1px solid black;
}



.zweispaltig {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
}

.assi_input_around {
    display: inline-block;
    width: 100%;
}

.assi_input_around.check{
    margin-bottom: 10px;
}
.form_element
{
    float:left;
    width:47%;
    margin:0;
    margin-right:1.5em;
    margin-bottom:1.5em;
} 



/**** AUTOCOMPLETE - FELDER ************/
.Ajax_DIV {
    border: 1px solid #9F9F9F;
    background-color: #F3F3F3;
    padding: 3px;
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
    color: #000000;
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    white-space: nowrap; }

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

.Ajax_DIV UL LI {
    display: block;
    background-color: #F3F3F3; }

.Ajax_DIV A {
    color: #000000;
    text-decoration: none; }

.Ajax_DIV A:hover {
    color: #000000; }

.Ajax_DIV LI.selected {
    background-color: #98D0FE;
    color: #000000; }

.ACL_DIV {
    border: 1px solid black;
    background-color: white;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
    color: #000000;
    display: block;
    position: absolute;
    z-index: 999;
    white-space: nowrap; }

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

.ACL_DIV UL LI {
    display: block; }

.ACL_DIV A {
    color: #000000;
    text-decoration: none; }

.ACL_DIV A:hover {
    background-color: #98D0FE;
    color: #000000; }


.feldFehler, .feldFehler:focus
{
    border:1px solid red;
}
.feldOK, .feldOK:focus
{
    border:1px solid green;
}
.tooltip {
    position: absolute;
    display: none;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    padding: 2px; }

.NotOK {
    font-size: 1em;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #DF4941;
    text-decoration: none; }

.OK {
    font-size: 1em;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #228319;
    text-decoration: none; }

/*Globale Einstellungen*/
table.tableGlobaleEinstellungen {
  empty-cells: show;
}

table.tableGlobaleEinstellungen tr td {
  border-bottom: 1px solid #808080;
  padding-left: 3px;
  padding-top: 6px;
  padding-bottom: 6px; 
}
table.tableGlobaleEinstellungen .SUA td, li a.SUA, tr.SUA td, .column.SUA, .row.SUA .column, div.SUA{
    background-color:  #ec5840;
    color:white;
    padding-top:4px;
    padding-bottom:4px;
}

.tab_zahlung {
  font-weight: bold;
  color: #000022;
  background-color: #F4F4F4;
  text-decoration: none;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid black;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin: 1px;
  margin-bottom: -1px; }

.tab_zahlung:hover, .tab_zahlung_aktiv:hover {
  background-color: #2199e8;
  color: #FFFFFF;
  cursor: pointer; }

.tab_zahlung_aktiv {
  font-weight: bold;
  background-color: #2199e8;
  color: #FFFFFF;
  text-decoration: none;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid black;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin: 1px;
  margin-bottom: -1px; }

.tab_zahlung_content_frame {
  border: 1px solid #660000;
  display: block;
  clear: left;
  border-radius: 6px;
  padding: 5px; }



/*Formularvorschau*/
table#tablef1 div table
{
    margin-top:3px;
}
table#tablef1 div table tr td, table#tablef1 div.ui-accordion-content
{
    margin:0px;
    padding:0px;
}

 
.assi_maske_content .chzn-choices {
overflow: visible;
}

.assi_maske_content .chzn-container-multi .chzn-choices li {
	float: none;
}

.chzn-container-active .chzn-choices {
	 border: 1px solid #487888;
}


.assi_maske_content label {
    display:inline;
}

.assi_maske_content legend {
	font-weight: bold;
	padding: 0 5px;
}

.assi_maske_content fieldset, .assi_maske_content input[type=text], .assi_maske_content input[type=password], .assi_maske_content textarea, .assi_maske_content input[type=search], .assi_maske_content input[type=number], .assi_maske_content input[type=date], .assi_maske_content input[type=time], .assi_maske_content input[type=email], .assi_maske_content input[type=tel], .assi_maske_content input[type=url], .assi_maske_content .custom-combobox, .cke {
	margin-bottom: 10px !important; 
	margin-top: 2px !important;
}

.assi_maske_content .select-style {
	margin-bottom: 10px !important; 
	margin-top: 2px !important;
}



.assi-thumbnail {
	display: block;
	height: 50px;
	width: auto;
	margin-bottom: 5px;
}

.assi_input_around {
	display: inline-block;
	width: 100%;
}

.assi_input_around.check{
	margin-bottom: 10px;
}

.assi_maske_content iframe {
	width: 100%;
	border: 1px solid #AEBABF;
	min-height: 300px;
}

.assi_maske_content input[type=checkbox] {
	width: 20px;
    height: 20px;
	margin: 0;
	margin-bottom: -3px;
	margin-right: 5px;
}

.assi_artikeltext {
 margin-bottom: 10px !important; 
 margin-top: 2px !important;
 height: 16px;
}

.zweispaltig {
	 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
}


.assi_divider {
	width: 100%;
	display: block;
	clear: both;
	border: 1px dotted #AEBABF;
	margin: 30px 0;
}


.spalte_around {
	display:block;
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
    width: 45%;
    margin-right: 4%;
    float:left;
}

.spalte_around.right {
	margin-right: 0;
}
.spalte_around.fullwidth
{
	width:100%;
}
#SchadenEingabe3, .schaden_iframe
{
    overflow: hidden;
    min-width:550px;
    width:100%;
    height:500px;
}

#iframe_vorschau, #iframe1, #SchadenEingabe3
{
	display:block;
	border: 1px solid #AEBABF;
	background: #fff;
	appearance: none;
	-moz-appearance:none;
	-webkit-appearance:none;
	padding: 2%;
	margin: 10px 0;
	width:100%;
	min-height:400px;
}
.statistik_table
{
	width:80%;
}
.statistik_table tr td:first-child
{
	width:20%;
}

.ui-accordion .ui-accordion-content
{
    overflow:visible;
}

div#preise_tarif_div div.ui-accordion-content
{
    padding:10px;
}

div.gueltigkeit_fieldset .checkboxes label, .tageauswahl label
{
    display: inline-block;
    background-color: #e9e9e9;
    white-space: nowrap;
    height: 30px;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 5px;
    margin-bottom: 4px;
}



fieldset {
  border: 0;
  margin: 0;
  padding: 0; 
  	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
  }

  .assi_maske_content fieldset, .assi_maske_content input[type=text], .assi_maske_content input[type=password], .assi_maske_content textarea, .assi_maske_content input[type=search], .assi_maske_content input[type=number], .assi_maske_content input[type=date], .assi_maske_content input[type=time], .assi_maske_content input[type=email], .assi_maske_content input[type=tel], .assi_maske_content input[type=url], .assi_maske_content .custom-combobox, .cke {
	margin-bottom: 10px; 
	margin-top: 2px;
}

.ui-autocomplete-category
{
    font-weight: bold;
}

form#form_assi_schnellbuchung div#tabs-1 label
{
    font-weight: bold;
}

form#form_assi_schnellbuchung div.row
{
    margin-left:0;
    margin-right:0;
}

form#form_assi_schnellbuchung div.columns
{
    padding-left:3px;
    padding-right:3px;
}






ul.list_uebersicht {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
 
ul.list_uebersicht li {
  border-bottom: 1px solid #ccc;
  font-size:0.7rem;
}


/*FOrmularauswahl Accordion*/
div#accFormularAuswahl div.ui-accordion-content
{
    padding:0;
    max-height:400px;
    overflow-y: auto;
}
div#div_vorgang_abrechnen div.ui-accordion-content
{
    padding:2px;
}
#live_vorschau,#live_vorschau-pdf,#live_vorschau-email
{
	width:100%;
	height:500px;
}

a.belegungsplan_tab_delay:link
{
    background-color: #ec5840;
    color:  	#FFFFFF;
}

div#belegungsplan_content table tr[class^="fc-resourcerow-fzg_id"] > td:not(.fc-resourceName) 
{ 
    background:#f1f1f1;
}
div#belegungsplan_content table tr[class^="fc-resourcerow-fgz_gruppe"] > td, div#belegungsplan_content table tr td.fc-resourceName
{ 
    background:#ffffff;
}

div#belegungsplan_content table tr[class^="fc-resourcerow-fgz_gruppe"] > td.fc-resourceName/*Border - RIght*/
{
    font-weight: bold;
    vertical-align: middle;
}
div#belegungsplan_content table tr[class^="fc-resourcerow-fzg_id"] > td.fc-resourceName  /*Kein border bottom */
{
    border-bottom:0;
    border-right:0;
    border-left:0;
    vertical-align: middle;
    cursor:pointer;
}
div#belegungsplan_content table tr[class^="fc-resourcerow-fzg_id"].fc-last > td.fc-resourceName  /*Kein border bottom */
{
    border-bottom:1px solid #ddd;
}

div#tabs_belegungsplan input.aktualisieren
{
    font-size:25px;
    padding: 7px;
}
.fc-button-primary:disabled, .fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active
{
    background-color: #4C4C4C;
}

.ui-tabs .ui-tabs-panel.tab-station, #tabs_belegungsplan-station>ul li.ui-tabs-tab
{
    background-color: white;
}


.ui-state-active , h3.plan, a.ui-state-active
{
    background:#2199e8!important;
    border:0!important;
    color:white!important;
}

div.SelectboxSelectDiv
{
    display:inline;
}
div#belegungsplan_nav input[type="button"], input.SelectNoItems, input.SelectAllItems, input.fahrzeuggruppen_auswahl
{
    height:29px;
    vertical-align: middle;
    padding-top:0;
    padding-bottom:0;
}

input:checked ~ .switch-paddle
{
    background:#3adb76;
}

.select2-container--default .select2-results>.select2-results__options
{
    max-height: 300px;
}
input.waehrung
{
    text-align: right;
    max-width:110px;
}
input.smallboxnumber
{
    width:6rem;
    text-align: right;
}
input.hasDatepicker
{
    width:7rem; 
    text-align: right;
}

input.boxuhrzeit
{
    width:5rem; 
    text-align: right;
}

div#vorschau_iframe_container
{
    max-height:600px;
  -webkit-overflow-scrolling: touch;
  overflow:auto;
  border:1px solid #ddd;
}

div#vorschau_iframe_container iframe {
  height: 100%;
  width: 100%;
}

.no-js-hide, .no-js
{
    display:none;
}

/*Alter Belegungsplan Roller */
table#table_belegungsplan tr/*, table.noAlternateBackgground tr*/
{
    background:transparent!important;
}
span.belegt_span_termin
{
    cursor: pointer;
}

.durchstrich, .durchstrich td, .durchstrich .column {text-decoration: line-through;}

.DataTableSlim td, .DataTable td, .DataTableSlim td a, .DataTable td a
{
    word-wrap: break-word;
}


table#table_formular_auswahl tr td div
{
    word-wrap: break-word;
}


div.form-builder ul li
{
    height:auto;
}


.ui-datepicker-trigger i
{
    font-size: 2em;
    margin: 0 5px 0 8px;
    vertical-align: middle;
}

div.row_abstand .row .column
{
    padding-bottom:18px;
}

div.alternierend:nth-of-type(even){
    background-color: #f1f1f1;
}

div.alternierend div.column {
    padding-top:6px;
    padding-bottom:6px;
}

table#table_station, table#table_kennzeichen
{
    margin:0;
}
table#table_station td, table#table_kennzeichen td
{
    padding:0;
}

div#jstree_website
{
    min-height:200px;
}

.kassenbuch button.ui-button
{
    background-color: #f6f6f6;
}

table#ausgaben tbody tr:hover td, table#einnahmen tbody tr:hover td, table#storno tbody tr:hover td
{
    background-color: #e9e9e9!important;
}

div.tabs.kassenbuch table.ui-widget
{
    width:100%;
}

.auswahlsticky
{
    background-color: white;
}
.textbold
{
    font-weight:bold;
}

.unterschrift_iframe
{
    width:100%;
    min-height: 300px;
}


body.noscroll{
    /* disable scrollbar on both x and y axis */
    overflow: hidden;

    /* disable scrollbar on x-axis only */
    overflow-x: hidden;

    /* disable scrollbar on y-axis only */
    overflow-y: hidden;

    /* disable scroll */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.jstree a.inaktiv
{
    text-decoration: line-through;
}
.jstree a.jstree-anchor i.jstree-icon
{
    background-size: contain!important;
}

#einstellungen_tab tr:first-child td u
{
    text-decoration: none;
    font-weight: bold;
}


#form_mitarbeiter_aufwand img.img_person_drucken, #form_mitarbeiter_aufwand img.img_person_email, #form_mitarbeiter_aufwand img.img_person_sms, table.mitarbeiter_aufwand img.img_person_sms
{
    display: none;
}

table.mitarbeiter_aufwand thead td
{
    vertical-align: bottom;
    border-bottom: 1px solid black;
}

table.mitarbeiter_aufwand tr:last-child .DelIcon, table.mitarbeiter_aufwand .img_person_drucken, table.mitarbeiter_aufwand .img_person_email
{
    display: none;
}

/*Zuweisung*/
table#table_zuweisung {border-collapse:collapse;}

table#table_zuweisung tr.zuweisung_sicher td
{
    background-color:#9ACD32;
    border-top:1px solid black;
    border-bottom:1px solid black;
}
table#table_zuweisung tr.zuweisung_unsicher td
{
    background-color:#FF8C00;
    border-top:1px solid black;
    border-bottom:1px solid black;
}

.drittelwidth,.drittel-width
{
    width:33%;
}
.zweidrittelwidth
{
    width:66%;
}
.valigntop
{
    vertical-align: top;
}

.nomargin
{
    border-collapse: collapse;
}

.nomargin td {
    padding:0; margin:0;
}

.belegt_span_termin
{
    background-color: grey;
}

.textbox.colorPicker
{
    display: none;
}

#vorschau_container #tarifbetrag_vorschau
{
    max-height:280px;
    overflow-y: scroll;
}


#table_abholung tr td, #table_rueckgabe tr td
{
    word-wrap: break-word;
}

a.formularvorschau.active
{
    text-decoration: underline;
}

input.eingabe_mitarbeiter_nummer
{
    height:60px;
    font-size: 40px;
    width:200px;
    text-align: right;
}

div.person_icons img
{
   float:right;
}

div.person_box
{
    float: left;
    max-width: 80%;
    margin-right: 5px;
    min-width: 60%;
}

div.person_box_auswahl
{
    padding-left: 5px;
    margin-left: 5px;
    vertical-align: middle;
}
div.person_box_auswahl img
{
    margin-right:5px;
}
div.person_box_auswahl img:last-child
{
    margin-right:0;
}
input[type="button"].gedreht
{
    transform: rotate(270deg);
}

div.nopadding
{
    padding:0!important;
    margin:0!important;
}

i.IconEdit.aktuelles_datum_setzen
{
    margin-left:10px;
    margin-right:10px;
}

.ui-widget-content .column>a:not(.button) {
    color: #1779ba;
}
a:not(.button):hover {
    text-decoration: underline;
}

div.hilfetext
{
    position: absolute;
    margin-top: 2px;
    margin-left:2px;
    z-index: 0;
    opacity: 0.3;
}

input[type="text"][title],input[type="search"][title],input[type="email"][title],input[type="num"][title]
{
    text-indent: 10px;
}
.ui-autocomplete li
{
    overflow: hidden;
}

div.hilfe_pencil
{
    font-size: 25px;
    cursor: pointer;
}

.hilfetext_aktiv
{
    border:2px solid green;
}
.premiumfont
{
    color:GoldenRod ;
}
.premium
{
    font-size:50px;
    color:gold;
    background: transparent;
}
.blockUI.blockOverlay
{
    min-height:60px;
    padding:8px;
    cursor: not-allowed;
}

.premiumaccount>.dark
{
    opacity: 0.2;
}


/*Belegungsplan V2*/
li.ui-tab.alert, #tabs_belegungsplan .row.alert
{
    background-color: orangered;
}
#tabs_belegungsplan .row.alert
{
    margin-bottom:1px;
}
li.ui-tabs-active.alert
{
    background-color: lightcoral!important;
}
li.ui-tab.alert a
{
     color:white;
}

div.row.alert a
{
    color:black!important;
}

div.fc-view-container table tbody tr:nth-child(even)
{
    border-bottom: 0;
    background-color:transparent;
}

.fc-event:hover, #tab-belegungsplan[recht_id="10"] .fc-resource-area tr[data-resource-id^='fzg_id']:hover
{
    background-color: #CEE3F6!important;
    cursor: pointer;
}
.fc-event:hover *, #tab-belegungsplan[recht_id="10"] .fc-resource-area tr[data-resource-id^='fzg_id']:hover *
{
    color:black!important;
}

.fc-time-area tr[data-resource-id^='fahrzeuggruppe_sub_id']
{

}

.fc-scroller-canvas .fc-content>table tbody tr:nth-child(3)
{
    display: none;
}
.fc-resource-area th.fc-widget-header .fc-cell-text
{
    display: none;
}

.cssMarker {
    position:absolute;
    border-bottom: 2px dashed #F08080;
    z-index:20;

}

body.testmodus
{
    background-color:lightpink;
}

div.fc-view table thead th.fc-widget-header .fc-cell-content span
{
    white-space: normal;
}

.aktion button, .aktion a.button
{
    font-size: 25px;
    padding:5px;
}
.DivAccBel.Warnung h3
{
    background-color: white;
    color:red;
}

div.fc-view-container table tbody tr[data-resource-id^="fahrzeuggruppe_sub_id"]
{
    background-color:#eee;
}

#tabs-suche .column.rechnungsnummer
{
    overflow: hidden;
}

tr[data-resource-id^="fzg_id"] .fc-widget-content .fc-cell-content .fc-icon, tr[data-resource-id^="fahrzeuggruppe_sub_id"] .fc-cell-content > .fc-icon
{
    display:none;
}

.ansicht_datenobjekt
{
    max-height: 600px;
    overflow-y: scroll;
}

.neueinrichtung.ui-progressbar > div{
    background-color: #3adb76;
    margin:0;
}

div.fc-rows table tr .fc-divider
{
    background-color: #2199e8;
    color:white;
}

.fc-button .fc-icon
{
    font-size: 1em;
}


.fc-view > table {
    empty-cells: show;
}
.fc-view > table .tableFloatingHeaderOriginal {
    background: rgba(255,255,255,0.9);
}
area
{
    background: #d75e72;
}
div.einbuchen
{
    cursor: pointer;
}
div.einbuchen:hover
{
    text-decoration: underline;
}
div.einbuchen .hilfetext
{
    display: none;
}

#link_gen_area xmp
{
    white-space: pre-wrap;
}

div.DivAccordion.grundeinrichtung .ui-accordion-content
{
    padding-left:0;
    padding-right:0;
}


.row .column .chzn-container, .row .column .select2
{
    margin: 0 0 1rem;
}
.switch
{
    margin-bottom:6px;
}


.formularedit.email > ul
{
    display: none;
}
.formularedit.email
{
    border:0;
}
.formularedit.email #tab-edit-email
{
    padding:0;
}


.vorgang_positionen .headline
{
    font-weight: bold;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 10px;
}
.vorgang_positionen #freiposition_container .freiposition .entfernen
{
    display: none;
}
.vorgang_positionen #freiposition_container .freiposition:last-child .entfernen
{
    display: inline;
}
.vorgang_positionen #freiposition_container .freiposition:first-child .entfernen
{
    display: none;
}

#form_buchung .DivAccordionClosed.warnung h3, #form_buchung .DivAccordion.warnung h3
{
    background-color: orange!important;
}
div.fahrzeugmiete .fahrzeugbezeichnung
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul#positionen
{
    margin-left:0;
}
ul#positionen li
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#positionen li:before {
    content: "\2022";
    margin-right: 6px;
}
span.station_mietbeginn
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.uebersicht .statuscheck ul
{
    margin-top:9px;
}
.statuscheck ul, .statuscheck ul li {
    list-style-type: none;
}
.statuscheck ul li {
    text-indent: -1em;
}

.statuscheck input[type=button]
{
    display: none;
}
.statuscheck input[type=button]:first-child
{
     display: inherit;
}

.row.bordertop .column
{
    border-top:1px solid #cacaca;
}

.is-dropdown-submenu
{
    min-width:250px;
}

div.fc-rows tr.auswahl_aktiv td
{
    background-color: #98D0FE;
}

div#sammelvorgang_container ul, div#sammelvorgang_container ul li
{
    list-style-type: none;
}
div#sammelvorgang_container ul li
{
    margin-left:-5px;
    cursor: pointer;
}
div#sammelvorgang_container ul li:hover
{
    text-decoration: underline;
}

div.DivAccBel h3
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.DivAccBel>div hr:last-child
{
    display:none;
}
div.tabartikelliste div.artikelliste:last-child hr
{
    display:none;
}

select.mehrdauer_einheit
{
    margin-left:4px;
}
td.addRemoveButtonField
{
    padding-top:0;
}

table.fahrzeug_table table
{
    margin-bottom: 0;
}

.kopfzeile
{
    min-height:35px;
}

#artikel_kategorie tbody tr:first-child .deleteIconTable
{
    display: none;
}

.callout.secondary
{
    background-color: #EAEAEA;
}

.ui-tabs
{
    margin-top:5px;
    background-color:#EAEAEA;
}

.ui-tabs .ui-tabs-nav li
{
    margin-top:4px;
    margin-right:5px;
}

.ui-tabs .ui-tabs-panel
{
    background-color: #F6F6F6 ;
}
.ui-tabs .ui-tabs-panel div.ui-accordion h3.ui-accordion-header
{
    background-color:#EAEAEA;
}

.ui-widget-header, .ui-widget, .ui-widget.ui-widget-content  {
    border:0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border:0;
    background: #F6F6F6;
    font-weight: normal;
    color: #454545;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}
.ui-progressbar
{
    background: #F6F6F6;
}

body.frame h3.ui-accordion-header
{
    background-color:#EAEAEA;
}
.ui-accordion .ui-accordion-header-active
{
    color:white;
}
.ui-accordion .ui-accordion-header-collapsed
{
    margin-bottom:4px;
}

#gruppe_container .row:first-child input.alert
{
    display: none;
}

ul.liste_belegungsplan_tooltip
{
    margin-bottom: 0;
}

#tab-felder-content .feldliste
{
    max-height:300px;
    overflow-y:auto;
    background-color: white;
    border: 1px solid grey;
    margin: 5px;
    padding: 5px;
}

#progressbar div
{
    text-align:center;
}
#progressbar
{
    height:50px;
}
#tab-tabelle-content ul, #tab-tabelle-content li{
    list-style-type: none;
}
.feldliste label, #tab-tabelle-content label
{
    display: table-cell;
    vertical-align: middle;
    height: 26px;
}

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 60%;
}
#sortable li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    background: white;

}


#datatable td,#datatable th
{
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:150px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before
{
    top:4px;
}
#sortable li span {
    position: absolute;
    margin-left: -1.3em;
    margin-top:3px;
}

div#abfrage_ansicht
{
    margin-top:10px;
    margin-bottom:20px;
}

code
{
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
    color: #0a0a0a;
}

.ui-dialog .ui-dialog-content.dialog_growl
{
    opacity: 0.85;
    background: #EAEAEA;
    color:black;
    border-radius:5px;
}
.DataTableSlim.vorgang, .DataTableSlim.vorgang b, .DataTableSlim.vorgang input.button
{
    font-size: 0.9rem;
}
@media only screen and (max-width: 800px) {
    .DataTableSlim.vorgang, .DataTableSlim.vorgang b, .DataTableSlim.vorgang input.button
    {
        font-size: 0.8rem;
    }
}
.vorgang_suchfilter .SelectboxSelectDiv
{
    display: none;
}

.DataTableSlim.vorgang tr td
{
    vertical-align: top;
}
.DataTableSlim.vorgang tr td.positionen, .DataTableSlim.vorgang tr td.personen
{
    max-width: 300px;
}
.DataTableSlim.vorgang tr td.betrag
 {
     text-align:right;
    white-space: nowrap;
 }

a.button.vorgang_alt
{
    display: none;
}