projekt kivitendo

/* class for numeric columns in tables */

.numeric { text-align: right }

/* various oneshot decoration for legacy purpose. dont use */

.small-text { font-size: 70% }

.bold       { font-weight: bold }

.float-left  { float: left  }

.float-right { float: right }

/* quirk to force certain constructs to block context */

.block-context { overflow: hidden }

/* position */

.position-relative { position: relative }

.position-absolute { position: absolute }

.hidden { display: none; }

/* media stuff */

@media screen {   .noscreen { display: none } }

@media print {    .noprint  { display: none } }

@media handheld { .nomobile { display: none } }

body { behavior:url("csshover.htc") }

/* class to fix container around floats */

.clearfix:after {

  clear:both;

  content:".";

  display:block;

  font-size:0;

  height:0;

  visibility:hidden;

}

/* CTI */

a.cti_call_action {

  display: inline-block;

  padding-left: 18px;

  height: 16px;

  position: relative;

  top: 2px;

  vertical-align: center;

  background-image: url(../image/icons/16x16/phone.png);

  background-repeat: no-repeat;

}

/* the cvars table in the 2. row */

.row2-cvars-table tr { vertical-align: top }

.row2-cvars-table th { text-align: right; padding-left: 15px; padding-right: 0 }

.row2-cvars-table td, .row2-cvars-table th { padding-top: 10px }

input.grow_on_focus {

  width: 20px;

  transition:         width 0.1s;

  -moz-transition:    width 0.1s;

  -webkit-transition: width 0.1s;

  -o-transition:      width 0.1s;

}

input.grow_on_focus:focus { width: 150px }

/* clickable text anchors, usually with attached javascript handlers */

.interact { color: gray }

.interact:hover { color: black; }

.cursor-default { cursor: default }

.cursor-pointer { cursor: pointer }

.cursor-help { cursor: help }

/* dunning */

#dunning_invoice_list .direct_debit td,

#dunning_invoice_list .direct_debit a {

  color: #aaa;

}

/* orderitems */

.shipped     { color: green }

.not_shipped { color: red   }

/* actionbar styling */

div.layout-actionbar {

  position: fixed;

  height: 28px;

  top: 20px;

  z-index: 20;

  width: 100%;

  padding: 2px;

}

div.layout-actionbar-action {

  -webkit-touch-callout: none; /* iOS Safari */

  -webkit-user-select: none;   /* Chrome/Safari/Opera */

  -khtml-user-select: none;    /* Konqueror */

  -moz-user-select: none;      /* Firefox */

  -ms-user-select: none;       /* Internet Explorer/Edge */

  user-select: none;           /* don't select text on double click */

}

div.layout-actionbar ~ div:first {

  padding-top: 25px;

}

div.layout-actionbar > div + div {

  margin-left: 2px;

}

div.layout-actionbar-separator {

  display: inline-block;

  width: 20px;

}

div.layout-actionbar div.layout-actionbar-link,

div.layout-actionbar div.layout-actionbar-submit,

div.layout-actionbar div.layout-actionbar-scriptbutton,

div.layout-actionbar div.layout-actionbar-link:focus,

div.layout-actionbar div.layout-actionbar-submit:focus,

div.layout-actionbar div.layout-actionbar-scriptbutton:focus {

  display: inline-block;

  width: 120px;

  box-sizing: border-box;

  text-align: center;

  border-width: 1px;

  border-style: solid;

  padding: 4px 4px;

  cursor: default;

}

div.layout-actionbar div.layout-actionbar-link:hover,

div.layout-actionbar div.layout-actionbar-submit:hover,

div.layout-actionbar div.layout-actionbar-scriptbutton:hover {

  border-width: 1px;

  border-style: solid;

}

div.layout-actionbar-combobox {

  position: relative;

  display: inline-block;

}

div.layout-actionbar div.layout-actionbar-action {

  height: 25px;

}

div.layout-actionbar-combobox div.layout-actionbar-combobox-head div {

  width: 100px;

  height: 25px;

}

div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {

  display: inline-block;

  border-width: 1px 1px 1px 1px;

  border-style: solid;

  padding: 4px;

  width: 14px;

  height: 15px;

  position: absolute;

  top: 0;

  right: 0;

}

div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {

  content: "";

  width: 0;

  height: 0;

  position: absolute;

  right: 8px;

  top: 50%;

  margin-top: -3px;

  border-width: 3px 3px 0 3px;

  border-style: solid;

}

div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span:after {

  border-width: 0 3px 3px 3px;

}

div.layout-actionbar-combobox div.layout-actionbar-combobox-head {

  padding-right: 20px;

  white-space: nowrap;

  display: block;

}

div.layout-actionbar-combobox div.layout-actionbar-combobox-list {

  position: absolute;

  display: none;

  min-width: 120px;

}

