body {
	font-family:'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:16px
}

html { height: 100%; }
body { min-height: 100%; }

#main {
	padding-bottom:15px
}

label {
	text-align:left!important;
	font-weight:normal!important
}

input::-ms-clear {
    display: none;
}

input,
select {
	font-size:16px!important
}

.btn-primary , 
.btn-primary:active , 
.btn-primary:visited , 
.btn-primary:focus {
	background-color:#4C2C78;
	border-color:#4C2C78;
	color:white
}
.btn-primary:hover {
	background-color:#8163A0;
	border-color:#8163A0
}

a {

	font-weight:200;
	white-space:normal!important
}

a,
#loginform label {
	color:#4C2C78;
	font-weight:bold!important
}

button {
	
	font-weight:200
}

a:hover {
	color:#8163A0
}

a,
a:active,
a:visited,
a:focus {
	color:#4C2C78
}

h1,
h2,
h3 {
	font-weight:bold;
	margin:0px 0px 20px 0px;
	color:#4C2C78
}

h4 {
	font-weight:bold
}

.alert span {
	vertical-align:middle
}

.modal.fade .modal-dialog {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;	
}

.modal-backdrop {
	background-color:transparent;
}

button.close {
	font-weight:bold;
	font-size: 22.5px;
}

.btn-xl {
	font-size:1.6em
}

@media (min-width:768px) {
	#main {
    	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
    	box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
    	border-bottom-left-radius:10px;
    	border-bottom-right-radius:10px
    }
    #user-menu {
    	text-align:right
    }
	
}

.well-question {
	border-width:0px;
	-webkit-box-shadow:none;
	box-shadow:none;
	height:280px;
	border-radius:10px;
	text-align:center;
	color:white;
	font-size:1.9em;
	font-weight:bold;
	display:block;
	background-color:#4C2C78
}

.well-question:hover ,
.well-question:active,
.well-question:focus,
.well-question:visited {
	text-decoration:none;
	color:white
}

.well-question:hover span.answer {
   	-webkit-box-shadow: 0 0px 20px white;
   	box-shadow: 0 0px 20px white;
}

.well-question span.question {
	position: absolute;
	top: 50%;
	left:30px;
	right:30px;
    transform: translateY(-54%);
}

.well-question span.answer {
	display:block;
	height:170px;
	width:170px;
	margin:40px auto;
    border:15px solid white;
    border-radius:100px;
    padding-top:50px;
    background-color:#4C2C78;
    
}

.well-question span.euro {
	font-size:1.9em
}

.well-question.question {
	background-color:#704E93
}

.well-question.odd {
	background-color:#704E93
}

.well-question.even {
	background-color:#937AAE
}

.well-rec.start {
	background-color:#6C8551
}

.well-rec.odd {
	background-color:#8FB16C
}	

a.well-rec.odd:hover {
	background-color:#B3D387
}	

@media (max-width:1199px) {
	.well-question span.answer {
		height:160px;
		width:160px;
		margin:35px auto;
		padding-top:50px;
		font-size:0.75em
	}

}

@media (max-width:991px) and (min-width:768px) {
	.well-question span.answer {
		height:120px;
		width:120px;
		margin:60px auto;
		padding-top:35px;
		font-size:0.5em
	}

}

@media (max-width:991px) {
	.margin-sm {
		margin-top:20px
	}
}

@media (max-width:767px) {
	h1 {
		font-size:2.2em
	}

	h2 {
		font-size:1.5em
	}

	h3 {
		font-size:1.2em
	}
	
	.btn-xl {
		font-size:1.5em
	}
	
	.well-question {
		height:auto
	}
	
	.well-question span.question {
		position:static
	}
	
	.well-question span.answer {
		position:static;
		margin:0px auto
	}
	
	.margin-xs {
		margin-top:20px
	}
	
	.answer-cols {
		width:100%!important
	}
	
}

.user-kontostand {
	display:block;
	text-align:right;
	font-size:0.9em;
	margin-bottom:2px
}

.row.small-gutter {
	margin-left: -5px; margin-right: -5px 
}

.row.small-gutter [class*='col-'] {  			
	padding-right: 5px;  padding-left: 5px 
}

.tp-taskaction-item-1 , .tp-taskaction-item-2 , .tp-taskaction-item-3 , .tp-taskaction-item-4 , .tp-taskaction-item-5 , .tp-taskaction-item-6 , .tp-taskaction-item-7 , .tp-taskaction-item-8 {
	display:none
}

.tp-taskaction-1 .tp-taskaction-item-1 {
	display:block
}

.tp-taskaction-2 .tp-taskaction-item-2 {
	display:block
}

