:root {
    --color-font-primary: #3C3C3C;
    --color-primary: #E2001A;
    --color-ui-background: #c8cdcd;
    --rational-color-blue: #003c75;
    --rational-color-grey-dark: #7d8287;
    --rational-color-grey-mid: #c8cdcd;
    --rational-color-grey-light: #ebf0f2;
    --rational-color-anthrazit: #3c3c3c;
    --rational-color-green: #00853e;
    --rational-color-cyan: #00aae6;
    --rational-color-yellow: #ffd200;
    --rational-color-yellow-dark: #e8a900;
    --rational-color-green-dark: #00853e;
    --rational-color-blue-dark: #003c75;
    --color-blue-light: #bee6fa;
    --color-red-dark: #aa0b25;
    --color-blue: #0082be;
    --rational-color-grey-dark: #777;

    /* Anchors */
    --anchor-color: var(--color-primary);
}

html.new-ui-html:root {
    --c-brand-primary: var(--color-primary);

    --c-brand-primary-darken-5: #d9d9d9;
    --c-brand-primary-darken-7: #d7d7d7;
    --c-brand-primary-darken-10: #d4d4d4;
    --c-brand-primary-darken-15: #cfcfcf;
    --c-brand-primary-darken-17: #cdcdcd;
    --c-brand-primary-darken-20: #cacaca;
    --c-brand-primary-darken-25: #c5c5c5;
    --c-brand-primary-lighten-7: #e5e5e5;
    --c-brand-primary-lighten-40: #ffffff;
}

.ef-login-with.ef-saml-login{
 display: none !important; 
}

.ef-course-contents #ef-select-sessions{
 display: none; 
}

.ef-course-extended-fields .extended-field
{
  background-color:#ebf0f2;
}

.ef-discussion-topic:hover
{
  background:#ebf0f2;
}

#sessionDetails #session-data a.link{
    display: none; 
}

@font-face{
    font-family: "RATIONALSans";
    src: url('/assets/fonts/RATIONALSansWeb-Regular.eot') format("eot"),
        url('/assets/fonts/RATIONALSansWeb-Regular.woff') format("woff");
}

@font-face{
    font-family: "RATIONALSans-Bold";
    src: url('/assets/fonts/RATIONALSansWeb-Bold.eot') format("eot"),
        url('/assets/fonts/RATIONALSansWeb-Bold.woff') format("woff");
}

@font-face{
    font-family: "RATIONALSans-Light";
    src: url('/assets/fonts/RATIONALSansWeb-Light.woff') format("woff");
}


#export-calendar > button{
    padding: 0px !important; 
}

#main-content .app-info-content-creator ul{  	
	list-style-type: disc;
  	margin-left: 1.5em;
    padding-inline-start: 40px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
  background-color: #ebf0f2 !important;
}


html,
body {
	color: #333;
    font-family: "RATIONALSans", sans-serif;
}

body {
    font-family: "RATIONALSans", sans-serif;
    font-size: 14px;
    background-color: #fff !important;
}
.ef-my-courses-controls .menu-toggle:focus {
  outline-color: white;
  outline-style: none;
}

.ef-content-area,
.ef-content-edit-area .note-editable,
.note-editor,
.ef-content-area p,
.ef-content-edit-area .note-editable p,
.note-editor p,
.ef-content-area li,
.ef-content-edit-area .note-editable li,
.note-editor li,
.ef-content-area h1,
.ef-content-edit-area .note-editable h1,
.note-editor h1,
.ef-content-area h2,
.ef-content-edit-area .note-editable h2,
.note-editor h2 .ef-content-area h3,
.ef-content-edit-area .note-editable h3,
.note-editor h3,
.ef-content-area h4,
.ef-content-edit-area .note-editable h4,
.note-editor h4,
.ef-content-area blockquote,
.ef-content-edit-area .note-editable blockquote,
.note-editor blockquote,
.ef-content-area > div:not([class*="video-js"]) span,
.note-editor span:not([class^="note"]),
.ef-content-edit-area .note-editable span {
    font-family: "RATIONALSans", sans-serif !important;
}


a:not(.fa):not([class*="tw-text"]):not(.label), 
a:not(.fa):not([class*="tw-text"]):not(.label):link, 
a:not(.fa):not([class*="tw-text"]):not(.label):visited,
a:not([class*="tw-text"]):not(.label):hover,
a:not([class*="tw-text"]):not(.label):active,
.btn-link,
.btn-link:hover,
.btn-link:focus {
    color: var(--anchor-color);
}

a.link, 
a.link:visited, 
a.link:hover, 
a.link:link,
.ef-anchor-like, 
.ef-anchor-like:hover,
a.ef-toggle-hidden-section,
.link.ef-session-link,
#ef-login-index div.ef-block-content form div.row #forgot-passwd,
#ef-login-index div.ef-block-footer span.sign-slogan a,
.sortedTable tr.oddRowColor .ef-anchor-like {
    color: var(--anchor-color) !important;
}

a.jstree-anchor {
    color: var(--color-font-primary) !important;
}

a.jstree-anchor:hover {
    background-color: var(--rational-color-grey-light) !important;
}

.btn {
    text-transform: none !important;
    font-size: 14px;
    white-space: normal;
}

.item-link.btn-success.ef-join-meeting,
.btn.btn-warning,
.btn.btn-danger,
*.btn.btn-primary, 
*.btn.btn-primary:not(.active), 
.btn.btn-primary,
.btn.btn-success,
.btn.btn-default {
    color: var(--color-font-primary) !important;
    border: 2px solid var(--color-font-primary) !important;
    font-weight: bold;
    background-color: #fff !important;
}

