body.site {
    border-top: 3px solid;
    border-color: var(--customer-primary-color);
    background-color: var(--bg-color);
}
a {
    color: var(--customer-primary-color);
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.btn-primary {
    background: var(--customer-primary-color);
}

body,
body.site,
body.site.fluid{
    color: var(--font-color);
    background-color: var(--bg-color);
}

body.view-featured.site,
body.view-courses.fluid,
body.view-user2courses.fluid {
    background-color: var(--bg-color);
}

body.view-courses.layout-courseadmin {
    background-color: var(--bg-color);
}

.site #cookie-bar {
    background-color: #dadadac9;
    color:var(--font-color);
}

.site #cookie-bar .cb-enable {
    background-color: var(--customer-primary-color);
}

.site #cookie-bar .cb-policy {
    background-color: var(--snow-white-color);
    color: var(--customer-primary-color);
}

.site #cookie-bar .cb-policy:hover {
    background-color: var(--customer-primary-color);
    color: var(--customer-secondary-color);
}

footer{
    background-color: var(--snow-white-color);
}

footer a,
footer a:visited {
    color: var(--light-grey-color);
}

footer .nav > li > a:hover,
footer .nav > li > a:focus,
footer .nav > li > a:active {
    color: var(--customer-primary-color);
    background-color: var(--transparent-color);
}


.popover .popover-title {
    color: var(--customer-primary-color);
    background-color: var(--snow-white-color);
    border-bottom-color: var(--customer-primary-color);
}

.mod-languages .btn-group .btn.dropdown-toggle {
    background-color: var(--off-white-color);
    color: var(--dark-grey-color);
    border-color: var(--off-white-color);
}

.mod-languages .btn-group .btn.dropdown-toggle:hover {
    color: var(--customer-primary-color);
}

.mod-languages .btn-group.open .btn.dropdown-toggle {
    background-color: var(--snow-white-color);
    color: var(--customer-primary-color)
}

.mod-languages .btn-group .btn.dropdown-toggle .caret {
    border-top-color: var(--dark-grey-color);
}

.mod-languages .btn-group .btn.dropdown-toggle:hover .caret,
.mod-languages .btn-group.open .btn.dropdown-toggle .caret {
    border-top-color: var(--customer-primary-color);
}

.news-content .mod-languages .btn-group .btn.dropdown-toggle,
.view-archive .mod-languages .btn-group .btn.dropdown-toggle {
    background-color: var(--snow-white-color);
    border-color: var(--customer-primary-color);
}

.view-article .article .icons .btn .caret {
    border-top-color: var(--font-inverse-color);
}

.view-article .article .icons .btn:hover .caret,
.view-article .article .icons .open  .btn .caret {
    border-top-color: var(--customer-primary-color);
}

.mod-languages ul.lang-block.dropdown-menu {
    background-color: var(--snow-white-color);
    color: var(--font-color);
}

.mod-languages ul.lang-block.dropdown-menu li.lang-active a,
.mod-languages ul.lang-block.dropdown-menu li a:hover {
    color: var(--customer-primary-color);
    background-color: var(--transparent-color);
}

a {
    color: var(--customer-primary-color);
}

a:hover {
    color: var(--font-color);
}

.btn,
a.btn,
.btn-group > .btn,
.btn:visited {
    border-color: var(--customer-primary-color);
    background-color: var(--customer-primary-color);
    color: var(--font-inverse-color);
}

.btn:active,
.btn:focus,
.btn:hover,
.btn:hover > a {
    background-color: var(--font-inverse-color);
    color: var(--customer-primary-color);
    border-color: var(--customer-primary-color);
}

.btn-group-yesno .btn {
    background-color: var(--font-inverse-color);
    border-color: var(--customer-primary-color);
    color: var(--customer-primary-color);
}

.btn-group-yesno .btn.active {
    background-color: var(--customer-primary-color);
    color: var(--font-inverse-color);
}

.btn.disabled,
.btn.disabled:hover,
.btn.disabled:visited,
.btn.disabled:active {
    background-color: var(--grey-color);
    color: var(--font-inverse-color);
    border-color: var(--grey-color);
    opacity: 1;
}

/*------buy button-------*/
.btn-lmsbuy, .btn-group > .btn-lmsbuy, .btn-lmsbuy:visited, a.btn-lmsbuy {
    border-color: var(--customer-primary-color);
    background-color: var(--font-inverse-color);
    color: var(--customer-primary-color);
}

.btn-lmsbuy:active, .btn-lmsbuy:focus, .btn-lmsbuy:hover, .btn-lmsbuy:hover > a {
    background-color: var(--customer-primary-color);
    color: var(--font-inverse-color);
    border-color: var(--customer-primary-color);
}
/*----------------------*/
/*------fancy radio-----*/
.fr-container > .fr-button {
    border: 1px solid var(--customer-primary-color);
    color: var(--customer-primary-color);
    background-color: var(--font-inverse-color);
}

.fr-container input + .fr-button > .fr-checkmark {
    color: var(--customer-secondary-color);
}

.fr-container input:checked + .fr-button {
    background-color: var(--customer-primary-color);
    color: var(--customer-secondary-color);
    border: none;
}

