#headlessui-portal-root > div > div > div > div.tw-fixed.tw-inset-0.tw-z-40.tw-flex.rtl\:tw-justify-end > div > div.tw-m-0 > div#skills,
#headlessui-portal-root > div > div > div > div.tw-fixed.tw-inset-0.tw-z-40.tw-flex.rtl\:tw-justify-end > div > div.tw-m-0 > div#tags,
#main-content > div > div.tw-flex.tw-flex-col.tw-gap-8.tw-pb-16 {
  display: none !important;
}

.ef-question-indicator .ef-question-indicator-current
{
  background-color:#e31937 !important;
  border-color:#e31937 !important;
  color:#ffffff;
}
/* mycourses/mycourses welcome text underneath h2 */
.tw-flex.tw-w-full.tw-items-center.tw-px-8.lg\:tw-w-2\/5 
.tw-text-s.tw-mt-2\.5.tw-text-gray-600 {
    display: none;
}

/*course image whitespace fix (might break in other places) */
.col-sm-3 {
  width:auto !important;
}

/* Trainer view bookings toggle color */
.checkbox.checkbox-switch.switch-primary label > input:checked + i {
    background-color:var(--c-brand-primary) !important;
    border-color:var(--c-brand-primary) !important;
    box-shadow:var(--c-brand-primary) 0px 0px 0px 8px inset !important;
    transition:border .4s ease 0s,box-shadow .4s ease 0s,background-color 1.2s ease 0s;
}
.checkbox.checkbox-switch label>input:disabled+i {
    background-color:#e8ebee !important;
    border-color:#fff !important;
}

/* labels */
.label-danger,
.label-warning {
  color: #fff !important;
}
.label-ef-test, 
.label-success {
    background-color: rgb(155, 155, 155) !important;
}

/* course name font smaller */
#headerTitle,
.courseTitle.ef-popover-toggle.clamp-2 a.course-link {
  font-size: 14px !important;
  font-weight: 400 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.courseTitle.ef-popover-toggle.clamp-2 a.course-link {
  line-height: 1.5rem !important;
}

/* new button for course catalog and my courses switch */ 
.custom-courses-control {
  padding: 0px !important;
}
.custom-courses-control ul a,
.mycourse,
.catalogbtn {
  border: none;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.custom-courses-control ul a.active,
.mycourse.active,
.catalogbtn.active {
  background-color: rgb(80, 80, 80);
  color: #fff !important;
}
.custom-courses-control ul a:not(.active),
.mycourse:not(.active),
.catalogbtn:not(.active) {
  background-color: #E31937;
  color: #fff !important;
}
.custom-courses-control ul li:before {
  display: none !important;
}


/* course dashboard grid */
.ef-dashboard-header .stats_style {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr) !important;
    margin-top: 10px;
    width: 273px !important; /* that's the image size above */ 
}

/* Breadcrumb text color after update */
.breadcrumb-x li a {
    color: #fff !important;
}

/* Account switch button box */
.ef-switch-account-dashboard-wrapper {
  margin-bottom: 16px !important;
}

/* dashboard */
.widgetHeadingMain {
 font-size: 20px; 
}

/* Toolbar */
#ef-timeout-timer-container-new,
.new-ui .twui-menu .twui-switch-ui,
button.twui-switch-ui {
    display: none;
}

/* audience dropdown fix */
div.selectize-control.form-control.ef-select.single.plugin-selectize-plugin-a11y {
  width: 200px !important;
}

/* slider color */
.checkbox.checbox-switch label > input:checked + span {
  background-color: rgba(227, 25, 55, 1) !important;
  border-color: rgba(227, 25, 55, 1) !important;
  box-shadow: rgba(227, 25, 55, 1) 0px 0px 0px 0px !important;
}

/* course catalog */
/* red tags boxes and arrows in settings */
.gj-checkbox-material-icons input[type="checkbox"]:checked + span.checked {
    background-color: rgb(227, 25, 55) !important;
    border-color: rgb(227, 25, 55) !important;
}
[data-role="expander"] i.gj-icon.plus {
    border-width: 8px 0 8px 10px !important;
    border-color: transparent transparent transparent rgb(227, 25, 55) !important;
}
[data-role="expander"] i.gj-icon.minus {
    border-width: 10px 8px 0 8px !important;
    border-color: rgb(227, 25, 55) transparent transparent transparent !important;
}

/* LMSHELP-13608 */

div.ef-main-action-button input[type="button"]
{
  white-space:initial;
}

/* LMSHELP-4242 */

.link.ef-cancel-session-custom.ef-session-link,
#change_session_button
{
  background-color: #E31937;
  font-size: 15px !important;
  color: #ffffff !important;
  padding: 5px 10px;
  display: inline-block;
  margin-top:5px;
}

/* LMSHELP-1177 */

#ef-description-full *,
#ef-description-short *
{
  font-family:Arial, sans-serif !important;
  font-size:14px !important;
  color:#000000 !important;
}

/* Anpassung nach Update */

.breadcrumb li:before,
.ef-breadcrumb li:before {
  display:none !important;
}

.breadcrumb-x .breadcrumb > li + li::before,
.ef-breadcrumb > li + li::before
{
	margin:0px;
}

/* Anpassung nach Update */

#ef-navbar .container ul.nav.navbar-nav > li .dropdown-toggle .img-thumbnail
{
  background-color:#E31937 !important;
}

#ef-navbar .container ul.nav.navbar-nav > li > a, #ef-navbar .container ul.nav.navbar-nav > li > button,
#ef-navbar .container ul.nav.navbar-nav > li > a:hover, #ef-navbar .container ul.nav.navbar-nav > li > button:hover
{
  color:#000000;
}

#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle
{
  background:none !important;
}

.ef-navbar-logo img{
 margin-top:0px!important;
}

#ef-logo{
  display:flex;
  align-items:center;
}

