.konzept1 .color , .konzept1.color  { color: rgb(237, 132, 63); }
.konzept1 .border, .konzept1.border { border-color: rgb(237, 132, 63); }
.konzept2 .color , .konzept2.color  { color: rgb(219, 176, 65); }
.konzept2 .border, .konzept2.border { border-color: rgb(219, 176, 65); }
.konzept3 .color , .konzept3.color  { color: rgb(131, 45, 68); }
.konzept3 .border, .konzept3.border { border-color: rgb(131, 45, 68); }
.konzept4 .color , .konzept4.color  { color: rgb(129, 190, 85); }
.konzept4 .border, .konzept4.border { border-color: rgb(129, 190, 85); }
.konzept5 .color , .konzept5.color  { color: rgb(0, 93, 138); }
.konzept5 .border, .konzept5.border { border-color: rgb(0, 93, 138); }
.konzept6 .color , .konzept6.color  { color: rgb(161, 152, 141); }
.konzept6 .border, .konzept6.border { border-color: rgb(161, 152, 141); }
.konzept7 .color , .konzept7.color  { color: rgb(71, 193, 212); }
.konzept7 .border, .konzept7.border { border-color: rgb(71, 193, 212); }
.konzept8 .color , .konzept8.color  { color: rgb(247, 199, 156); }
.konzept8 .border, .konzept8.border { border-color: rgb(247, 199, 156); }

