#komet-feView {
    font-family: 'nunitoregular', sans-serif;
}

#komet-feView .km_table {
    display: table;
    width: 100%;
}

#komet-feView .km_table .km_table-body {
    display: table-row-group;
}

#komet-feView .km_table .km_table-head {
    display: table-row-group;
}

#komet-feView .km_table .km_table-footer {
    display: table-row-group;
}

#komet-feView .km_table .km_table-row {
    display: table-row;
    background-color: #eeefef;
}

#komet-feView .km_table .km_table-head .km_table-row  {
    background-color: #e4e6e7;
    height: 100px;
}

#komet-feView .km_table .km_table-cell {
    position: relative;
    display: table-cell;
    border: 1px solid #fff;
    padding: 0.625rem;
    height: 100px;
    text-align: center;
}

#komet-feView .km_table .km_table-head .km_table-cell,
#komet-feView .km_table .km_table-footer .km_table-cell {
    border-left: none;
    border-right: none;
}

#komet-feView .km_table .km_table-head .km_table-cell:first-child,
#komet-feView .km_table .km_table-footer .km_table-cell:first-child {
    border-right: 1px solid #fff;
}

#komet-feView .km_table .km_table-head .km_table-cell:nth-child(2),
#komet-feView .km_table .km_table-footer .km_table-cell:nth-child(2) {
    border-left: 1px solid #fff;
}

#komet-feView .km_table .km_table-head .km_table-cell:last-child,
#komet-feView .km_table .km_table-footer .km_table-cell:last-child {
    border-right: 1px solid #fff;
}

#komet-feView .km_table .km_table-cell > a {
    width: 100%;
    height: 100%;
    outline: none;
}

#komet-feView .km_table .km_table-cell > a:focus,
#komet-feView .km_table .km_table-cell > a:hover {
    border: none;
    outline: none;
}

#komet-feView .km_table .km_table-head .km_table-row-dekHead {
    height: 0.3125rem;
}

#komet-feView .km_table .km_table-footer .km_table-row-dekHead {
    height: 0.125rem;
}

#komet-feView .km_table .km_table-head .km_table-row-dekHead .km_table-cell,
#komet-feView .km_table .km_table-footer .km_table-row-dekHead .km_table-cell {
    height: 0.3125rem;
    border-bottom: 0.25rem solid #fff;
    padding: 0.3125rem;

}

#komet-feView .km_table .km_table-head .km_table-row-dekHead .km_table-cell.km-table-index {
    background-color: none !important;
}

#komet-feView .km_table .km_table-footer .km_table-row-dekHead .km_table-cell {
    padding: 0.125rem;
    height: 0.125rem;
    border-bottom: none;
    border-top: 0.25rem solid #fff;
}

/* ### Triangle ### */

#komet-feView .km_table .km_table-head .km_table-row-tax .km_table-cell:after,
#komet-feView .km_table .km_table-head .km_table-row-tax .km_table-cell:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

#komet-feView .km_table .km_table-head .km_table-row-tax .km_table-cell:after {
    top: 2px;
    border-color: transparent transparent transparent #e4e6e7;
    border-width: 50px 20px;
}

#komet-feView .km_table .km_table-head .km_table-row-tax .km_table-cell:before {
    top: 0px;
    border-color: transparent transparent transparent #fff;
    border-width: 52px 22px;
}


#komet-feView .km_table .km_table-head .km_table-row-tax .km_table-cell:first-child:after {
    top: 0;
    border-color: transparent transparent transparent transparent;
    border-width: 0;
}

#komet-feView .km_table .km_table-head .km_table-row-tax .km_table-cell:first-child:before {
    top: 0;
    border-color: transparent transparent transparent transparent;
    border-width: 0;
}

#komet-feView .km_table .km_table-head .km_table-row-tax .km_table-cell:last-child:after {
    top: 0;
    border-color: transparent transparent transparent transparent;
    border-width: 0;
}

#komet-feView .km_table .km_table-head .km_table-row-tax .km_table-cell:last-child:before {
    top: 0;
    border-color: transparent transparent transparent transparent;
    border-width: 0;
}

/* ### / Triangle ### */

#komet-feView .km_table .km_table-cell.km-table-index {
    background-color: #fff;
}

#komet-feView .km_table .km_table-cellContent {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}