div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {

  display: inline-block;

  z-index: 10;

}

div.layout-actionbar-combobox-list div.layout-actionbar-action {

  white-space: nowrap;

  display: block;

  position: relative;

  width: 100%;

  text-align: left;

  padding: 4px;

}

div.cke_textarea_inline > :first-child {

  margin-top: 0;

}

div.cke_textarea_inline > :last-child {

  margin-bottom: 0;

}

div.cke_textarea_inline {

  overflow-y: auto;

}

div.cke_textarea_inline:focus {

  outline: 0;

}

.icon16 { background: url(../image/maps/icons16.png) 16px 0px no-repeat; padding: 0; width: 16px; height: 16px; }

.icon16.admin { background-position: -0px 0px; }

.icon16.ap { background-position: -16px 0px; }

.icon16.ap_aging { background-position: -32px 0px; }

.icon16.ap_report { background-position: -48px 0px; }

.icon16.ap_transaction_add { background-position: -64px 0px; }

.icon16.appointment { background-position: -80px 0px; }

.icon16.ar { background-position: -96px 0px; }

.icon16.ar_aging { background-position: -112px 0px; }

.icon16.ar_report { background-position: -128px 0px; }

.icon16.ar_transaction_add { background-position: -144px 0px; }

.icon16.assembly_add { background-position: -160px 0px; }

.icon16.assembly_produce { background-position: -176px 0px; }

.icon16.assembly_report { background-position: -192px 0px; }

.icon16.balance_sheet { background-position: -208px 0px; }

.icon16.cash { background-position: -224px 0px; }

.icon16.cash_report { background-position: -240px 0px; }

.icon16.chart_of_accounts { background-position: -256px 0px; }

.icon16.contact { background-position: -272px 0px; }

.icon16.credit_note_add { background-position: -288px 0px; }

.icon16.crm { background-position: -304px 0px; }

.icon16.customer { background-position: -320px 0px; }

.icon16.customer_add { background-position: -336px 0px; }

.icon16.customer_report { background-position: -352px 0px; }

.icon16.datev { background-position: -368px 0px; }

.icon16.delivery_order_add { background-position: -384px 0px; }

.icon16.delivery_order_report { background-position: -400px 0px; }

.icon16.document_template { background-position: -416px 0px; }

.icon16.dunning_add { background-position: -432px 0px; }

.icon16.dunnings_report { background-position: -448px 0px; }

.icon16.email { background-position: -464px 0px; }

.icon16.follow_up { background-position: -480px 0px; }

.icon16.gl { background-position: -496px 0px; }

.icon16.gl_report { background-position: -512px 0px; }

.icon16.help { background-position: -528px 0px; }

.icon16.income_statement { background-position: -544px 0px; }

.icon16.invoices_report { background-position: -560px 0px; }

.icon16.journal { background-position: -576px 0px; }

.icon16.knowledge { background-position: -592px 0px; }

.icon16.label { background-position: -608px 0px; }

.icon16.license_add { background-position: -624px 0px; }

.icon16.license_report { background-position: -640px 0px; }

.icon16.logout { background-position: -656px 0px; }

.icon16.master_data { background-position: -672px 0px; }

.icon16.master_data_report { background-position: -688px 0px; }

.icon16.mdi_text_editor { background-position: -704px 0px; }

.icon16.memo { background-position: -720px 0px; }

.icon16.message { background-position: -736px 0px; }

.icon16.opportunity { background-position: -752px 0px; }

.icon16.package_lists { background-position: -768px 0px; }

.icon16.part_add { background-position: -784px 0px; }

.icon16.part_report { background-position: -800px 0px; }

.icon16.payment { background-position: -816px 0px; }

.icon16.payment_report { background-position: -832px 0px; }

.icon16.phone { background-position: -848px 0px; }

.icon16.preferences { background-position: -864px 0px; }

.icon16.prices_update { background-position: -880px 0px; }

.icon16.printing { background-position: -896px 0px; }

.icon16.program { background-position: -912px 0px; }

.icon16.project_add { background-position: -928px 0px; }

.icon16.project_report { background-position: -944px 0px; }

.icon16.project_transaction_report { background-position: -960px 0px; }

.icon16.purchase_order_add { background-position: -976px 0px; }

.icon16.purchase_order_printing { background-position: -992px 0px; }

.icon16.purchase_order_report { background-position: -1008px 0px; }

.icon16.quotation_add { background-position: -1024px 0px; }

.icon16.quotation_printing { background-position: -1040px 0px; }

.icon16.receipt { background-position: -1056px 0px; }

.icon16.receipt_printing { background-position: -1072px 0px; }

.icon16.receipt_report { background-position: -1088px 0px; }

.icon16.reconcilliation { background-position: -1104px 0px; }