.fr-container input + .fr-button > .fr-checkmark {
    border: 1px solid var(--customer-primary-color);
}

.fr-container input:checked + .fr-button > .fr-checkmark {
    border: 1px solid var(--customer-secondary-color);
}
/*----------------------*/

input[type="text"],
input,
input[type="password"],
.site input,
input[type="number"] {
    border-color: var(--transparent-color);
    border-bottom-color: var(--light-grey-color);
    color: var(--font-color);
}


input[type="text"]:focus,
input:focus,
input[type="password"]:focus,
input:focus:invalid:focus,
input[type="number"]:focus {
    border-bottom-color: var(--customer-primary-color);
}

footer .menu li {
    color: var(--light-grey-color);
}

footer > div > p {
    color: var(--light-grey-color);
}

.chzn-container-single .chzn-single {
    background-color: var(--transparent-color);
    color: var(--font-color);
}

.chzn-container-active .chzn-single {
    border-color: var(--font-color);
}

.chzn-container .chzn-results li {
    color: var(--font-color);
}

.chzn-container .chzn-results li.highlighted {
    background-color: var(--snow-white-color);
    background-image: none;
    color: var(--customer-primary-color);
}

.idealivefilters .custom-filter .control-group .controls .chzn-container,
.idealivefilters .custom-filter.filter-calendar .control-group .controls .input-append input {
    border-bottom-color: var(--customer-primary-light-color);
    color: var(--font-color);
}

.idealivefilters .chzn-single,
.idealivefilters .chzn-choices {
    color: var(--customer-primary-light-color);
}

.idealivefilters #filter_methode_chzn  .chzn-drop  .result-selected {
    color: var(--customer-primary-color);
}

.view-featured .position11 .aktuelle-seminare .seminar {
    border-color: var(--light-grey-color);
    background-color: var(--snow-white-color);
}

.well {
    background-color: var(--transparent-color);
}

.star {
    color: var(--customer-primary-color);
}

.login label.invalid,
.login .control-label label.invalid,
.reset label.invalid,
.reset .control-label label.invalid {
    color: var(--customer-primary-color);
}

.login .controls input,
.reset .controls input {
    color: var(--light-grey-color);
}

.login .controls input.required,
.login .controls input.required:focus,
.login .controls input.required:active,
.reset .controls input.required,
.reset .controls input.required:focus,
.reset .controls input.required:active {
    color: var(--font-color);
}

.login .controls input.invalid,
.login .controls input.invalid:focus {
    background-color: var(--transparent-color);
    border-bottom-color: var(--customer-primary-color);
    color: var(--font-color);
}

.login .controls input::placeholder,
.reset .controls input::placeholder,
.login .controls input.required::placeholder,
.reset .controls input.required::placeholder,
.login .controls input:-ms-input-placeholder,
.reset .controls input:-ms-input-placeholder {
    color: var(--gainsboro-color) !important;
}

.login input#remember {
    color: var(--light-grey-color);
}

.login .control-check label input[type=checkbox] + span:after {
    color: var(--light-grey-color);
}

.login .control-check label input[type=checkbox]:checked + span:after {
    background-color: var(--snow-white-color);
}

.login .control-check label input[type=checkbox]:active + span:after,
.login .control-check label input[type=checkbox]:focus + span:after,
.login .control-check label input[type=checkbox]:active:checked + span:after,
.login .control-check label input[type=checkbox]:focus:checked + span:after{
    border-color: var(--customer-primary-color);
    background-color: var(--snow-white-color);
}


.login .control-check label input[type=checkbox] + span:after {
    border-color: var(--grey-color);
    background-color: transparent;
}


.login .control-check label input[type=checkbox]:checked + span:after {
    color: var(--font-color);
}

.nav-tabs.nav-login > li > a {
    color: var(--light-grey-color);
}

.nav-tabs.nav-login > li > a:hover,
.nav-tabs.nav-login > li > a:focus {
    background-color: var(--transparent-color);
}

#adminForm table thead tr {
    border-top: none;
    border-bottom-color: var(--font-color);
}

.navigation .nav a,
.navigation .nav a:link,
.naviation .nav a:visited {
    color: var(--light-grey-color);
}

.navigation .nav a:hover,
.navigation .nav a:active,
.navigation .nav a:focus,
.navigation .nav .active > a,
.navigation .nav .active > a:hover,
.navigation .nav li > span:hover,
.navigation .nav li > span:active,
.navigation .nav li > span:focus,
.navigation .nav li.active > span
{
    color: var(--customer-primary-color);
    background-color: var(--transparent-color);
}

.navigation .nav li .logout {
    background-color: var(--gainsboro-color);
}

.navigation .nav li .logout:hover {
    background-color: var(--gainsboro-color);
}

.nav li a[class$="icon"]:before,
.nav li span[class$="icon"]:before
{
    color: var(--light-grey-color);
    background-color: var(--transparent-color);
}
.nav li a[class$="icon"]:hover:before,
.nav li span[class$="icon"]:hover:before,
.nav li.active a[class$="icon"]:before,
.nav li.active span[class$="icon"]:before {
    color: var(--customer-primary-color);
}