.item-link.btn-success.ef-join-meeting:hover,
.btn.btn-warning:hover,
.btn.btn-danger:hover,
*.btn.btn-primary:hover, 
*.btn.btn-primary:hover:not(.active), 
*.btn.btn-primary:focus, 
*.btn.btn-primary:focus:not(.active),
.btn.btn-success.active,
.btn.btn-success.focus,
.btn.btn-success:hover,
.btn-default.active,
.btn-default.focus,
.btn-default.active:hover,
.btn-default.focus:hover,
.btn-default.active:focus,
.btn-default.focus:focus,
.btn.btn-default:hover,
.btn.ef-session-selected,
.btn.ef-waitlist-select.btn-success,
.btn.ef-waitlist-selected {
    background-color: var(--color-font-primary) !important;
    border: 2px solid var(--color-font-primary) !important;
    color: #fff !important;
}

.session-info-card-item.item-button .item-link.btn-warning {
    background-color: var(--rational-color-green) !important;
    border: 2px solid var(--rational-color-green) !important;
    color: #fff !important;
}

hr {
    border-color: var(--rational-color-grey-light);
}

/* Block container */
div.ef-block {
    border-radius: 0;
    box-shadow: none;
}

/* Header - Logo */
#ef-navbar .container .navbar-header {
    order: 3;
    margin: 0 0 0 15px;
}

/* Header - Breadcrumb */
.breadcrumb-x ol.breadcrumb,
.breadcrumb-x .container .ef-breadcrumb {
	padding-left: 0 !important;
}

div.breadcrumb-x {
    box-shadow: none;
}

@media(min-width: 768px) {
    .breadcrumb-x .container .ef-breadcrumb {
        padding-left: 5px;
    }
}

/* Header - Search input */
#ef-navbar form.navbar-form #searchDiv,
#ef-navbar form.navbar-form #searchDiv:focus,
#ef-navbar form.navbar-form.ef-active #searchDiv {
    background-color: var(--rational-color-grey-light);
}

/* Header - Navbar alphatar  */
.img-thumbnail {
    background-color: var(--color-primary) !important;
    box-shadow: none !important;
}

.img-placeholder.alphatar .img-thumbnail:not(img):after {
    color: #fff;
}

.ef-discussion-message .avatar-special-img {
    background-color: var(--color-primary) !important;
}

/* Header - Dropdowns */
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle,
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu,
#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after {
    background-color: #fff;
}

#ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa {
    color: rgba(0,0,0,.1);
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li.divider,
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus {
    background-color: var(--rational-color-grey-light);
}

#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content {
    border-color: rgba(0,0,0,.1);
}

#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 ul.dropdown-menu > li a.dropdown-item, 
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li *.dropdown-text,
#ef-navbar .container ul.nav.navbar-nav > li.open > button, 
#ef-navbar .container ul.nav.navbar-nav > li.open > button:hover {
    color: #333;
}

#ef-navigation .fa-comments-o:before {
    content: "\f003";
}

.sortedTableFooter form > div.sortTablefilter .export_icon button.ef-circle-icon:hover,
li.with-action-buttons:hover,
ul.dropdown-menu li button:hover,
ul.dropdown-menu li.with-action-buttons:hover,
.ef-multilingual-selector li:hover, 
.ef-multilingual-selector li:focus {
    background-color: var(--rational-color-grey-light);
}

ul.dropdown-menu li a.ef-delete-translation:hover, 
ul.dropdown-menu li a.ef-delete-translation:focus {
    background-color: transparent;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu>li a.dropdown-item>span.label.pull-right {
    color: var(--color-font-primary);
}

/* Dropdown Site */
.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:visited,
.dropdown-menu > li > a:focus {
    color: var(--color-font-primary) !important;
}

/* Assignement */
.ef-submission-text,
blockquote {
    border-left-color: var(--rational-color-grey-light);
}

/* Completed Elements */
div.ef-completed-text,
body ul#ef-notifications li.success span.name {
    color: var(--rational-color-green-dark);
}

.icon-check, 
.icon-success {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgdGV4dC1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiB2aWV3Qm94PSIwIDAgMTAyNDAgMTAyNDAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTx0aXRsZT5jaGVjayBpY29uPC90aXRsZT4KCTxkZXNjPmNoZWNrIGljb24gZnJvbSB0aGUgSWNvbkV4cGVyaWVuY2UuY29tIE8tQ29sbGVjdGlvbi4gQ29weXJpZ2h0IGJ5IElOQ09SUyBHbWJIICh3d3cuaW5jb3JzLmNvbSkuPC9kZXNjPgoJPHBhdGggaWQ9ImN1cnZlMCIgZmlsbD0iIzAwODUzZSIgZD0iTTM4NDAgNTc2MGwzOTM0IC0zOTM0YzEyNSwtMTI1IDMyOCwtMTI1IDQ1MywwbDExNDcgMTE0N2MxMjUsMTI1IDEyNSwzMjggMCw0NTNsLTUzMDcgNTMwN2MtMTI1LDEyNSAtMzI4LDEyNSAtNDUzLDBsLTI3NDcgLTI3NDdjLTEyNSwtMTI1IC0xMjUsLTMyOCAwLC00NTNsMTE0NyAtMTE0N2MxMjUsLTEyNSAzMjgsLTEyNSA0NTMsMGwxMzc0IDEzNzR6Ii8+Cjwvc3ZnPg==') !important;
}

/* Dashboard */
.dashboard-app .panel {
    background-color: var(--rational-color-grey-light) !important;
}

#widgetGrid section.widget,
#widgetGrid section.widget table:not(.iconTable), 
#widgetGrid section.widget table th {
    background-color: var(--rational-color-grey-light);
}

#widgetGrid .statisticsWrapper .statisticItem {
    box-shadow: none;
}

#widgetGrid .widgetHeadingWrapper > .widgetHeading .widgetHeadingMain {
    font-size: 18px;
}

#widgetGrid .courseContainer {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.8);
}

