* { margin:0px; padding:0px; }
.clear, .clearer { clear:both; }

html, input { font-family:arial; }
body { background-color:#FBF6E9; }
input[type="submit"] { cursor:pointer; }

#login_dialog { position:absolute; width:470px; left:50%; top:0px; margin-left:-235px; box-sizing:border-box; min-height:300px; border:10px solid #DAA520; background-color:#FFFFFF; }
#login_dialog .input_wrap { width:auto; padding:20px; }
#login_dialog input { border:1px solid #C5C5C5; color:#111111; width:100%; display:block; box-sizing:border-box; line-height:35px; height:35px; text-indent:10px; }
#login_dialog ul.error li { padding-left:20px; border-left:none; }


#content_wrap { margin:0rem 1rem 0rem 1rem; font-size:0.75rem; }

nav ul { background-color:#EED698; z-index:2; padding:0; margin:0; list-style: none; position: relative; display:block; border-bottom:1px solid #DAA520; height:30px; }
nav ul .icon { float:left; margin-right:8px; }
nav ul .iconplaceholder { width:16px; height:16px; display:inline-block; float:left; margin-right:8px; }
nav ul li { float:left; display:list-item; list-style: none; background-color:#EED698; }
nav ul li.logout { float:right; }
nav ul li.userinfo { display:block; float:right; padding:8px 10px; color:#333333; font-size:12px; }
nav ul li.userinfo a { display:inline; text-decoration:underline; color:#FF0000; } 
nav ul li a { display:block; padding:8px 10px; color:#333333; font-size:12px; text-decoration:none; }
li a.active, li a:hover { background-color:#DAA520; }
nav ul ul { display:none; position:absolute; top:30px; border:1px solid #DAA520; height:auto; }
nav ul li:hover > ul { display:list-item; }
nav ul ul li { width:auto; float:none; position:relative; border-bottom:none; }
nav ul ul ul li { position: absolute; top:-31px; left:170px; }

.ui-autocomplete { max-height:300px; overflow-y:scroll; }
.ui-dialog .ui-dialog-title { font-size:0.8rem; }

.page_filter { font-size:0.75rem; margin:20px 10px 10px 15px; width:250px; float:left; }
.page_filter .link_wrap_outer .link_wrap { width:100%; }
.page_filter .link_wrap_outer { border:1px solid #DAA520; margin-bottom:3px; }
.page_filter .link_wrap_outer:hover, .page_filter .active  { background-color:#DAA520; cursor:pointer; }
.page_filter .link_wrap_outer .link_wrap .icon { margin-right:0.5rem; float:left; } 
.page_filter .link_wrap_outer .link_wrap a { padding:5px; box-sizing:border-box; display:inline-block; color:#000000; text-decoration:underline; line-height:17px; text-decoration:none; width:100%; } 

.page_content { box-sizing:border-box; background-color:#EED698; }
.page_content .link_wrap_outer { }
.page_content .link_wrap_outer a { text-decoration:underline; color:inherit; line-height:20px; display:inline-block; }
.page_content .link_wrap_outer a .icon { margin-right:5px; float:left; }

.round_box { border:1px solid #DAA520; padding:15px; background-color:#EED698; }

.page_content { border:1px solid #DAA520; padding:15px; font-size:0.75rem; margin:20px 10px 10px 10px; float:left; }
.page_content hr { border:0px; border-top:1px solid #999999; }
.page_content h1 { margin-bottom:9px; }
.page_content h2 { margin-bottom:9px; }
.page_content h3 { margin-bottom:9px; }
.page_content .ui-accordion h3 { margin-bottom:0px; } 

.page_content_wrap h1 { margin-bottom:1rem; line-height:1.5rem; font-size:1.2rem; font-weight:normal; }

.page_content_wrap .ui-tabs { width:800px; }

.formfield { width:700px; }
.formfield .label { width:38%; float:left; line-height:27px; }
.formfield .value { width:58%; float:right; min-height:27px; }
.formfield .label label { cursor:pointer; }
.formfield .label input[type="checkbox"] { position:relative; display:inline-block; top:2px; }
.formfield_input input, .formfield_fromto input { font-size:0.75rem; text-indent:3px; width:100%; box-sizing:border-box; height:20px; border:1px solid #CCCCCC; margin-top:3px; font-family:Arial,​sans-serif; }
.formfield_colorpicker input { width:100%; box-sizing:border-box; text-shadow: #FFFFFF 0px 0px 2px; font-size:0.75rem; text-indent:3px; float:right; height:20px; border:1px solid #CCCCCC; margin-top:3px; font-family:Arial,​sans-serif; }
.formfield_textarea textarea { margin-top:3px; margin-bottom:1px; box-sizing:border-box; width:100%; height:150px; padding:3px; border:1px solid #CCCCCC; font-family:Arial,​sans-serif; font-size:0.75rem; white-space:pre; }
.formfield_checkbox .value input { margin-right:0.5rem; float:left; height:25px; }
.formfield_checkbox .value label { cursor:pointer; line-height:27px; display:inline-block; }
.formfield_checkbox .noLabel { float:none; } 
.formfield select { width:100%; border:1px solid #CCCCCC; font-family:Arial,sans-serif; font-size:0.75rem; height:20px; box-sizing:border-box; margin-top:3px; }
.formfield_table table { margin-top:2px; width:100%; min-width:100%; }
.formfield_fromto .from { width:48%; float:left; }
.formfield_fromto .spacer { text-align:center; width:4%; float:left; height:20px; line-height:20px; margin-top:3px; }
.formfield_fromto .to { width:48%; float:left; }
.formfield_upload { margin-top:4px; }
.formfield_upload .value label { line-height:27px; display:inline-block; cursor:pointer; }
.formfield_upload .value label input { margin-top:7px; margin-right:5px; float:left; }
.formfield_text .value { padding-top:5px; min-height:22px; }

.filter .formfield { width:100%; }
.filter .formfield .label { width:100%; line-height:100%; }
.filter .formfield .value { width:100%; margin-bottom:0.5rem; }
.filter .filter_indicator { float:right; }

ul.error { margin-bottom:1rem; margin-left:0rem; color:#FF0000; list-style:none; }
ul.error li { border-left:5px solid #FF0000; padding-left:0.25rem; }

ul.message { margin-bottom:1rem; margin-left:0rem; color:#008040; list-style:none; }
ul.message li { border-left:5px solid #008040; padding-left:0.25rem; }

.datatable { width:100%; min-width:700px; border-collapse:collapse; }
.datatable tr th { background-color:#DAA520; text-align:left; padding:3px; }
.datatable tr td { text-align:left; padding:3px; color:#000000; border-bottom:1px solid #EEEEEE; line-height:16px; }
.datatable tr:hover td { background-color:#DAA520; cursor:pointer; }
.datatable-noclick tr:hover td { cursor:default; }
.datatable .icon { margin-top:1px; float:right; margin-left:4px; }
.datatable .row_inactiv td { color:#999999; }

.datatable .col_action { text-align:right; min-width:85px; width:85px; }
.datatable .col_sortable { cursor:move !important; }
.datatable .col_action .link_wrap_outer a { display:inline; }
.datatable .col_action .link_wrap_outer a .icon { float:right; margin-right:0px; }
.datatable .col_id { width:30px; }

.ui-widget { font-size:0.75rem !important; }
.ui-widget-content { font-size:0.75rem; }
.ui-widget-content .formfield { width:100%; }

.no-close .ui-dialog-titlebar-close {display: none }
#login_form .error { margin-top:0.5rem; }

.pager { line-height:16px; font-size:0.75rem; float:right; margin-top:-2rem; }
.pager a, .pager .nolink { float:left; display:inline-block; margin-right:5px; }
.pager input { float:left; border:1px solid #CCCCCC; height:16px; font-size:0.75rem; padding-top:0px; margin-top:-1px; width:20px; text-align:center; margin-right:5px; }
.pager .label { float:left; margin-right:5px; margin-top:1px; font-size:0.75rem; }

.hasDatepicker { background-image:url('../gfx/calendar.png'); background-repeat:no-repeat; background-position:right 50%; }

.notice { font-style:italic; }

/* Datenblattverwaltung */
#sheet_chronik { height:175px; }
#sheet_pice_articletext { height:200px; }
#sheet_pice_autocomplete { width:93%; }
#formfield_sheet_pice_autocomplete .icon { float:right; margin-top:4px; margin-right:4px; }
.lastedit ul { list-style:none; }
.lastedit ul li a { color:inherit; font-size:10px; }
.info div { font-size:10px; }
.nonprintable { color:red; font-weight:bold; }
.printable { font-weight:bold; color:green; }
.page_content .printable, .page_content .visible { background-color:#C7FFDC; font-weight:normal !important; }
.sheettable .col_mnr { width:75px; }
.sheettable .col_cnr { width:75px; }

/* Druckfreigaben */
.hema_printrequest_index .printable, .hema_sheet_printrequest .printable { background-color:#C7FFDC; }
.hema_printrequest_index .notprintable, .hema_sheet_printrequest .notprintable { background-color:#C4C4C4; }

/* Stanzmesserplan */
.punchplantable .col_position { width:100px; }
.punchplantable .col_position select { width:100%; box-sizing:border-box; }

/* Tabelle im Stanzmesserplan */ 
.puchplan_sizetable .col_size { width:100px; } 
.puchplan_sizetable .col_tool_size { width:150px; }
.puchplan_sizetable  select { float:left; width:85%; box-sizing:border-box; }
.page_content .puchplan_sizetable .link_wrap_outer .icon { margin-right:0px; float:right; }
.page_content .puchplan_sizetable .link_wrap_outer a { display:inline; }
.puchplan_sizetable td.col_tool_size img { margin-left:3px; margin-top:2px; float:left; }

/* Größenverwaltung */
.hema_size_index .col_sheets { text-align:center; width:30px; }
.hema_size_index .icon { float:none; display:inline-block; margin:0px; margin-top:2px; }

/* Leistenverwaltung */
.hema_leiste_index .col_sheets { text-align:center; width:30px; }
.hema_leiste_index .col_status { width:60px; }
.hema_leiste_index .icon { float:none; display:inline-block; margin:0px; margin-top:2px; }

/* Größentabelle in Werkzeugverwaltung */ 
.tool_sizetable .col_size { width:100px; }
.tool_sizetable input { width:100%; box-sizing:border-box; }

/* Arbeitsschritzuordnung bei den Datenblättern */
#sheet_workstep_workstep { width:70%; float:left; }
#workstep_reset { float:right; width:26%; display:block; padding:0px; height:20px; line-height:20px; margin-top:3px; box-sizing:border-box; text-align:center; color:inherit; border:1px solid #CCCCCC; text-decoration:none; }
#workstep_reset .icon { float:left; margin-top:1px; }
#workstep_reset:hover { background-color:#EFEFEF; }
#formfield_sheet_workstep_workstep img { margin-top:5px; }
.col_rte ul { margin-left:1rem; }

/* Modulverwaltung */
#modul_accordion { max-width:700px; }

/* Benutzergruppenverwaltung */
#access_accordion .formfield .label { display:none; }
#access_accordion .formfield .value { width:100%; }
#access_accordion .formfield .value input { float:left; }
#access_accordion .formfield .value label { float:left; line-height:13px; float:none; display:block; }
.accesstable { width:100%; min-width:100%; }

/* BarcodeProtokoll */
.barcodelogtable .col_cdate { width:140px; } 

/* M1Base */
.m1base_timetracking_index table { margin-left:-7px; table-layout:fixed; width:800px; }
.m1base_timetracking_index table th { font-weight:bold; font-size:0.75rem; text-align:left; }
.m1base_timetracking_index table th, .m1base_timetracking_index table td { padding:1px 10px 1px 5px; }
.m1base_timetracking_index table .col_day { width:95px; }
.m1base_timetracking_index table .col_day input { background-position:75px 3px; }
.m1base_timetracking_index table .col_duration { width:50px; }
.m1base_timetracking_index table .col_payed { width:25px; text-align:center; }
.m1base_timetracking_index table .col_payed .icon { float:none; margin-right:0px; }
.m1base_timetracking_index table .col_project { width:200px; }
.m1base_timetracking_index table .col_delete { width:16px; }
.m1base_timetracking_index .col_offset .nok { color:red; }
.m1base_timetracking_index .col_offset .ok { color:green; }
.m1base_timetracking_index input { width:100%; box-sizing:border-box; padding:4px; font-size:0.75rem; border:0px; background-color:#DEDEDE; }
.m1base_timetracking_sidebar .ui-datepicker { width:auto !important; }

.m1base_timetracking_index input.ok { background-color:#DEFFDE; }
.m1base_timetracking_index .payed input { background-color:#DEFFFF; }
.m1base_timetracking_index input.nok { background-color:#FFDEDE !important; }
.m1base_timetracking_index #dayselect { width:95px; background-position:75px 3px; }
.page_filter_M1Base_TimeTracking_index { width:210px; }
.m1base_timetracking_sidebar #m1base_datepicker { background:none; }
.m1base_timetracking_sidebar .less8 a { background-image:none; background-color:#FFDEDE; }
.m1base_timetracking_sidebar .equal8 a { background-image:none; background-color:#DEFFDE; }
.m1base_timetracking_sidebar .more8 a { background-image:none; background-color:#33FF33; }

.m1base_timetracking_monthwidget { font-size:0.75rem; }
.m1base_timetracking_monthwidget .projectname { float:left; }
.m1base_timetracking_monthwidget .duration { float:right; }

#m1base_customer_contractlist .contracttable { min-width:0px; }
.formfield_duration input { width:60%; float:left; }
.formfield_duration select { width:35%; float:right; }

#m1base_contract_addedit_form input.button { float:right; }
#m1base_contract_addedit_timelist table.datatable { min-width:100%; }
#m1base_cancelEditContract { display:none; }

.aposelect a { padding:0px 15px !important; display:inline-block; }
.aposelect a.active { background-color:#FFFFFF !important; }
.aposelect a:nth-child(1):hover { background-color:#FFFFFF; }
.aposelect a:nth-child(2):hover { background-color:#FFFFFF; }
.aposelect a:nth-child(3):hover { background-color:#FFFFFF; }

body.apo_2 { background-color:#E8ECF5; }
body.apo_2 .datatable tr th { background-color:#0E4DA2; color:#FFFFFF; }
body.apo_2 nav ul { background-color:#C1CBE4; border-color:#0E4DA2; }
body.apo_2 nav ul li { background-color:#C1CBE4; }
body.apo_2 li a.active, body.apo_2 li a:hover { background-color:#0E4DA2; color:#FFFFFF; }
body.apo_2 .round_box, body.apo_2 .page_content { border-color:#0E4DA2; background-color:#C1CBE4; }
body.apo_2 .datatable tr:hover td { background-color:#0E4DA2; color:#FFFFFF; }
body.apo_2 .page_filter .link_wrap_outer { border-color:#0E4DA2; }
body.apo_2 .page_filter .link_wrap_outer:hover, body.apo_2 .page_filter .active { background-color:#0E4DA2; }
body.apo_2 .page_filter .link_wrap_outer:hover a, body.apo_2 .page_filter .active a { color:#FFFFFF; }

body.apo_3 { background-color:#E6F0EE; }
body.apo_3 .datatable tr th { background-color:#006F5B; color:#FFFFFF; }
body.apo_3 nav ul { background-color:#D0E3DF; border-color:#006F5B; }
body.apo_3 nav ul li { background-color:#D0E3DF; }
body.apo_3 li a.active, body.apo_3 li a:hover { background-color:#006F5B; color:#FFFFFF; }
body.apo_3 .round_box, body.apo_3 .page_content { border-color:#006F5B; background-color:#D0E3DF; }
body.apo_3 .datatable tr:hover td { background-color:#006F5B; color:#FFFFFF; }
body.apo_3 .page_filter .link_wrap_outer { border-color:#006F5B; }
body.apo_3 .page_filter .link_wrap_outer:hover, body.apo_3 .page_filter .active { background-color:#006F5B; }
body.apo_3 .page_filter .link_wrap_outer:hover a, body.apo_3 .page_filter .active a { color:#FFFFFF; }

body.apo_4 { background-color:#EB97A1; } 
body.apo_4 .datatable tr th { background-color:#B82C3C; color:#FFFFFF; }
body.apo_4 nav ul { background-color:#D0E3DF; border-color:#B82C3C; }
body.apo_4 nav ul li { background-color:#D0E3DF; }
body.apo_4 li a.active, body.apo_4 li a:hover { background-color:#B82C3C; color:#FFFFFF; }
body.apo_4 .round_box, body.apo_4 .page_content { border-color:#B82C3C; background-color:#EAC8CC; } 
body.apo_4 .datatable tr:hover td { background-color:#B82C3C; color:#FFFFFF; }
body.apo_4 .page_filter .link_wrap_outer { border-color:#B82C3C; }
body.apo_4 .page_filter .link_wrap_outer:hover, body.apo_4 .page_filter .active { background-color:#B82C3C; }
body.apo_4 .page_filter .link_wrap_outer:hover a, body.apo_4 .page_filter .active a { color:#FFFFFF; }#print_start_clicklayer {}
#print_start_clicklayer .click { width:60px; height:30px; display:block; cursor:pointer; line-height:30px; text-align:center; vertical-align:middle; border:1px solid #000000; border-radius:5px; float:left; margin-right:5px; margin-bottom:5px; }
#print_start_clicklayer .print { background-color:#C5C5C5; }

#apobase_amount_clickselect a { display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; border:1px solid #000000; margin:2px; border-radius:5px; text-decoration:none; font-size:0.9em; }
#apobase_amount_clickselect a.mark,
#apobase_amount_clickselect a:hover { background-color:#C5C5C5; }

.apobase_size_index #templateset { margin-left:1rem; }
.apobase_size_index .templatedata { display:none; } 
.apobase_size_index #templateset label[for="templatearomatherapie"] span { color:#6600CC; font-weight:bold; }
.apobase_size_index #templateset label[for="templatebachblueten"] span { color:#0072C0; font-weight:bold;}
.apobase_size_index #templateset label[for="templatespagyrik"] span { color:#009900; font-weight:bold; }
.apobase_size_index #templateset label[for="templatetinktur"] span { color:#FF3300; font-weight:bold; }

.aromarechner table { width:900px; table-layout:fixed; }
.aromarechner table tr td { padding:3px; }
.aromarechner table tr td select { max-width:125px; }
.aromarechner table tr td select.inhaltsstoff { width:100%; }
.aromarechner table tr td input { width:50px; }
.aromarechner table tr th { text-align:left; }
.aromarechner table tr.col_summe td.price { font-size:1rem; font-weight:bold; }