.border { border-width: 2px; border-style:solid; }
.active { background-color: #cccccc; }

.head, .table-head { font-weight: bold; }

.counter-td { display: block; font-weight:normal; padding: 8px}
.nopadding {padding:0px !important;}
.nomargin {margin:0px !important;}
.added-nav-padding { padding-top: 70px; }
.navbar-header { padding:6px 10px 6px 10px; width: 180px; height:40px; vertical-align:middle; }
.navbar-brand { padding:0px; }
.navbar { background-color: #f1f1f1; color: #1f1f1f; }

.hoverable:hover { background-color:#e6e6e6; }

.equal {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.equal > div[class*='col-'] {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	flex-direction: column;
}

.normal {
	font-weight: normal;
}
.vmiddle {
	margin:auto;
}
.competencylabel {
	display: block;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 5px;
	margin: 0px;
	font-weight: normal;
}
/* @media from bootstrap and adapted to .mfp-content */
@media (min-width: 768px) {
  .mfp-ajax-holder .mfp-content {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .mfp-ajax-holder .mfp-content {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .mfp-ajax-holder .mfp-content {
    width: 1170px;
  }
}
.popup{
    width:45em;
    margin: 0 auto;
	position: relative;
}
.navbar-default .navbar-nav > li > a:hover { background-color: #e8e8e8; color: #161616; }
.navbar-default .navbar-nav > li > a.active { background-color: #eaeaea; }
.strong {
	font-weight: bold;
}

.progress-bar-default {
	background-color: #e6e6e6;
	color:#000000;
}

.badge {
	border: 1px solid #000000;
	background-color: #f8f8f8;
	border-radius: 5px;
	color: inherit;
	padding: 5px 7px 3px 7px;
	margin-bottom: 2px;
}


@media print{
	.print-hidden {
		display: none;
	}
}
.active .border {
	border-width: 5px;
}

.dropright {
	position: relative;
	vertical-align: top;
}
.dropright .dropright-sub {
	display:none;
	z-index:0;
}
.dropright .dropright-sub .dropright-subsub {
	display: none;
	width: 0em;
}
.dropright:hover .dropright-sub {
	display: inline-flex;
	vertical-align: top;
	position:relative;
	z-index: 5;
}
.dropright:hover .dropright-sub .dropright-subsub {
	position:absolute;
	top:0;
	left:0;
	display:flex;
	flex-wrap:nowrap;
}

/* use this in case you need equi-width flags */
.flag {
	min-width: 5.2em;
}

.table > div.row.table-head {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table div.table-head div {
	vertical-align:bottom;
	border-bottom: 0px;
}
.table > .row,
.table > .tbody > .row {
	padding: 2px 0px;
	border-bottom: 1px solid #dddddd;
}
label { font-weight:normal !important; }


fieldset[disabled] label, fieldset[disabled] p, fieldset[disabled] *::placeholder {
	color: #dddddd;
	opacity: 1;
}

.form-inline { display:inline-block;}
.control-label.required  { font-weight:bold !important; }

.text-danger { color: #b92c28; }


.glyphicon-remover:hover:before, .btn:hover .glyphicon-remover:before {
    content: "\e014" !important; /* glyphicon-remove*/
}

body {
  font-family: Raleway, sans-serif;
}
nav a#pull {
    display:none;
}


@media only screen and (max-width : 768px) {
  nav {
    border-bottom: 0;
  }
  nav ul {
    display: none;
    height: auto;
  }
  nav a#pull {
    display: inline;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px;
    margin-right: 8px;
    font-size:24px;
    color: black;
  }
  #logout:hover .popover {
      left:0px;
      right:auto;
  }
}

nav#sidebar {
    position: fixed;
    top:140px;
    left:0px;
    width:300px;
    height:200px;
    margin:10px;
}
@media only screen and (max-width: 1800px) {
    nav#sidebar {
        position: relative;
    }
}
@media only screen and (max-width: 992px) {
    .xs-highlight {
        background-color:#eeeeee;
        padding:5px 10px;
    }
}

.v-flex {
    display: flex;
    align-items: center;
}

.border-bottom {
    border-bottom: 1px solid black;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#tutorial a {
    padding-bottom: 0px;
    text-decoration: underline;
}
#tutorial a.btn {
    text-decoration: none;
}
#logout:hover .popover {
    display:block;
    float:right;
    position:absolute;
    top: 5ex;
    min-width: 200px;
    left:auto;
    right:0px;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.addpadding {
    padding: 5px 15px;
}
.form-inline label {
    margin-right: 10px;
}
.alternate {
  background-color: #f9f9f9;
}
.padding1px {
    padding:1px;
}
.popover.left.bg-info>.arrow:after {
    border-left-color: #d9edf7;
}
.glyphicon-none:before {
    content: "\e013";
    color: transparent !important;
}


/**
 * positioning
 */
.nav-wizard {
    display:inline-block;
}
.nav-wizard > li {
    float: left;
}
.nav-wizard > li > a {
  position: relative;
}
.nav-wizard > li > a .badge {
  margin-left: 3px;
}
.nav-wizard > li:not(:first-child) > a {
  padding-left: 34px;
}
.nav-wizard > li:not(:first-child) > a:before {
  width: 0px;
  height: 0px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}
.nav-wizard > li:not(:last-child) > a {
  margin-right: 6px;
}
.nav-wizard > li:not(:last-child) > a:after {
  width: 0px;
  height: 0px;
  position: absolute;
  content: "";
  top: 0;
  right: -20px;
  z-index: 2;
}
.nav-wizard > li:first-child > a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.nav-wizard > li:last-child > a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/** default element colors */
.nav-wizard > li:not(:first-child) > a:before {
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  border-left: 20px solid #ffffff;
}
.nav-wizard > li:not(:last-child) > a:after {
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  border-left: 20px solid #eeeeee;
}
.nav-wizard > li > a {
  background-color: #eeeeee;
}
.nav-wizard > li > a.badge {
  color: #eeeeee;
  background-color: #428bca;
}
.nav-wizard > li:hover > a {
  background-color: #d5d5d5;
}
.nav-wizard > li:hover > a:before {
  border-right-color: #d5d5d5;
}
.nav-wizard > li:hover > a:after {
  border-left-color: #d5d5d5;
}

/** disabled **/
.nav-wizard > li.disabled > a {
  color: #777777;
}
.nav-wizard > li.disabled > a:hover,
.nav-wizard > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: #eeeeee;
  cursor: default;
}
.nav-wizard > li.disabled > a:before {
  border-right-color: #eeeeee;
}
.nav-wizard > li.disabled > a:after {
  border-left-color: #eeeeee;
}

/** done **/
.nav-wizard > li.done > a {
  background-color: #c2c2c2;
}
.nav-wizard > li.done > a:before {
  border-right-color: #c2c2c2;
}
.nav-wizard > li.done > a:after {
  border-left-color: #c2c2c2;
}
.nav-wizard > li.done:hover > a {
  background-color: #d5d5d5;
}
.nav-wizard > li.done:hover > a:before {
  border-right-color: #d5d5d5;
}
.nav-wizard > li.done:hover > a:after {
  border-left-color: #d5d5d5;
}

/** active **/
.nav-wizard > li.active {
    background-color: transparent;
}
.nav-wizard > li.active > a,
.nav-wizard > li.active > a:hover,
.nav-wizard > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}
.nav-wizard > li.active > a:after {
  border-left-color: #428bca;
}
.nav-wizard > li.active > a .badge {
  color: #428bca;
  background-color: #ffffff;
}

/** justified **/
.nav-wizard.nav-justified > li {
  float: none;
}
.nav-wizard.nav-justified > li > a {
  padding: 10px 15px;
}
@media (max-width: 768px) {
  .nav-wizard.nav-justified > li > a {
    border-radius: 4px;
    margin-right: 0;
  }
  .nav-wizard.nav-justified > li > a:before,
  .nav-wizard.nav-justified > li > a:after {
    border: none !important;
  }
  /* add slight space for when nav breaks */
  .nav-wizard > li > a {
      margin-bottom:2px;
  }
}
.hover .row:hover { background-color:#eeeeee; }
.hover .row.active:hover { background-color:#c0c0c0; }
.inline-em3 {
    display: inline-block;
    width: 3em;
}







.table.mostleast .btn-group > .btn.btn-first,
.table.mostleast .btn-group > .btn.btn-last {
    border-radius: 4px;
}
.table.mostleast .btn-group-xs > .btn.btn-first,
.table.mostleast .btn-group-xs > .btn.btn-last {
    border-radius: 3px;
}
.table.mostleast .btn-group > .btn.btn-first {
    margin-left: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.table.mostleast .btn-group > .btn.btn-last {
    margin-left: 0px;
    border-left: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.table.mostleast tr:first-child th {
    border-top: 0;

}
.table.mostleast th.fill-parent {
    position: relative;
    padding:0px;
    margin:0px;
}
.table.mostleast th.fill-parent .inter {
    display:flex;
    padding:0;
    margin:0px;
    height:100%;
    position:relative;
    width:100%;
    top:0px;
    left:0px;
    padding-left:8%;
    align-items: bottom;
}
.table.mostleast th.fill-parent .inter .fill {
    display:flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
    font-weight:bold;
}
.table.mostleast td.fill-parent {
    position: relative !important;
    height:100%;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    padding:0;
    margin:0px !important;
}
.table.mostleast td.fill-parent .fill {
    position: absolute;
    right:0px;
    width:92%;
    height:100%;
}
.table.mostleast td.fill-parent .btn {
    margin:0px;
}
.table.mostleast tr:not(:first-child):not(:last-child) .btn {
    border-radius: 0;
    border-bottom:0px;
}
.table.mostleast tr:first-child:not(:last-child) .btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius:4px;
    border-bottom:0px;
}
.table.mostleast tr:first-child:not(:last-child) .btn {
    /*border-top-left-radius: 0;
    border-top-right-radius: 0;*/
}
.table.mostleast tr th.fill-parent {
    vertical-align:initial;
}
.table.mostleast .btn {
    background-image:none;
}
.table.mostleast .magic-radio[type="radio"]:checked ~ label {
    background-color:#eeeeee;
}
.table.mostleast .magic-radio[type="radio"]:hover ~ label {
    background-color:#eeeeee;
}
.table.mostleast .magic-radio[type="radio"] {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-0.5em;
    margin-left:-0.35em;
    z-index:50;
}
.v-flex {
    display: flex !important;
    align-items: center;
}
.table.mostleast tr {
    position:relative;
    height:100%;
    padding:0px;
    margin:0px;
    border-collapse:collapse;
}
.table.mostleast tr:last-child {
    border-bottom:0px;
}
.table.mostleast tr td, .table tr th {
    display: table-cell;
    margin:0px;
    padding:0px;
}
.table.mostleast tr td:first-child, .table tr:first-child {
    padding:10px;
}

.no-hover:hover {
    background:none;

}
.table.mostleast tr td.v-center,
.table.mostleast tr th.v-center {
    vertical-align:middle;
}