.navigation .nav .divider span {
    color: var(--light-grey-color);
}

.navigation .nav-child li > a {
    color: var(--light-grey-color);
}

.navigation .nav-child li > a:focus,
.navigation .nav-child li > a:hover,
.navigation .nav-child:hover > a,
.navigation .active .nav-child li.active > a {
    background-color: var(--snow-white-color);
    color: var(--customer-primary-color);
}

#lul-search:hover,
#lul-search:hover #lul-search-submit-icon:before,
#lul-search:hover #lul-search-input {
    color: var(--customer-primary-color);
}

#lul-search.active {
    background-color: var(--snow-white-color);
}

.view-featured #lul-search.active,
.view-courses.no-layout #lul-search.active,
.view-user2courses.no-layout #lul-search.active,
.view-user2courses.layout-certificates #lul-search.active,
.view-archive.no-layout #lul-search.active {
    background-color: var(--off-white-color);
}

#lul-search.active:hover,
#lul-search.active:hover #lul-search-submit-icon:before,
#lul-search.active:hover #lul-search-input,
#lul-search.active:focus,
#lul-search.active:focus #lul-search-submit-icon:before,
#lul-search.active:focus #lul-search-input  {
    color: var(--light-grey-color);
}

.lul-search.active #lul-search-form  #lul-search-input {
    border-bottom-color:  var(--customer-primary-color);
}

.lul-search #lul-search-form  #lul-search-input {
    color: var(--light-grey-color);
}

.lul-search #lul-search-form:hover  #lul-search-input {
    color: var(--customer-primary-color);
}

.lul-search #lul-search-submit-icon:before {
    color: var(--light-grey-color);
    background-color: var(--transparent-color);
}

.lul-search #lul-search-input {
    background-color: var(--transparent-color);
}

.lul-search.active #lul-search-submit-btn {
    color: var(--font-inverse-color);
    border-color: var(--customer-primary-color);
}

.lul-search.active #lul-search-submit-btn:hover,
.lul-search.active #lul-search-submit-btn:active,
.lul-search.active #lul-search-submit-btn:focus
{
    color: var(--customer-primary-color);
}


.navigation .nav .nav-child .nav-header {
    color: var(--font-color);
}

.navigation .nav > li > .nav-child::before {
    border-bottom-color: var(--off-white-color);
}

/*
.mod.username .title-container {
    color: var(--customer-primary-color);
}
*/

.view-featured  .list .btn.btn-primary.startlink,
.view-featured  .list .btn.btn-primary.startlink:link,
.view-featured  .list .btn.btn-primary.startlink:hover,
.view-featured .list .btn.btn-primary.startlink:active,
.view-featured  .list .btn.btn-primary.startlink:focus,
.view-featured  .list .btn.btn-primary.startlink:visited {
    background-color: var(--transparent-color);
}

.course-catalog-container .header,
.last-courses-container .header {
    color: var(--font-color);
}

.newsflash-horiz li a,
.view-archive .archive #archive-items a {
    color: var(--font-color);
}

.newsflash-horiz li a .newsflash-publish,
.view-archive .archive #archive-items a .published time {
    color: var(--light-grey-color);
}

.newsflash-horiz li a:hover,
.newsflash-horiz li a:hover .newsflash-publish,
.newsflash-horiz li a:hover h4 a,
.view-archive .archive #archive-items a:hover,
.view-archive .archive #archive-items a:hover .published time
{
    color: var(--customer-primary-color);
}

.newsflash-horiz .newsflash-publish,
.view-archive .archive .published time {
    color:var(--light-grey-color);
}

.newsflash-horiz .module-title:before,
.news-content h2:before,
.view-archive .archive .page-header h2:before,
.view-featured .position11 .aktuelle-seminare .aktuelle-seminare-title::before,
.last-courses-container .header:before,
.view-featured .position11 .mod_points_ranking .module-title:before {
    background-color: var(--light-grey-color);
}

.page-header + p,
.courses form + p {
    color:var(--light-grey-color);
}

.newsflash-horiz h4 a {
    color: var(--font-color);
}

.view-featured .position11 > div {
    border-top-color: var(--light-grey-color);
}

.lastvisitedcourses .course .baseinfo1 {
    border-color: var(--customer-secondary-color);
}

.course .baseinfo1 {
    background-color: var(--snow-white-color);
}

.view-course .sidecourseinfoleft.unpublished .baseinfo1,
.courses .course.unpublished .baseinfo1 {
  border-color: var(--customer-primary-color);
}

.catalog-list .course .baseinfo1 {
    background-color: var(--transparent-color);
    border-color: var(--transparent-color);
}

.view-courses,
.view-user2courses {
    background-color: var(--off-white-color);
}


.catalog-list .course .baseinfo1 .title {
    color: var(--font-color);
    background-color: var(--snow-white-color);
}

.catalog-list .baseinfo2:before {
    background-color: var(--transparent-color);
}

.course .baseinfo1 .title,
.view-course .sidecourseinfoleft .baseinfo1 .title {
    color: var(--font-color);
}

