/* Hide course contents only when the "Book" button exists (= not enrolled) AND user is a learner */
body.learner-user:has(input.ef-add-to-roster) .ef-course-contents {
  display: none !important;
}

.custom-label-offer_on_request {
	color: #fff !important;
}

/* lesson finished */
.ef-unit-tree a.ef-unit-link.passed,
.ef-unit-tree a.ef-unit-link.passed:hover,
.ef-unit-tree a.ef-unit-link.passed:link,
.ef-unit-tree a.ef-unit-link.passed:active,
.ef-unit-tree a.ef-unit-link.passed:visited {
  color: #0eac2f !important;
}

/* Supervisor calendar */
#calendar .fc-col-header-cell.fc-day,
th.fc-timegrid-axis {
  background-color: #3336FF !important;
}

.fc .fc-button-primary:not(:disabled):hover,
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
    color: var(--color-primary) !important;
}

#user_view.btn.btn-primary.viewswitch.active,
#session_view.btn.btn-primary.viewswitch.active,
#user_view.btn.btn-primary.viewswitch:active,
#session_view.btn.btn-primary.viewswitch:active,
#user_view.btn.btn-primary.viewswitch.disabled,
#session_view.btn.btn-primary.viewswitch.disabled {
    background-color: #ffffff !important;
    color: var(--color-primary) !important;
}

.fc .fc-button,
#user_view.btn, #session_view.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.fc .fc-button,
.fc .fc-button-primary {
    height: 2.1em !important;
    padding: 0 .6em !important;
    line-height: 1.5em !important;
    font-size: 13px !important;
}
:root {
    --fc-button-bg-color: var(--color-primary);
    --fc-button-border-color: var(--color-primary);
    --fc-button-active-bg-color: #fff;
    --fc-button-active-border-color: var(--color-primary);
    --fc-button-hover-bg-color: #fff;
    --fc-button-hover-border-color: var(--color-primary);
    --c-brand-success: #3336ff;
}
/* End supervisor calendar */

/* booking button color */
input#FillEnrollRequirement.btn.btn-success.btn-lg,
input.ef-add-to.ef-add-to-roster.btn.btn-success.btn-lg{
  background-color: #3336FF !important;
  border-color: #3336FF !important;
  color: #fff !important;
}


/* booking button color Hover */
input#FillEnrollRequirement.btn.btn-success.btn-lg:hover,
input.ef-add-to.ef-add-to-roster.btn.btn-success.btn-lg:hover{
  background-color: #fff !important;
  border-color: #3336FF !important;
  color: #3336FF !important;
}


/* Clickandlearn link text replacement */
.ef-custom-block .row.justify-content-center span a[href="https://www.clickandlearn.at/"] {
    color: transparent;
    position: relative;
    display: inline-block;
    text-decoration: none;
}
.ef-custom-block .row.justify-content-center span a[href="https://www.clickandlearn.at/"]::after {
    content: "clickandlearn GmbH";
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    white-space: nowrap;
    text-decoration: none;
    transition: text-decoration 0.2s;
}
.ef-custom-block .row.justify-content-center span a[href="https://www.clickandlearn.at/"]:hover::after {
    text-decoration: underline;
}

