/* ------------- General Styles ------------- */


@font-face {
  font-family: 'KlavikaRegular';
  src: url('/fonts/KlavikaWebBasicRegular.eot'); /* IE9 Compat Modes */
  src: url('/fonts/KlavikaWebBasicRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('/fonts/KlavikaWebBasicRegular.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'KlavikaMedium';
  src: url('/fonts/KlavikaWebBasicMedium.eot'); /* IE9 Compat Modes */
  src: url('/fonts/KlavikaWebBasicMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/KlavikaWebBasicMedium.woff') format('woff'); /* Pretty Modern Browsers */
}

body, a, p, span {
  font-family: 'KlavikaRegular', Helvetiva, Arial, sans-serif;
	font-size: 16px;
	position: relative;
}

strong {
    font-family: 'KlavikaMedium', Helvetiva, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: 'KlavikaMedium', Helvetiva, Arial, sans-serif;
}

a:hover {
	text-decoration: none;
}


.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.brand {
  background: url("/img/hr_logo-s.png") no-repeat;
	background: none,
	            url('/img/hr_logo-s.svg') no-repeat;
  width: 300px;
  background-size: 300px 34px;
  text-indent: -9999px;
	height: 40px;
}

.panel {
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,.05); */
  /* box-shadow: 0 0 0 rgba(0,0,0,.05); */
}

select {
  margin: 12px 0;
}

label {
  display: inline-block;
  display: block;
  position: relative;
}

table {
  font-size: 95%;
  letter-spacing: 0,5;
}

.table>tbody>tr>td {
  padding: 24px 8px;
	border-top: 0px solid #ddd;
}

.noPadding {
  padding: 0 !important;
}

.funnelLabel {
  margin-left: 30px;
}

.marginTopBottomL {
	margin-top: 24px;
	margin-bottom: 48px;
}

.noMargin {
	margin: 0px;
}

.greyTab {
	margin-top: 0px;
}

.nav-tabs {
	border-bottom: 0;
}

.nav-tabs>li.active>a {
	background-color: #f8f8f8;
}

.noRightTopCorner {
	border-top-left-radius: 0px;
}

.navTools {
	text-transform: uppercase;
	font-size: 0.9em;
}

.colNoPaddingLeft {
	padding-left: 0;
}

.count {
	margin-right: 8px;
}

.countBox {
	padding: 8px 15px;
	width: 400px;
}

.countBox.affix {
	width: 400px !important;
	border-bottom: 0px solid white !important;
}
.noFloat {
	float: none;
}

.marginRightsm {
	margin-right: 6px;
}

.section_login {
  background-color: black;
  color: #999;
  padding: 4px;
}

.section_login span, .section_login .logOut {
  display: inline;
}

.user, .logOut, .impressum, .agb {
	color: white;
	text-decoration: underline;
	margin-right: 6px;
	font-size: 14px;
}
.user:hover, .logOut:hover, .logOut span:hover, .impressum:hover, .agb:hover {
	color: #999;
}

.paddingTopBottomL {
	padding: 48px 15px;
}

.btn-panel-info {
  position: absolute;
  top: 20px;
  right: 32px;
	background-color: transparent;
	border: 0px solid #999;
	/*
	
	color: #999 !important;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	letter-spacing: 1px;
	font-family: 'KlavikaMedium';
	font-size: 1em;
	padding-top: 0px;
	*/
}

.panel-body h4 {
	text-transform: uppercase;
}

.extension, .extension a {
	color: #561415;
	background-color: #f8f8f8;
	border-top: 0px solid white;
}

a.erweiterbar {
	width: 118px;
	height: 39px;
	background-image: url(/img/sticker-erweiterbar.png);
	position: absolute;
	top: -10px;
	right: 100px;
}

.absolute {
	position: absolute;
}

.nav-tabs>li>a {
	background-color: #ccc;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background-color: white;
	color: black;
	font-weight: bold;
}
.nav-tabs>li a {
	color: black;
}
.nav-tabs>li a:hover {
	color: #666;
}

.btn-hr-submit {
	background-color: #ad1c30;
	text-transform: uppercase;
	color: white;
	letter-spacing: 2px;
}
.btn-hr-submit:hover, .btn-hr-submit:focus {
	background-color: #991c30;
	color: #d3b6b6;
}