#komet-feView .km_table .km_table-amount {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: inline-block;
    background-color: #07b102;
    padding: 0.625rem;
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: 100%;
    color: #fff;
    z-index: 99;
}

#komet-feView .km_table .km_table-amount-child {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: inline-block;
    /* background-color: #85b184; */
    background-color: #a1b3b0;
    padding:0.0625rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 100%;
    color: #fff;
    z-index: 999;
    margin-left: 1.875rem;
    border: 0.125rem solid #eeefef;
}

#komet-feView .km_table .km_table-material {
    position: absolute;
    bottom: 0.3125rem;
    right: 0.625rem;
    color: #07b102;
    font-size: 0.9rem;
}

#komet-feView .km_table .km_table-material .icon {
    font-size: 1.0rem;
}

#komet-feView .km_table .km-table-index .km_table-cellContent {

}

#komet-feView .km_table .km_table-indexContent {
    background-color: #56808c;
    border-radius: 0.3125rem;
    color: #fff;
    padding: 0.3125rem;
    margin-right: 20px;
    font-size: 0.9rem;
}

#komet-feView .km_table .km_table-indexContent:after {
    top: 15%;
    right: 2%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #56808c;
    border-width: 0.5rem;
    margin-top: -0.5rem;
}

/* translating Grid */
#translatingGridContainer .km_table .km_table-row .km_table-cell.km-table-index {
    text-align: center;
}
translatingGridContainer .km_table .km_table-indexContent {
    font-size: 1rem;
}
#translatingGridContainer .km_table .km_table-row .km_table-cell {
    text-align: left;
}
#translatingGridContainer .km_table .km_table-row .km_table-cell .descriptors-list {
    list-style: none;
    font-size: 1.1rem;
}
#translatingGridContainer .km_table .km_table-indexContent:after {
    top: 20px;
}
/*#translatingGridContainer .km_table .km_table-row .km_table-cell .descriptors-list li {*/
/*display: block;*/
/*}*/
#translatingGridContainer .km_table .km_table-row .km_table-cell .descriptors-list li:before {
    content: "";
    border-color: transparent #333;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1em;
    position: relative;
}

.km-selector {
    margin-bottom: 1.875rem;
}

#komet-feView .km-select {
    width: 25%;
    float: left;
    padding-right: 1.25rem;
    margin-right: 20px;
}

#komet-feView .km-select.km-select-grid {
    width: 75%;
}

#komet-feView .km-select label {
    display: block;
    font-size: 0.9rem;
    min-width: 120px;
    margin-bottom: 0;
}

#komet-feView .km-select select#ausbildungsbezug {
    width: 100%;
}

NO#komet-feView .km-select-grid {
    -ms-flex-align: center !important;
    align-items: center !important;
}

#komet-feView .km-select-top {

}

#komet-feView .km-select select {
    display: block;
    /*width: 100%;*/
    padding: .475rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dadada;
    border-radius: 0;
}

.dropdown-toggle.competencegrid2-selectorButton {
    border: none;
    font-size: 1.4rem;
    /*height: 2.75rem;*/
    padding: .375rem .75rem .375rem 0;
    color: #2b4d57;
    background: none;
    min-width: 500px;
    width: auto;
    /*display: flex;*/
    margin: 3px auto;

    -moz-appearance:none;
    background: url(../Icons/chevron-down-komet.svg) no-repeat right transparent;
    -webkit-appearance: none;
    -moz-appearance:none;
    background-position: calc(100%);
    background-size: 0.9375rem;
}
/** eeducation issue **/
.dropdown.bootstrap-select.featured_grids_selector {
    width: auto !important;
}
/** eeducation issue **/
.bootstrap-select.featured_grids_selector .dropdown-toggle.competencegrid2-selectorButton .filter-option {
    position: static !important;
}
.dropdown-toggle.competencegrid2-selectorButton::after {
    border: none !important;
}
.featured_grids_selector .dropdown-menu {
    background-color: #f1f1f1;
    background-color: #fff;
    box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.15);
}
.featured_grids_selector .dropdown-menu .dropdown-menu {
    background-color: #f1f1f1;
    background-color: #fff;
}
.featured_grids_selector.bootstrap-select .dropdown-menu li a.opt {
    padding-left: 1em !important;
}

.competencegrid2-selectorButton .filter-option .featuredIcon {
    margin-right: 1rem !important;
    margin-top: .2rem;
}

.featured_grids_selector .dropdown-item.active, 
.featured_grids_selector .dropdown-item:active {
    background-color: #2ca4b7;
}

