@charset "UTF-8";

/* Anpassungen am Metronic-Theme: */

/* überschreiben von globalen Variablen */
:root {

    --sol-primary: #5c9bd1;
    --sol-primary-rgb: 55, 163, 218;
    --sol-primary-active: #2b6a91;
    --sol-primary-light: #d5e4f1;
    --sol-primary-inverse: #FFFFFF;
/*
    --sol-secondary: #575756;
    --sol-secondary-rgb:  87, 87, 86;
    --sol-secondary-active: #071437;
    --sol-secondary-light: #878787;
    --sol-secondary-inverse: #FFFFFF;
*/   
    --sol-success: #429b46;
    --sol-success-rgb:  66, 155, 70;
    --sol-success-active: #0a6921;
    --sol-success-light: #e5f1f1;
    --sol-success-inverse: #FFFFFF;
    
    --sol-info: #097CDE;
    --sol-info-rgb:  9,14,222;
    --sol-info-active: #1671c2;
    --sol-info-light: #e8eff5;
    --sol-info-inverse: #FFFFFF;
    
    --sol-danger: #ef1700;
    --sol-danger-rgb:  182, 23, 26;
    --sol-danger-active: #b6171a;
    --sol-danger-light: #e9d9d8;
    --sol-danger-inverse: #FFFFFF;

    --sol-light: #575756;
    --sol-light-rgb:  87, 87, 86;
    --sol-light-active: #8E8E8E;
    --sol-light-light: #adaaaa;
    --sol-light-inverse: #FFFFFF;

    --bs-link-color-rgb: var(--sol-primary-rgb);

    --bs-primary: var(--sol-primary);
    --bs-primary-active: var(--sol-primary-active);
    --bs-primary-light: var(--sol-primary-light);
    --bs-primary-inverse: var(--sol-primary-inverse);
    --bs-primary-rgb: var(--sol-primary-rgb);
    --bs-text-primary: var(--sol-primary);
/*
    --bs-secondary: var(--sol-secondary);
    --bs-secondary-active: var(--sol-secondary-active);
    --bs-secondary-light: var(--sol-secondary-light);
    --bs-secondary-inverse: var(--sol-secondary-inverse);
    --bs-secondary-rgb: var(--sol-secondary-rgb);
    --bs-text-secondary: var(--sol-secondary);
*/
    --bs-success: var(--sol-success);
    --bs-success-active: var(--sol-success-active);
    --bs-success-light: var(--sol-success-light);
    --bs-success-inverse: var(--sol-success-inverse);
    --bs-success-rgb: var(--sol-success-rgb);
    --bs-text-success: var(--sol-success);

    --bs-info: var(--sol-info);
    --bs-info-active: var(--sol-info-active);
    --bs-info-light: var(--sol-info-light);
    --bs-info-inverse: var(--sol-info-inverse);
    --bs-info-rgb: var(--sol-info-rgb);
    --bs-text-info: var(--sol-info);

    --bs-danger: var(--sol-danger);
    --bs-danger-active: var(--sol-danger-active);
    --bs-danger-light: var(--sol-danger-light);
    --bs-danger-inverse: var(--sol-danger-inverse);
    --bs-danger-rgb: var(--sol-danger-rgb);
    --bs-text-danger: var(--sol-danger);

    --bs-light: var(--sol-light);
    --bs-light-active: var(--sol-light-active);
    --bs-light-light: var(--sol-light-light);
    --bs-light-inverse: var(--sol-light-inverse);
    --bs-light-rgb: var(--sol-light-rgb);
    --bs-text-light: var(--sol-light);
    
    --bs-form-valid-color: var(--sol-success);
    --bs-form-valid-border-color: var(--sol-success);
    --bs-form-invalid-color: #DE1209;
    --bs-form-invalid-border-color:#DE1209;
}

a.usermenulink, .link-login {
    color: RGBA(var(--sol-light-rgb), var(--bs-link-opacity, 1)) !important;
}
a.usermenulink:hover, a.link-login:hover {
    color: var(--bs-text-gray-900) !important;
}
a.usermenulink {
    font-weight: 400;
}