.icon16.report { background-position: -1120px 0px; }

.icon16.report_quotations { background-position: -1136px 0px; }

.icon16.report_sales_orders { background-position: -1152px 0px; }

.icon16.rfq_add { background-position: -1168px 0px; }

.icon16.rfq_printing { background-position: -1184px 0px; }

.icon16.rfq_report { background-position: -1200px 0px; }

.icon16.sales_invoice_add { background-position: -1216px 0px; }

.icon16.sales_invoice_printing { background-position: -1232px 0px; }

.icon16.sales_order_add { background-position: -1248px 0px; }

.icon16.sales_order_printing { background-position: -1264px 0px; }

.icon16.search { background-position: -1280px 0px; }

.icon16.service { background-position: -1296px 0px; }

.icon16.service_add { background-position: -1312px 0px; }

.icon16.service_report { background-position: -1328px 0px; }

.icon16.status { background-position: -1344px 0px; }

.icon16.system { background-position: -1360px 0px; }

.icon16.transaction_add { background-position: -1376px 0px; }

.icon16.user { background-position: -1392px 0px; }

.icon16.user_group { background-position: -1408px 0px; }

.icon16.ustva { background-position: -1424px 0px; }

.icon16.vendor { background-position: -1440px 0px; }

.icon16.vendor_add { background-position: -1456px 0px; }

.icon16.vendor_report { background-position: -1472px 0px; }

.icon16.version { background-position: -1488px 0px; }

.icon16.warehouse { background-position: -1504px 0px; }

.icon16.window_new { background-position: -1520px 0px; }

.icon24 { background: url(../image/maps/icons24.png) 24px 0px no-repeat; padding: 0; width: 24px; height: 24px; }

.icon24.admin { background-position: -0px 0px; }

.icon24.ap { background-position: -24px 0px; }

.icon24.ap_aging { background-position: -48px 0px; }

.icon24.ap_report { background-position: -72px 0px; }

.icon24.ap_transaction_add { background-position: -96px 0px; }

.icon24.appointment { background-position: -120px 0px; }

.icon24.ar { background-position: -144px 0px; }

.icon24.ar_aging { background-position: -168px 0px; }

.icon24.ar_report { background-position: -192px 0px; }

.icon24.ar_transaction_add { background-position: -216px 0px; }

.icon24.assembly_add { background-position: -240px 0px; }

.icon24.assembly_report { background-position: -264px 0px; }

.icon24.balance_sheet { background-position: -288px 0px; }

.icon24.cash { background-position: -312px 0px; }

.icon24.cash_report { background-position: -336px 0px; }

.icon24.chart_of_accounts { background-position: -360px 0px; }

.icon24.contact { background-position: -384px 0px; }

.icon24.crm { background-position: -408px 0px; }

.icon24.customer { background-position: -432px 0px; }

.icon24.customer_add { background-position: -456px 0px; }

.icon24.customer_report { background-position: -480px 0px; }

.icon24.datev { background-position: -504px 0px; }

.icon24.document_template { background-position: -528px 0px; }

.icon24.dunning_add { background-position: -552px 0px; }

.icon24.dunnings_report { background-position: -576px 0px; }

.icon24.email { background-position: -600px 0px; }

.icon24.follow_up { background-position: -624px 0px; }

.icon24.gl { background-position: -648px 0px; }

.icon24.gl_report { background-position: -672px 0px; }

.icon24.help { background-position: -696px 0px; }

.icon24.income_statement { background-position: -720px 0px; }

.icon24.invoices_report { background-position: -744px 0px; }

.icon24.journal { background-position: -768px 0px; }

.icon24.knowledge { background-position: -792px 0px; }

.icon24.label { background-position: -816px 0px; }

.icon24.leftarrow_24 { background-position: -840px 0px; }

.icon24.license_add { background-position: -864px 0px; }

.icon24.license_report { background-position: -888px 0px; }

.icon24.logout { background-position: -912px 0px; }

.icon24.master_data { background-position: -936px 0px; }

.icon24.master_data_report { background-position: -960px 0px; }

.icon24.memo { background-position: -984px 0px; }

.icon24.message { background-position: -1008px 0px; }

.icon24.opportunity { background-position: -1032px 0px; }

.icon24.package_lists { background-position: -1056px 0px; }

.icon24.part_add { background-position: -1080px 0px; }

.icon24.part_report { background-position: -1104px 0px; }

.icon24.payment { background-position: -1128px 0px; }

.icon24.payment_report { background-position: -1152px 0px; }

.icon24.preferences { background-position: -1176px 0px; }

.icon24.printing { background-position: -1200px 0px; }

.icon24.productivity { background-position: -1224px 0px; }

.icon24.program { background-position: -1248px 0px; }

.icon24.project_add { background-position: -1272px 0px; }