.tp-taskaction-3 .tp-taskaction-item-3 {
	display:block
}

.tp-taskaction-4 .tp-taskaction-item-4 {
	display:block
}

.tp-taskaction-5 .tp-taskaction-item-5 {
	display:block
}

.tp-taskaction-6 .tp-taskaction-item-6 {
	display:block
}

.tp-taskaction-7 .tp-taskaction-item-7 {
	display:block
}

.tp-taskaction-8 .tp-taskaction-item-8 {
	display:block
}

table.hvt-sheet {
	width:100%;
	table-layout:fixed;
	border-collapse:collapse
}

.hvt-sheet-body {
	border:1px solid #ddd;
	border-top-width:0px;
	padding:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px
}

.hvt-sheet-menu {
	padding:2px;
	margin-bottom:4px
}

.hvt-sheet-menu button {
	margin-right:2px
}

table.hvt-sheet td {
	overflow:hidden;
	hite-space:nowrap;
	border:1px solid #ddd;
	padding:0px 4px;
	height:25px;
	vertical-align:middle;
	line-height:1em
}

table.hvt-sheet td.hvt-cell {
	cursor:pointer;
}

table.hvt-sheet td input {
	width:100%;
	border-width:0px;
	border-style:none;
	outline:0;
	background-color:#4C2C78;
	padding:0px
	
}

td.hvt-cell-integer , td.hvt-cell-integer input {
	text-align:right
}

td.hvt-cell-euro , td.hvt-cell-euro input {
	text-align:right
}

td.hvt-cell-eurodebt , td.hvt-cell-eurodebt input {
	text-align:right
}

td.hvt-cell-date , td.hvt-cell-date input {
	text-align:right
}

td.hvt-cell-percent , td.hvt-cell-percent input {
	text-align:right
}

td.hvt-cell-locked {
	cursor:default!important
}

table.hvt-sheet td.hvt-cell:focus , table.hvt-sheet td.focus {
	outline:0;
	border-color:#4C2C78;
	
	background-color:#4C2C78!important;
	color:white!important
}

table.hvt-sheet td.hvt-cell:focus select, table.hvt-sheet td.focus select {
	color:black!important
}

table.hvt-sheet td.focus {
	padding-right:3px
}

table.hvt-sheet td select {
	height:22px;
	padding:0px 3px;
	width:100%;
	box-sizing:content-box;
	margin-left:-4px
}

table.hvt-sheet td a.btn , .hvt-statusline a.btn {
	padding:0px 64px;
	height:24px;
	margin-left:20px;
	vertical-align:middle
}

table.hvt-sheet td a.btn-success , .hvt-statusline a.btn-success {
	color:white
}

button span {
	vertical-align:middle
}

button span.glyphicon+span , button span.fa+span {
	margin-left:10px
}

.btn-group-end {
	margin-right:12px!important
}

.colorpicker-showcolor {
	display:inline-block;
	width:24px;
	height:24px;
	border:1px solid black
}

.hvt-lineno {
	background-color:#DAE7F5;
	border-color:#A0B0C7!important;
	text-align:center
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.pale {
	opacity:0.2
}

.hvt-statusline {
	margin:3px 0px 0px 0px;
	padding:2px 10px
}

.hvt-statusline span {
	vertical-align:baseline
}

.hvt-privilege-2 .hvt-menu-label {
	display:none
}

.viewport {
	overflow-y:auto
}

@media screen {
	.print-only {
		display:none
	}
}


@page {
	margin:2cm 1cm
}

.sheetIntro {
	font-size:22px;
	padding:2px 6px;
	font-weight:bold;
	background-color:#4C2C78;
	color:white
}

#hvtworkbook ul.nav-tabs a {
	padding-left:6px!important;
	padding-right:6px!important;
	font-size:0.85em
}

.hvt-fv-panel {
	border-radius:8px;
	padding:8px;
	margin-bottom:5px;
	background-color:#EEEBF3
}

.locked .hvt-fv-panel {
	background-color:#eee!important
}

.hvt-fv-panel .form-control {
	font-weight:bold
}

.hvt-fv-panel *[readonly], .hvt-fv-panel.flat .form-control {
	background-color:transparent!important;
	outline:0!important;
	box-shadow:none!important;
	border:none!important;
	color:inherit!important
}

.hvt-fv-panel .red , .hvt-fv-panel.flat .red {
	color:#FF0000!important	
}

.hvt-fv-panel .green , .hvt-fv-panel.flat .green {
	color:#5CB85C!important
}

.hvt-fv-panel.header {
	background-color:#8B72AF;
	color:white;
}