.km-selector .filter-option-inner-inner {
    color: #000;
    font-family: hero-new, sans-serif;
    font-weight: 800;
    font-size: 1.2rem;
}

.km-select-grid .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    display: flex;
}

i.featuredIcon {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    display: inline-block;
    width: 10px;
}
/*i.featuredIcon.fa-file-lines::before {*/
/*    content: "";*/
/*}*/
.dropdown-toggle.competencegrid2-selectorButton i.featuredIcon.no-files {
    display: none;
}
.bootstrap-select.featured_grids_selector  > .dropdown-toggle {
    white-space: normal;
}

#komet-feView .km-select select#competencegrid,
#komet-feView .km-select.km-select-grid select.width_tmp_select {
    border: none;
    font-size: 1.4rem;
    padding: .375rem .75rem .375rem 0;
    color: #2b4d57;
}

#komet-feView .km-select select#competencegrid,
#komet-feView .km-select.km-select-grid select.width_tmp_select {
    -moz-appearance:none;
    background: url(../Icons/chevron-down-komet.svg) no-repeat right transparent;
    -webkit-appearance: none;
    -moz-appearance:none;
    background-position: calc(100% - 10px);
    background-size: 0.9375rem;
}

#komet-feView .km-select select#ausbildungsbezug,
#komet-feView .km-select.km-select-ref .width_tmp_select {
    -moz-appearance:none;
    background: url(../Icons/chevron-down-komet.svg) no-repeat right transparent;
    -webkit-appearance: none;
    -moz-appearance:none;
    background-position: calc(100% - 10px);
    background-size: 0.9375rem;
    font-size: 0.9rem;
    background-color: #fff;
}

#komet-feView .km_table-cellContent .km_table-infoHover {
    opacity: 0;
    transition: 0.4s;
    /*background-color: #07b102;*/
    color: #fff;
    display: block;
    position: absolute;
    /*background-color: #07b102;*/
    height: 100%;
    width: 100%;
    z-index: 9999;
}

#komet-feView .km_table-cellContent-empty .km_table-cellContent .km_table-infoHover {
    background-color: transparent;
}

#komet-feView .km_table-cellContent .km_table-infoHover span {
    display: block;
}

#komet-feView .km_table-cellContent:hover .km_table-infoHover {

    opacity: 1;
}

#komet-feView .km_table-cellContent .km_table-infoHover .km_table-infoHoverInner {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: inline-block;
    font-size: 0.9rem;
}

#komet-feView .km_table-head .km_table-taxonomy {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: inline-block;
    z-index: 99;
    color: #2b4d57;
}

#komet-feView .km_modal .modal-content {
    background-color: #f3f3f3;
    border-radius: 0;
}

#komet-feView .km_modal .modal-header,
#komet-feView .km_modal .modal-footer,
#komet-feView .km_modal .modal-body {
    padding: 15px 25px;
}

#komet-feView .km_modal .modal-body {
    padding-bottom: 25px;
}

#komet-feView .km_modal .modal-header {

}

#komet-feView .km_modal .modal-header,
#komet-feView .km_modal .modal-footer {
    border-bottom: none;
    border-top: none;
}

#komet-feView .km_modal .modal-lg {
    max-width: 1140px;
}

#komet-feView .km_modal ul {
    list-style-type: none;
    padding-left: 0;
    font-size: 0.95rem;
}

#komet-feView .km_modal ul.km_modal-childCompetenceList {
    padding-left: 30px;
}

#komet-feView .km_modal ul.km_modal-materialList {
    padding-left: 30px;
}

#komet-feView .km_modal ul li > a {
    background-color: #fff;
    position: relative;
    padding: 0.625rem 2.5rem 0.625rem 0.9375rem;
    margin-bottom: 0.625rem;
    display: block;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

#komet-feView .km_modal ul li a.no-collapse {
    pointer-events: none;
    cursor: default;
}

#komet-feView .km_modal ul li a .icon.collapseIcon {
    position: absolute;
    right: 0.9375rem;
    top: 50%;
    transform: translateY(-50%);
    color: #5a595b;
}

#komet-feView .km_modal ul.km_modal-materialList li > a {
    padding: 0.625rem 0.9375rem 0.625rem 2.5rem;
    font-size: 0.9rem;
}

