
/*
 *************************
	$BASIC STYLES
 *************************
*/

.calc-table__number-input input,
[data-sum] {
	display: block;
	text-align: right;
}

.calc-table__number-input {
	vertical-align: middle;
}

.calc-table__sum-euro:after {
	content: '\2009€';
}

.calc-table__empty-cell:after {
  content: 'Empty cell';
  font-size: 0;
  visibility: hidden;
  speak: none;
}



/*
 *************************
	$LAYOUT
 *************************
*/

.calc-table,
.calc-table table,
.calc-table tbody,
.calc-table tr {
	width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
}

.calc-table,
.calc-table > tbody,
.calc-table > tbody > tr {
	display: block;
}

.calc-table thead {
	visibility: hidden;
	display: none;
}

.calc-table td span,
.calc-table td input {
	/*width: 100%;*/
	height: 100%;
	display: block;
}



/*
 *************************
	$CAPTION
 *************************
*/

.calc-table__caption {
	display: block;
	position: relative;
	width: 100%;
	text-align: left;
}

.calc-table__caption__left,
.calc-table__caption__right {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.calc-table__caption__left {
	width: 76%;
	margin-right: 2%;
}

.calc-table__caption__right {
	width: 22%;
}

.calc-table__caption__dailyrate {
	position: absolute;
	top: 0;
	right: 0;

	width: 22%;
}

.calc-table__caption__dailyrate .__CbUiText,
.calc-table__caption__dailyrate input {
	display: inline;
}

.calc-table__caption__dailyrate input {
	float: right;
}

.calc-table__caption__title,
.calc-table__caption__category,
.calc-table__caption__duration,
.calc-table__caption__sum,
.calc-table__caption__sum:after {
	display: inline;
}

.calc-table__caption__sum {
	position: absolute;
	top: 0px;
	right: 0px;
}

.calc-table__caption__days,
.calc-table__caption__daysum {
	display: inline;
	vertical-align: top;
}

.calc-table__caption__days {
	width: 40%;
}

.calc-table__caption__daysum {
	width: 60%;
}



/*
 *************************
	$CLUSTER
 *************************
*/

.calc-table__cluster,
.calc-table__cluster__items {
	width: 100%;
}

.calc-table__cluster > td {
	display: inline-block;
	vertical-align: top;
}

.calc-table__cluster td:nth-child(1) {
	width: 60%;
}

.calc-table__cluster td:nth-child(2) {
	width: 16%;
}

.calc-table__cluster td:nth-child(3) {
	width: 2%;
}

.calc-table__cluster td:nth-child(4) {
	width: 9%;
}

.calc-table__cluster td:nth-child(5) {
	width: 13%;
	vertical-align: middle;
}

.calc-table__cluster td:nth-child(6) {
	width: 100%;
}

.calc-table__cluster.calc-table__add-topic td {
	display: none;
}

.calc-table__cluster.calc-table__add-topic td:nth-child(5) {
	display: table;
	width: 100%;
}

.calc-table__cluster__item .calc-table__number-input {
	width: 22%;
}

.calc-table__cluster__sum {
	width: 22%;
}



/*
 *************************
	$ITEMS
 *************************
*/

.calc-table__cluster__items {
	display: table;
	width: 100%;
}

.calc-table__cluster__items__delete_button {
    background-image: url('../images/img_close.png');
    height: 17px;
    width: 17px;
    float: right;
    cursor: pointer;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {

	.calc-table,
	.calc-table table,
	.calc-table tbody,
	.calc-table tr {
		width: 99.99999%;
	}

}


@media screen and (max-width: 1024px) {

	.calc-table__caption__left {
		width: 74%;
		margin-right: 3%;
	}

	.calc-table__caption__dailyrate,
	.calc-table__caption__right {
		width: 23%;
	}

	.calc-table__caption__days {
		width: 36%;
	}

	.calc-table__caption__daysum {
		width: 64%;
	}

	.calc-table__cluster td:nth-child(3) {
		width: 3%;
	}

	.calc-table__cluster td:nth-child(2) {
	    width: 14%;
	}

	.calc-table__cluster td:nth-child(4) {
		width: 8.3%;
	}

	.calc-table__cluster td:nth-child(5) {
		width: 14.7%;
	}

}

@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio:0) {

	.calc-table__cluster td:nth-child(3) {
	    width: 2.9999%;
	}

}


/*
 *************************
     $NEW LABEL WINDOW
 *************************
*/

.budget__form_new_label {
    display: none;
}