div.ekstre-footer {
	display: table;
	width: 66%;
	margin: 10px 1%;
	padding: 0 0 0 32%;
	border-radius: 4px;
	border: 1px solid #ddd;
}

div.ekstre-footer > div {
	float: left;
	width: 22%;
	margin: 0 3% 0 0;
}

div.ekstre-footer > div.caption {
	padding-top: 18px;
	font-size: 16px;
}

div.ekstre-footer > div span {
	display: block;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	color: #555;
}

div.ekstre-footer > div span.header {
	border-bottom: 1px solid #ddd;
}

div.ekstre-footer.total {
	width: 97%;
	margin: 20px 1% 20px 1%;
	padding: 0 0 0 1%;
	font-size: 16px;
	background: #079;
	border-color: #058;
	color: #fff;
}

div.ekstre-footer.total > div {
	width: 17.5%;
	margin: 0 2% 0 0;
}

div.ekstre-footer.total > div:last-child {
	width: 20%;
}

div.ekstre-footer.total > div.result {
	font-weight: bold;
	background-color: rgba(0,0,0,0.5);
	margin-right: 0;
	padding: 0 1%;
}

div.ekstre-footer.total > div span.header {
	border-color: #39a;
}

div.ekstre-footer.total * {
	color: #fff;
}

div.result-notes {
	display: table;
	width: 98%;
	margin: 0 1% 20px 1%;
	color: #f00;
	font-size: 16px;
}

.dp-choose-date {
	display: inline !important;
	color: transparent !important;
	float: initial !important;
}

div.announce {
	display: table;
	width: 100%;
	margin: 20px 0;
	background: #f60 2% center no-repeat;
	background-size: 60px 60px;
	color: #fff;
	font-size: 16px;
	border: 1px solid #d40;
	border-radius: 4px;
}

	div.announce a {
		display: inline-block;
		width: 760px;
		height: 100%;
		padding: 30px 10px 30px 100px;
		color: #fff;
	}
		div.announce a:hover, div.announce a:active, div.announce a:focus {
			text-decoration: none;
		}

	div.announce span.close {
		position: absolute;
		display: block;
		margin: -85px 0 0 883px;
		z-index: 1000;
		width: 20px;
		height: 20px;
		background: url(/documents/templates/otomaton/images/close-hot.png) center center no-repeat;
		background-size: 10px 10px;
		border-radius: 10px;
		cursor: pointer;
		transition: all linear 0.2s;
	}

		div.announce span.close:hover {
			background-color: #fff;
			background-image: url(/documents/templates/otomaton/images/close.png);
			transition: all linear 0.2s;
		}

a.bakiye-kapat {
	display: inline-block;
	float: right;
	margin: -20px 0 0 0;
	padding: 7px 10px;
	border-radius: 4px;
	background: #079;
	border: 1px solid #058;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	transition: all linear 0.2s;
}

	a.bakiye-kapat:active, a.bakiye-kapat:hover, a.bakiye-kapat:focus {
		background: #f60;
		border-color: #e20;
		text-decoration: none;
		transition: all linear 0.2s;
	}
	
	a.bakiye-kapat:active hr, a.bakiye-kapat:hover hr, a.bakiye-kapat:focus hr {
		background-color: #fff;
		transition: all linear 0.2s;
	}
	
	a.bakiye-kapat hr {
		display: block;
		width: 100%;
		height: 1px;
		border: none;
		background: #39a;
		transition: all linear 0.2s;
	}
	
	a.bakiye-kapat span {
		display: block;
		font-size: 12px;
		font-weight: bold;
		transition: all linear 0.2s;
	}