.course .baseinfo1 .description,
.view-course .sidecourseinfoleft .baseinfo1 .description {
    color: var(--font-color);
}

.baseinfo2 .indent:before {
    background-color: var(--font-color);
}

.baseinfo2 {
    color: var(--font-color);
}

.baseinfo2.completed{
    color: var(--success-color);
}

.indent.add2mycourses {
    color: var(--customer-primary-color);
}

.baseinfo1 .metadata_time {
    color: var(--storm-grey-color);
}

.baseinfo1 .course_type_tag {
    color: var(--storm-grey-color);
}

.baseinfo3 .metaline {
    color: var(--font-color);
}

.baseinfo3 .metaline .dots {
    border-bottom-color: var(--font-color);
}

.baseinfo3 span.metalinetitle,
.baseinfo3 .metalinevalue {
    background-color: var(--transparent-color);
}

.view-courses .list .btn.btn-primary.startlink,
.view-courses .list .btn.btn-primary.startlink:link,
.view-courses .list .btn.btn-primary.startlink:hover,
.view-courses .list .btn.btn-primary.startlink:active,
.view-courses .list .btn.btn-primary.startlink:focus,
.view-courses .list .btn.btn-primary.startlink:visited,
.view-user2courses .list .btn.btn-primary.startlink,
.view-user2courses .list .btn.btn-primary.startlink:link,
.view-user2courses .list .btn.btn-primary.startlink:hover,
.view-user2courses .list .btn.btn-primary.startlink:active,
.view-user2courses .list .btn.btn-primary.startlink:focus,
.view-user2courses .list .btn.btn-primary.startlink:visited {
    background-color: var(--transparent-color);
}

.courses .filter-search:before {
    color: var(--light-grey-color);
    background-color: var(--transparent-color);
}

.filter-search .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
    color: var(--transparent-color);
}

.filter-search .chzn-container .chzn-choices li,
.filter-search .chzn-container .chzn-results li {
    color: var(--font-color);
}

.filter-search .chzn-container .chzn-drop:before {
    border-color: var(--transparent-color) var(--transparent-color) var(--customer-secondary-color) var(--transparent-color);
}

.filter-search .chzn-container .chzn-choices li.highlighted,
.filter-search .chzn-container .chzn-results li.highlighted {
    color: var(--customer-primary-color);
}

.filter-search .chzn-container .chzn-choices li.result-selected,
.filter-search .chzn-container .chzn-results li.result-selected {
    color: var(--light-grey-color);
}

.filter-search .chzn-container-multi .chzn-choices li.search-choice {
    color: var(--light-grey-color);
}

.filter-search .chzn-container-active .chzn-choices {
    border-color: var(--transparent-color);
    background-color: var(--transparent-color);
}

.courses .filter-search input#filter_search {
    background: var(--transparent-color);
}

.courses .filter-search input#filter_search::placeholder {
    color: var(--font-color);
}

.courses .filter-search input:-internal-autofill-selected,
.courses .filter-search input:-webkit-autofill,
.courses .filter-search input:-webkit-autofill:hover,
.courses .filter-search input:-webkit-autofill:focus,
.courses .filter-search input:-webkit-autofill:active  {
    background-color: var(--transparent-color);
}

.courses .filter-search .filter-category {
    color: var(--font-color);
}

.courses .filter-search .filter-category:hover,
.courses .filter-search .filter-category:active,
.courses .filter-search .filter-category:focus
{
    color: var(--customer-primary-color);
}

.pagination .counter {
    color: var(--light-grey-color);
}

body.view-featured.site .modules-splitted {
    background-color: var(--snow-white-color);
}

.view-course .sidecourseinfoleft .baseinfo1 {
    background-color: var(--snow-white-color);
}

.view-course .sidecourseinforight {
    color: var(--font-color);
}

.view-course .sidecourseinforight .showasuser_info h3 {
    color: var(--customer-primary-color);
}

.view-course .sidecourseinforight .coursemetadata i {
    color: var(--customer-primary-color);
}

.view-course .sidecourseinforight .coursecertificate {
    background-color: var(--snow-white-color);
}

.view-course .sidecourseinforight .coursecertificate .coursecertificate-content .text .title {
    color: var(--success-color);
}

.view-course .sidecourseinforight .coursecertificate .coursecertificate-content .download a {
    border-color: var(--success-color);
    background-color: var(--success-color);
}

.view-course .sidecourseinforight .coursecertificate .coursecertificate-content .download a:hover,
.view-course .sidecourseinforight .coursecertificate .coursecertificate-content .download a:focus,
.view-course .sidecourseinforight .coursecertificate .coursecertificate-content .download a:active {
    background-color: var(--snow-white-color);
    color: var(--success-color);
}

.view-course .sidecourseinforight .contents {
    background-color: var(--off-white-color);
}

.contents .content.state1,
.contents .content.state2,
.contents .content.state0  {
    color: var(--font-color);
}

.contents .content.blocked {
    color: var(--storm-grey-color);
}

.state0 .innercontent:before {
    color: var(--storm-grey-color);
}

.state1 .innercontent:before,
.state2 .innercontent:before {
    background-color: var(--success-color);
}

.innercontent:after {
    color: var(--snow-white-color);
}