.ef-card-entries .ef-card .ef-card-wrap div.thumbnail
{
  height:48%;
}

#ef-search {
  display: none !important;
}

ul#ef-navigation > li > a > i.fa.fa-search {
 display: none !important;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption
{
  height:52%;
}

#ef-navbar {
	height: 70px !important;
}

#ef-navbar .container .navbar-header .ef-navbar-logo {
    height: 70px;
    margin: 2px 0px !important;
}

#ef-navbar .container .navbar-header .ef-navbar-logo img {
	max-width: none !important;
}

#ef-navbar > .container >.navbar-header {
	width: 250px;
}

#ef-navbar form.navbar-form span.search-handle, #ef-navbar form.navbar-form .selectize-input {
 background-color: #d3d3d3; 
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li > a, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li:hover > a, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a:hover, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:active, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:visited{
 color: black!important; 
}
.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name{
 background-color: transparent !important; 
}


#ef-navbar form.navbar-form input[type="text"]::placeholder{
 color: black; 
}

#ef-navbar .container ul.nav.navbar-nav > li a.dropdown-toggle .img-thumbnail,
div.img-placeholder.static div.img-overlay div.img-thumbnail
{
  background-color:#d4072c !important;
  box-shadow:none;
}

.breadcrumb li,
.ef-breadcrumb li {
 margin-left: 0px!important; 
 margin-right: -20px!important;
}

#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle {
 background-color: #d3d3d3!important; 
}

.dropdown-menu {
 	background-color: #FFFFFF!important; 
  color: #000000!important;
}

.content .msg > header {
 color: black!important; 
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover, #ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg:hover{
 background-color: lightgrey; 
}

#ef-navbar .container ul.nav.navbar nav ul.dropdown-menu > li a.dropdown-item, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li .dropdown-text:hover {
 color: #bebebe!important; 
}

#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle{
 background-color:  #676767;
  
 color: #ffffff!important;
}

div.breadcrumb-x ol.breadcrumb li a,
div.breadcrumb-x ol.ef-breadcrumb li a {
 /* width: 100%; Anpassung nach Update */
  padding: 3px 20px!important;
}

#account-link > li{
  margin: 0!important;
}

@font-face
{
  font-family:"MetaWebProNormal";
  src:url("/assets/efront/fonts/MetaWebPro-Normal.woff") format("woff");
}

@font-face
{
  font-family:"MetaWebProBold";
  src:url("/assets/efront/fonts/MetaWebPro-Bold.woff") format("woff");
}

.ef-anchor-like, a.link, a.link:visited, a.link:hover, a.link:link {
  color: rgba(58, 120, 161, 0.7) !important;
}

path[fill="#009688"]
{
 fill:rgba(58, 120, 161, 1);
}

path[fill="#67b7dc"]
{
  fill:rgba(103, 111, 120, 0.7);
}

path[stroke="#009688"]
{
  stroke:rgba(58, 120, 161, 1);
}

circle[fill="#009688"]{
 fill:rgba(58, 120, 161, 1);
}

path[stroke="#67b7dc"]
{
  stroke:rgba(103, 111, 120, 0.7);
}


circle[fill="#67b7dc"]{
   fill:rgba(103, 111, 120, 0.7);
}

circle[stroke="#67b7dc"]{
   stroke:rgba(103, 111, 120, 0.7);
}

div.ef-block table.iconTable td.iconData:hover {
    cursor: pointer;
    background-color: #d3d3d3 !important;
    border-radius: 3px;
}

*
{
  border-radius:0px !important;
}

#ef-logo {
 margin-top: --42px!important; 
}

html.popup body
{
  background:#f6f6f6;
}

body
{
  /* background:url('/assets/images/background.jpg');
  background-size:100%;
  background-attachment:fixed; */
  background:#f6f6f6;
  font-family:Arial, sans-serif;
}

a,
a:hover
{
  text-decoration:none;
}

.navbar-inverse
{
  background-color:#ffffff;
  border:none;
}

.navbar-brand
{
  margin:42px 0px !important;
}

.ef-navbar-logo img
{
  margin-top: -79px;
}

.ef-navbar-logo
{
  padding:0px;
}