#komet-feView .km_modal ul.km_modal-materialList li a .icon {
    font-size: 1.5rem;
    color: #5c8490;
    position: absolute;
    left: 0.9375rem;
    top: 50%;
    transform: translateY(-50%);
}

#komet-feView .km_modal ul li a.collapsed .icon.collapseIcon:before {
    content: "\f125";
}

#komet-feView .km_modal h5.km_modal-gridTitle {
    font-size: 1.6rem;
    color: #333333;
}

#komet-feView .km_modal h7.km_modal-taxonomy {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    display: block;
}

#komet-feView .km_modal h6.km_modal-compField {
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
}

#komet-feView .km_modal button.close {
    font-size: 4rem;
}

#komet-feView .km_modal ul.km_modal-materialList li {
    position: relative;
}

#komet-feView .km_modal ul.km_modal-materialList li span.matCat-Icon {
    float: right;
}

#komet-feView .km_modal ul.km_modal-materialList li span.matCat-Icon img {
    width: 20px;

}

#komet-feView .km_modal ul.km_modal-materialList li span.matCat-Icon span {
    display: inline-block;
    padding: 0 0.20rem 0 0.20rem;
}

#komet-feView .km_modal ul.km_modal-materialList li span.matCat-Icon span:last-child {
    padding-right: 0;
}

#komet-feView .km_modal ul li > a.comet_search_highlight {
    background-color: rgba(110,168,46,0.9) !important;
    color: #fff;
}
#komet-feView .km_modal ul li a.comet_search_highlight .icon.collapseIcon::before {
    color: #fff;
}
#komet-feView .km_modal ul.km_modal-materialList.comet_search_highlight_materiallist a {
    background-color: rgba(110,168,46,0.2) !important;
}

#komet-feView .tooltip {
    z-index: 100000;
}

#komet-feView .tooltip-inner {
    background-color: #5c8490;
    opacity: 1;
    color: #fff;
}

#komet-feView .tooltip.top .tooltip-arrow {
    border-top-color: #5c8490 !important;
}

#komet-feView .tooltip.right .tooltip-arrow {
    border-right-color: red;
}

#komet-feView .tooltip.bottom .tooltip-arrow {
    border-bottom-color: red;
}

#komet-feView .tooltip.left .tooltip-arrow {
    border-left-color: red;
}


/* #### colors #### */
/*
#komet-feView .km_table .km_table-body .km_table-cell:nth-child(2) .km_table-amount,
#komet-feView .km_table-cell:nth-child(2) .km_table-cellContent .km_table-infoHover {
	background-color: #07b102;
}

#komet-feView .km_table .km_table-body .km_table-cell:nth-child(2) .km_table-amount-child {
	background-color: #85b184;
}

#komet-feView .km_table .km_table-cell:nth-child(2 .km_table-material {
	color: #07b102;
}

*/

.dashboard-grids .comet-item .progress.md-progress {
    position: absolute;
    display: none;
}

/* for testing */
.dashboard-grids .comet-item .progress.md-progress.primary-color-dark {
    background-color: #709d25 !important;
}
.dashboard-grids .comet-item .progress.md-progress.primary-color-dark .indeterminate {
    background-color: #e1e1e2 !important;
}


.exabiscompetences-grid-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 2rem;
}
.exabiscompetences-grid-info a {
    margin-left: 1rem;
    position: relative;
}
.exabiscompetences-grid-info a.btn.btn-pdf,
.exabiscompetences-grid-info span.class-info
{
    padding-right: 5px;
    padding: 4px 10px;
    padding-right: 32px;
}
.exabiscompetences-grid-info span.class-info {
    cursor: default;
    pointer-events: none;
}
.btn-pdf:after {
    content: '';
    background-image: url(../Icons/file-pdf.png);
    background-size: 10px 14px;
    top: 50%;
    margin-top: -7px;
    height: 14px;
    width: 10px;
    z-index: 1;
    display: inline-block;
    color: #fff;
    position: absolute;
    margin-left: 10px;
    background-repeat: no-repeat;
}
.exabiscompetences-grid-info span.class-info {
    text-align: center;
    padding: 4px 10px;
    margin-left: 10px;
    border-color: white;
}
.exabiscompetences-grid-info .info-title {
    margin-left: 30px;
}

.comet-debug {
    display: none !important;
}

.comet-form-file-download-icon {
    margin-left: 5px;
}

.km-select-mat-switch {
    clear: both;
}