/*Place your CSS code here*/

/* background for learner dashboard only */
#main-content:has(#dashboardHeader):has(#widgetGrid) {
  background-color: #E3E9EC !important;
}

/* sidebar fix */
.twui-menu .hover\:tw-bg-gray-800:hover i,
.twui-menu .tw-text-white,
.twui-menu .hover\:tw-text-white:hover {
    color: #fff !important;
}

#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#2E5DAD;border-color:#2E5DAD;}
.ef-navbar-logo, .navbar-brand{ 
    background-color:white!important;
    max-width:200px!important;
    padding:0px 5px!important;
}
label[for='branch_profile-selectized']~.ef-form-element-select>div.selectize-control>div.selectize-input{
 height: 80px;
}
select[name='parent_ID']~.ef-select>div.selectize-input{
 height: 80px;
}

.btn-primary {
  color:#fff;
  background-color:var(--c-brand-primary);
  border-color:var(--c-brand-primary-darken-5)
}

.ef-my-courses .ef-block-header a.ef-block-handle.ef-my-courses-toggle-view.active{
 color: #2E5DAD;
}

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

html:not(.popup) body:not(.ef-admin-signed-in)
{
background-image:url('/assets/images/Hintergrund-click-and-learn-grau.jpg');
background-size:cover;
}

body.ef-user-signed-in {
background-image: none !important;
}

.img-thumbnail{
 background-color: #67b7dc!important;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head{
 background-color: #67b7dc!important;
}

#ef-search-bar{
    background-color:white!important;
}

.searchDivRight{
  background-color:white!important;
}
.search-handle{
 background-color:white!important; 
}

/* GRAPHS */
path[fill="#009688"]
{
    fill: #4a79c2;
}
path[stroke="#009688"]
{
    stroke: #4a79c2;
}
circle[fill="#009688"]{
    fill: #4a79c2;
}
circle[stroke="#009688"]{
    stroke: #4a79c2;
}
path[fill="#4a79c2"]
{
    fill: #2E5DAD;
}
path[stroke="#4a79c2"]
{
    stroke: #2E5DAD;
}
circle[fill="#4a79c2"]
{
    fill: #2E5DAD;
}
circle[stroke="#4a79c2"]
{
    stroke: #2E5DAD;
}

/* mycourses card design */
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary {
 	box-shadow: none;   
  	background-color: #eeeff2;
    border-radius: 0.5rem;    
  	padding: 0 0 1.6rem 0;
}
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary:hover {  
  	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.45);
}
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary > main {
  	padding: 0.8rem 1.2rem;
}
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary > main > div.tw-flex > div.tw-flex.tw-max-w-min.tw-items-center {  
  	background-color: white;
}
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary > main > p.tw-overflow-hidden.tw-text-ellipsis  {
	color: var(--c-brand-primary);  
  	padding-bottom: 0;
}
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary > div.tw-relative.tw-mx-auto {
    border-radius: 0;  
}
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary > div.customizable-progress-bar {  
  	padding-left: 1.2rem;
}
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary > div.customizable-progress-bar > p {  
  	padding-right: 1.2rem;
}
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary > div.customizable-progress-bar > div {
  	background-color: white;
}
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary > div.customizable-progress-bar > div > .tw-bg-green-accent {
  	background-color: var(--c-brand-primary);
}
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary > main > div.tw-flex > a[href*="certificates/view/"] {
	background-color: var(--c-brand-primary);
  	color: white;
}
div.tw-grid > div.tw-flex.tw-flex-col > div.tw-rounded-3xl.tw-shadow-primary > main > div.tw-flex > a[href*="certificates/view/"] > i.fa-award {
  	color: white;
}

/* course catalog card design */
.ef-card > .ef-card-wrap > .ef-color-header {
 	height: 0 !important; 
}

/* bookmarks */
#ef-bookmark-button {
 	color: var(--c-brand-primary) !important;
  	font-size: 1.6em;
}
#bookmarks-list .ef-bookmark-item span {
  	display: inline-block;
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#2E5DAD;border-color:#2E5DAD;}
html.new-ui-html:root{--c-brand-primary:#2e5dad;--c-brand-primary-darken-5:#2958a8;--c-brand-primary-darken-7:#2756a6;--c-brand-primary-darken-10:#2453a3;--c-brand-primary-darken-15:#1f4e9e;--c-brand-primary-darken-17:#1d4c9c;--c-brand-primary-darken-20:#1a4999;--c-brand-primary-darken-25:#154494;--c-brand-primary-lighten-7:#3564b4;--c-brand-primary-lighten-40:#5685d5;}
html.new-ui-html:root {
  --c-brand-primary: #2e5dad;
  --c-brand-primary-darken-5:  #2850a0;
  --c-brand-primary-darken-7:  #244a98;
  --c-brand-primary-darken-10: #1f438e;
  --c-brand-primary-darken-15: #193a80;
  --c-brand-primary-darken-17: #163579;
  --c-brand-primary-darken-20: #123070;
  --c-brand-primary-darken-25: #0c2765;
  --c-brand-primary-lighten-7:  #4a79c2;
  --c-brand-primary-lighten-40: #b3cdf1;
}