#widgetGrid .courseContainer .courseTitle,
#widgetGrid .courseContainer .courseTitle a {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 120%;
    font-weight: normal;
}

#widgetGrid .courseContainer .courseTitle {
    padding-top: 15px;
}

#widgetGrid .courseContainer .courseTitle a:hover {
    text-decoration: none;
}

#widgetGrid .courseCategory .cLabel {
    color: #fff !important;
    background: transparent !important;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

#widgetGrid .courseContainer .courseCategory {
    top: 145px !important;
}

.jumbotron.jumbotron-fluid.dashboard-intro {
    padding: 0;
    background-color: transparent;
    margin: 0 10px;
}

.dashboard-intro.jumbotron h1 {
    font-size: 36px;
    color: var(--color-primary);
    font-family: "RATIONALSans", sans-serif;
    margin: 0;
}

.dashboard-intro.jumbotron p.lead {
    font-size: 48px;
    font-family: "RATIONALSans-Light", sans-serif;
    margin: 0;
}

#widgetGrid .courseCertIcon .icon-cert_icon {
    background-size: contain;
    background-position: center;
    filter: invert(1);
}

#widgetGrid .courseProgressBar > .courseProgress {
    background-color: var(--rational-color-green) !important;
}

#widgetGrid .courseProgressBar > .courseProgress > .course-progress-text {
    color: var(--color-font-primary) !important;
}

.ef-switch-account-dashboard-wrapper {
    display: flex;
    margin-bottom: 25px;
}

.new-ui #widgetGrid .slider-arrow.slider-prev, 
.new-ui #widgetGrid .slider-arrow.slider-next {
    z-index: 1;
}

#widgetGrid .widgetHeadingWrapper > .widgetHeading .headingIconWrapper > .icon_text {
    color: var(--color-primary) !important;
}

/* Modal */
div.modal div.modal-dialog div.modal-content div.modal-header {
    background-color: var(--rational-color-grey-light);
}

/* Course - Elements */
.ef-unit-tree .ef-unit-link.passed, 
.ef-unit-tree .ef-unit-link.passed *, 
.ef-unit-tree .ef-unit-link.passed:hover, 
.ef-unit-tree .ef-unit-link.passed:link, 
.ef-unit-tree .ef-unit-link.passed:active, 
.ef-unit-tree .ef-unit-link.passed:visited {
    color: var(--rational-color-green) !important;
}

.ef-courses-list-item.unit-entry .ef-entry-name {
    color: var(--color-font-primary);
}

.ef-unit-tree .ef-unit-icon,
.ef-unit-tree .ef-unit-link {
    color: var(--color-font-primary) !important;
}

.ef-unit-tree .active-content:before {
    background: var(--rational-color-green);
}

.ef-my-courses-controls button.ef-my-courses-toggle-view,
.ef-my-courses-controls .ef-show-search {
    font-size: 15px;
}

.ef-my-courses-controls .ef-my-courses-toggle-view.active {
    color: var(--color-primary) !important;
}

.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name {
    text-transform: none;
}

.ef-courses-list-item.unit-entry .ef-entry-head.row.active-content {
    width: 100%;
}

.ef-courses-list-item.unit-entry .ef-entry-head.row.active-content > .col-md-10.col-sm-9.col-xs-8.ef-entry-row {
    width: 100%;
}

.ef-courses-list-item.unit-entry .ef-entry-head.row.active-content > .col-xs-4.col-sm-4.col-md-8 {
    width: auto;
}

.ef-dashboard-header img.ef-default-avatar {
    /* max-width: none; */
  margin:auto;
}

.icon-cert_icon {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221.24em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%202048%201664%22%3E%3Cpath%20d%3D%22M212%20640l623%20665l-300-665H212zm812%20772l349-772H675zM538%20512l204-384H480L192%20512h346zm675%20793l623-665h-323zM683%20512h682l-204-384H887zm827%200h346l-288-384h-262zm141-486l384%20512q14%2018%2013%2041.5t-17%2040.5l-960%201024q-18%2020-47%2020t-47-20L17%20620Q1%20603%200%20579.5T13%20538L397%2026q18-26%2051-26h1152q33%200%2051%2026z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E') !important;
}

*.progress .progress-bar,
#overview *.progress .progress-bar {
    background-color: var(--rational-color-green);
}

.new-ui .ef-unit-tree small.ef-clamp-description {
    font-size: 14px;
}

.new-ui .ef-dashboard-header > .row > .col-sm-9 > .row > .col-sm-6 > h2 {
    margin-top: 30px;
}

.ef-unit-tree .ef-entry-head .ef-unit-status .text-warning {
    color: var(--color-primary);
}

.ef-gradebook-title-uppercase {
    text-transform: none;
}

.col-md-10.ef-constrain-images ul,
.col-md-10.ef-constrain-images li,
#ef-description ul,
#ef-description li {
    list-style-type: unset;
    list-style-position: inside;
    padding-left: 15px;
}

.col-md-10.ef-constrain-images ol,
#ef-description ol {
    list-style-type: auto;
    list-style-position: inside;
    padding-left: 15px;
}

.col-md-9.ef-center-section .ef-block-content .ef-header-tools-flex.ef-non-printable:nth-of-type(2) {
    display: none;
}


/* Course Grid, Catalog */
.ef-card-entries .ef-card .ef-card-wrap {
    max-height: 330px;
    border-radius: 0 !important;
}

.ef-card-entries .tooltip.fade.top.in {
    top: 0 !important;
}

.ef-card-entries .ef-card,
.ef-card-entries .ef-card.ef-catalog-entry,
.new-ui .twui-content .ef-card-entries .ef-card {
    height: 330px !important;
    width: auto !important;
}

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

.ef-card-entries .ef-card .ef-card-wrap {
    width: 220px !important;
    margin: 0px 9px;
}

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