.icon24.project_report { background-position: -1296px 0px; }

.icon24.project_transaction_report { background-position: -1320px 0px; }

.icon24.purchase_order_add { background-position: -1344px 0px; }

.icon24.purchase_order_printing { background-position: -1368px 0px; }

.icon24.purchase_order_report { background-position: -1392px 0px; }

.icon24.quotation_add { background-position: -1416px 0px; }

.icon24.quotation_printing { background-position: -1440px 0px; }

.icon24.receipt { background-position: -1464px 0px; }

.icon24.receipt_printing { background-position: -1488px 0px; }

.icon24.receipt_report { background-position: -1512px 0px; }

.icon24.reconcilliation { background-position: -1536px 0px; }

.icon24.report { background-position: -1560px 0px; }

.icon24.report_quotations { background-position: -1584px 0px; }

.icon24.report_sales_orders { background-position: -1608px 0px; }

.icon24.rfq_add { background-position: -1632px 0px; }

.icon24.rfq_printing { background-position: -1656px 0px; }

.icon24.rfq_report { background-position: -1680px 0px; }

.icon24.rightarrow_24 { background-position: -1704px 0px; }

.icon24.sales_invoice_add { background-position: -1728px 0px; }

.icon24.sales_invoice_printing { background-position: -1752px 0px; }

.icon24.sales_order_add { background-position: -1776px 0px; }

.icon24.sales_order_printing { background-position: -1800px 0px; }

.icon24.search { background-position: -1824px 0px; }

.icon24.service { background-position: -1848px 0px; }

.icon24.service_add { background-position: -1872px 0px; }

.icon24.service_report { background-position: -1896px 0px; }

.icon24.status { background-position: -1920px 0px; }

.icon24.system { background-position: -1944px 0px; }

.icon24.transaction_add { background-position: -1968px 0px; }

.icon24.user { background-position: -1992px 0px; }

.icon24.user_group { background-position: -2016px 0px; }

.icon24.ustva { background-position: -2040px 0px; }

.icon24.vendor { background-position: -2064px 0px; }

.icon24.vendor_add { background-position: -2088px 0px; }

.icon24.vendor_report { background-position: -2112px 0px; }

.icon24.version { background-position: -2136px 0px; }

.icon24.warehouse { background-position: -2160px 0px; }

.icon24.window_new { background-position: -2184px 0px; }

.icon32 { background: url(../image/maps/icons32.png) 32px 0px no-repeat; padding: 0; width: 32px; height: 32px; }

.icon32.admin { background-position: -0px 0px; }

.icon32.ap { background-position: -32px 0px; }

.icon32.ap_aging { background-position: -64px 0px; }

.icon32.ap_report { background-position: -96px 0px; }

.icon32.ap_transaction_add { background-position: -128px 0px; }

.icon32.appointment { background-position: -160px 0px; }

.icon32.ar { background-position: -192px 0px; }

.icon32.ar_aging { background-position: -224px 0px; }

.icon32.ar_report { background-position: -256px 0px; }

.icon32.ar_transaction_add { background-position: -288px 0px; }

.icon32.assembly_add { background-position: -320px 0px; }

.icon32.assembly_produce { background-position: -352px 0px; }

.icon32.assembly_report { background-position: -384px 0px; }

.icon32.balance_sheet { background-position: -416px 0px; }

.icon32.cash { background-position: -448px 0px; }

.icon32.cash_report { background-position: -480px 0px; }

.icon32.chart_of_accounts { background-position: -512px 0px; }

.icon32.contact { background-position: -544px 0px; }

.icon32.crm { background-position: -576px 0px; }

.icon32.customer { background-position: -608px 0px; }

.icon32.customer_add { background-position: -640px 0px; }

.icon32.customer_report { background-position: -672px 0px; }

.icon32.datev { background-position: -704px 0px; }

.icon32.document_template { background-position: -736px 0px; }

.icon32.dunning_add { background-position: -768px 0px; }

.icon32.dunnings_report { background-position: -800px 0px; }

.icon32.email { background-position: -832px 0px; }

.icon32.follow_up { background-position: -864px 0px; }

.icon32.gl { background-position: -896px 0px; }

.icon32.gl_report { background-position: -928px 0px; }

.icon32.help { background-position: -960px 0px; }

.icon32.income_statement { background-position: -992px 0px; }

.icon32.invoices_report { background-position: -1024px 0px; }

.icon32.journal { background-position: -1056px 0px; }

.icon32.knowledge { background-position: -1088px 0px; }

.icon32.label { background-position: -1120px 0px; }

.icon32.license_add { background-position: -1152px 0px; }

.icon32.license_report { background-position: -1184px 0px; }

.icon32.logout { background-position: -1216px 0px; }

