/*Theme Color CSS

BasisHintergrundFarbe: white
BasisSchriftFarbe: black
BasisLinienFarbe: #004fc8
BasisRahmenFarbe: #004fc8
HauptFarbe: #004fc8
HauptSchriftFarbe: white
AkzentFarbe: #004fc8
AkzentSchriftFarbe: white
LinkHoverFarbe: #eeeeee
KategorieHoverFarbe: #eeeeee

*/

body {
    background-color:white;
    color: black;
}

p {
    color: black;
}


.grouplist_Head {
    color: black;
}

.grouplist_Wrapper:hover {
    background-color: #eeeeee;
}


.panelcontent {
    color: black;
}

.panelheadline {
    color: black;
}



.navbar-default {
    background-color:white;
}

.head {
    background-color:#004fc8;
    color:white;
}

a {
    color: #004fc8;
}

a:hover {
    color: #eeeeee;
}

.navbar-nav > li {
    color:#004fc8;

}

.navbar-default .navbar-nav > li > a:hover {
    color:#eeeeee;
}


.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
    color:#004fc8;
}

.footer .container {
    background-color: #004fc8;
    color:white;
}

.footer a, .footer a:hover{
    color:white;
}

.footer p {
    color:white;
}

.line_bottom {
    border-color: #004fc8;
}

.line_left {
    border-color: #004fc8;
}

input {
    border: 1px solid #004fc8;
    background-color:white;

}

input[type="file"] {
    border: 1px solid #004fc8;
    background-color:white;

}

div.tagsinput span.tag {
    border: 1px solid #004fc8;
    background-color:white;
}

div.tagsinput {
    border: 1px solid #004fc8;
    background-color:white;
}



.form-control {
    border: 1px solid #004fc8;
    background-color:white;
}

.form-control:focus {
    border: 1px solid #004fc8;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input.parsley-success, select.parsley-success, textarea.parsley-success {
    border: 1px solid #004fc8;
    background-color:white;
}


.grouplist_Wrapper {
    border-bottom: 1px dotted #004fc8;
}

.contentlistWrapper {
    border: 1px solid #004fc8;
}

.contentInfobar {
    color: #004fc8;
}

.tagify__input--outside{
    border: 1px solid #004fc8;
    background-color:white;
}

.tagify {
    border: 1px solid #004fc8;
    background-color:white;
}


.searchicon {
    background-color: #004fc8;
    color: white;
}

.searchicon:hover {
    background-color: #eeeeee;
}


.searchiconHome {
    background-color: #004fc8;
    color: white;
}

.searchiconHome:hover {
    background-color: #eeeeee;;

}

.showvideo {
    border: 1px solid #004fc8;
}


.ratingchecked {
    color: #004fc8 !important;
}

.rating:hover{
    color: #004fc8;
    background-color:white;
}

.panelwrapper {
    border: 1px solid #004fc8;
    background-color:white;
}



.panelLearningControl {
    background-color:#004fc8 ;
}

.paneltime {
    color: #004fc8;
}

.panelimgwrapper {
    border-bottom: 1px solid #004fc8;
}


.panel {
    background-color:white;
}

.panel-default > .panel-heading {
    color:black;
    background-color:white;
    border-color:#004fc8;
}

.choice-muted {
    color: black;
}

.dropdown-menu {
    background-color: white;
    border-color:#004fc8;
}

.dropdown-menu > li > a {
    color: #004fc8;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #004fc8;
    color: white;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color:#eeeeee;
    background-color:white;
}

button, input, optgroup, select, textarea {
    color:black;
    background-color:white;
    border: 1px solid #004fc8;
}


.modal-body, .modal-footer, .modal-header {
    background-color:white;
}


.list-group-item {
    background-color:white;
    border: 1px solid #004fc8;
}


.btn-link {
    color: #004fc8;
}



.btn-primary {
    color:white;
    background-color:#004fc8;
    border-color: #004fc8;
}



.btn-primary:hover {
    color: white;
    background-color: #eeeeee;
    border-color: #eeeeee;
}


.btn-primary:focus, .btn-primary.focus {
    box-shadow: none;
    background-color: #004fc8;
    border-color: #004fc8;
}


.btn-primary:visited, .btn-primary.visited {
    box-shadow: none;
    background-color: #004fc8;
    border-color: #004fc8;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: white;
    background-color: #004fc8;
    border-color: #004fc8;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: white;
    background-color: #004fc8;
    border-color: #004fc8;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}



.btn-default {
    color: #004fc8;
    background-color:white;
    border-color: white;

}



.btn-default:focus, .btn-default.focus {
    color: #004fc8;
    box-shadow: none;
    background-color: white;
    border-color: white;
    border:none;
}


.btn-default:visited, .btn-default.visited {
    color:#004fc8;
    background-color: white;
    border-color: white;
}

.btn-default:hover {
    color: #eeeeee;
    background-color: white;
    border-color:white;
}

.btn-default.disabled, .btn-default:disabled {
    color: #004fc8;
    background-color: white;
    border-color: white;
}

.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
    color:  #004fc8;
    background-color: white;
    border-color: white;
}

.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-default.btn-sm {
    color:white;
    background-color:#004fc8;
    border-color: #004fc8;
}


.btn-default.btn-sm:hover {
    color: white;
    background-color: #eeeeee !important;
    border-color: #eeeeee !important;
}


.btn-default.btn-sm:focus{
    box-shadow: none;
    background-color: #004fc8;
    border-color: #004fc8;
}


.btn-default.btn-sm:visited {
    box-shadow: none;
    background-color: #004fc8;
    border-color: #004fc8;
}



containerBackground01 {
    background-color:white;
    color:black;
}

.containerBackground02 {
    background-color: white;
    color:black;

}

.containerBackground03 {
    background-color: white;
    color:#black;

}

.containerBackground04 {
    background-color: white;
    color:black;

}

.IconPlaybutton {
    fill:#004fc8;
}




.spectrumTheme {
    background-color: white !important;
}

.sp-original-input-container .sp-add-on .sp-colorize {
    border: 1px solid #004fc8 !important;
}



.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    border-top: 1px solid  #004fc8;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #004fc8 !important;
}


table.dataTable tbody th, table.dataTable tbody td {
    background: white;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid #004fc8;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    border-top: 1px solid #004fc8;
}


table.dataTable tbody tr {
    background-color: white;
}
table.dataTable tbody tr.selected {
    background-color: white;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #004fc8;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid #004fc8;
    border-right: 1px solid #004fc8;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #004fc8;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: white;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: white;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: white;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
    background-color:white;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
    background-color: white;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: white;;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: white;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: white;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: white;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: white;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: white;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: white;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: white;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: white;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: white;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color:white;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: white;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: white;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: white;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: white;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color:white;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: white;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: white;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: white;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #004fc8;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #004fc8;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #004fc8;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: black !important;
    border: 1px solid #004fc8;

    background: none;

}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: black !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: $ButtonHoverFarbe !important;
    border: 1px solid #004fc8;
    background-color: white;

}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background-color: white;
    background: none;
    box-shadow: none;
    border:1px solid black;
}

.dataTables_wrapper .dataTables_processing {
    background-color: white;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333333;
}


.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #004fc8;
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    color: #eeeeee!important;
    border-radius: 0px;
    border: 1px solid white;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: none;
    color: #004fc8!important;
}