.confirmation.state.confirmed {
    color: var(--success-color);
}

.confirmation.state.cancelled {
    color: var(--danger-color);
}

.content .left .image,
.list-img img,
.list-image img,
td.image img,
td.cellImage img {
    background-color: var(--snow-white-color);
    border-color: var(--gainsboro-color);
}

.content .state_block {
    border-left-color: var(--light-grey-color);
}

.content.blocked .processing_time.actions .start .btn {
    background-color: var(--storm-grey-color);
    border-color: var(--storm-grey-color);
    opacity: 1;
}

.view-courseform .course-edit .controls input {
    background-color: var(--transparent-color);
}

.view-courseform .course-edit .field-media-preview {
    background-color: var(--transparent-color);
}

.view-courseform .course-edit h4 {
    color: var(--font-color);
}

.calendar-container table tbody td.today::after {
    background-color: var(--customer-primary-color);
}

.calendar-container table tbody td.day.selected {
    background-color:  var(--customer-primary-color);
}

.calendar-container table tbody td.day:hover {
    background-color: var(--gainsboro-color);
    color: var(--font-color);
}

.ideacontent-edit .field-media-preview,
.course-edit .field-media-preview {
    background-color: var(--transparent-color);
}

.ideacontent-edit .controls input,
.course-edit .controls input {
    background-color: var(--transparent-color);
}

.moduletable.news-einleitung {
    color: var(--font-color);
}

.moduletable.news-einleitung h1,
.news-content h1 {
    color: var(--customer-primary-color);
}

.view-form.news-content h1{
    color: var(--font-color);
}

.view-archive .archive,
.view-archive .archive > form {
    background-color: var(--transparent-color);

}

.view-archive .archive .idealivefilters .chzn-container {
    background-color: var(--snow-white-color);
}

.view-videos .btn .caret,
.view-groups .btn .caret,
.view-users .btn .caret {
    border-top-color: var(--snow-white-color);
}

.view-videos .btn:hover .caret,
.view-videos .btn:active .caret,
.view-videos .btn:focus .caret,
.view-groups .btn:hover .caret,
.view-groups .btn:active .caret,
.view-groups .btn:focus .caret,
.view-users .btn:hover .caret,
.view-users .btn:active .caret,
.view-users .btn:focus .caret
{
    border-top-color: var(--customer-primary-color);
    border-bottom-color: var(--customer-primary-color);
}

.view-csvimport .left-border h3:before {
    background-color: var(--font-color);
}

.view-video input {
    background-color: var(--transparent-color);
}

.view-video .field-media-preview {
    background-color: var(--transparent-color);
}

.view-userresults .chart-container {
    background-color: var(--off-white-color);
}

.com_lulusers .form-horizontal #details input {
    background-color: var(--transparent-color);
}

.com_lulusers .form-horizontal #details #jform_email {
    border-bottom-color: var(--light-grey-color);
}

.view-profile legend {
    color: var(--font-color);
}

.view-profile .profile fieldset,
.view-profile  .profile-edit fieldset {
    color: var(--font-color);
}

.view-profile .profile-edit .controls input:focus,
.view-profile .profile-edit .controls input:active {
    border-color: var(--customer-primary-color);
}

.view-profile .profile-edit  label.btn {
    background-color: var(--font-color);
    border-color: var(--font-color);
    color: var(--font-inverse-color);
}

.view-profile .profile-edit label.btn.active {
    background-color: var(--customer-primary-color);
    border-color: var(--customer-primary-color);
}

.view-certificateform .field-media-preview {
    background-color: var(--transparent-color);
}

.view-certificateform .bg_image input {
    background-color: var(--transparent-color);
}
.ui-lightbox-fg .ui-lightbox-container .ui-lightbox-element {
    border-color: var(--customer-primary-color);
    color: var(--customer-primary-color);
}

.ui-lightbox-fg .ui-lightbox-container .ui-lightbox-action-icon:before {
    color: var(--customer-primary-color);
}

/*_____*/

.scormsearch-view .favorite-row .icon-chevron-right:before {
    color: var(--storm-grey-color);
}

.scormsearch-view .favorite-row .search-context {
    color: var(--font-color);
}

.view-scormsearch .js-stools-container-bar .searchinput input {
    background-color: var(--transparent-color);
}

.view-scormsearch .scormsearch-left .btn.btn-primary.startlink,
.view-scormsearch .scormsearch-left .btn.btn-primary.startlink:link,
.view-scormsearch .scormsearch-left .btn.btn-primary.startlink:hover,
.view-scormsearch .scormsearch-left .btn.btn-primary.startlink:active,
.view-scormsearch .scormsearch-left .btn.btn-primary.startlink:focus,
.view-scormsearch .scormsearch-left .btn.btn-primary.startlink:visited {
    background-color: var(--transparent-color);
}

.view-scormsearch .scormsearch-right {
    color: var(--font-color);
}

.view-scormsearch .js-stools-container-bar .searchinput::before {
    color: var(--light-grey-color);
    background-color: var(--transparent-color);
}

.view-scormsearch .js-stools-container-bar input#filter_search::placeholder {
    color: var(--font-color);
}