.icon32.master_data { background-position: -1248px 0px; }

.icon32.master_data_report { background-position: -1280px 0px; }

.icon32.memo { background-position: -1312px 0px; }

.icon32.message { background-position: -1344px 0px; }

.icon32.opportunity { background-position: -1376px 0px; }

.icon32.package_lists { background-position: -1408px 0px; }

.icon32.part_add { background-position: -1440px 0px; }

.icon32.part_report { background-position: -1472px 0px; }

.icon32.payment { background-position: -1504px 0px; }

.icon32.payment_report { background-position: -1536px 0px; }

.icon32.preferences { background-position: -1568px 0px; }

.icon32.printing { background-position: -1600px 0px; }

.icon32.program { background-position: -1632px 0px; }

.icon32.project_add { background-position: -1664px 0px; }

.icon32.project_report { background-position: -1696px 0px; }

.icon32.project_transaction_report { background-position: -1728px 0px; }

.icon32.purchase_order_add { background-position: -1760px 0px; }

.icon32.purchase_order_printing { background-position: -1792px 0px; }

.icon32.purchase_order_report { background-position: -1824px 0px; }

.icon32.quotation_add { background-position: -1856px 0px; }

.icon32.quotation_printing { background-position: -1888px 0px; }

.icon32.receipt { background-position: -1920px 0px; }

.icon32.receipt_printing { background-position: -1952px 0px; }

.icon32.receipt_report { background-position: -1984px 0px; }

.icon32.reconcilliation { background-position: -2016px 0px; }

.icon32.report { background-position: -2048px 0px; }

.icon32.report_quotations { background-position: -2080px 0px; }

.icon32.report_sales_orders { background-position: -2112px 0px; }

.icon32.rfq_add { background-position: -2144px 0px; }

.icon32.rfq_printing { background-position: -2176px 0px; }

.icon32.rfq_report { background-position: -2208px 0px; }

.icon32.sales_invoice_add { background-position: -2240px 0px; }

.icon32.sales_invoice_printing { background-position: -2272px 0px; }

.icon32.sales_order_add { background-position: -2304px 0px; }

.icon32.sales_order_printing { background-position: -2336px 0px; }

.icon32.search { background-position: -2368px 0px; }

.icon32.service { background-position: -2400px 0px; }

.icon32.service_add { background-position: -2432px 0px; }

.icon32.service_report { background-position: -2464px 0px; }

.icon32.status { background-position: -2496px 0px; }

.icon32.system { background-position: -2528px 0px; }

.icon32.transaction_add { background-position: -2560px 0px; }

.icon32.user { background-position: -2592px 0px; }

.icon32.user_group { background-position: -2624px 0px; }

.icon32.ustva { background-position: -2656px 0px; }

.icon32.vendor { background-position: -2688px 0px; }

.icon32.vendor_add { background-position: -2720px 0px; }

.icon32.vendor_report { background-position: -2752px 0px; }

.icon32.version { background-position: -2784px 0px; }

.icon32.window_new { background-position: -2816px 0px; }

.ac_results {

	padding: 0px;

	border: 1px solid black;

	background-color: white;

	overflow: hidden;

	z-index: 99999;

}

.ac_results ul {

	width: 100%;

	list-style-position: outside;

	list-style: none;

	padding: 0;

	margin: 0;

}

.ac_results li {

	margin: 0px;

	padding: 2px 5px;

	cursor: default;

	display: block;

	/* 

	if width will be 100% horizontal scrollbar will apear 

	when scroll mode will be used

	*/

	/*width: 100%;*/

	font: menu;

	font-size: 12px;

	/* 

	it is very important, if line-height not setted or setted 

	in relative units scroll will be broken in firefox

	*/

	line-height: 16px;

	overflow: hidden;

}

.ac_loading {

	background: white url('indicator.gif') right center no-repeat;

}

.ac_odd {

	background-color: #eee;

}

.ac_over {

	background-color: #0A246A;

	color: white;

}

/*!

 * jQuery contextMenu - Plugin for simple contextMenu handling

 *

 * Version: 1.6.5

 *

 * Authors: Rodney Rehm, Addy Osmani (patches for FF)

 * Web: http://medialize.github.com/jQuery-contextMenu/

 *

 * Licensed under

 *   MIT License http://www.opensource.org/licenses/mit-license

 *   GPL v3 http://opensource.org/licenses/GPL-3.0

 *

 */

.context-menu-list {

    margin:0;

    padding:0;

    min-width: 120px;

    max-width: 250px;

    display: inline-block;

    position: absolute;

    list-style-type: none;

    border: 1px solid #DDD;

    background: #EEE;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

         -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

}

.context-menu-item {

    padding: 2px 2px 2px 24px;

    background-color: #EEE;

    position: relative;

    -webkit-user-select: none;

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

        -ms-user-select: none;

            user-select: none;

}