.hr-dark {
	border-top: 1px solid #ddd;
}


.input-sm {
	padding: 0px 10px;
	font-size: 14px;
	line-height: 1.2;
}


/* ------------- Modal Styles ------------- */

.btn-ergebnisreport {
	cursor: pointer;
	padding: 12px;
}

.btn-ergebnisreport:hover {
	/*background-color: #ddd;*/
}

.modal-dialog {
	margin-top: 15%;
}

.modal-link {
	width: 40%;
	display: inline-block;
	padding: 30px 14px 20 14px;
	color: #ad1c30;
	text-decoration: none;
	font-family: 'KlavikaMedium';
	border-radius: 6px;
}
.modal-link img {
	width: 80px;
	margin-bottom: 12px;
}
.modal-link a {
	font-family: 'KlavikaMedium';
}
.modal-link:hover {
	text-decoration: none;
	color: #ad1c30;
	background-color: #f2f2f2;
}
.modal-footer {
	text-align: center;
}



/* ------------- Navigation Styles ------------- */

.hr-navbar {
	background: rgb(255,255,255);
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…iIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(177,177,177,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(177,177,177,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(177,177,177,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(177,177,177,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(177,177,177,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(177,177,177,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b1b1b1',GradientType=0 );	
}

.btn-modul-nav a {
	margin-left: 1px !important;
}

.btn-modul-nav a:hover {
	color: white;
}

.modul-active {
	margin-top: -6px;
	padding: 12px 15px !important;
	color: white !important;
	width: 144px;
}

.btn-active {
	color: white !important;
}

.modul-inactive {
	height: 92px;
	width: 132px;
}

.modul-inactive p img {
	opacity: 0.6;
	width: 31px;
	padding-top: 6px;
}

.btn-jobname {
	background-color: #ededed;
	border-radius: 6px !important;
	border: 1px solid white;
	height: 94px;
	padding-left: 15px;
	margin-bottom: 18px;
}

.btn-report {
	padding: 12px 0px;
}

.job-name {
	margin-top: 10px;
	font-size: 16px;
}

.btn-profile {
	background-color: #0e7188;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.btn-profile.modul-inactive {
	color: #9ec6cf;
}

.btn-profile, .btn-classification, .btn-competency, .btn-compensation {
	padding-top: 8px;
}

.btn-profile h5, .btn-classification h5, .btn-competency h5, .btn-compensation h5 {
	margin-bottom:0px;
}

.btn-classification {
	background-color: #183052;
}
.btn-classification.modul-inactive {
	color: #a2acb9;
}

.btn-competency {
	background-color: #561415;
}
.btn-competency.modul-inactive {
	color: #bba1a1;
}

.btn-compensation {
	background-color: #41320b;
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}
.btn-compensation.modul-inactive {
	color: #b3ad9d;
}


.btn-jobname > .pull-left > p {
	padding-top: 18px;
}

.help-header {
	padding-top: 24px;
}
.btn-help-header {
	background-color: transparent;
	border: 0px solid #999;
	width: 28px;
	height: 20px;
	padding-top: 0px;
	margin-right: 4px;
}
.help-header a {
	color: #666;
	text-decoration: underline;
	cursor: pointer;
}

.help-header a:hover {
	color: #999;
}

/* ------------- Footer Styles ------------- */

#footer {
  background-color: #f5f5f5;
  margin-top: 48px;
  margin-bottom: 0px;
  padding: 40px 0 48px 0;
	text-decoration: none;
}


#footer ul {
  text-decoration: none;
  list-style: none;
  padding: 0;
}

#footer a {
	text-decoration: none;
	color: black;
}

.website-footer, .produkte-footer, .recht-footer {
	padding-top: 55px;
}

.brand_footer_col {
  background-color: #333;
  padding: 8px 0 2px 0;
}
.brand_footer {
  background: url("/img/hr_logo_neg-s.png") no-repeat;
	background: none,
	            url('/img/hr_logo_neg-s.svg') no-repeat;
  width: 300px;
	height: 40px;
  /*background-size: 75%;*/
  background-size: 260px 30px;
	text-indent: -9999px;
}
.copyright {
  display: inline;
  color: white;
  padding-top: 21px;
}


/* ------------- Reportcenter Styles ------------- */

.panel-white {
	background-color: white;
}

.panel-white .table {
	color: #666;
}

.report-header {
	margin-top: 18px;
	margin-bottom: 36px;
}

.report-header h3 {
	padding-top: 3px;
}

.report-list .panel-body {
	padding-left: 0px;
	padding-right: 0px;
}

.search-report {
	font-size: 1.2em;
	padding: 2px;
}

.add-job-icon {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.add-job {
	background-color: #ad1c30;
	color: white;
	text-transform: uppercase;
	margin-left:15px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 293px;
}

.add-job:hover {
	background-color: #991c30;
	color: #d3b6b6;
}
.add-job .add-job-icon:hover {
	opacity: 0.8;
}

.add-job:focus {
	background-color: #991c30;
	color: #d3b6b6;
}

.add-job-text {
	margin-top: 4px;
	vertical-align:-10%;
}

.btn-add-job.affix {
	top: 10px;
	z-index: 999;
	width: 293px;
}
.btn-add-job.affix button {
	width: 293px;
}

.table .th-report {
	padding: 16px 0px 12px 0px;
	width: 120px;
}

.th-report h5 {
	font-size: 13px;
}

.report-job-name {
	font-family: 'KlavikaMedium';
}

.modul-head {
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	color: white;
}

.empty-cell {
	border-top: 0px solid white !important;
	border-bottom: 0px solid white !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
	background-color: white !important;
}

td .glyphicon {
  margin: 0 6px;
}

.tableHeader {
  padding-top: 10px;
}

.table>thead>tr>th{
	border-bottom: 0px solid white;
}

.table-striped>tbody>tr:nth-child(odd) {
background-color: #eee;
}

.bg-profile {
	background-color: #0e7188;
	border-top-left-radius: 6px !important;
}
.txt-profile a {
	color: #0e7188; text-decoration: none;
}
.txt-profile a:hover {
	color: #0e7188; text-decoration: none;
}

td.txt-profile {
	width: 120px;
}

.bg-classification {
	background-color: #183052;
}
.txt-classification a {
	color: #183052; text-decoration: none;
}
.txt-classification {
	width: 120px;
}

.bg-competency {
	background-color: #561415;
}
.txt-competency a {
	color: #561415; text-decoration: none;
}
.txt-competency {
	width: 120px;
}

.bg-compensation {
	background-color: #41320b;
}

.txt-compensation {
	width: 120px;
}

.txt-compensation a {
	color: #41320b; text-decoration: none;
}

.txt-edit {
	min-width: 80px;
}
.txt-edit a {
	text-decoration: none;
}

.txt-profile a, .txt-classification a, .txt-competency a, .txt-compensation a, .txt-edit a {
	padding-right: 2px;
	padding-left: 2px;
}

.bg-profile h5, .bg-classification h5, .bg-competency h5, .bg-compensation h5 {
	margin-bottom: 0px;
}

.report-icon {
	opacity: 0.6;
	padding: 0px 3px;
}

.report-icon:hover {
	opacity: 1.0;
}

.countBox.affix {
	top: 0px;
	z-index: 999;
	width: 1140px;
	border-bottom: 5px solid white;
}

.btn-search {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	padding: 4px 10px 2px 10px;
}

.tr-id {
	padding-left:15px !important;
}

.modal-add-modul .btn {
	margin: 24px 0px;
}
.modal-add-modul .modal-header {
	border-bottom: none;
}

.bg-add-modul {
	background-color: #ad1c30;
}

.bg-add-modul p {
	cursor: pointer;
}
.bg-add-modul h5 {
	margin-top: 14px;
	margin-bottom: 0px;
	line-height: inherit;
	color: white;
	cursor: pointer;
}

/* ------------- Form and Funnel Styles ------------- */

.form-control {
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.panel-inner {
	margin-top: 12px;
	background-color: white;
}

.panel-inner .panel-body {
	padding: 0px;
	background: linear-gradient(to left, #ededed 50%, white 50%);
	background: -ms-linear-gradient(to left, #ededed 50%, white 50%);
	background: -moz-linear-gradient(to left, #ededed 50%, white 50%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=1 );*/
	background: -webkit-linear-gradient(to left, #ededed 50%, white 50%);
	background: -o-linear-gradient(to left, #ededed 50%, white 50%);
}

.radio input {
	margin-top: 2px;
}

.radio-funnel {
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.hr-funnel {
	margin: 0px;
}

.funnel-left {
	padding: 15px 50px 15px 50px;
}

.funnel-right {
	padding: 15px 50px 15px 50px;
}

.funnel-right hr {
	border-top: 1px solid #d3d2d2;
}

.funnel-arrow {
	width: 52px;
	height: 52px;
	position: absolute;
	right: -100px;
	top: 0%;
}

.funnel-arrow-select {
	width: 40px;
	height: 40px;
	position: absolute;
	right: -40px;
	top: 44%;
}

.panel-passive {
	color: #ccc;
}
.panel-passive .btn-panel-info {
	opacity: 0.2;
}

.inline {
	display: inline-block;
}


/* ------------- Profile Modul Styles ------------- */

.profile-row label:hover {
	color: #0e7188;
}
.profile-active label {
	font-family: 'KlavikaMedium';
	color: #0e7188;
}

.profile-category {
	color: #0e7188;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 16px;
}

.profile-arrow-left {
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 7px solid #0e7188;
	/*border-right: 7px solid rgba(14,113,136,1.0);*/
	margin-right: 10px;
	margin-top: 2px;
	float:left;
}

.profile-arrow-right {
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 15px solid #0e7188;
	/*border-left: 15px solid rgba(14,113,136,1.0);*/
	margin-left: 0px;
	margin-top: 0px;
	float: right;
}

.profile-txt {
	color: #0e7188;
}
.btn-report a.profile-txt:hover {
	color: #91b5be;
}

.btn-profile-next {
	background-color: #0e7188;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	color: white;
}
.btn-profile-next:hover {
	color: #91b5be;
}

.profile-row .panel-body-white {
	padding: 5px 50px 15px 50px;
}

#communicationdiv hr:first-child, #thoughtdiv hr:first-child, #difficultydiv hr:first-child {
	    border: 0px solid white;
	}

.profile-row .panel-white {
	margin-top: 12px;
}



/* ------------- Classifiction Modul Styles ------------- */

.class-txt, .classification-active label, .classification-category, .classification-row label:hover {
	color: #183052;
}
.classification-active label {
	font-family: 'KlavikaMedium';
}

.classification-category {
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 16px;
}

.class-arrow-left {
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-right: 7px solid #183052;
	margin-right: 10px;
	margin-top: 2px;
	float:left;
}
.class-arrow-right {
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 15px solid #183052;
	margin-left: 0px;
	margin-top: 0px;
	float: right;
}

.btn-class-next {
	background-color: #183052;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	color: white;
}
.btn-class-next:hover, .btn-report a.class-txt:hover {
	color: #778ba7;
}

.nav-tabs>li.active .btn-flaechentarif {
	background-color: white;
}

.nav-tabs>li .btn-haustarif {
	background-color: #ad1c30;
	color: white;
}
.nav-tabs>li .btn-haustarif:hover {
	background-color: #991c30;
	color: #d3b6b6;
	border: 1px solid #991c30;
}

.nav-tabs>li .btn-haustarif:active {
 background-color: #991c30;
 color: #d3b6b6;
 border: 1px solid #991c30;
}

/* ------------- Competency Modul Styles ------------- */

.competency-txt, .competency-row label:hover, .competency > label, .competency > .checkbox:active, .competency-active label, .competency-category {
	color: #561415;
}
.competency-active label {
	font-family: 'KlavikaMedium';
}

.competency-category {
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 16px;
}

.competency-btn-report {
	padding: 12px 0px;
}

.competency-count {
	background-color: #561415;
	color: white;
	padding: 12px 15px;
}

.competency-arrow-left {
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-right: 7px solid #561415;
	margin-right: 10px;
	margin-top: 2px;
	float:left;
}

.btn-report a.competency-txt:hover, .btn-competency-next:hover {
	color: #ac6768;
}

.panel-group .panel+.panel {
	margin-top: 12px;
}
.panel-heading {
	padding: 20px 15px;
}

.panel-default>.panel-heading {
	background: none;
}

.panel-title>a {
	font-size: 18px;
	font-family: 'KlavikaMedium';
}

/*.competency-row .panel-body-white {
	padding: 15px 50px 15px 50px;
}*/

.competency-arrow-right {
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 15px solid #561415;
	margin-left: 0px;
	margin-top: 0px;
	float: right;
}

.btn-competency-next {
	background-color: #561415;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	color: white;
}

/* ------------- Compensation Modul Styles ------------- */

.compensation-row label:hover, .compensation-active label, .compensation-category, .compensation-txt {
	color: #41320b;
}
.compensation-active label {
	font-family: 'KlavikaMedium';
}

.ch-flag {
	background: url("/img/ch.png") no-repeat;
	background-size: 24px;
	padding-left: 32px;
	background-position: 0px 2px;
}

.at-flag {
	background: url("/img/at.png") no-repeat;
	background-size: 24px;
	padding-left: 32px;
	background-position: 0px 2px;
}

.compensation-category {
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 16px;
}

.compensation-arrow-left {
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-right: 7px solid #41320b;
	margin-right: 10px;
	margin-top: 2px;
	float:left;
}

.btn-report a.compensation-txt:hover, .btn-compensation-next:hover {
	color: #a6966b;
}

.compensation-countBox {
	padding: 8px 15px;
	width: 550px;
}

.compensation-panel {
	background-color: #41320b;
	border-radius: 5px;
	color: white;

}

.compensation-panel .panel-heading {
	background-color: #41320b;
	border-radius: 5px;
}

.comp-panel-txt h5 {
	color: white;
}

.compensation-panel p {
	color: #cac5b8;
	margin-bottom: 2px;
}

.comp-panel-col-one {
	width: 180px;
	min-width: 180px;
}

.comp-panel-col-two {
	width: 70px;
	min-width: 70px;
}

.comp-panel-col-three {
	width: 90px;
	min-width: 90px;
}

.compensation-arrow-right {
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 15px solid #41320b;
	margin-left: 0px;
	margin-top: 0px;
	float: right;
}

.btn-compensation-next {
	background-color: #41320b;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	color: white;
}

.sub-col .col-md-12 {
	padding-left: 0px;
}

#calculator.affix {
	position: fixed;
	top: 240px;
	z-index:999;
}

#terms {
	height: 2920px;
}

/* ------------- User profile Styles ------------- */

.user-form-headline {
	margin-bottom: 36px;
	text-transform: none !important;
}


/* ------------- IE FIXES: IDs applied to "div.container" ------------- */
<!-- BEGIN: Site container -->    
<!--[if IE 8]><div id="ie8" class="container"><![endif]-->
	#ie8 {
		.table>tbody>tr>td {
			border-top: 1px solid #ddd;
		}
	}
/* ------------- Media Queries ------------- */


@media (max-width: 767px) {
	.container {
	width: 970px !important;
	}
	
	.submenu-compensation.affix, .submenu2.affix, .submenu-profile.affix {
		padding: 0;
		width: 940px !important;
		border-bottom: 1px solid black !important;
		z-index: 800;
		top: 0px;
		background-color: white;
		margin-left: 15px;
	}
	
	.job-name-nav {
		width: 376px;
	}
	
	.btn-jobname > .pull-left > p {
		padding-top: 10px;
		margin-bottom: 0px;
	}
	
	.job-name {
	margin-top: 2px;
	}
	
	thead.tableHeader.affix {
		top: 0px;
		z-index: 998;
		background-color: white;
		width: 938px;
		border-bottom: 1px solid #ddd;
	}
	
	.tr-id {
		width: 77px;
		min-width: 77px;
	}
	.tr-bez {
		width: 194px;
		max-width: 194px;
		white-space: normal;
	}
	.tr-date {
		width: 77px;
	}

	
	/* Target all Firefox */
  @-moz-document url-prefix() {
		th.tr-id, td.tr-id {
			width: 50px;
			padding: 0px;
		}
    th.tr-bez, td.tr-bez {
      min-width: 195px;
	  }
		th.tr-date, td.tr-date {
			width: 74px !important;
		}
		th.th-report {
			max-width: 105px;
		}
		th.bg-classification {
			min-width: 107px;
		}
		th.empty-cell, td.empty-cell {
			width: 6px;
		}
		th.modul-head, td.modul-col {
			width: 120px;
			min-width: 120px;
		}
	}
	
	/* Target FireFox 3 [!] */
	html>/**/body th.tr-bez, x:-moz-any-link, x:default { width: 170px; }
	html>/**/body th.tr-date, x:-moz-any-link, x:default { width: 68px; }
	html>/**/body .bg-edit, x:-moz-any-link, x:default { width: 80px; max-width:80px; }
	
	
	.compensation-panel.affix {
		border-bottom: 0px solid white !important;
		z-index: 800;
		top: 170px;
		width: 374px;
	}
	.compensation-panel.affix .comp-panel-col-one {
		width: 180px !important;
	}
	.compensation-panel.affix p {
		font-size: 14px;
	}
}
		






@media (min-width: 768px) {
	.container {
	width: 970px;
	}
	.submenu-compensation.affix, .submenu2.affix, .submenu-profile.affix {
		padding: 0;
		width: 940px !important;
		border-bottom: 1px solid black !important;
		z-index: 800;
		top: 0px;
		background-color: white;
		margin-left: 15px;
	}
	
	.job-name-nav {
		width: 376px;
	}
	
	.btn-jobname > .pull-left > p {
		padding-top: 10px;
		margin-bottom: 0px;
	}
	
	.job-name {
	margin-top: 2px;
	}
	
	thead.tableHeader.affix {
		top: 0px;
		z-index: 998;
		background-color: white;
		width: 938px;
		border-bottom: 1px solid #ddd;
	}
	
	.tr-id {
		width: 77px;
		min-width: 77px;
	}
	.tr-bez {
		width: 194px;
		max-width: 194px;
	}
	.tr-date {
		width: 77px;
	}
	

	
	/* Target all Firefox */
  @-moz-document url-prefix() {
		th.tr-id, td.tr-id {
			width: 50px;
			padding: 0px;
		}
    th.tr-bez, td.tr-bez {
      min-width: 195px;
	  }
		th.tr-date, td.tr-date {
			width: 74px !important;
		}
		th.th-report {
			max-width: 105px;
		}
		th.bg-classification {
			min-width: 107px;
		}
		th.empty-cell, td.empty-cell {
			width: 6px;
		}
		th.modul-head, td.modul-col {
			width: 120px;
			min-width: 120px;
		}
	}
	
	/* Target FireFox 3 [!] */
	html>/**/body th.tr-bez, x:-moz-any-link, x:default { width: 170px; }
	html>/**/body th.tr-date, x:-moz-any-link, x:default { width: 68px; }
	html>/**/body .bg-edit, x:-moz-any-link, x:default { width: 80px; max-width:80px; }
	
	.compensation-panel.affix {
		border-bottom: 0px solid white !important;
		z-index: 800;
		top: 170px;
		width: 374px;
	}
	.compensation-panel.affix .comp-panel-col-one {
		width: 180px !important;
	}
	.compensation-panel.affix p {
		font-size: 14px;
	}

}



/* ------------- Media Queries min-width:992px ------------- */

@media (min-width:992px) {
	.submenu-compensation.affix, .submenu2.affix, .submenu-profile.affix {
		padding: 0;
		width: 940px !important;
		border-bottom: 1px solid black !important;
		z-index: 800;
		top: 0px;
		background-color: white;
		margin-left: 15px;
	}
	
	.job-name-nav {
		width: 376px;
	}
	
	.btn-jobname > .pull-left > p {
		padding-top: 10px;
		margin-bottom: 0px;
	}
	
	.job-name {
	margin-top: 2px;
	}
	
	thead.tableHeader.affix {
		top: 0px;
		z-index: 998;
		background-color: white;
		width: 938px;
		border-bottom: 1px solid #ddd;
	}
	
	.tr-id {
		width: 77px;
		min-width: 77px;
	}
	.tr-bez {
		width: 194px;
		max-width: 194px;
	}
	.tr-date {
		width: 77px;
	}
	
	
	
	/* Target all Firefox */
  @-moz-document url-prefix() {
		th.tr-id, td.tr-id {
			width: 50px;
			padding: 0px;
		}
    th.tr-bez, td.tr-bez {
      min-width: 195px;
	  }
		th.tr-date, td.tr-date {
			width: 74px !important;
		}
		th.th-report {
			max-width: 105px;
		}
		th.bg-classification {
			min-width: 107px;
		}
		th.empty-cell, td.empty-cell {
			width: 6px;
		}
		th.modul-head, td.modul-col {
			width: 120px;
			min-width: 120px;
		}
	}
	
	/* Target FireFox 3 [!] */
	html>/**/body th.tr-bez, x:-moz-any-link, x:default { width: 170px; }
	html>/**/body th.tr-date, x:-moz-any-link, x:default { width: 68px; }
	html>/**/body .bg-edit, x:-moz-any-link, x:default { width: 80px; max-width:80px; }
	
	
	
	.compensation-panel.affix {
		border-bottom: 0px solid white !important;
		z-index: 800;
		top: 170px;
		width: 374px;
	}
	.compensation-panel.affix .comp-panel-col-one {
		width: 180px !important;
	}
	.compensation-panel.affix p {
		font-size: 14px;
	}
	
	
}




/* ------------- Media Queries min-width:1200px ------------- */


@media (min-width:1200px) {
		
	.container {
		width: 1170px;
	}
	
	.comp-panel-col-one {
		width: 240px;
		min-width: 240px;
	}
	
	thead.tableHeader.affix {
		top: 0px;
		z-index: 998;
		background-color: white;
		width: 1138px;
		border-bottom: 1px solid #ddd;
	}

	.job-name-nav {
		width: auto;
	}
	
	.tr-id {
		width: 88px;
		max-width: 88px;
	}
	td.tr-bez {
		width: 369px;
		max-width: 369px !important;
	}
	th.tr-bez {
		width: 369px;
		max-width: 369px !important;
	}
	/*
	th.tr-bez.affix {
		width: 300px;
		max-width: 300px !important;
	}
	*/
	.tr-date {
		width: 75px;
		max-width: 75px;
	}
	.modul-col {
		width: 120px;
		max-width: 120px;
	}
	

	/* Target FireFox 3 [!] */
	html>/**/body th.tr-bez, x:-moz-any-link, x:default { width: 313px; }
	html>/**/body th.tr-date, x:-moz-any-link, x:default { width: 80px; }
	html>/**/body .profile-active .funnel-arrow, x:-moz-any-link, x:default {right: -100px; background-position: absolute; z-index: 50;}
	html>/**/body .funnel-right, x:-moz-any-link, x:default { background-color: #efefef;}



	
	/* -- Target all Firefox -- */
  @-moz-document url-prefix() {
		th.tr-id, td.tr-id {
			width: 50px;
			padding: 0px;
		}
    th.tr-bez {
			min-width: 395px;
			width: 395px;
	  }
    td.tr-bez {
			min-width: 395px;
			width: 395px;
	  }
		th.modul-head {
			width: 125px;
		}
		th.tr-date, td.tr-date {
			width: 80px;
		}
		th.th-report {
			min-width: 120px;
		}
		th.empty-cell, td.empty-cell {
			width: 6px;
		}
		/*
		.table {
			table-layout: fixed;
			width: 100%;
			white-space: nowrap;
		}
		*/
  }
	
	
	.submenu-compensation.affix {
		padding: 0;
		width: 1140px !important;
		border-bottom: 1px solid #41320b !important;
		z-index: 800;
		top: 0px;
		background-color: white;
		margin-left: 15px;
	}
	
	.submenu2.affix {
		padding: 0;
		width: 1140px !important;
		border-bottom: 1px solid #561415 !important;
		z-index: 800;
		top: 0px;
		background-color: white;
		margin-left: 15px;
	}	

	.submenu-profile.affix {
		padding: 0;
		width: 1140px !important;
		border-bottom: 1px solid #0e7188 !important;
		z-index: 800;
		top: 0px;
		background-color: white;
		margin-left: 15px;
	}
	
	.compensation-panel.affix {
		border-bottom: 0px solid white !important;
		z-index: 800;
		top: 170px;
		width: 458px;
	}
		
		
}

div.error_details {
	float:right;
}