/**
 * Fonts
*/
/* TT Commons Pro - Regular */
@font-face {
    font-family: 'TT Commons Pro';
    src: url('/assets/fonts/TT_Commons_Pro/TT_Commons_Pro_Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* TT Commons Pro - Medium */
@font-face {
    font-family: 'TT Commons Pro';
    src: url('/assets/fonts/TT_Commons_Pro/TT_Commons_Pro_Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* TT Commons Pro - SemiBold (DemiBold) */
@font-face {
    font-family: 'TT Commons Pro';
    src: url('/assets/fonts/TT_Commons_Pro/TT_Commons_Pro_DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* FONT color */
a#headerTitle.headerTitle,
#ef-modal-body,
#ef-modal-label,
h6.tw-text-lg.tw-font-light.tw-line-clamp-2,
h6 {
  color: #100035 !important;
}

body,
button,
input,
select,
textarea {
    font-family: 'TT Commons Pro', sans-serif;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6,
.btn-primary,
.catalog-btn,
.navbar-nav > li > a,
.ef-card-entries .ef-card .ef-card-wrap div.thumbnail img,
div.ef-block table.iconTable td.iconData,
.ef-anchor-like,
a.link {
    font-family: 'TT Commons Pro', sans-serif;
    font-weight: 500;
}

/* Font size smaller for course card titles */
.ef-card.ef-catalog-entry 
.caption h4.ef-plain.ef-header a#headerTitle.headerTitle {
    font-size: 16px !important;
}

/* Curriculum label text color */
.ef-card-entries .ef-card .caption .custom-label-curriculum {
    color: #ffffff !important;
}

/* Success button text */
a.btn-success,
.btn-success,
.selectize-control.multi .selectize-input .items_container .item-pill,
.label.label-success {
    color: #fff;
	border-color: #3336FF !important;
}

/*Success button hover */
a.btn-success:hover,
.btn-success:hover,
.selectize-control.multi .selectize-input .items_container .item-pill:hover,
.label.label-success:hover {
    color: #3336FF !important;
  	background-color: #fff !important;
	border-color: #3336FF !important;
}

.label.label-success.custom-label-has-course,
.label.label-success.custom-label-ts-start-date,
.label.label-success.custom-label-request-session {
    color: #fff !important;
}

/* Survery progress bar. 0% hidden, more percent #ddd*/
div.ef-block-content table.table.table-responsive div.progress div.progress-bar {
    color: #ddd !important;
}

/* Kurskatalog underline text fix */
#headerTitle.clamp-2 {
    display: inline-block;
    line-height: 1.2; 
    padding-bottom: 2px; /* make room for underline */
    text-decoration-skip-ink: auto;
}
#headerTitle.clamp-2:hover {
    text-decoration: underline;
}

/* ARROW uo down alignment issue course catalog */
div.panel-heading span.fa-angle-down,
div.panel-heading span.fa-angle-up {
    line-height: 1 !important;
    display: inline-block;
    vertical-align: middle;
    transform-origin: center;
}

/* Erweiterte Einstellungen anzeigen */
.ef-toggle-hidden-section {
  color: var(--c-brand-primary) !important;
}
.ef-toggle-hidden-section:hover {
  text-decoration: none !important;
}

/* TABS underline fix old + new */
/* old and new tabs new and old underline tabs underline tab underline fix */
ul.nav.customTabs li.slider {
    background-color: var(--c-brand-primary) !important;
    border-color: var(--c-brand-primary) !important;
}
ul.tabulizedList > li.tabulizedElement.selected > a {
    color: var(--c-brand-primary) !important;
    border-bottom: 2px solid var(--c-brand-primary) !important;
    text-decoration: none !important;
    display: inline-block !important;
    background: transparent !important;
}
ul.tabulizedList > li.tabulizedElement > a:hover {
    color: var(--c-brand-primary) !important;
    border-bottom: 2px solid var(--c-brand-primary) !important;
    text-decoration: none !important;
    display: inline-block !important;
    background: transparent !important;
}

/* Learner user UI fixes */
/* background */
.ef-user-signed-in.new-ui.learner-user #main-content {
    background-color: #f9f9f9 !important;
    margin-top: 20px !important;
}
/* remove white header */
#ef-my-courses-grid-content .ef-block-header {
    display: none !important;
}
/* Course catalog box shadow permanent */
.ef-card-entries .ef-card .ef-card-wrap {
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,.25);
}

/* 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;
}

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

/* Footer container */
#ef-login-index div.ef-block-footer {
    background-color: #EFEAFE !important;
}