.context-menu-separator {

    padding-bottom:0;

    border-bottom: 1px solid #DDD;

}

.context-menu-item > label > input,

.context-menu-item > label > textarea {

    -webkit-user-select: text;

       -moz-user-select: text;

        -ms-user-select: text;

            user-select: text;

}

.context-menu-item.hover {

    cursor: pointer;

    background-color: #39F;

}

.context-menu-item.disabled {

    color: #666;

}

.context-menu-input.hover,

.context-menu-item.disabled.hover {

    cursor: default;

    background-color: #EEE;

}

.context-menu-submenu:after {

    content: ">";

    color: #666;

    position: absolute;

    top: 0;

    right: 3px;

    z-index: 1;

}

/* icons

    #protip:

    In case you want to use sprites for icons (which I would suggest you do) have a look at

    http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement

    .context-menu-item.icon:before {}

 */

.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }

.context-menu-item.icon-edit { background-image: url(../image/jquery.contextMenu/page_white_edit.png); }

.context-menu-item.icon-cut { background-image: url(../image/jquery.contextMenu/cut.png); }

.context-menu-item.icon-copy { background-image: url(../image/jquery.contextMenu/page_white_copy.png); }

.context-menu-item.icon-paste { background-image: url(../image/jquery.contextMenu/page_white_paste.png); }

.context-menu-item.icon-delete { background-image: url(../image/jquery.contextMenu/page_white_delete.png); }

.context-menu-item.icon-add { background-image: url(../image/jquery.contextMenu/page_white_add.png); }

.context-menu-item.icon-quit { background-image: url(../image/jquery.contextMenu/door.png); }

/* vertically align inside labels */

.context-menu-input > label > * { vertical-align: top; }

/* position checkboxes and radios as icons */

.context-menu-input > label > input[type="checkbox"],

.context-menu-input > label > input[type="radio"] {

    margin-left: -17px;

}

.context-menu-input > label > span {

    margin-left: 5px;

}

.context-menu-input > label,

.context-menu-input > label > input[type="text"],

.context-menu-input > label > textarea,

.context-menu-input > label > select {

    display: block;

    width: 100%;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

        -ms-box-sizing: border-box;

         -o-box-sizing: border-box;

            box-sizing: border-box;

}

.context-menu-input > label > textarea {

    height: 100px;

}

.context-menu-item > .context-menu-list {

    display: none;

    /* re-positioned by js */

    right: -5px;

    top: 5px;

}

.context-menu-item.hover > .context-menu-list {

    display: block;

}

.context-menu-accesskey {

    text-decoration: underline;

}

.context-menu-item.context-menu-heading {

    text-decoration: underline;

    font-weight: bold;

}

/*!

 * jQuery contextMenu - Plugin for simple contextMenu handling

 *

 * Version: 1.6.5

 *

 * Authors: Rodney Rehm, Addy Osmani (patches for FF)

 * Web: http://medialize.github.com/jQuery-contextMenu/

 *

 * Licensed under

 *   MIT License http://www.opensource.org/licenses/mit-license

 *   GPL v3 http://opensource.org/licenses/GPL-3.0

 *

 */

// 6.6.2019 Ported to /css/less/jqueri-ui.less

/* multiselect2side plugin */

.ms2side__div {

	clear: left;

	width: 100%;

	padding: 1px;

	float: left;

	background : url('') repeat-x; /* HACK FOR CHROME */

}

.ms2side__select {

	float: left;

}

.ms2side__header {

	color: blue;

	background-color: #EEEEFF;

}

.ms2side__options, .ms2side__updown {

	float: left;

	font-size: 10pt;

	margin: 0;

	padding: 0 8px;

	width: 40px;

	color: black;

	text-align: center;

	overflow: hidden;

}

.ms2side__updown {

	font-size: 9pt;

}

.ms2side__options p, .ms2side__updown p {

	margin: 2px 0;

	padding: 0;

	cursor: pointer;

	border: 1px solid black;

}

.ms2side__options p.ms2side_hover, .ms2side__updown p.ms2side_hover {

	background-color: #F0F0FF;

	border-color: #0000FF;

	cursor: pointer;

}

.ms2side__options p.ms2side__hide, .ms2side__updown p.ms2side__hide {

	cursor: default;

	color: grey;

	border: 1px solid grey;

	background-color: #F0F0F0;

}

.ms2side__div select {

	width: 400px;

	float: left;

}

/* ------------------------------------------------------------ */

/* General page layout */

/* ------------------------------------------------------------ */

input.rs_input_field,

select.rs_input_field,

table.rs_input_field input[type=text],

table.rs_input_field input[type=password],

table.rs_input_field select {

  width: 300px;

}