.locked .hvt-fv-panel.header {
	background-color:#aaa!important
}

.hvt-fv-panel.header .form-control {
	font-size:1.2em!important
	
}

.fka-panel {
	background-color:#EEEBF3;
	border-radius:8px;
	padding:6px 12px!important;
}

.locked .fka-panel {
	background-color:#eee!important
}

.fka-panel input , .fka-panel textarea {
	width:100%;
	border:none;
	background-color:transparent
}

th.fka-panel {
	background-color:#8B72AF;
	color:white
}

.locked th.fka-panel {
	background-color:#aaa!important
}

table.fka-zusammenstellung {
	table-layout:fixed;
	width:100%;
	border-spacing:4px;
	border-collapse:separate
}

table.fka-zusammenstellung td {
	padding:0px
}

@media print {

	.fka-panel {
		padding:1px 5px!important;
		font-size:0.9em!important
	}
	.fka-panel input , .fka-container label {
		font-size:0.9em!important
	}
	
	body>*, 
	body #main>*, 
	body #main #hvtworkbook>*, 
	body #main #hvtworkbook div.tab-content>*, 
	body #main #hvtworkbook div.tab-content div.tab-pane>* {
		display:none;
		padding:0px;
		border-width:0px
	}
	
	body #main, 
	body #main #hvtworkbook, 
	body #main #hvtworkbook div.tab-content, 
	body #main #hvtworkbook div.tab-content div.tab-pane, 
	body #main #hvtworkbook div.tab-content div.tab-pane div.viewport {
		display:block
	}
	
	.viewport {
		height:auto!important;
		page-break-inside:avoid;
		min-height:16cm
	}
	
	#main {
		width:950px
	}
	
	a[href]:after {
		content: "";
	}

	.panel-collapse {
		display:block!important;
		visibility: visible;
		height:auto!important
	}

	.dont-print {
		display:none!important
	}
	
	body.modal-open>* {
		display:none!important
	}
	
	body.modal-open .modal {
		display:block!important;
		position:static;
		padding-right:0px!important;
		border-width:0px;
		margin:0px!important;
		width:100%;
	}
	
	body.modal-open .modal .modal-backdrop,
	body.modal-open .modal .modal-footer ,
	body.modal-open .modal .modal-header .close {
		display:none
	}
	
	body.modal-open .modal .modal-dialog {
		max-width:1200px!important;
		width:100%;
		margin-top:30px!important;
		padding:0px!important;
		margin:0px!important
	}
	
	body.modal-open .modal .modal-content {
		box-shadow:none
	}
	
	.modal-content {
		border-width:0px
	}
	
	.fvwin-content>div {
		padding:2px;
		font-size:12px!important
	}
	
	.form-control, .hvt-fv-panel.header .form-control {
		font-size:11px!important;
		background-color:transparent!important;
		outline:0!important;
		box-shadow:none!important;
		border:none!important;
		color:inherit!important;
		height:auto!important;
		padding:0px 0px 0px 0px!important;
		overflow:hidden!important
	}
	
	textarea.form-control {
		min-height:110px
	}
	
	.hvt-fv-panel.header textarea.form-control {
		min-height:35px
	}
	
	.fvwin-content label {
		padding:0px;
		margin:0px
	}
	
	.hvt-fv-panel {
		padding:3px 6px
	}
	
	h1 {
		font-size:18px;
		margin:0px
	}
	
	h2, h3 {
		font-size:14px;
		margin:0px
	}
	
	.fa-eingegangen {
		display:none
	}
	
	#hvtfawin * {
		font-size:10px!important
	}
	
}

.traffic-lights {
	display:inline-block;
	background-color:#333;
	height:28px;
	text-align:center;
	border-radius:5px;
	padding:3px 5px 0px 5px;
	font-size:1.6em;
	margin-right:5px;
	margin-left:5px!important;
	vertical-align:middle
}

.tbf-lights {
	padding-top:2px
}

.traffic-lights span {
	color:#D2232B;
	vertical-align:top
}

.traffic-lights span.green {
	color:#5CB85C
}

.hvt_badge {
	vertical-align:baseline;width:28px;height:28px;display:inline-block;border-radius:14px;text-align:center;line-height:25px;font-weight:bold
}

table.fa-akten td {
	padding:1px 8px!important
}

.fa-optional {
	background-color:#FCF5D6;
	color:#6E5C0A;
	display:none
}

.fa-optional-angefordert {
	background-color:#FCF5D6;
	color:#6E5C0A
}

.fa-eingegangen {
	background-color:#DFF0D8;
	color:#3C763D
}