.link.ef-cancel-session.ef-session-link{
 display: none; 
}
div.breadcrumb-x * {
  color: #fff;
}
/* .ef-card-entries .ef-card .ef-card-wrap div.thumbnail img{
 height: 94%; 
} */
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
    background-color: white;
}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a.dropdown-back{
  background-color: white;
}
#ef-navbar > .container #userNavBar #ef-navigation li > button{
  color: #100035; 
}
/*
 .ef-session-entry a.ef-session-link{
  display: none; 
 }
*/
.ef-session-entry a.ef-session-link[data-url*="locations"]
{
  display: none;
}

.catalog-btn{
 background-color:  #3336FF !important;
 color: white !important;
  font-weight: bold;
  margin: 5px;
}
.catalog-btn:hover{
 background-color:  #00669e !important;
}

html.popup body
                {
                  background-image:none; 
                }
                
                .navbar-collapse .navbar-brand {
                  color: #888888;
                }
                
                .navbar-collapse .navbar-text {
                  color: #888888;
                }
                .navbar-collapse .navbar-nav > li > a {
                  color: #888888;
                }
                .navbar-collapse .navbar-nav .dropdown.open{
                  border-top: solid 10px;
                  border-color:  #100035;
                  -webkit-transition: border-top .3s ease 0s;
                  transition: border-top .3s ease 0s;
                }
                
                .navbar-collapse .navbar-nav .dropdown:hover,
                .navbar-collapse .navbar-nav .dropdown:focus{
                  border-top: solid 10px;
                  border-color:  #100035;
                  -webkit-transition: border-top .3s ease 0s;
                  transition: border-top .3s ease 0s;
                }
                
                .navbar-collapse .navbar-nav >li:hover,
                .navbar-collapse .navbar-nav >li:focus{
                 border-top: solid 10px;
                  border-color:  #100035;
                  -webkit-transition: border-top .3s ease 0s;
                  transition: border-top .3s ease 0s;
                }
                
                .navbar-collapse .navbar-nav >li:hover > a > i,
                .navbar-collapse .navbar-nav >li:focus > a > i {
                    color: #100035 !important;
                }
                
                .navbar-collapse .navbar-nav >li{
                 border-top: solid 10px;
                  border-color:  #ffffff;
                }
                
                
                .navbar-collapse .navbar-nav > li > a:hover,
                .navbar-collapse .navbar-nav > li > a:focus,
                .navbar-collapse .navbar-nav > li > a:hover i,
                .navbar-collapse .navbar-nav > li > a:focus i{
                  color: #100035;
                  
                }
                .navbar-collapse .navbar-nav > .active > a,
                .navbar-collapse .navbar-nav > .active > a:hover,
                .navbar-collapse .navbar-nav > .active > a:focus {
                  color: #100035;
                }
                .navbar-collapse .navbar-nav > .open > a,
                .navbar-collapse .navbar-nav > .open > a:hover,
                .navbar-collapse .navbar-nav > .open > a:focus {
                  color: #100035;
                  background-color: white;
                }
                
                .navbar-inverse .navbar-toggle:hover,
                .navbar-inverse .navbar-toggle:focus {
                  color: #100035;
                }
                
                .navbar-inverse .navbar-toggle:hover .icon-bar,
                .navbar-inverse .navbar-toggle:focus .icon-bar{
                  background-color: #fbce07;
                } 
                .navbar-inverse .navbar-toggle .icon-bar {
                  background-color: #888888;
                }
                
                .navbar-collapse .navbar-link {
                  color: #100035;
                }
                .navbar-collapse .navbar-link:hover {
                  color: #100035;
                }
                
                
                .glyphicon {
                    color: #100035;
                }
                
                .btn-primary {
                    border-color: #100035 !important;
                    color: white !important;
                    background-color:#100035 !important;
                    font-weight: 600;
                }
                 
                .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
                    background-color: white !important;
                    color: #100035 !important;
                    border-color: white !important;
                    font-weight: 600;
                }
                 
                .btn-primary:active, .btn-primary.active, .btn-primary:active:hover, .btn-primary:active span , .btn-primary:active i{
                    background-color: white !important;
                    color: #100035 !important;
                    border-color: #100035  !important;
                    box-shadow: none;
                }
                
                .btn-primary:disabled, .btn-primary:disabled:hover{
                    background-color:  #da4c4e;
                    border-color: #da4c4e;
                    color: white;
                    font-weight: 600;
                }
                
                .ef-anchor-like, a.link, a.link:visited, a.link:hover, a.link:link {
                    color: #100035 !important;
                }
                
                
                div.block table.iconTable td.iconData:hover, div.block table.iconTable td.disabledIconData:hover {
                    background-color:  #888888;
                    border-radius: 0px;
                }
                
                body > div.container > div.col-md-3.ef-side-section > div > div > div > div.row > div:hover {
                  background-color:  #888888;
                  border-radius: 0px;
                }
                
                .ef-anchor-like, a.link, a.link:visited, a.link:hover, a.link:link {
                    color: #100035 !important;
                }
                
                
                .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a .fa {
                  color: #100035;
                  font-weight:bold;
                }
                
                
                 legend{
                   color:#ffffff;
                   border:0px;
                }
                
                fieldset.ef-fieldset-separator legend{
                   background-color:#100035;	
                   padding: 10px;
                }
                
                
                div.block .content {
                     -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
                    box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
                }
                
                /* no Border radius*/
                .form-control {
                    border-radius: 0px;
                }
                
                .selectize-input {
                    border-radius: 0px;
                }
                
                .btn, .btn-default {
                    border-radius: 0px;
                }
                
                .thumbnail  {
                    border-radius: 0px;
                }
                
                fieldset.ef-fieldset-separator legend   {
                    border-radius: 0px;
                }
                
                .panel-default{
                    border-radius: 0px;
                }
                
                .dropdown-menu {
                    border-radius: 0px;
                }
                
                .progress {
                    border-radius: 0px; 
                }
                
                .nav-tabs>li>a, .nav-tabs>li>a:active {
                  border-radius: 0px; 
                }
                
                .themes-content-container {
                    border-radius: 0px; 
                }
                
                .tooltip {
                    border-radius: 0px; 
                }
                
                div.block .title {
                    text-transform:none;  
                }
                .btn-primary .glyphicon {
                    color: white; 
                }
                
                .btn-primary .glyphicon:hover {
                    color: #100035; 
                }
                
                .sortedTable td.sortedTableFooter {
                    /*background-color: #ffd203;*/
                }
                
                .table tr.evenRowColor {
                  background-color: #ffffff;
                }
                
                .table tr.oddRowColor {
                  background-color: #d9d9d9;
                }
                
                .sortedTable tr.evenRowColor:hover,
                .sortedTable tr.oddRowColor:hover {
                  /*background-color: rgba(255, 210, 3, 0.37);*/
                }
                
                
                .fc-widget-header {
                    background-color: #100035 !important;
                }
                .ef-collapsible-name,#ef-courses-list li.category > span {
                    border-radius:0px;
                    background-color:#100035;
                }
                
                .navbar-inverse .navbar-toggle:focus, 
                .navbar-inverse .navbar-toggle:hover {
                    background-color: #100035;
                }
                .navbar-inverse .navbar-toggle {
                    border-color: #100035;
                }
                
                .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
                    border: 0px;
                }
                
                .btn-primary:hover .glyphicon {
                    color: #100035;
                }
                
                .navbar-form {
                    top:10px;
                    position:relative;
                }
                
                
                .pagination>.active>a, 
                .pagination>.active>a:focus, 
                .pagination>.active>a:hover, 
                .pagination>.active>span, 
                .pagination>.active>span:focus, 
                .pagination>.active>span:hover {
                    background-color: #100035;
                    border-color: #100035;
                }
                
                .navbar-inverse .navbar-brand:hover {
                  color:#9d9d9d;
                }
                
                div.table-responsive>div.dataTables_wrapper>div.row {
                    margin:10px;
                }
                .selectize-input {
                    height: 100%;
                }
                
                
                .panel-footer {
                    background-color: #fbce07;
                    border-top: 0px solid #ddd;
                }
                
                .panel-collapse .list-group-item {
                    border: 1px solid #fbce07;
                }
                
                
                .daterangepicker td.in-range {
                    background-color: #d9d9d9 !important;
                }
                
                
                .daterangepicker td.active, .daterangepicker td.active:hover {
                    background-color: #100035  !important;
                }
                
                
                .site ul li {    margin-bottom: 8px; }
                
                .cert {
                    position: absolute;
                    top: 0px;
                    right: 5px;
                }
                
                .ef-question-panel:focus{
                    outline: none !important;
                    border: 1px #fbce07 solid;
                }
                .ef-question-panel .panel-heading{
                    background-color: #fbce07;
                    border-color: #fbce07;
                }
                
                #ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg:hover {
                    background-color: lightgrey !important;
                }
                
                #ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg header {
                    color: #100035;
                }
                
                #ef-navbar .container ul.nav.navbar-nav li#user-roles a.ef-switch-account span.fa {
                    color: whitesmoke;
                }
                
                #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {
                    background: lightgrey;
                  color: #100035 !important;
                }
                
                #ef-navbar a {
                  color: #100035 !important;
                }
                
                #ef-navbar form.navbar-form .selectize-input {
                  background: white;
                  border-color: lightgrey;
                }
                
                #ef-navbar form.navbar-form input[type='text'] {
                    background:white;
                   border-color: lightgrey;
                }
                
                
                #ef-navbar form.navbar-form span.search-handle {
                  border-color: lightgrey;
                  background-color: white;
                }
                
                #ef-navbar .dropdown-menu {
                    background: white !important;
                }
                
                #ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle {
                  background: white;
                
                }
                
                #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a.dropdown-item {
                    color: #100035;
                }
                
                #ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after {
                    height: 1px;
                }
                
                ul.dropdown-menu {
                    margin-top: 1px !important;
                }
                
                .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
                    background-color: #100035 !important;
                }

                div.ef-block table.iconTable td.iconData:hover {
                    cursor: pointer;
                    background-color: #100035 !important;
                    border-radius: 3px;
                }
                
                #ef-navbar .container .navbar-header .ef-navbar-logo img {
                    max-width: none;
                  padding-bottom: 0;
                  padding-top: 10px;
                }
                
                #ef-navbar > .container >.navbar-header {
                    width: 330px; /* 280 zu klein für französisches Logo */
                }
                
                #ef-login-index div.ef-block-content form div.row #forgot-passwd {
                    color: #100035 !important;
                }
                
                /*CHART ON HOME*/
                path[fill="#009688"]
                {
                 fill:rgba(87,87,86, 0.6); 
                }
                
                path[fill="#67b7dc"]
                {
                  fill:rgba(136,136,136,0.6); 
                }
                
                path[stroke="#009688"]
                {
                  stroke:rgba(87,87,86, 0.8); 
                }
                
                circle[fill="#009688"]{
                 fill:rgba(87,87,86, 0.8); 
                }
                
                path[stroke="#67b7dc"]
                {
                  stroke:rgba(136,136,136,0.8);   
                }
                
                
                circle[fill="#67b7dc"]{
                   fill:rgba(136,136,136,0.8);    
                }
                
                 circle[fill="#009688"]{
                   fill:rgba(136,136,136,0.8);
                }


                
                .amcharts-legend-item-g1 > .amcharts-legend-marker {
                  fill:rgba(136,136,136,0.8);     
                  stroke:rgba(136,136,136,0.8);   
                }
                
                .amcharts-legend-item-g2 > .amcharts-legend-marker {
                  fill:rgba(87,87,86, 0.8);    
                  stroke:rgba(87,87,86, 0.8);  
                }
                
                .label.label-shell.module_booked {
                  color: #100035 !important;
                }
                .ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
                  background-color: #3336FE !important;
                }
                
                #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li a.dropdown-item > span.label {
                    color:#100035;
                }


        /*DO NOT ADD/EDIT AFTER THIS LINE |*/