#column-container {

  //width: 100%;

  padding-left: 0;

  padding-right: 0;

  margin-left: 0;

  margin-right: 0;

  overflow: hidden ;

  //border: 1px red solid ; // TEST

}

#tree-column {

  float: left;

  width: 25%;

  //border: 1px green solid ; // TEST

}

#content-column {

  float: left;

  width: 70%;

  padding-left: 3.0em;

  //border: 1px blue solid ; // TEST

}

.section-empty-description {

  color: #bbb;

}

/* ------------------------------------------------------------ */

/* Special things that apply to the tree */

/* ------------------------------------------------------------ */

#tree li.flagged > a > ins {

 background-image: url("../image/flag-red.png") !important;

 background-position: 0;

}

/* ------------------------------------------------------------ */

/* Special things that apply to the context menu */

/* ------------------------------------------------------------ */

.context-menu-item.icon-flag   { background-image: url("../image/flag-red.png"); }

.context-menu-item.icon-close  { background-image: url("../image/document-close.png"); }

.context-menu-item.icon-save   { background-image: url("../image/document-save.png"); }

.context-menu-item.icon-revert { background-image: url("../image/edit-undo.png"); }

.context-menu-item.icon-pdf    { background-image: url("../image/application-pdf.png"); }

.context-menu-item.icon-html   { background-image: url("../image/text-html.png"); }

.context-menu-item.icon-add-picture { background-image: url("../image/add-picture.png"); }

.context-menu-item.icon-download    { background-image: url("../image/download.png"); }

.context-menu-item.icon-renumber    { background-image: url("../image/format-list-ordered.png"); }

/* ------------------------------------------------------------ */

/* Sections & function blocks */

/* ------------------------------------------------------------ */

.section {

  border-left: 0;

  margin-left: 0;

}

.section-header{

  display: block ;

  overflow: hidden;

  width: 70% ;

}

.section-description-heading {

  font-weight: normal;

}

.section-description {

  color: #000;

  background: rgb(235, 235, 235);

  //border: 1px solid #ccc;

  margin-bottom: 15px;

}

.function-block {

  border-top: 1px solid #bbb;

  //border-left: 0;

  margin: 0.6em 0 2.2em 0 ;

  padding: 0.8em 0 1.0em 0 ;

  overflow: hidden;

  display: block;

  //background-color: yellow ;

}

.function-block-content{

  overflow: hidden ;

}

.function-block-form {

  background: rgb(235, 235, 235);

  border: 1px solid rgb(0, 100, 0);

}

.function-block-header {

  clear: both;

  overflow: hidden;

}

.function-block-number {

  font-weight: bold;

  min-width: 6.0em ;

  display: block;

  float: left;

}

.function-block-desc {

  font-weight: normal;

  float: left;

  width: 70%;

  //clear: both;

  padding-bottom: 1.0em ;

}

.function-block-desc p {

  margin: 0 0 0.6em 0;

  padding: 0 ;

}

.function-block-properties {

  display: block ;

  margin: 0 0 0 6.1em;

  padding: 0 ;

  float: left;

  overflow: hidden;

  clear: both;

}

.function-block-form > div {

  padding: 0.4em;

}

.sub-function-block {

  //background-color: #fff;

  border-top: 1px solid #ccc;

  margin: 1.0em 0 0.4em 0;

  padding: 1.8em 0 1.6em 0 ;

}

.sub-function-block-container {

  margin: 1.0em 0 1.6em 6.0em;

  padding: 1.6em 0.6em 0.6em 0;

  //border: 1px solid #ccc;

}

.sub-function-block-header {

  //padding: 0.2em;

  font-weight: normal;

  font-size: 120% ;

  color: #666;

  //background: #ccc;

  margin-top: 1.0em ;

}

/* Flagged sections, function blocks, text blocks */

.section.flagged .section-description,

.function-block.flagged,

.sub-function-block.flagged {

  background-color: #feece3;

}

.section.flagged .section-description > .section-description-heading,

.function-block.flagged > .function-block-content > div > .function-block-number,

.sub-function-block.flagged > .sub-function-block-content > div > .function-block-number {

  background-color: #fe5f14;

  color: #fff;

}

/* Selected sections, function blocks, text blocks */

.section.selected,

.function-block.selected,

.sub-function-block.selected {

  margin-left: -3px;

  border-left: 3px solid #cbb120;

}

/* ------------------------------------------------------------ */

/* Text blocks */

/* ------------------------------------------------------------ */

.requirement-spec-text-block {

  border-left: 0;

  margin-left: 3px;

  margin-top: 10px;

}

.requirement-spec-text-block > h2 {

  margin-top: 0px;

}

.requirement-spec-text-block.flagged {

  background-color: #feece3;

  /* border: 1px solid #fe5f14; */

}