.view-videos .js-stools-container-bar .searchinput::before {

    color: var(--light-grey-color);
    background-color: var(--transparent-color);
}


.view-videos .js-stools-container-bar .searchinput input {
    background-color: var(--transparent-color);
}


.view-videos .js-stools-container-bar input#filter_search::placeholder {
    color: var(--font-color);
}


.certifyuser-view h1 span,
.reportselect-view h1 span {
    color: var(--customer-primary-color);
}

.reportselect-view ul li > a,
.reportselect-view ul li > a:visited {
    color: var(--font-color);
}

.reportselect-view ul > li > a:hover,
.reportselect-view ul > li > a:focus,
.reportselect-view ul > li > a:active {
    color: var(--customer-primary-color);
    background-color: var(--transparent-color);
}

.view-course .sidecourseinforight .type12 .dates .dates_date.timestate0:before {
    color: var(--nobel-grey-color);
}

.view-course .sidecourseinforight .type12 .dates .dates_date.timestate1:before {
    color: var(--success-color);
}


.view-course .sidecourseinforight .type12 .dates .dates_date.timestate2:before {
    color: var(--customer-primary-color);
}

/*-----------Credit Points-----------------------*/
.punktesystem .points-container .points-row .point1 {
    background-color: var(--customer-primary-color);
    color: var(--font-inverse-color);
}

.view-points .points,
.view-featured .points {
    color: var(--font-color);
    background-color: var(--snow-white-color);
}

.mod_points_ranking .ranking .rank .points:after,
.view-featured .points:after {
    color: var(--customer-primary-light-color);
}

.mod_points_ranking .ranking .rank.logged_in_user_rank .points:after,
.view-points .punktesystem .points:after,
.view-featured .points:after {
    color: var(--customer-primary-color);
}

.mod_points_ranking .ranking .rank .rank_trophy_1 {
    background-color: var(--rank-one-color);
}

.mod_points_ranking .ranking .rank .rank_trophy_2 {
    background-color: var(--rank-two-color);
}

.mod_points_ranking .ranking .rank .rank_trophy_3 {
    background-color: var(--rank-three-color);
}

.mod_points_ranking .ranking .rank .rank_trophy:before {
    color: var(--font-color);
}

.mod_points_ranking .ranking .rank .rank_info {
    background-color: var(--gainsboro-color);
}

.mod_points_ranking .ranking .rank.logged_in_user_rank .rank_info {
    background-color: var(--customer-primary-color);
    color: var(--customer-secondary-color);
}

.layout-courseadmin .table td.dndlist-dragged-row {
    background-color: var(--customer-primary-color) !important;
    border-color: var(--customer-primary-color) !important;
}

.layout-courseadmin .table td.dndlist-dragged-row a.btn {
    border-color: var(--customer-primary-color);
    background-color: var(--font-inverse-color);
    color: var(--customer-primary-color);
}

.layout-courseadmin .table td.dndlist-dragged-row.list-language,
.layout-courseadmin .table td.dndlist-dragged-row.list-name a {
    color: var(--customer-secondary-color);
}

.layout-courseadmin .table tr.dnd-list-highlight.dndlist-place-holder {
    background-color: var(--customer-primary-color);

}

.ranking .rank.no-result {
    color: var(--light-grey-color);
}

/*-----------------Bildungshistorie-----------------------*/
body.view-user2courses.layout-learningdb {
    background-color: var(--snow-white-color);
}

.learningdb-list .title-container{
    border-color: var(--gainsboro-color);
    border-left-color: var(--customer-primary-color);
}

.learningdb-list .user-block {
    border-left-color: var(--customer-primary-color);
    border-right-color: var(--gainsboro-color);
}

.learningdb-list .user-block > div:nth-child(2n+1) {
    background-color:var(--off-white-color);
}

.learningdb-list .user-block > div {
    border-top-color: var(--gainsboro-color);
}

.learningdb-list .user-block > div:last-child {
    border-bottom-color:var(--gainsboro-color);
}

/*----------------Neuer Suchfilter--------------------------*/

.idealivefilters .custom-filter .control-group .control-label label {
    color: var(--font-color);
}

.js-calendar .calendar-container .btn-group button.btn,
.idealivefilters .custom-filter.filter-calendar .control-group .calendar-container .buttons-wrapper button,
.idealivefilters .custom-filter.filter-calendar .control-group .controls .input-append button,
.idealivefilters .search-filter .search-button,
.idealivefilters .search-filter .reset-button {
    background-color: var(--font-inverse-color);
    color: var(--customer-primary-color);
}

.js-calendar .calendar-container .btn-group button.btn:hover,
.idealivefilters .custom-filter.filter-calendar .control-group .calendar-container .buttons-wrapper button:hover,
.idealivefilters .custom-filter.filter-calendar .control-group .controls .input-append button:hover,
.idealivefilters .search-filter .search-button:hover,
.idealivefilters .search-filter .reset-button:hover {
    background-color: var(--customer-primary-color);
    color: var(--font-inverse-color);
}