#datatable_1 {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}
#dt-search-0 {
    margin-left: 10px !important;
}
.page-item.active .page-link {
    background-color: var(--sol-light) !important;
}
.table_hilite {
    font-weight: 500 !important;
    color: var(--bs-text-gray-700) !important;
}

/* Datatables Fusszeile */
.dataTables_info {
    font-size: 11px !important;
}

/* ganz kleiner Button für Datatables */
.btn-mini {    
    padding: .25rem .45rem !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    border-radius: 0px;    
}
.btn-mini i {
    font-size: 0.85rem !important;
}

/* Datatables - Korrektur */
table.dataTable.dtr-inline:not(.collapsed) > tbody > tr > td.dtr-control:before {
    margin-right: 0px;
    display: none;
}

/* zum Löschen markierte TRs und Divs */
tr.marked-to-delete, div.marked-to-delete {
    outline: 1px solid #DE1209 !important;
}
/* zum Bearbeiten markierte TRs und Divs */
tr.marked-to-edit, div.marked-to-edit {
    outline: 1px solid #409385 !important;
}

/* kleiner Table */
table.ov-small, table.ov-small tr {
    background-color: transparent !important;
}
  
table.ov-small td, table.ov-small th {
    padding: 0px 2px !important;
}

/* switch */
.form-check-input:checked {
    background-color: #1671c2;
    border-color: #1671c2;
}

/* Input disabled */
.form-control:disabled, .form-select:disabled {
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-500);
}

.minitable-th {
    padding-left: 0.75rem !important;
    white-space: nowrap;
}

.theme-header {
    background-color:RGB(249,249,249) !important;
    min-height:50px !important;
}

.fragen_container {
    min-height:40px;
    margin: 6px 0 10px 0;
    padding: 10px;
    border: 2px dotted #F1F1F4;
}

.fragen-box {    
    background-color:RGB(249,249,249) !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.fragen-box .card-header {
    border-bottom: 0px !important;
    min-height:50px !important;
}
.fragen-box .card-body {
    padding-top: 0px;
}
.fragen-dummy {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    border-style:dotted !important;
    border-width:3px !important;
    padding:2px !important;
}
.thema-dummy {
    border-style:dotted !important;
    border-width:3px !important;
    padding:2px !important;    
}

.bubble-container {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    text-align: center;
}
.bubble {
    position: relative;
    background-color: rgba(199, 0, 57, 0.5);
    height: 100%;
    width: 100%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}
.bubble-text {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    text-align: center;
    transform: translate(0, -50%);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #fff;
    font-size: 9px;
}
.line-box {
    display: flex;
    margin-top: 2em;
    margin-bottom: 1em;
}
.label_left {
    position: absolute;
    left: 0px;
    bottom: -16px;
    font-size: 11px;
    color: #2b6a91;
}
.label_right {
    position: absolute;
    right: 0px;
    bottom: -16px;
    font-size: 11px;
    color: #2b6a91;
}
.line {
    height: 16px;
    border: 0;
    background-color: #3179a6;
}
.line-disabled {
    background-color: #ADA69B !important;
    cursor: not-allowed;
}
.minitable {
    font-size:12px;
}
.minitable th {
    font-weight: 500 !important;
}
.minitable td {
    border-top:1px solid RGB(249,249,249) !important;
}
.gesamtauswertung .card-header {
    min-height:30px;
    background-color:RGB(249,249,249) !important;
}
.gesamtauswertung .card-title {
    font-size:1.1rem !important;
}
.gesamtauswertung .card-toolbar {
    font-size:0.9rem !important;
}
.sortable-ghost {
    background-color: #d8e0e7 !important;
}
/*
#copylink, .copylink {
    color: #333;
    text-decoration:none;
}
#copylink:hover, .copylink:hover {
    color: #333;
    text-decoration:underline !important;
}
*/