html {
	height: 100%;
}
body {
	font-size: 13px;
	background-color: #000000;
	min-width: 1200px;
	height: 100%;
	min-height: 800px;
}
body div.navbar {
	background-color: #000000;
	margin-top: 10px;
	height: 72px;
}

div.debug {
	color: #000000;
}

table.expensesTable { width: 100%; }
div.hidden { display: none; }
input.hidden { display: none; }

div#errorsList { z-index: 10; position: absolute; width: 300px; left: 50%; top: 50%; margin-left: -150px; margin-top: -50px; text-align: center; background-color: #ff8a8a; border: 1px solid red; padding: 10px; }
div#errorsList div.button { margin: 10px 0 0 0; }
div#errorsList input { width: auto; }
div#infosList { background-color: #aaffaa; border: solid green 1px; padding-left: 10px; margin: 5px 5px 10px 5px; }

div.inputForm { padding: 10px 0 20px 0; }

div.formItem { clear: both; margin-bottom: 1px; overflow: hidden; }
Xdiv.formItem label { float: left; width: 200px; text-align: right; padding-right: 10px; color: #5b5b5b; }
div.formItem label.bold { font-weight: bold; }
div.formItem label.asInput { text-align: left; }
div.formItem input.button { width: auto; }
div.formItem textarea { border: 1px solid #b4b4b4; }
div.formItem div.left { clear: left; }
div.formInfo { clear: left; margin: 20px 0 10px 0; font-style: italic; }
Xdiv.formButton { clear: both; margin-left: 210px; margin-top: 15px; }
X.formButton input { width: auto; font-weight: bold; border: 1px solid black; }
.formButton input.fb_eHidden { display: none; }
.formButton input.fb_eDelete { border: 1px solid red; background-color: #ffcccc; color: red; }
.button input.fb_eDelete { border: 1px solid red; background-color: #ffcccc; color: red; }

/* GRID */
div.gridFilterForm { clear: both; font-size: 90%; margin-top: 10px; overflow: hidden; }
div.gridFilterForm div { overflow: hidden; }
div.gridFilterForm div.formItem { clear: none; float: left; margin-right: 2px; Xheight: 22px; overflow: hidden; }
div.gridFilterForm div.formItem label { width: auto; padding: 0 2px; color: #5b5b5b; }
div.gridFilterForm div.formItem input { border: 1px solid #b4b4b4; width: 120px; }
div.gridFilterForm div.formItem input.shortText { width: 60px; }
div.gridFilterForm div.formItem input.longText { width: 240px; }
div.gridFilterForm div.formButton { clear: none; float: left; margin-left: 0px; margin-right: 0px; margin-top: 0px; }
div.gridFilterForm div.formButton input { margin: 1px; }
div.gridFilterForm div.formItem select { height: 20px; width: auto; }
div.gridFilterForm select#fi_reportType {	float: left; }
div.gridMultiactionForm { clear: both; }
div.gridTable { clear: both; }
div.gridTable div.gridNoData { text-align: left; font-size: 0.8em; font-weight: bold; }
div.gridTable table { width: 100%; text-align: center; border-collapse: separate; border-spacing: 1px 4px; }
div.gridTable table th { border: 1px solid black; background: #3a3a3a; color: white; font-weight: normal; }
div.gridTable table th span.ordered { font-weight: bold; color: #7ea8f3; }
div.gridTable table tr.Odd td { background: #dddddd; }
div.gridTable table tr.Even td { background: #f4f4f4; }
div.gridTable table tr.hOver td { background-color: #8e8e8e; }
div.gridTable table tr.out td { background-color: #ffcccc; }
div.gridTable table tr.delayed td { background-color: #ffcccc; color: red; }
div.gridTable table tr.disabled td { color: #aaaaaa; font-style: italic; }
div.gridTable table tr.created td { background-color: #eeeeaa; }
div.gridTable table tr.reserved td { background-color: #ccffcc; }
div.gridTable table tr.returned td { background-color: #ccddff; }
div.gridTable table tr td.tdAction { color: black; font-style: normal; font-weight: normal; text-align: left; }
div.gridTable table tr td.tdAction img { margin-left: 7px; }
div.gridTable table td { padding-right: 5px; padding-left: 3px; vertical-align: top; }
div.gridTable table td.tdLeft { text-align: left; }
div.gridTable table td.tdRight { text-align: right; }
div.gridTable table td.tdCenter { text-align: center; }
div.gridPagerForm { clear: both; width: 93%; margin: 0; padding-top: 5px; font-size: 90%; }
div.gridPagerForm div { float: left; margin-right: 5px; color: #5b5b5b; }
div.gridPagerForm form { float: left; margin-right: 5px; padding: 0; }
div.gridPagerForm input.inputText { width: 30px; border: 1px solid #b4b4b4; }

.newstooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.newstooltip .newstooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
	top: -5px;
	right: 105%;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.newstooltip:hover .newstooltiptext {
    visibility: visible;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	height: calc(100vh - 115px - 110px);
	background-color: #000000;
	padding-left: 0;
	padding-right: 10px;
	width: 100%;
	margin: auto;
	overflow: auto;
}

.content {
	height: 100%;
	margin: 0 30px;
	padding: 10px;
	background-color: white;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 0.9em;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
div.formInfo {
	background-color: #fdf9c4;
	width: 800px;
}

div.indexPage {
	width: 100%;
	height: calc(100vh - 245px);
	min-height: 600px;
	background-color: #000000;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

div.indexPage div.content {
	margin-top: 0;
	background-color: transparent;
	overflow: hidden;
	Xfont-size: 0.8em;
}

div.indexColumn {
	width: 25%;
	padding: 10px 5px 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-height: 0;
}

div.indexColumn > div[class^="outerIndexSection"] {
	padding: 5px;
	box-sizing: border-box;
	display: flex;
	min-height: 0;
}

div.indexColumn > div[class^="outerIndexSection"] > div[class^="indexSection"] {
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
}

div.indexColumn div.externalLink a,
div.indexColumn div.externalLink a:hover,
div.indexColumn div.externalLink a:visited {
	color: black;
	font-size: 0.7em;
	padding-left: 8px;
	padding-top: 1px;
	display: inline-block;
}

div.indexColumn div.labelMain {
	margin: 0;
	white-space: normal;
	color: #000000;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2em;
}

div.indexColumn div.outerIndexSectionAboutFamily { height: 73%; }
div.indexColumn div.indexSectionAboutFamily {
	background-image: url(../img/backDotaznik.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #ebb5b4;
	overflow-y: auto;
	overflow-x: hidden;
}

div.indexColumn div.outerIndexSectionAchievements { height: 27%; }
div.indexColumn div.indexSectionAchievements {
	background-image: url(../img/backSpravaZamestnancu.png);
	background-repeat: no-repeat;
	background-position: left 20% bottom -15px;
	background-color: #e7d6c4;
	overflow-y: auto;
	overflow-x: hidden;
}

div.indexColumn div.outerIndexSectionExpenses { height: 32%; }
div.indexColumn div.indexSectionExpenses {
	background-image: url(../img/backFiktivniFirmy.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #d1d3d4;
	overflow-y: auto;
	overflow-x: hidden;
}

div.indexColumn div.outerIndexSectionCreditBalance { height: 22%; }
div.indexColumn div.indexSectionCreditBalance {
	background-image: url(../img/backCefifisAccount.png);
	background-repeat: no-repeat;
	background-position: right 5% center;
	background-color: #bfbebe;
	overflow: hidden;
}

div.indexColumn div.outerIndexSectionEBanking { height: 26%; }
div.indexColumn div.indexSectionEBanking {
	background-image: url(../img/backZR.png);
	background-repeat: no-repeat;
	background-position: right 20% top -8px;
	background-color: #e4daa6;
	overflow: hidden;
}

div.indexColumn div.outerIndexSectionExpenses { height: 52%; }
div.indexColumn div.indexSectionExpenses {
	background-image: url(../img/backFiktivniFirmy.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #d1d3d4;
	overflow-y: auto;
	overflow-x: hidden;
}

div.indexColumn div.outerIndexSectionGoals { height: 40%; }
div.indexColumn div.indexSectionGoals {
	background-image: url(../img/backOR.png);
	background-repeat: no-repeat;
	background-position: left -10px bottom -10px;
	background-color: #a3d5b6;
	overflow-y: auto;
	overflow-x: hidden;
}

div.indexColumn div.outerIndexSectionAccountsList { height: 43%; }
div.indexColumn div.indexSectionAccountsList {
	background-image: url(../img/backFU.png);
	background-repeat: no-repeat;
	background-position: right 70% top 70%;
	background-color: #b4d3ea;
	overflow-y: auto;
	overflow-x: hidden;
}

div.indexColumn div.outerIndexSectionAbout { height: 17%; }
div.indexColumn div.indexSectionAbout {
	background-image: url(../img/backCentralniDodavatel.png);
	background-repeat: no-repeat;
	background-position: right 50px top 100px;
	background-color: #a7b79c;
	overflow: hidden;
}

div.indexColumn div.outerIndexSectionNews { height: 25%; }
div.indexColumn div.indexSectionNews {
	background-image: url(../img/backNovinky.png);
	background-repeat: no-repeat;
	background-position: left 20px bottom 20px;
	background-color: #94cbe1;
	overflow: hidden;
}

div.indexColumn div.outerIndexSectionEvents { height: 46%; }
div.indexColumn div.indexSectionEvents {
	background-image: url(../img/backZdravPoj.png);
	background-repeat: no-repeat;
	background-position: right 10px top 10px;
	background-color: #cfaecd;
	overflow: hidden;
}

div.indexColumn div.outerIndexSectionContacts { height: 29%; }
div.indexColumn div.indexSectionContacts {
	background-image: url(../img/backSocPoj.png);
	background-repeat: no-repeat;
	background-position: bottom 25% right;
	background-color: #a0b4db;
	overflow: hidden;
}

div.indexColumn div.indexSectionAboutFamily,
div.indexColumn div.indexSectionExpenses,
div.indexColumn div.indexSectionCreditBalance,
div.indexColumn div.indexSectionEBanking,
div.indexColumn div.indexSectionAccountsList,
div.indexColumn div.indexSectionGoals,
div.indexColumn div.indexSectionAchievements,
div.indexColumn div.indexSectionAbout,
div.indexColumn div.indexSectionNews,
div.indexColumn div.indexSectionEvents,
div.indexColumn div.indexSectionContacts {
	display: flex;
	flex-direction: column;
	height: 100%;
}

div.indexColumn div.indexSectionAboutFamily .labelMain,
div.indexColumn div.indexSectionExpenses .labelMain,
div.indexColumn div.indexSectionCreditBalance .labelMain,
div.indexColumn div.indexSectionEBanking .labelMain,
div.indexColumn div.indexSectionAccountsList .labelMain,
div.indexColumn div.indexSectionGoals .labelMain,
div.indexColumn div.indexSectionAchievements .labelMain,
div.indexColumn div.indexSectionAbout .labelMain,
div.indexColumn div.indexSectionNews .labelMain,
div.indexColumn div.indexSectionEvents .labelMain,
div.indexColumn div.indexSectionContacts .labelMain {
	margin: 6px 8px;
	padding: 2px 0;
}

div.indexColumn div.indexSectionAboutFamily .content,
div.indexColumn div.indexSectionExpenses .content,
div.indexColumn div.indexSectionCreditBalance .content,
div.indexColumn div.indexSectionEBanking .content,
div.indexColumn div.indexSectionAccountsList .content,
div.indexColumn div.indexSectionGoals .content,
div.indexColumn div.indexSectionAchievements .content,
div.indexColumn div.indexSectionAbout .content,
div.indexColumn div.indexSectionNews .content,
div.indexColumn div.indexSectionEvents .content,
div.indexColumn div.indexSectionContacts .content {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 6px 10px;
}


.sectionFlex {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.sectionFlex .labelMain {
	flex: 0 0 auto;
	margin: 0;
}

.sectionFlex .content {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
}

div#divProposalPartial span.exit {
	float: right;
	width: auto;
	text-align: right;
	padding-right: 10px;
	cursor: pointer;
}
div#divProposalPartial div.header2 {
	float: left;
}

div#divProposalPartial form {
	padding-top: 10px;
}

div#divProposalPartial {
	position: absolute;
	border: 1px solid red;
	background-color: #ffffff;
	width: 520px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	line-height: normal;
	padding-left: 10px;
}

div.navbar-collapse {
	z-index: 1000;
	position: absolute;
}

div.contact {
	margin: 10px;
	border: 1px solid #aaaaaa;
	padding: 5px;
}

div.contact div.headerLabel {
	font-weight: bold;
	font-size: 1.5em;
}

div.contact div.addressLabel {
	font-style: italic;
}

div.contactLabel {
	margin: 10px;
	font-weight: bold;
}

table#accountsList {
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
}

table#accountsList th, td {
	border: 1px solid #000;  /* jednoduché černé okraje */
	padding: 3px;
	text-align: left;
}

table#accountsList th {
	font-weight: bold;
}

table.tableProducts {
	width: 100%;
	display: table;
	margin-top: 3px;
}

table.tableProducts th.tableProductsNarrow, table.tableProducts td.tableProductsNarrow {
	width: 10%
}

table.tableProducts th.tableProductsExtraNarrow, table.tableProducts td.tableProductsExtraNarrow {
	width: 5%;
}

table.tableProducts th.tableProductsWide, table.tableProducts td.tableProductsWide {
	width: 30%
}

table.tableProducts td input {
	width: 100%;
}

div.indexColumn div.indexSectionNUV {
	background-color: #ffffff;
	height: 8%;
	width: 75%;
	padding-top: 15px;
}

div.indexColumn div.indexSectionFacebook {
	background-color: #ffffff;
	height: 8%;
	width: 75%;
	padding-top: 15px;
}

div.indexColumn div.indexSectionEuropen {
	background-color: #ffffff;
	height: 8%;
	width: 75%;
	padding-top: 15px;
}

div.indexDiv {
	padding-top: 10px;
}

div.alertDiv {
	position: absolute;
	width: 600px;
	bottom: 50%;
	left: 30%;
	border: 1px groove red;
	z-index: 100;
	padding: 10px;
	font-weight: bold;
	background-color: #ffffff;
}

div.indexLoginDiv {
	position: absolute;
	width: 300px;
 /*   top: 50%;
    left: 50%;
    xheight: 110px; */
    Xmargin-top: -155px;
    Xmargin-left: -350px;
	background-color: #ffffff;
	border: 1px groove red;
	z-index: 100;
	padding: 15px;
}

div.indexLoginDiv select {
	margin-top: 7px;
	height: 22px;
}

input.returnCodeIcon {
	background-image: url(../img/returnCodeIcon.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 4px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle;
}

img.helpIconPng {
	width: 26px;
	height: 26px;
}

td.helpIcon {
	width: 32px;
}

div.navbar-header img {
	width: 189px;
	height: 70px;
}

td.helpHeader {
	width: 200px;
	font-weight: bold;
}

div.expanded {
	display: block;
}

div.collapsed {
	display: none;
}

div#divReturnCode {
	display: none;
}

div#divICO {
	display: none;
}

input#BaseCapital_CapitalText, input#BaseCapital_RepaymentText {
	width: 300px;
}

label.arrowUp {
	background-image: url(../img/arrowUpIcon.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 6px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 10px;     /* make text start to the right of the image */
    vertical-align: middle;
}

label.arrowDown {
	background-image: url(../img/arrowDownIcon.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 6px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    padding-left: 10px;     /* make text start to the right of the image */
    vertical-align: middle;
}

.tooltipClass {
	border-color: sienna;
	background-color: saddlebrown;
}

div.section {
	padding: 0px;
	width: 100%;
	overflow: hidden;
	margin-bottom:15px;
}
div.sectionHeader {
	border: 1px solid #aaaaaa;
	background: -webkit-linear-gradient(#ffffff , #dadada); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #dadada); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #dadada); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #dadada); /* Standard syntax */
	background-repeat: no-repeat;  /* make the background image appear only once */
	background-position: 0px center;  /* equivalent to 'top left' */
	height: 30px;
	border-color: #999999;
	font-size: 13px;
	padding-right: 10px;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	width: 100%;
	overflow: hidden;
	padding: 6px 8px 3px 5px;
	font-weight: bold;
}
div.sectionBody {
	border: 1px solid #aaaaaa;
	border-top: 0px;
	width: 100%;
	overflow: hidden;
	padding: 5px 10px 5px 10px;
}
div.section div.section {
	margin-bottom: 5px;
}
label.sectionHeaderLabel {
	font-weight: bold;
	float: left;
}
div.section div.column1 {
	width: 140px;
	display: inline-block;
}
div#divProposalPartial span {
	display: inline-block;
	width: 180px;
}
div.section div.column2 {
	display: inline-block;
	margin-left: 10px;
}
div.section div.column2Shorter {
	display: inline-block;
	margin-left: 5px;
}
div.section div.column2Shorter textarea, div.section div.column2Shorter input {
	width: 270px;
}

div.section div.column3 {
	display: inline-block;
	margin-left: 5px;
}
div.section div.column3 select, div.section div.column input {
	height: 25px;
}
div.section div.column2 select, div.section div.column2 input, div#divProposalPartial select {
	width: 300px;
	height: 25px;
}
div.section div.column2 textarea {
	width: 300px;
}
span.tooltipClass {
	background-image: url(../img/tooltipIcon.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 1px;  /* equivalent to 'top left' */
    vertical-align: middle;
	width: 15px;
	height: 20px;
	margin-left: 6px;
	display: inline-block;
}
span.tooltipClass:hover {
	cursor: help;
}
.tooltipBox {
	cursor: help;
}
.sectionSummary {

}
.clearFloat  {
	clear: left;
}

tr.userDisabled td {
	color: red;
	font-style: italic;
}

tr.invoiceUnpaid {
	font-weight: bold;
}

tr.invoiceUnpaid {
	font-weight: bold;
	color: red;
}

tr.xinvoiceUnpaidRed {
    font-weight: bold;
    color: red;
}

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

tr.submitted td {
	color:#006633;
}

div.messageInfo {
	background-image: url(../img/infoIcon.png); /* 16px x 16px */
    background-color: #dae4f9; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 3px center;  /* equivalent to 'top left' */
    border: 1px solid #2d57ad;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    padding-left: 27px;     /* make text start to the right of the image */
    vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 3px;
	margin: 2px;
}

div.messageHelp {
	background-image: url(../img/helpIcon.png); /* 16px x 16px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 3px 10px;  /* equivalent to 'top left' */
    padding-left: 40px;     /* make text start to the right of the image */
	margin: 2px;
	margin-bottom: 10px;
	overflow: hidden;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	padding-bottom: 5px;
}
div.messageHelp li {
	padding: 3px;
	margin-left: 0px;
}
div.messageHelp div.message{
	padding-bottom: 5px;
}
div.validationError {
	background-image: url(../img/errorIcon.png);
	background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 3px center;  /* equivalent to 'top left' */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    padding-left: 23px;     /* make text start to the right of the image */
    vertical-align: middle;
	background-color: #f6d0cd;
	xborder: 1px solid #c61800;
	border-radius: 3px;
}
div.messageError {
	background-image: url(../img/errorIcon.png); /* 16px x 16px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 3px center;  /* equivalent to 'top left' */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    padding-left: 20px;     /* make text start to the right of the image */
    vertical-align: middle;
	background-color: #f6d0cd;
	border: 1px solid #c61800;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin: 2px;
}
div.messageMessage {
	background-image: url(../img/messageIcon.png); /* 16px x 16px */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 3px center;  /* equivalent to 'top left' */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    padding-left: 25px;     /* make text start to the right of the image */
    vertical-align: middle;
	background-color: #fdf9c4;
	border: 1px solid #ecc700;
	padding-top: 5px;
	border-radius: 3px;
	margin: 2px;
	padding-right: 5px;
}

div.formItem {
	display: block;
	padding: 3px;
}
div.formItem label.formLabel {
}
div.formItem label.formLabelOffset {
	margin-left: 10px;
}
div.formItem label.formLabelLong {
	width: 450px;
	display: block;	
}
div.formItem formEditor, div.formItem select, div.formItemLast formEditor, div.formItemLast select {
	width: 200px;
}
input.formEditorShort {
        width: 60px;
}
div.formItem input.formEditorLong {
    width: 400px;
}
div.formItem input.formEditorMiddle {
	width: 300px;
}
div.formItem div.column2 input.formEditorPhone {
	width: 263px;
}

div#scrollable {
    overflow-y: scroll;
    overflow-x: hidden;
}

div#tabDiv {
    height: 40px;
}

div.formItem div.column1, div.formItemLast div.column1 {
	width: 200px;
	display: inline-block;
    vertical-align: top;
}
div.column2 input#CompanyCooperation {
    width: 20px;
    height: 15px;
}
div.formItem div.column1Long, div.formItemLast div.columnLong {
    width: 470px;
    display: inline-block;
}
div.formItem div.column2, div.formItemLast div.column2, div.formItem div.column2Short, div.formItemLast div.column2Short {
	margin-left: 5px;
	display: inline-block;
}

div.section div.formItem div.column2 input#ZPBankAccount {
	width: 150px;
}

div.section div.formItem div.column2 input#ZPBankCode {
	width: 50px;
}
div.section div.declarationDiv {
	height: auto;
}

div.formPanel {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	border-radius: 3px;
	padding: 5px;
}

div.formButton {
	display: inline-block;
}

div.headerTop {
	width: 100%;
	font-size: 2em;
	height: 115px;
	padding-left: 0;
	background-color: #000000;
}
div.headerTop div.topStripe {
	background-image: url(../img/headerStripe.png);
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: 10px 0px;
	width: 100%;
	height: 70px;
}
div.headerTop div.headerStripe {
	height: 40px;
	width: 100%;
	padding-left: 17px;
	overflow: hidden;
}
div.headerTop div.headerStripe div.body {
	overflow: hidden;
}
div#tabDiv {
    background-color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    height: 33px;
    padding-top: -10px;
}

    div#tabDiv input.tabItem {
        float: left;
        display: block;
        color: #000000;
        text-align: center;
        padding: 7px 16px;
        text-decoration: none;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
div#tabDiv input.tabItem:hover {
    background: #aaaaaa;
    color: black;
}
div#tabDiv input.selected {
    background-color: #dddddd;
}
div.headerTop div.menuRight {
	float: right;
	padding-right: 30px;
}
div.headerTop div.menuRight ul {
	list-style: none;
}
div.headerTop div.menuRight li {
	float: right;
	font-size: 15px;
	padding-top: 12px;
	padding-left: 20px;
}
div.headerTop div.menuRight a {
	color: white;
}
div.headerTop div.menuRight a:hover {
	color: #bbbbbb;
	text-decoration: none;
}

div.footer {
	height: 110px;
	font-size: 0.9em;
	overflow: auto;
	background-color: #000000;
	color: #ffffff;
	padding-left: 20px;
}
div.footer div.footerBottom {
	width: 100%;
	height: 60px;
	padding-left: 20px;
	padding-right: 30px;
}
div.footer div.footerTop {
	background-image: url(../img/footerStripe.png);
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: 10px 0px;
	width: 100%;
	height: 50px;
	color: #000000;
	padding-top: 16px;
	padding-left: 10px;
	padding-right: 10px;
}

div.footer div.footerBottom img.nuv {
	width:65px;
	height: 50px;
}

div.footer div.footerBottom img.cefif {
	width:105px;
	height: 50px;
}

div.footer div.footerBottom img.europen2 {
	width:226px;
	height: 42px;
}

div.footer div.footerBottom img.fb {
	width:39px;
	height: 42px;
}
div.footer div.footerBottom img.cd {
	height: 42px;
	witdh: 149px;
}
div.formItem div.alignRight {
	margin-left: 500px;
}

div.footer div.footerBottom img.twitter {
	width:39px;
	height: 42px;
}

div.form {
	margin-top: 10px;
	margin-bottom: 10px;
}
div.form div.formContent {
	height: auto;
	overflow: scroll;
}

div#editObchodniRejstrikForm {
	overflow: scroll;
}

div#bodyContent hr.half {
    height: 5px;
    margin-top: 15px;
    margin-bottom: 5px;
}
div.formFooter {
	height:40px;
	margin-top: 5px;
	background: -webkit-linear-gradient(#ffffff , #dadada); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #dadada); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #dadada); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #dadada); /* Standard syntax */
	background-repeat: no-repeat;  /* make the background image appear only once */
	background-position: 0px center;  /* equivalent to 'top left' */
	padding-left: 25px;
	padding-top: 2px;
	width: auto;	
	font-size: 13px;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	border: 1px solid grey;
}
div#formContent{
	overflow: auto;
}
div.footer div.footerLeft {
	float: left;
}
div.footer div.footerRight {
	float: right;
	color: #333;
}
div.formFilterItem {
	margin-right: 10px;
	float: left;
}
div.formFilter div.formFilterButton input {
	height: 23px;
}
div.formFFPanel {
	margin-top: 6px;
	margin-bottom: 2px;
}
.filterButton {
	display:inline-block;
	padding:2px 4px;
	margin-bottom:0;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid transparent;
	border-radius:4px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	color:#333;
	background-color:#fff;
	border-color:#ccc;
}

.filterButton:focus {
	outline:thin dotted #333;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}
.filterButton:hover,.filterButton:focus {
	color:#333;
	text-decoration:none;
	background-color:#ebebeb;
	border-color:#adadad;
}
.filterButton:active,.filterButton.active {
	background-image:none;
	outline:0;
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
}
.filterButton.disabled,.filterButton[disabled] {
	pointer-events:none;
	cursor:not-allowed;
	opacity:.65;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	box-shadow:none;
	background-color:#fff;
	border-color:#ccc;
}
div.formFilterItem input {
	height: 20px;
	width: 100px;
}
div.formFilter {
	background-color: #ffa060;
	padding: 5px;
	border-radius: 3px;
}
div.filterHeader {
	font-weight: bold;
	margin-right: 15px;
	float:left;
	border-radius: 3px;
	background-color: #ff6600;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
table.tableList {
	margin-top: 15px;
	width: 100%;
}
table.tableList tr.header {
	border-bottom: 2px solid black;
}
table.tableList tr td{
	padding-top: 5px;
}
table.tableList tr.odd {
}
table.tableList tr.even {
	background-color: #ffe0cc;
}
div.header {
	xbackground-image: url(../img/headerStripe.png); /* 16px x 16px */
    xbackground-color: transparent; /* make the button transparent */
    xbackground-repeat: repeat-x;  /* make the background image appear only once */
    xbackground-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 70px;           /* make this the size of your image */
    vertical-align: middle;
	padding-top: 8px;
	font-size: 15px;
	color: white;
	margin-bottom: 0px;
	z-index: 100;
	background-color: #000000;
	margin: 5px;
}
div.header div.body {
	padding: 5px;
}
body a.navbar-brand {
	height: 50px;
	padding-top: 2px;
	overflow: hidden;
}
body a.navbar-brand a {
	vertical-align: top;
}
body .navbar-brand img {
	width: 189px;
	height: 70px;
}

div.navbar-header {
	z-index: 5000;
	position: absolute;
}

body div.navbar-collapse {
	float:right;
	width: 920px;
	background-image: url(../img/headerStripe.png);
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: 10px 2px;
	height: 72px;
}
.bold {
	font-weight: bold;
}
dif.indexForm {
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 10px;
}
hr.black {
	border-color: black;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: -3px;
}
div.header2 {
	font-size: 1.3em;
	margin-bottom: 15px;
}
div.formItem select {
	height: 30px;
	width: 300px;
} 
div.formButton .btnNarrow {
	width: 110px;
}
table.poj td {
	padding: 3px;
}
table.poj  tr th.long {
	width: 350px;
}
table.poj tr th.narrow {
	width: 220px;
}

div.formButton .btnOKBig {
	background: url(../img/buttonOKIcon.png),-webkit-linear-gradient(#ffffff , #dadada); /* For Safari 5.1 to 6.0 */
	background: url(../img/buttonOKIcon.png),-o-linear-gradient(#ffffff, #dadada); /* For Opera 11.1 to 12.0 */
	background: url(../img/buttonOKIcon.png),-moz-linear-gradient(#ffffff, #dadada); /* For Firefox 3.6 to 15 */
	background: url(../img/buttonOKIcon.png),linear-gradient(#ffffff, #dadada); /* Standard syntax */
	background-repeat: no-repeat;  /* make the background image appear only once */
	background-position: 0px center;  /* equivalent to 'top left' */
	padding-left: 25px;
	height: 35px !important;
	border-color: #999999;
	font-size: 18px !important;
	font-weight: bold;
	padding-right: 10px;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
}

div.formButton .btnOK {
	background: url(../img/buttonOKIcon.png),-webkit-linear-gradient(#ffffff , #dadada); /* For Safari 5.1 to 6.0 */
	background: url(../img/buttonOKIcon.png),-o-linear-gradient(#ffffff, #dadada); /* For Opera 11.1 to 12.0 */
	background: url(../img/buttonOKIcon.png),-moz-linear-gradient(#ffffff, #dadada); /* For Firefox 3.6 to 15 */
	background: url(../img/buttonOKIcon.png),linear-gradient(#ffffff, #dadada); /* Standard syntax */
	background-repeat: no-repeat;  /* make the background image appear only once */
	background-position: 0px center;  /* equivalent to 'top left' */
	padding-left: 25px;
	height: 25px;
	border-color: #999999;
	font-size: 13px;
	padding-right: 10px;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
}

div.formButton .btnFinal {
	background: url(../img/buttonFinalPartIcon.png),-webkit-linear-gradient(#ffffff , #dadada); /* For Safari 5.1 to 6.0 */
	background: url(../img/buttonFinalPartIcon.png),-o-linear-gradient(#ffffff, #dadada); /* For Opera 11.1 to 12.0 */
	background: url(../img/buttonFinalPartIcon.png),-moz-linear-gradient(#ffffff, #dadada); /* For Firefox 3.6 to 15 */
	background: url(../img/buttonFinalPartIcon.png),linear-gradient(#ffffff, #dadada); /* Standard syntax */
	background-repeat: no-repeat;  /* make the background image appear only once */
	background-position: 0px center;  /* equivalent to 'top left' */
	padding-left: 24px;
	height: 25px;
	border-color: #999999;
	font-size: 13px;
	padding-right: 10px;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
}

div.formButton .btnPDF {
	background: url(../img/buttonPdfIcon.png),-webkit-linear-gradient(#ffffff , #dadada); /* For Safari 5.1 to 6.0 */
	background: url(../img/buttonPdfIcon.png),-o-linear-gradient(#ffffff, #dadada); /* For Opera 11.1 to 12.0 */
	background: url(../img/buttonPdfIcon.png),-moz-linear-gradient(#ffffff, #dadada); /* For Firefox 3.6 to 15 */
	background: url(../img/buttonPdfIcon.png),linear-gradient(#ffffff, #dadada); /* Standard syntax */
	background-repeat: no-repeat;  /* make the background image appear only once */
	background-position: 0px center;  /* equivalent to 'top left' */
	padding-left: 26px;
	height: 25px;
	border-color: #999999;
	font-size: 13px;
	padding-right: 10px;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
}
.btnBack {
	background: url(../img/buttonBackIcon.png),-webkit-linear-gradient(#ffffff , #dadada); /* For Safari 5.1 to 6.0 */
	background: url(../img/buttonBackIcon.png),-o-linear-gradient(#ffffff, #dadada); /* For Opera 11.1 to 12.0 */
	background: url(../img/buttonBackIcon.png),-moz-linear-gradient(#ffffff, #dadada); /* For Firefox 3.6 to 15 */
	background: url(../img/buttonBackIcon.png),linear-gradient(#ffffff, #dadada); /* Standard syntax */
	background-repeat: no-repeat;  /* make the background image appear only once */
	background-position: 0px center;  /* equivalent to 'top left' */
	padding-left: 22px !important;
	height: 25px;
	border-color: #999999 !important;
	font-size: 13px;
	padding-right: 10px;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
}
.btnCancel {
	background: url(../img/buttonCancelIcon.png),-webkit-linear-gradient(#ffffff , #dadada); /* For Safari 5.1 to 6.0 */
	background: url(../img/buttonCancelIcon.png),-o-linear-gradient(#ffffff, #dadada); /* For Opera 11.1 to 12.0 */
	background: url(../img/buttonCancelIcon.png),-moz-linear-gradient(#ffffff, #dadada); /* For Firefox 3.6 to 15 */
	background: url(../img/buttonCancelIcon.png),linear-gradient(#ffffff, #dadada); /* Standard syntax */
	background-repeat: no-repeat;  /* make the background image appear only once */
	background-position: 0px center;  /* equivalent to 'top left' */
	padding-left: 22px !important;
	height: 25px;
	border-color: #999999;
	font-size: 13px;
	padding-right: 10px;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
}
.btnDelete {
	background: url(../img/buttonCancelIcon.png),-webkit-linear-gradient(#ffffff , #dadada); /* For Safari 5.1 to 6.0 */
	background: url(../img/buttonCancelIcon.png),-o-linear-gradient(#ffffff, #dadada); /* For Opera 11.1 to 12.0 */
	background: url(../img/buttonCancelIcon.png),-moz-linear-gradient(#ffffff, #dadada); /* For Firefox 3.6 to 15 */
	background: url(../img/buttonCancelIcon.png),linear-gradient(#ffffff, #dadada); /* Standard syntax */
	background-repeat: no-repeat;  /* make the background image appear only once */
	background-position: 0px center;  /* equivalent to 'top left' */
	padding-left: 15px !important;
	height: 25px;
	border-color: #999999;
	font-size: 13px;
	padding-right: 10px !important;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
}

div.formButton .btnSubject {
	background: url(../img/buttonEditIcon.png),-webkit-linear-gradient(#ffffff , #dadada); /* For Safari 5.1 to 6.0 */
	background: url(../img/buttonEditIcon.png),-o-linear-gradient(#ffffff, #dadada); /* For Opera 11.1 to 12.0 */
	background: url(../img/buttonEditIcon.png),-moz-linear-gradient(#ffffff, #dadada); /* For Firefox 3.6 to 15 */
	background: url(../img/buttonEditIcon.png),linear-gradient(#ffffff, #dadada); /* Standard syntax */
	background-repeat: no-repeat;  /* make the background image appear only once */
	background-position: 0px center;  /* equivalent to 'top left' */
	padding-left: 25px;
	height: 25px;
	border-color: #999999;
	font-size: 13px;
	padding-right: 10px;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
}
div.formButton .btnAdd {
	background: url(../img/buttonAddIcon.png),-webkit-linear-gradient(#ffffff , #dadada); /* For Safari 5.1 to 6.0 */
	background: url(../img/buttonAddIcon.png),-o-linear-gradient(#ffffff, #dadada); /* For Opera 11.1 to 12.0 */
	background: url(../img/buttonAddIcon.png),-moz-linear-gradient(#ffffff, #dadada); /* For Firefox 3.6 to 15 */
	background: url(../img/buttonAddIcon.png),linear-gradient(#ffffff, #dadada); /* Standard syntax */
	background-repeat: no-repeat;  /* make the background image appear only once */
	background-position: 0px center;  /* equivalent to 'top left' */
	padding-left: 25px;
	height: 25px;
	border-color: #999999;
	font-size: 13px;
	padding-right: 10px;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
}
div.notFilled {
	color: firebrick;
}
 div.date input {
	background-image: url(../img/calendarIcon.png); /* 16px x 16px */
	background-repeat: no-repeat; /* make the background image appear only once */
	background-position: right center; /* equivalent to 'top left' */
}
table.info {
	margin-left: 40px;
	border-collapse: collapse;
	border-spacing: 5px;
}
table.info td {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}
hr.green {
	width: 100%;
	background-color: #006633;
	height: 2px;
}
hr.greenSmall {
	width: 100%;
	background-color: #006633;
	height: 1px;
}
div.column1Long {
	margin-right: 22px;
	font-weight: bold;
}
div.column1Short {
	display: inline-block;
	width: 140px;
	margin-right: 20px;
}
div.column1Short label {
	font-weight: bold;
}
div.column2Short {
	display: inline-block;
	width: 200px;
	margin-right: 20px;
}
div.column2Long {
    display: inline-block;
    width: 400px;
    margin-right: 20px;
}
div.formItem div.column2Short select {
	width: 160px;
}
div.formItemLast div.column2 input.placeEdit {
	width: 50px;
}
div.formItem select#currency {
	width: 60px;
}
#jrfPhone {
	width: 140px;
}
div.column3Short {
	display: inline-block;
	width: 150px;
}
div.column3ExtraShort {
	display: inline-block;
	width: 60px;
}
div.short {
	display: inline-block;
}
div.subsection div.formItem {
	padding: 3px;
	border-bottom: 1px solid #aaaaaa;
}
div.formItemLast {
	padding: 3px;
}
div.subsection {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 2px solid #006633;
	margin-bottom: 3px;
}
div.subsection select {
	height: 24px;
}
.required label:after {
    color: #e32;
    content: ' *';
    display:inline;
}
.required input {
	border: 1px solid red;
}
.required input.nored {
	border: 1px solid #a9a9a9;
}
input.rightAlign {
	float: right;
}
div.sectionHeader input {
	margin-top: -4px;
}

.fullWidth {
	width: 100%;
}

.fullWidthLow {
	width: 100%;
	height: 40px;
}

select#bizSubjectSubject {
	width: 620px;
}

.redBorder {
	border: 1px solid red;
}
input.narrow {
	width: 50px;
}
.tmp {
	border: 2px solid red;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { 
	outline: none;
	border: 1px solid #006633;
}
.textAreaRest {
	width: 500px;
}
.commentLabel {
	font-weight: bold;
	color: red;
}
.commentBody {
	color:red;
}

.commentTextArea {
	background-color: #fff393;
}

span.redMessage {
	background-color: #f1cfcf;
	border: 1px solid red;
	padding: 3px;
	display: block;
}

table.contact {
    border: 1px solid black;
}

table.contact td {
    padding: 3px;
    border: 1px solid black;    
}

table.contact th {
    background-color: #000000;
    color: #ffffff;
    font-weight: bold;
}
p.tableHeader {
    font-size: 1.5em;
    font-weight: bold;
}

div.dashboard {
	background: #eeeeee;
	padding: 5px;
	margin-top: 15px;
	border: 1px solid black;
}

div.dashboard div.dashboardCompany {
	font-weight: bold;
	font-size: 1.4em;
	padding-bottom: 4px;
}

div.dashboard div.dashboardDates {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 2px;
}

div.dashboard div.dashboardLinks {
	color: #0000ff;
}

div.dashboard div.dashboardNote {
	color: #030303;
}

div.dashboard3rd {
	margin-left: 60px;
}

div#dashboardForm {
	margin: 0px;
	overflow: auto;
}
.goal-item {
	margin-bottom: 8px;
	padding: 4px;
	border-radius: 5px;
	background-color: #f9f9f9;
}

.goal-item span.goal-state {
	font-weight: bold;
	display: inline-block;
	min-width: 130px;
	text-align: left;
	margin-right: 12px;
}

.goal-item.done {
	color: #0a7d00;
	background-color: #e7f7e7;
}

.goal-item.cancelled {
	color: #999;
	background-color: #f4f4f4;
	text-decoration: line-through;
}

.goal-item.failed {
	color: #e67e00;
	background-color: #fff5e5;
}

.goal-item.pending {
	color: #000;
	background-color: #f0f0f0;
}

.goal-item:hover {
	cursor: pointer;
	background-color: #ececec;
}

.goalState {
	cursor: pointer;
	font-size: 18px;
	display: inline-block;
	width: 30px;
	text-align: center;
}
.goalState.CANCELLED {
	text-decoration: line-through;
	opacity: 0.6;
}

td.stateCANCELLED, td.stateCANCELLED input  {
	text-decoration: line-through;
	opacity: 0.6;
}

td.stateFAILED, td.stateFAILED input {
	color: red;
}

.readonlyGoal input {
	border: none;
	background: none;
	pointer-events: none;
	font-family: inherit;
	font-size: inherit;
	color: #000000;
	padding: 0;
	margin: 0;
}

.icon-button {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.icon-button img,
.icon-button svg {
	transition: stroke 0.2s ease-in-out;
	stroke: #555;
}

.icon-button:hover img,
.icon-button:hover svg {
	stroke: #e74c3c;
}

ul.achievementsList {
	list-style: none;
	padding: 0;
	margin: 0;
	xdisplay: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.achievementBadge {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
}

.achievementBadge img {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.achievementBadge.unfulfilled {
	opacity: 0.4;
}

#eventsList { display: grid; gap: 16px; }
.event { border: 1px solid #ddd; padding: 12px; border-radius: 8px; background:#fff; }
.event-head { font-weight: 600; margin-bottom: 6px; }
.event-date { opacity: 0.8; }
.event-text { margin: 8px 0 6px; }
.event-admin { color: #c00; font-weight: 600; margin: 6px 0; }
.event-your-label { display:block; margin-top: 8px; font-weight: 500; }
.event-comment { width: 100%; box-sizing: border-box; }
.event-actions { display:flex; align-items:center; gap:10px; margin-top:6px; }
.event-status { font-size: 0.9em; opacity: 0.8; }

.achievements-table {
	xwidth: 100%;
	border-collapse: collapse;
}
.achievements-table th, .achievements-table td {
	border: 1px solid #ddd;
	padding: 6px 8px;
	text-align: left;
}
.achievements-table td.achievement-type {width: 500px; }
.achievements-table th { background: #f6f6f6; }
.goalRow .goalState { max-width: 160px; }
.goalRow .goalText  { width: 100%; max-width: 560px; }
div#goalSection div.goalRow select { height: 25px; width: 120px; }
div#goalSection div.goalRow .goalState {font-size: 12px; }

div#expenseSection div.expenseRow input.name {width: 500px;}
div#expenseSection div.expenseRow input.amount {width: 100px;}

.persons-table {
	xwidth: 100%;
	border-collapse: collapse;
}
.persons-table th, .persons-table td {
	border: 1px solid #e2e2e2;
	padding: 6px 8px;
	vertical-align: middle;
}
.persons-table th { background: #f7f7f7; }
.persons-table input.name { width: 100%; max-width: 320px; }
.persons-table select { max-width: 200px; }
.persons-table input.num { width: 9rem; text-align: right; }
.persons-table input.order { width: 5rem; text-align: right; }

div#editFamilyForm input.longText { width: 450px; }

.events-table { width: 100%; border-collapse: collapse; }
.events-table th, .events-table td { border: 1px solid #e2e2e2; padding: 6px 8px; vertical-align: top; }
.events-table th { background: #f7f7f7; }
.events-table textarea { width: 100%; resize: vertical; }
.events-table .eventDate { width: 12rem; }
.events-table td.eventTd { width: 160px; }
textarea.note { width: 500px; }