.idealivefilters .chzn-container .chzn-choices li.search-field input::placeholder,
.idealivefilters .chzn-container .chzn-results li input::placeholder ,
.idealivefilters .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
    color: var(--transparent-color);
}

body.view-courses.layout-courseadmin .idealivefilters .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
    color: var(--transparent-color);
}

.idealivefilters .custom-filter.filter-calendar .control-group .controls .input-append input,
.idealivefilters .search-filter input#filter_search {
    border-bottom-color: var(--customer-primary-light-color);
    color: var(--grey-color);
    background-color: var(--transparent-color);
}

.idealivefilters .custom-filter .control-group .chzn-container-single a span,
.idealivefilters .custom-filter .control-group .chzn-container-single-nosearch a span,
.idealivefilters .custom-filter .control-group .chzn-container-multi .chzn-choices li.search-choice {
    color: var(--grey-color);
    background-color: var(--bg-color);
    border-color: var(--transparent-color);
}

.idealivefilters .custom-filter .control-group .chzn-results li {
    border-bottom-color: var(--solitude-color);
    background-color: var(--transparent-color);
}

.idealivefilters .custom-filter .control-group .chzn-results li:last-child {
    border-bottom-color: var(--transparent-color);
}

.idealivefilters .custom-filter .control-group .chzn-container .chzn-results li:hover,
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover,
.idealivefilters .chzn-container-single .chzn-single abbr:hover {
    color: var(--customer-primary-color);
}

.idealivefilters .custom-filter .control-group .chzn-drop:before {
    border-color: var(--transparent-color) var(--transparent-color) var(--snow-white-color);
}

/*----------------Toast----------------------------*/
.notification .notification_body {
    color: var(--font-color);
}

.notification .notification-header .close {
    border-color: var(--light-grey-color);
    color: var(--light-grey-color);
}

.notification.alert-success .notification-header-text,
.notification.alert-success .notification-header-text:before {
    color: var(--success-color);
}

.notification.alert-info .notification-header-text,
.notification.alert-info .notification-header-text:before {
    color: var(--customer-primary-color);
}

.notification.alert-error .notification-header-text,
.notification.alert-error .notification-header-text:before,
.notification.alert-danger .notification-header-text,
.notification.alert-danger .notification-header-text:before {
    color: var(--danger-color);
}

.notification.alert-success .notification-header .close:hover {
    background-color: var(--success-color);
    color: var(--font-inverse-color);
    border-color: var(--success-color);
}

.notification.alert-success {
    border-color: var(--success-color) !important;
}

.notification.alert-danger,
.notification.alert-error {
    border-color: var(--danger-color) !important;
}

.notification.alert-info {
    border-color: var(--customer-primary-color) !important;
}

.notification.alert-warning {
    border-color: var(--warning-color) !important;
}

.notification.alert-warning .notification-header-text,
.notification.alert-warning .notification-header-text:before {
    color: var(--warning-color);
}

.notification.alert-danger .notification-header .close:hover,
.notification.alert-error .notification-header .close:hover {
    background-color: var(--danger-color);
    color: var(--customer-secondary-color);
    border-color: var(--danger-color);
}

.notification.alert-info .notification-header .close:hover {
    background-color: var(--customer-primary-color);
    color: var(--customer-secondary-color);
    border-color: var(--customer-primary-color);
}

.notification.alert-warning .notification-header .close:hover {
    background-color: var(--warning-color);
    color: var(--customer-secondary-color);
    border-color: var(--warning-color);
}


.idealivefilters .custom-filter .control-group .chzn-container .chzn-results li.result-selected:hover {
    color: var(--light-grey-color);
}

@media only screen and (max-width: 1320px) {

    .idealivefilters select option {
        background-color: var(--snow-white-color);
        border-bottom-color: var(--solitude-color);
    }


    .idealivefilters select option:selected {
        background-color: var(--solitude-color);
    }

}


@media only screen and (max-width: 979px) {

    .navigation .nav-collapse {
        background-color: var(--off-white-color);
    }

    .nav-collapse .nav > li.active {
        background-color: var(--snow-white-color);
    }

    .nav-collapse .nav > li.active > a,
    .nav-collapse .nav > li.active > a:hover  {
        color: var(--customer-primary-color);
    }

    .nav-collapse .nav > li.parent > span.nav-header:hover,
    .navigation .nav .divider span {
        color: var(--font-color);
    }

    .nav-collapse .nav > li > a,
    .nav-collapse .nav > li > span,
    .nav-collapse .nav > li > .nav-header {
        color: var(--font-color);
    }

    .nav-collapse .nav > li.parent > span.nav-header:hover,
    .navigation .nav {
        background-color: var(--transparent-color);
    }

    .navbar .btn-navbar,
    .navbar .btn-navbar:hover,
    .navbar .btn-navbar:active,
    .navbar .btn-navbar:visited,
    .navbar .btn-navbar:focus {
        background-color: var(--transparent-color);
    }

    .navigation .nav li .nav-child {
        background-color: var(--transparent-color);
    }

    .navigation .nav li.active .nav-child {
        background-color: var(--snow-white-color);
    }

    .navigation .nav li .nav-child li a {
        color: var(--font-color);
    }

    .navigation .nav-child li > a:focus,
    .navigation .nav-child li > a:hover,
    .navigation .nav-child:hover > a,
    .nav-collapse .dropdown-menu a:focus,
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .nav > li > a:focus,
    .nav-collapse .nav > li > a:hover {
        background-color: var(--snow-white-color);
        color: var(--customer-primary-color);
    }

    .navigation .active .nav-child li > a:hover {
        background-color: var(--off-white-color);
        color: var(--font-color);
    }

    #lul-search,
    #lul-search.active  {
        background-color: var(--transparent-color);
    }

    .lul-search.active #lul-search-submit-btn {
        color: var(--font-inverse-color);
    }

    .lul-search #lul-search-form #lul-search-input {
        border-bottom-color:  var(--light-grey-color);
    }

}