.ef-card-entries .ef-card .ef-card-wrap div.caption {
    height: 56%;
    z-index: 1;
}

.ef-card-entries #headerTitle,
.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header,
.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
    color: #fff;
    font-size: 18px !important;
    line-height: 120%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption {
    background-color: rgba(0, 0, 0, 0.8) !important;
    position: absolute;
    top: 48%;
    color: #fff;
    transition: top 0.3s, background 0.3s;
    padding: 15px;

    /* display: flex;
    flex-direction: column; */
    position: relative;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain {
    padding-left: 0;
    padding-right: 0;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-entry-tags,
.ef-card-entries .ef-card .ef-card-wrap div.caption .plain.tags {
    /* display: flex;
    align-items: end;
    flex: 1;
    gap: 5px;
    margin-bottom: 5px; */
    position: absolute;
    bottom: 25px;
    margin: 0;
}

.ef-card-entries .ef-card .ef-card-wrap:hover div.caption {
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    height: 100%;
}

.ef-card-entries .ef-card .ef-card-wrap div.thumbnail div.default-action {
    background-color: transparent;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.ef-card-entries .ef-card .ef-card-wrap div.thumbnail {
    height: 100%;
    position: absolute;
}

.ef-card-entries .ef-card .ef-card-wrap div.thumbnail img {
    background-position: top;
    background-size: cover;
    max-height: 158px;
}

.ef-card-entries .ef-card .ef-card-wrap div.thumbnail div.default-action a span {
    position: absolute;
    top: 55%;
    left: 15px;
    right: 15px;
    line-height: 38px;
    border: 2px solid rgba(255, 255, 255, 0.75);
    padding: 0;
    text-transform: none;
}

.ef-card-entries div.ef-block div.ef-block-content div.ef-course-card div.caption div.ef-entry-status {
    text-align: center;
    width: 100%;
    bottom: 0;
    height: auto;
}

.ef-card-entries .ef-price img {
    background-color: #fff;
    padding: 1px;
    border-radius: 50%;
}

.new-ui .panel.panel-default.category-filter .panel-heading .fa.fa-angle-down,
.new-ui .panel.panel-default.category-filter .panel-heading .fa.fa-angle-up {
    line-height: normal;
}

/* Disable price icon*/
.ef-card-entries .ef-card .ef-card-wrap .plain.icons .course-cost,
.ef-card-entries .ef-card .ef-card-wrap div.caption span.ef-price,
.ef-card-entries .ef-card .ef-card-wrap .ef-price > img {
    display: none;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain:first-child {
    margin-top: 0;
}

.ef-card-entries .list-unstyled {
    width: 100%;
}
.ef-card-entries .ef-card {
    display: inline-block;
}

.ef-card-entries .ef-entry-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
}

.ef-card-entries .ef-my-courses-category .mycoursecomp {
    background-color: var(--rational-color-grey-light) !important;
    line-height: 20px;
    padding: 10px 10px 10px 0px;
    margin-bottom:5px;
    cursor: pointer;
}

.ef-card-entries ul li.ef-my-courses-category > ul > li:nth-child(1n+1) div.ef-entry-head:hover {
    background-color: transparent;
}

.ef-card-entries .ef-card-wrap .ef-my-courses-handle .icon-cert_icon {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221.24em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%202048%201664%22%3E%3Cpath%20d%3D%22M212%20640l623%20665l-300-665H212zm812%20772l349-772H675zM538%20512l204-384H480L192%20512h346zm675%20793l623-665h-323zM683%20512h682l-204-384H887zm827%200h346l-288-384h-262zm141-486l384%20512q14%2018%2013%2041.5t-17%2040.5l-960%201024q-18%2020-47%2020t-47-20L17%20620Q1%20603%200%20579.5T13%20538L397%2026q18-26%2051-26h1152q33%200%2051%2026z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') !important;
}

.ef-card-entries .ef-card-wrap .caption .ef-entry-status,
.ef-card-entries .ef-card-wrap .ef-my-courses-handle .icon-cert_icon {
    opacity: 0;
}

.ef-card-entries .ef-card-wrap:hover .caption .ef-entry-status,
.ef-card-entries .ef-card-wrap:hover .ef-my-courses-handle .icon-cert_icon {
    opacity: 1;
}

.ef-catalog:not(.ef-catalog-block) .ef-card-keep-ratio,
.ef-my-courses-grid .ef-card {
    width: 295px;
}

/* .ef-card-entries .ef-card {
    width: 280px !important;
} */

div.ef-my-courses.ef-my-courses-grid div.ef-block div.ef-block-content div.ef-course-card div.caption div.ef-entry-status div.ef-my-courses-progress-bar {
    margin: 6px auto;
}

div.ef-my-courses.ef-my-courses-grid div.ef-block div.ef-block-content div.ef-course-card div.caption div.ef-entry-status {
    text-align: center;
    margin: 0 8px;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-category {
    text-transform: none;
    font-size: 14px;
    max-height: 35px;
}

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

.ef-card.ef-course-card:not(.ef-catalog-entry) .ef-card-wrap.ef-course-wrap > div:first-of-type,
.ef-card-entries .ef-card .ef-card-wrap .ef-color-header {
    height: 0 !important;
}

/* Magnificent Catalog */
[data-role=expander] i.gj-icon.plus {
    border-color: transparent transparent transparent var(--color-primary) !important;
}

[data-role=expander] i.gj-icon.minus {
    border-color: var(--color-primary) transparent transparent transparent !important;
}

ul.gj-list-bootstrap li [data-role=expander].gj-tree-material-icons-expander {
    line-height: 80%;
}

.gj-checkbox-material-icons input[type=checkbox]:checked+span.checked {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.checkbox.checbox-switch label > input:checked + span, .checkbox-inline.checbox-switch > input:checked + span {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    box-shadow: var(--color-primary) 0px 0px 0px 8px inset !important;
}

#mainRow .col-lg-3 #ef-refresh {
    margin-left: 0 !important;
    width: auto;
}

.panel-default>.panel-heading {
    border: 0;
    background-color: var(--rational-color-grey-light);
}

/* Course - List */
.ef-my-courses .ef-courses-list div.ef-entry-head {
    background: #fff;
}

.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2),
.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry:nth-child(odd),
.ef-unit-tree ul > li.ef-courses-list-item.lesson-entry {
    background-color: var(--rational-color-grey-light);
}

.ef-my-courses .ef-courses-list .ef-unit-tree .unit-entry {
    background-color: rgba(255,255,255,.8);
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category {
    background: none;
}

.ef-unit-tree li.ef-courses-list-item:not(.lesson-entry),
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li,
.ef-unit-tree .lesson-entry:nth-child(odd):not(:last-child) > ul > .unit-entry:last-child {
    border-color: var(--rational-color-grey-light);
}

.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2) div.ef-entry-head:hover,
.ef-my-courses ul li.ef-my-courses-category > ul > li div.ef-entry-head:hover {
    background-color: rgba(0,0,0,.1);
}

.ef-my-courses-list .ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name {
	font-size: .75em;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color: var(--rational-color-grey-light);
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head,
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color: var(--rational-color-grey-light);
}

.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name,
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name:hover,
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head .ef-expand-collapse-handle {
    color: var(--color-font-primary);
}

.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name a:hover {
    color: var(--color-primary);
}

.ef-dashboard-header .ef-course-rating,
.ef-dashboard-header .ef-course-rating-options i,
.ef-dashboard-header .ef-course-rating-options i:before {
    color: var(--color-font-primary);
}

/* Course - Detail */
.ef-dashboard-header .ef-course-name h1 {
    font-size: 35px;
    font-weight: bold;
    line-height: 130%;
}

.ef-dashboard-header .col-sm-9 {
    padding-left: 15px !important;
}

.ef-dashboard-header .ef-category-name {
    text-transform: none;
    font-size: 15px;
}

/* Course - Test */
.ef-question-panel {
    background: #fff;
}

.ef-question-panel .panel-body *,
.ef-question-panel .panel-body .text-muted {
    color: var(--color-font-primary);
}

.ef-question-indicator .ef-question-indicator-current {
    background-color: #003c75 !important;
    border: 2px solid transparent !important;
    color: #fff !important;
}

.ef-question-indicator .ef-question-indicator-done {
    background-color: #003c75 !important;
    border: 2px solid transparent !important;
    color: #fff !important;
    opacity: .5;
}

.ef-question-indicator .ef-question-indicator-incomplete {
    background-color: #fff !important;
    border: 2px solid transparent !important;
}

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

.ef-question-indicator .ef-question-indicator-correct {
    background-color: var(--rational-color-green) !important;
    border-color: var(--rational-color-green) !important;
}

.ef-question-indicator .ef-question-indicator-wrong {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.ef-block-panel .ef-footer,
.ef-block-panel .ef-title {
    text-transform: none;
}

.well {
    background-color: var(--rational-color-grey-light);
    box-shadow: none;
    border: 0;
}

.ef-content.ef-constrain-images .ef-test-panels {
    display: flex;
    flex-wrap: wrap;
}

.ef-content.ef-constrain-images .ef-test-panels > .col-md-3,
.ef-content.ef-constrain-images .ef-test-panels > div > .col-md-3 {
    width: auto !important;
}

.ef-test-panels .h3.media-heading,
#ef-test-status .h3.media-heading {
    font-size: 18px;
}

.panel .panel-footer {
    background-color: var(--rational-color-grey-light);
    border: 0;
}

/* Labels */
.label-ef-roster,
.label-success,
.label-ef-completed { 
    background-color: #A0C814; 
}

.ef-label-tags a, 
.ef-label-tags a:hover, 
.ef-label-tags a:link, 
.ef-label-tags a:active, 
.ef-label-tags a:visited {
    color: #fff !important;
}

.label-ef-starts-at   { background-color: var(--color-primary); }
.label-ef-pending     { background-color: var(--rational-color-cyan); }
.label-ef-expired     { background-color: var(--rational-color-anthrazit); }
.label-ef-depends     { background-color: var(--rational-color-cyan); }
.label-ef-ends-at     { background-color: var(--color-primary); }
.label-ef-ended-at    { background-color: var(--color-primary); }
.label-ef-started     {
  background-color: var(--rational-color-grey-light);
  color: black;
}
.label-ef-finished    { background-color: var(--rational-color-green); }
.label-ef-completed   { background-color: var(--rational-color-green); }
.label-ef-failed      { background-color: var(--color-primary); }
.label-ef-cancelled   { background-color: var(--color-primary); }
.label-ef-expires     { background-color: var(--rational-color-anthrazit); }
.label-ef-roster      { background-color: var(--rational-color-green); }
.label-ef-curriculum  { background-color: var(--rational-color-cyan); }
.label-ef-test        { background-color: var(--rational-color-anthrazit); }
.label-success        { background-color: var(--rational-color-green) !important; }

.label-ilt-2,
.label.completed {
    background-color: var(--rational-color-green);
    color: #fff !important;
}

.label.in_progress {
    background-color: var(--rational-color-yellow-dark);
}

.label-ilt-3,
.label.pending,
.label.registered,
.label.failed,
.label.cancelled,
.label.expired,
.label.no_show,
.label.transaction_pending {
    background-color: var(--rational-color-grey-dark);
}

.label.label-ef-elearning,
.label-elearning,
.label.label-ef-ilt {
    background-color: var(--rational-color-blue-dark);
}

.label-warning,
.label-ef-waitList {
    background-color: var(--color-primary);
}

.label.label-course {
    background-color: var(--rational-color-blue-dark);
}

.label.label-curriculum {
    background-color: var(--color-blue);
}

.label.label-pending {
    background-color: var(--rational-color-yellow-dark);
}


.label,
span.label {
   font-size: 12px;
    text-transform: none;
}

.alert.alert-warning {
    background-color: #003c75 !important;
}

.alert.alert-warning a {
    color: #fff !important;
}

.ef-new-feature-alert,
.alert-info {
    color: var(--color-font-primary);
    background-color: var(--color-blue-light);
    border-color: var(--color-blue-light);
}

.ef-new-feature-alert button[type=button].close,
.ef-new-feature-alert a {
    color: var(--color-font-primary) !important;
}

.alert-info hr {
    border-top-color: #fff;
}

.success, 
.completed {
    color: var(--rational-color-green) !important;
}

.ef-unit-tree i.passed.ef-tooltip-toggle.fa-check {
    color: var(--rational-color-green) !important;
}

/* Course - Progress bar */
div.ef-my-courses.ef-my-courses-grid div.ef-block div.ef-block-content div.ef-course-card div.caption div.ef-entry-status div.ef-my-courses-progress-bar,
.ef-my-courses ul li .ef-my-courses-progress-bar,
*.progress {
    border-radius: 0;
    background-color: var(--rational-color-grey-light);
}

*.progress .progress-bar.progress-bar-success {
    background-color: var(--rational-color-green);
}

*.progress .progress-bar > .progress-bar-content {
    display: none;
}

div.ef-my-courses.ef-my-courses-grid div.ef-block div.ef-block-content div.ef-course-card div.caption div.ef-entry-status div.ef-my-courses-progress-bar {
    height: 8px;
}

/* Rate */
.ef-card-entries .ef-card .ef-card-wrap div.caption div.ef-rate {
    margin-left: 0;
}

.ef-card-entries .ef-card .ef-card-wrap div.caption div.ef-rate span.fa.active {
    color: #fff;
}


/* Modal */
div.modal div.modal-dialog div.modal-content div.modal-header .modal-title {
    text-transform: none;
}

/* Navigation sliders */
ul.customTabs > li,
ul.tabulizedList li.tabulizedElement {
    margin-right: 2px;
}

ul.tabulizedList li.tabulizedElement {
    line-height: 17px;
}

ul.customTabs > li a,
ul.tabulizedList > li.tabulizedElement a {
    padding: 4px 14px;
    text-transform: none;
    font-size: 14px;
    color: var(--color-font-primary) !important;
    border: 2px solid transparent !important;
}

ul.customTabs .nav .open > a:focus,
ul.customTabs > li.active > a,
ul.customTabs > li a:hover,
ul.tabulizedList > li.tabulizedElement.selected > a,
ul.tabulizedList > li.tabulizedElement > a:hover  {
    background-color: var(--color-font-primary) !important;
    border: 2px solid var(--color-font-primary) !important;
    border-radius: 5px;
    color: white !important;
}

div.tabs-ruler hr,
div.tabs-ruler-special > hr,
#slider,
ul.customTabs .slider,
ul.tabulizedList > li.tabulizedElement.selected > a:after {
    display: none !important;
}

ul.tabulizedList > li.tabulizedElement a.hidden-xs.hidden-sm {
    display: none;
}

li.tabulizedElement {
    padding-right: 0;
}

.customTabs .dropdown-menu>.active>a,
.customTabs .dropdown-menu>.active>a:hover,
.customTabs .dropdown-menu>.active>a:focus {
    background-color: var(--rational-color-grey-light) !important;
    border-color: var(--rational-color-grey-light) !important;
    color: var(--color-font-primary) !important;
}

/**
 * Form 
*/

[type='text'],
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select,
.form-control,
.input-group-addon {
    border-color: var(--color-ui-background) !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

.form-control:focus {
    border-color: var(--color-ui-background) !important;
    outline: 0;
    box-shadow: none !important;
}

.ef-question-multiple input[type=radio]:checked+label::before, 
.ef-question-multiple.ef-reply-logic-row input[type=radio]:checked+label::before,
.ef-question-multiple input[type=checkbox]+label::before,
.ef-question-multiple input[type=checkbox]:checked+label::before {
    box-shadow: none;
}

.eye-input-group {
    background-color: #fff !important;
}

input[type=range].ef-range {
    --thumb-bg-image: none !important;
    --thumb-bg-color: var(--rational-color-blue);
    --thumb-border-color: var(--rational-color-blue);
}

[type='checkbox']:checked, 
[type='radio']:checked {
    color: var(--rational-color-grey-dark) !important;
}

.selectize-dropdown-content .option:hover,
.selectize-dropdown-content .option.selected,
.selectize-dropdown-content .option.active {
    background-color: var(--rational-color-grey-light) !important;
}

.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control {
    background-color: var(--rational-color-grey-light) !important;
}



/* Login */
html:not(.popup) body:not(.ef-user-signed-in) {
    background: url(/assets/images/rational-background.jpg) no-repeat center top;
    background-size: cover;
}

html:not(.popup) body:not(.ef-user-signed-in) #ef-login-index {
    max-width: 400px;
}

/* Discussions */
.ef-discussion-topic .media-body, 
.ef-discussion-message .media-body {
    border-color: var(--rational-color-grey-light) !important;
}

/**
 * Calendar 
*/
.fc-event {
    background: none;
}

.btn.btn-primary.fc-button-active {
    background-color: var(--color-font-primary) !important;
    border: 2px solid var(--color-font-primary) !important;
    color: #fff !important;
}

.fc-col-header-cell,
th.fc-timegrid-axis {
    background-color: var(--color-ui-background);
}

.fc-daygrid-event-dot {
    border-color:  var(--color-primary) !important;
}

.fc-daygrid-block-event.fc-daygrid-event.fc-h-event,
.fc-media-screen .fc-timegrid-event {
    background-color: var(--color-primary);
    border-color:  var(--color-primary) !important;
    color: #fff !important;
}

.fc-daygrid-event.fc-h-event,
.fc-daygrid-event.fc-event:link {
    color: var(--color-primary) !important;
}

.fc-theme-standard td.fc-day-past {
    background-color: var(--rational-color-grey-light) !important;
}

.fc-theme-standard td.fc-day-today {
    background-color: var(--rational-color-grey-mid) !important;
}

/* Sessions */
#advancedSessionData tr.table-row > td {
    background-color: var(--color-ui-background) !important;
}

#advancedSessionData tr.topTitle > td,
#advancedSessionData .data-session-row > td {
    background-color: var(--rational-color-grey-light) !important;
}

/* Admin - Component tiles */
.new-ui .ef-block .iconTable .iconData:hover,
div.ef-block table.iconTable td.iconData:hover {
    background-color: var(--rational-color-grey-light) !important;
}

.new-ui .ef-block .iconTable .iconData:hover a img {
    filter:none !important;
}

div.ef-block .iconTable .iconData {
    overflow: hidden;
}
 
div.ef-block .iconTable .iconData .ef-dashboard-icon-label {
    text-overflow: ellipsis;
    overflow: hidden;
}

.new-ui .ef-block .iconTable .iconData:hover a span,
.new-ui .ef-block .iconTable .iconData:hover a {
    color: var(--color-font-primary);
}

@media(max-width: 1200px) {
    .new-ui .twui-content.lg\:tw-pl-64.rtl\:lg\:tw-pr-64 #ef-options-block,
    .new-ui .twui-content.lg\:tw-pl-64.rtl\:lg\:tw-pr-64 #ef-options-block + .col-md-6.text-center {
        width: 100%;
    }
}