.navbar-inverse .navbar-nav li a,
.navbar-inverse .navbar-nav li a:focus,
.navbar-inverse .navbar-nav li a:hover
{
  color:#333333;
}

.navbar-inverse .navbar-nav .open a.dropdown-toggle,
.navbar-inverse .navbar-nav .open a.dropdown-toggle:focus,
.navbar-inverse .navbar-nav .open a.dropdown-toggle:hover
{
  background-color:#ffffff;
  color:#333333;
}

.navbar-inverse .dropdown-menu li a:hover
{
  background-color:#f1f1f1;
  color:#333333 !important;
}


.navbar-inverse .navbar-toggle
{
  border-color:transparent !important;
  background-color:transparent !important;
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>a .fa
{
  color:#333333 !important;
  text-transform: uppercase;
  font-weight:400;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:hover .fa
{
  color:#333333;
}

.navbar-inverse .navbar-toggle:hover .icon-bar
{
    background-color:#e31937 !important;
}

.navbar-inverse .navbar-toggle:hover 
{
    border-color:transparent !important;
    background-color:transparent !important;
}

.navbar-right
{
  margin-top:42px;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li a.dropdown-item > span.label {
    color: #000;
}

.breadcrumb-x,
.breadcrumb
{
  background:#494949;
}

.breadcrumb-x
{
  box-shadow:none; /* 0px 3px 3px -3px #000000; */
}

.breadcrumb li,
.ef-breadcrumb li
{
  margin-right:10px;
  padding: 6px 0;
}

.breadcrumb li:before,
.ef-breadcrumb li:before
{
  display:none;
}

.breadcrumb a,
.ef-breadcrumb a
{
  color:#ffffff;
}

div.blockContents
{
  /* background:#ffffff; */
  border:none;
  box-shadow:none;
}

div.blockContents div.blockContents
{
  border:1px solid #e1e1e1;
}

div.block .title
{
  background:none;
  padding:10px;
  text-transform:none;
  font-family:MetaWebProNormal, Arial, sans-serif;
  font-weight:normal;
  font-size:18px;
  color:#666666;
}

.blockHeader
{
  width:60%;
}

div.block .content
{
  box-shadow:none;
}

div.block table.iconTable td.iconData:hover,
div.block table.iconTable td.disabledIconData:hover,
#ef-courses-list li.category span,
.ef-dashboard-option:hover,
.sortedTable tr.oddRowColor:hover,
.sortedTable tr.evenRowColor:hover
{
  background-color:#f1f1f1;
}

#ef-courses-list li.category span a
{
  color:#333333;
}

.progress-bar span
{
  background:none !important;
  border:none !important;
  color:#ffffff !important;
}

.ef-course-progress-bar {
  display: none;
}

.progress .progress-bar {
  background-color: #858585 !important;
}


/* span.ef-entry-name
{
  background-color:#ffffff !important;
} */

.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry {
    background-color:#ffffff !important;
}

.btn-primary
{
  background:#e31937;
  border:1px solid #e31937;
}

.btn-primary:hover
{
  background:#b6142c;
  border:1px solid #b6142c;
}

.navbar-inverse .navbar-toggle .icon-bar
{
  background-color:#000000;
}

.navbar-inverse .navbar-toggle:hover .icon-bar
{
  background-color:#ffffff;
}

/* Alphatar */

#ef-alphatar-wrapper .img-thumbnail
{
  background-color:#e31937 !important;
  width: 70px;
  height: 70px;
  font-size: 34px;
  line-height: 62px;
}

/* Header */

h3.media-heading
{
  font-size: 20px;
}

.pace .pace-activity
{
  border: 3px solid transparent;
  border-radius: 10px !important;
  border-top-color: #710c1b;
  border-left-color: #710c1b;
}

.panel-primary > .panel-heading
{
  background-color:#e31937;
  border-color:#e31937;
}

.ef-navbar-branch-name {
 display: none; 
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header {
 max-height: 100px !important; 
}

div.alert.alert-info {
    background-color: #d3d3d3;
    color: #000000;
}

.btn.btn-success{
	white-space: initial;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}
html,body{background-color:#F6F6F6;}
div.breadcrumb-x{background-color:#494949;border-color:#494949;}
div.ef-block, div.dashboard-panel div.panel-body{background-color:#FFFFFF;}
*.btn.btn-primary, *.btn.btn-primary:not(.active), *.btn.btn-primary:hover, *.btn.btn-primary:hover:not(.active), *.btn.btn-primary:focus, *.btn.btn-primary:focus:not(.active){background-color:#E31937;border-color:#E31937;}
html.new-ui-html:root{--c-brand-primary:#e31937;--c-brand-primary-darken-5:#de1432;--c-brand-primary-darken-7:#dc1230;--c-brand-primary-darken-10:#d90f2d;--c-brand-primary-darken-15:#d40a28;--c-brand-primary-darken-17:#d20826;--c-brand-primary-darken-20:#cf0523;--c-brand-primary-darken-25:#ca001e;--c-brand-primary-lighten-7:#ea203e;--c-brand-primary-lighten-40:#ff415f;}