.requirement-spec-text-block.flagged > h2 {

  background-color: #fe5f14;

  color: #fff;

}

.requirement-spec-text-block.selected {

  border-left: 3px solid #cbb120;

  margin-left: 0;

}

.requirement-spec-text-block-picture-thumbnail {

  border-radius: 5px;

  border: 2px solid #ebebeb;

  float: left;

  margin-right: 20px;

  padding: 5px;

  text-align: center;

  width: 130px;

}

.requirement-spec-text-block-picture-thumbnail-img-container {

  height: 64px;

  margin: auto;

  padding: auto;

  width: 64px;

}

.requirement-spec-text-block-picture-thumbnail.selected {

  border: 2px solid #cbb120;

}

/* ------------------------------------------------------------ */

/* Time/cost estimation */

/* ------------------------------------------------------------ */

#time_cost_estimate p {

  margin-top: 0;

  margin-bottom: 0;

}

/* ------------------------------------------------------------ */

/* Requirement_Spec */

/* ------------------------------------------------------------ */

/* Wurde in Less umgewandelt. Original ist auch bearbeitet worden von H.P. Schlaepfer */

.tooltipster-light {

	border-radius: 5px;

	border: 1px solid #cccccc;

	background: #ededed;

	color: #666666;

}

.tooltipster-light .tooltipster-content {

	font-family: Arial, sans-serif;

	font-size: 14px;

	line-height: 16px;

	padding: 8px 10px;

}

.tooltipster-noir {

	border-radius: 0px;

	border: 3px solid #2c2c2c;

	background: #fff;

	color: #2c2c2c;

}

.tooltipster-noir .tooltipster-content {

	font-family: 'Georgia', serif;

	font-size: 14px;

	line-height: 16px;

	padding: 8px 10px;

}

.tooltipster-punk {

	border-radius: 5px;

	border-bottom: 3px solid #f71169;

	background: #2a2a2a;

	color: #fff;

}

.tooltipster-punk .tooltipster-content {

	font-family: 'Courier', monospace;

	font-size: 14px;

	line-height: 16px;

	padding: 8px 10px;

}

.tooltipster-shadow {

	border-radius: 5px;

	background: #fff;

	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);

	color: #2c2c2c;

}

.tooltipster-shadow .tooltipster-content {

	font-family: 'Arial', sans-serif;

	font-size: 14px;

	line-height: 16px;

	padding: 8px 10px;

	background-color: #fff;

}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */

.tooltipster-default {

	border-radius: 5px;

	border: 2px solid #000;

	background: #4c4c4c;

	color: #fff;

}

/* Use this next selector to style things like font-size and line-height: */

.tooltipster-default .tooltipster-content {

	font-family: sans-serif;

	font-size: 14px;

	line-height: 16px;

	padding: 8px 10px;

	overflow: hidden;

}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */

.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {

	/* border-color: ... !important; */

}

/* If you're using the icon option, use this next selector to style them */

.tooltipster-icon {

	cursor: help;

	margin-left: 4px;

}

/* This is the base styling required to make all Tooltipsters work */

.tooltipster-base {

	padding: 0;

	font-size: 0;

	line-height: 0;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 9999999;

	pointer-events: none;

	width: auto;

	overflow: visible;

}

.tooltipster-base .tooltipster-content {

	overflow: hidden;

}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */

.tooltipster-arrow {

	display: block;

	text-align: center;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

}

.tooltipster-arrow span, .tooltipster-arrow-border {

	display: block;

	width: 0;

	height: 0;

	position: absolute;

}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {

	border-left: 8px solid transparent !important;

	border-right: 8px solid transparent !important;

	border-top: 8px solid;

	bottom: -7px;

}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {

	border-left: 9px solid transparent !important;

	border-right: 9px solid transparent !important;

	border-top: 9px solid;

	bottom: -7px;

}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {

	border-left: 8px solid transparent !important;

	border-right: 8px solid transparent !important;

	border-bottom: 8px solid;

	top: -7px;

}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {

	border-left: 9px solid transparent !important;

	border-right: 9px solid transparent !important;

	border-bottom: 9px solid;

	top: -7px;

}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {

	left: 0;

	right: 0;

	margin: 0 auto;

}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {

	left: 6px;

}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {

	left: 5px;

}

.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {

	right: 6px;

}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {

	right: 5px;

}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {

	border-top: 8px solid transparent !important;

	border-bottom: 8px solid transparent !important;

	border-left: 8px solid;

	top: 50%;

	margin-top: -7px;

	right: -7px;

}

.tooltipster-arrow-left .tooltipster-arrow-border {

	border-top: 9px solid transparent !important;

	border-bottom: 9px solid transparent !important;

	border-left: 9px solid;

	margin-top: -8px;

}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {

	border-top: 8px solid transparent !important;