@media(min-width: 767px) {
    .row.dashboard-panel.m-b-1-5 {
        display: flex;
    }
}

.row.dashboard-panel.m-b-1-5 .col-sm-6.mp-a-0 {
    height: initial;
}

.row.dashboard-panel.m-b-1-5 .col-sm-6.mp-a-0 .panel.panel-default,
.row.dashboard-panel.m-b-1-5 .col-sm-6.mp-a-0 .panel.panel-default .panel-body {
    height: 100%;
}

/* Admin - Dashboard panels */
div.dashboard-panel .panel div.panel-body {
    background-color: var(--rational-color-grey-light);
}

div.dashboard-panel .panel {
    border: 1px solid transparent;
    background: transparent;
}

/* Admin - Course stats, Preview box, Panel */
.ef-dashboard-header .ef-preview-box-course-stats {
    border: 0;
    background: var(--rational-color-grey-light);
}

.ef-dashboard-header .ef-preview-box-course-stats .ef-info-text {
    margin-top: 0;
    padding: 5px 0 15px 0;
}

.ef-dashboard-header .ef-preview-box-course-stats .ef-info-header {
	margin-top: 20px;
}

.ef-preview-box {
    padding-bottom: 10px;
}

.ef-preview-box,
.ef-preview-box-mini,
.panel,
.ef-dashboard-header .ef-preview-box-course-stats,
.ef-preview-box hr {
    border: 0;
} 