@media only screen and (max-width: 529px) {
    body.view-featured.site .modules-splitted {
        background-color: var(--snow-white-color);
    }
}

@media only screen and (max-width: 420px) {
    body, body.site {
        background-color: var(--off-white-color);
    }

    body.modal {
        background-color: var(--transparent-color);
    }

    main#content {
        background-color: var(--bg-color);
    }

    .view-scormsearch main#content {
        background-color: var(--transparent-color);
    }

    .view-archive  main#content {
        background-color: var(--transparent-color);
    }

    .view-courses main#content,
    .view-user2courses main#content,
    .view-featured main#content,
    .view-article main#content {
        background-color: var(--transparent-color);
    }

    .view-course .sidecourseinforight .contents {
        background-color: var(--transparent-color);
    }

    .contents .content.blocked .right .processing_time.actions .start:before {
        background-color: var(--light-grey-color);
    }

    .view-course .sidecourseinforight .description .descriptiontitle:before,
    .view-course .sidecourseinforight .description .descriptiontitle:after {
        background: var(--light-grey-color);
    }

    .view-courseform #course_cids_view .course_content {
        border-bottom-color: var(--off-white-color);
    }

}



@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width : 300px) and (max-device-width : 979px),
screen and (min-width: 300px) and (max-width: 979px) {

    .navigation .nav-collapse {
        background-color: var(--off-white-color);
    }

    .nav-collapse .nav > li.active {
        background-color: var(--snow-white-color);
    }

    .nav-collapse .nav > li.active > a,
    .nav-collapse .nav > li.active > a:hover  {
        color: var(--customer-primary-color);
    }

    .navigation .nav .divider span {
        color: var(--font-color);
    }

    .nav-collapse .nav > li > a,
    .nav-collapse .nav > li > span,
    .nav-collapse .nav > li > .nav-header,
    .navigation .nav a,
    .navigation .nav a:link {
        color: var(--font-color);
    }

    .navigation .nav {
        background-color: var(--transparent-color);
    }

    .navbar .btn-navbar,
    .navbar .btn-navbar:hover,
    .navbar .btn-navbar:active,
    .navbar .btn-navbar:visited,
    .navbar .btn-navbar:focus {
        background-color: var(--transparent-color);
    }

    .navbar .btn-navbar:before {
        color: var(--customer-primary-color);
    }

    .navigation .nav li .nav-child {
        background-color: var(--transparent-color);
    }

    .navigation .nav li.active .nav-child {
        background-color: var(--snow-white-color);
    }

    .navigation .nav li .nav-child li a {
        color: var(--font-color);
    }

    .navigation .nav-child li > a:focus,
    .navigation .nav-child li > a:hover,
    .navigation .nav-child:hover > a,
    .nav-collapse .dropdown-menu a:focus,
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .nav > li > a:focus,
    .nav-collapse .nav > li > a:hover {
        background-color: var(--snow-white-color);
        color: var(--customer-primary-color);
    }

    .navigation .nav li .logout:hover {
        color: var(--customer-primary-color);
    }

    #lul-search,
    #lul-search.active  {
        background-color: var(--transparent-color);
    }

    .lul-search.active #lul-search-submit-btn {
        color: var(--font-inverse-color);
    }

    .lul-search #lul-search-form #lul-search-input {
        border-bottom-color: var(--light-grey-color);
    }

    .mod-languages .btn-group,
    .nav-collapse.in .btn-group {
        background-color: var(--snow-white-color);
    }
}


/*----------------kostenpfl. kurse----------------------------*/

.com_pay .blog .items-leading .span6 {
    background-color: var(--snow-white-color);
    border-color: var(--off-white-color);
}


.com_pay .blog .items-leading .span6 #pay_form {
    background-color: var(--snow-white-color);
    border-top-color: var(--off-white-color);
}

.com_pay .blog .items-leading .span6 input.btn.pay {
    color: var(--customer-secondary-color);
}

.com_pay .blog .items-leading .span6 input.btn.pay:hover {
    border-color: var(--customer-primary-color);
    color: var(--customer-primary-color);
}

.com_pay .baseinfo3 span.metalinetitle,
.com_pay .baseinfo3 .metalinevalue {
    background-color: var(--snow-white-color);
}

.seminar.seminar-info .close-button-container .btn.close-btn {
    background-color: transparent;
    border-color: transparent;
    color: var(--customer-primary-color);
}