/*costumeCss*/
/* {color: !important; background-color: !important;} */
#ef-navbar{border-color:white!important; background-color:white!important}
/*costumeCss_End*/
/*costumeCss*/
div.breadcrumb-x{color:#100035 !important; background-color:#3336FF !important;}

/*costumeCss_End*/
/*costumeCss*/
/* {color: !important; background-color: !important;} */
#ef-navbar .container .navbar-header .ef-navbar-logo img{max-width:120% !important;}
/*costumeCss_End*/
/*costumeCss*/
/* {color: !important; background-color: !important;} */
.searchDivRight{background-color:white!important}
/*costumeCss_End*/
/*costumeCss*/
#ef-navbar form.navbar-form span.search-handle{color:white!important; background-color:#3336FE !important;}

/*costumeCss_End*/
/*costumeCss*/
/* {color: !important; background-color: !important;} */
#ef-navbar form.navbar-form span.search-handle{visibility:hidden}
/*costumeCss_End*/
/*costumeCss*/
/* {color: !important; background-color: !important;} */
#ef-navbar form.navbar-form{margin:0px!important}
/*costumeCss_End*/
/*costumeCss*/
/* {color: !important; background-color: !important;} */
.btn-primary{border-color:#3336FF!important; background-color:#3336FF!important}
/*costumeCss_End*/
/*costumeCss*/
/* {color: !important; background-color: !important;} */
.btn-primary:active{color:#3336FF!important}
/*costumeCss_End*/
/*costumeCss*/
/* {color: !important; background-color: !important;} */
ol.breadcrumb li a {color:white!important}
/*costumeCss_End*/
/*costumeCss*/
/* {color: !important; background-color: !important;} */
.btn-primary:hover{color:#3336FF!important;border-color:#3336FF!important}
/*costumeCss_End*/
/*costumeCss*/
/* {color: !important; background-color: !important;} */
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{color:#ffffff!important}
/*costumeCss_End*/
/*costumeCss*/
/* {color: !important; background-color: !important;} */
div.ef-block table.iconTable td.iconData:hover{background-color:#ddd!important}
/*costumeCss_End*/





/*costumeCssWuhu*/
body:not(.popup){background-image: url('/assets/BackgroundLogin/Hintergrundbild (1).jpg');
background-size:cover;
background-attachment:fixed;
background-position:center center;
background-repeat:no-repeat;
height:auto;
min-height:100%;}
/*costumeCss_EndWuhu*/

/* 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.new-ui-html:root{--c-brand-primary:#3336FF;--c-brand-primary-darken-5:#fafafa;--c-brand-primary-darken-7:#f8f8f8;--c-brand-primary-darken-10:#f5f5f5;--c-brand-primary-darken-15:#f0f0f0;--c-brand-primary-darken-17:#eeeeee;--c-brand-primary-darken-20:#ebebeb;--c-brand-primary-darken-25:#e6e6e6;--c-brand-primary-lighten-7:#ffffff;--c-brand-primary-lighten-40:#ffffff;
    --c-brand-success: #EFEAFE ;
    --c-brand-success-darken-5: #EFEAFE;
    --c-brand-success-darken-7: #EFEAFE;
    --c-brand-success-darken-10: #EFEAFE;
    --c-brand-success-darken-15: #EFEAFE;
    --c-brand-success-darken-17: #EFEAFE;
    --c-brand-success-darken-20: #EFEAFE;
    --c-brand-success-darken-25: #EFEAFE;
    --c-brand-success-lighten-7: #EFEAFE;
    --c-brand-success-lighten-40: #EFEAFE;
}
div.breadcrumb-x{background-color:#3336FF;border-color:#3336FF;}