.panel {
    box-shadow: none;
    border-radius: 0;
}

.colored-info {
    color: rgba(0,0,0,.7);
}

/* Admin - Nav pills */
.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover {
    background-color: var(--color-primary);
    color: #fff !important;
}

.nav-pills > li > a:focus, .nav-pills > li > a:hover {
    background-color: var(--color-primary);
    color: #fff !important;
}

.nav-pills.nav-stacked {
    background-color: var(--rational-color-grey-light);
    border-right: 0;
}

/* Admin - Table */
table:not(.iconTable),
table th {
    /*background: rgba(255,255,255,.8);*/
}

.sortedTable tr.oddRowColor,
.sortedTable tr.oddRowColor th, 
.ef-mapped-accounts-table tr.oddRowColor,
.tabulator--ef-theme .tabulator-row.tabulator-row-even {
    background-color: var(--rational-color-grey-light);
}

.sortedTable tr.evenRowColor:hover,
.sortedTable tr.oddRowColor:hover,
.sortedTable tr.oddRowColor:hover th, 
.ef-mapped-accounts-table tr.oddRowColor:hover {
    background: var(--rational-color-grey-light);
}

.tabulator-table .tabulator-row.tabulator-selectable:hover {
    background-color: var(--rational-color-grey-light) !important;
}

.table.ef-mapped-accounts-table td {
    line-height: 35px;
}

/* table a:not(.fa),
.tabulator-wrapper .tabulator-tableholder a:not(.fa) {
    color: var(--color-font-primary) !important;
} */

.tabulator-wrapper .tabulator-tableholder .tabulator-row.disabled a,
.tabulator--ef-theme .tabulator-row.disabled * {
    color: var(--color-red-dark) !important;
}

.tabulator--ef-theme .tabulator-row.disabled label {
    color: #fff !important;
}

tr.text-danger a {
    color: var(--color-primary) !important
}

#coursesTable .icon-cert_icon:hover {
    cursor: default !important;
}

#customXLSReportListTable .link.ef-copy-text.ef-popover-toggle {
    display: none;
}

/* Admin - Chart */
[fill="#67b7dc"] {
    fill: var(--color-primary) !important;
}

[stroke="#67b7dc"] {
    stroke: var(--color-primary) !important;
}

[fill="#009688"] {
    fill: #003c75 !important;
}

[stroke="#009688"] {
    stroke: #003c75 !important;
}

[role="tooltip"] > g > g[fill='#000000'] {
    fill: #fff;
} 

/**
 * Design neu
*/
.new_ui-bullhorn {
    background-color: var(--color-primary);
}

.new-ui .twui-switch-ui {
    display: none;
}

/* Toolbar */

.new-ui .twui-menu .hover\:tw-bg-gray-800:hover i,
.new-ui .twui-menu .tw-text-white,
.new-ui .twui-menu .hover\:tw-text-white:hover {
    color: var(--color-font-primary) !important;
}

.new-ui .twui-menu .twui-switch-ui:hover i,
.new-ui .twui-menu .tw-text-orange-300 {
    color: var(--color-font-primary) !important;
}

.new-ui .twui-menu .hover\:tw-bg-brand-primary.hover\:tw-text-white:hover,
.new-ui .twui-menu .tw-bg-brand-primary.tw-text-white {
    color: #fff !important;
}

.new-ui .twui-menu .tw-border-white {
    border-color: transparent;
}

.new-ui .twui-menu .tw-leading-8 {
    line-height: 120% !important;
}

.new-ui .twui-menu .hover\:tw-bg-gray-800:hover {
    background-color: transparent;
}


.new-ui .tw-text-sky-night,
.new-ui .tw-text-blue-700 {
    color: var(--color-font-primary);
}

.new-ui .fa-award + p {
    color: var(--color-font-primary) !important;
}

.new-ui .tw-text-indigo-600 {
    color: var(--rational-color-blue);
}

.new-ui .tw-border-indigo-500 {
    border-color: var(--rational-color-blue);
}


.new-ui .tw-bg-gray-200,
.new-ui .tw-bg-gray-light,
.new-ui .tw-bg-blue-100,
.new-ui .tw-bg-sky-light {
    background-color: var(--rational-color-grey-light);
}

.new-ui .tw-bg-indigo-600 {
    background-color: var(--rational-color-blue);
}

.new-ui .tw-bg-emerald-600,
.new-ui .tw-bg-emerald-700 {
    background-color: var(--rational-color-grey-light) !important;
}

.new-ui .tw-bg-green-accent {
    background-color: var(--rational-color-green);
}

.new-ui .tw-menu-item-drawer li .group a {
    color: var(--color-font-primary);
}

.new-ui .twui-menu.twui-old-navbar-replacement > .tw-bg-brand-primary.tw-pt-6.tw-h-full {
    background-color: var(--rational-color-grey-light);
}

.new-ui .ef-switch-account.tw-block {
    background-color: var(--rational-color-grey-light);
}

.new-ui .ef-switch-account.tw-block:link,
.new-ui .ef-switch-account.tw-block:link *,
.new-ui .ef-switch-account.tw-block:visited *,
.new-ui .ef-switch-account.tw-block:hover *,
.new-ui .ef-switch-account.tw-block:active *,
.new-ui .ef-switch-account.tw-block:link h4 {
    text-decoration: none !important;
}

/* Meine Kurse */
.new-ui [data-vue-component="my_courses"] .tw-rounded-3xl.tw-shadow-primary.tw-group.tw-relative.tw-top-0.tw-flex.tw-flex-col.tw-p-3.tw-transition-all.tw-relative.tw-flex-1 {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border-radius: 0;
}

.new-ui [data-vue-component="my_courses"] .tw-rounded-3xl.tw-shadow-primary.tw-group.tw-relative.tw-top-0.tw-flex.tw-flex-col.tw-p-3.tw-transition-all.tw-relative.tw-flex-1 a,
.new-ui [data-vue-component="my_courses"] .tw-rounded-3xl.tw-shadow-primary.tw-group.tw-relative.tw-top-0.tw-flex.tw-flex-col.tw-p-3.tw-transition-all.tw-relative.tw-flex-1 p,
.new-ui [data-vue-component="my_courses"] .tw-rounded-3xl.tw-shadow-primary.tw-group.tw-relative.tw-top-0.tw-flex.tw-flex-col.tw-p-3.tw-transition-all.tw-relative.tw-flex-1 main h6 {
    color: #fff;
}

.new-ui [data-vue-component="my_courses"] .tw-rounded-3xl.tw-shadow-primary.tw-group.tw-relative.tw-top-0.tw-flex.tw-flex-col.tw-p-3.tw-transition-all.tw-relative.tw-flex-1 .tw-rounded-3xl {
    border-radius: 0;
}



/* Fix: Footer */
/* 
.new-ui > .twui-content,
.new-ui > .twui-content > main.custom-sidebar .custom-sidebar-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.new-ui > .twui-content > main.custom-sidebar {
    flex: 1;
    display: flex;
}

.new-ui .twui-content.lg\:tw-pl-24 .ef-block-content > .tabulator-wrapper {
    max-width: calc(100vw - 130px);
}

.new-ui .twui-content.lg\:tw-pl-80 .ef-block-content > .tabulator-wrapper {
    max-width: calc(100vw - 312px);
}

@media(max-width: 1024px) {
    .new-ui .twui-content.lg\:tw-pl-24 .ef-block-content > .tabulator-wrapper,
    .new-ui .twui-content.lg\:tw-pl-80 .ef-block-content > .tabulator-wrapper {
        max-width: calc(100vw - 52px);
    }
}

.new-ui .ef-unit-tree .ef-entry-description .description-padding {
    white-space: normal;
}

*/

.new-ui .hover\:tw-bg-gray-100:hover {
    background-color: var(--rational-color-grey-light) !important;
}

.radio-button-group label:has(input:checked)  {
    background-color: var(--color-font-primary) !important;
    border: 2px solid var(--color-font-primary) !important;
    color: #fff !important;
}

/* 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:#FFFFFF;}
div.breadcrumb-x{background-color:#FFFFFF;border-color:#FFFFFF;}
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:#E2001A;border-color:#E2001A;}