/* @import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap'); */

@font-face {
  font-family: 'PT Sans';
  src: url('/assets/fonts/PT_Sans/PTSans-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'PT Sans';
  src: url('/assets/fonts/PT_Sans/PTSans-Italic.ttf');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'PT Sans';
  src: url('/assets/fonts/PT_Sans/PTSans-Bold.ttf');
  font-weight: 700;
}
@font-face {
  font-family: 'PT Sans';
  src: url('/assets/fonts/PT_Sans/PTSans-BoldItalic.ttf');
  font-weight: 700;
  font-style: italic;
}

body{
  font-family: 'PT Sans', sans-serif !important;
}

.bg-primary {
background-color: #3ebdde;
}
body{
    
    --ka-blue: #2F4D72;
    --ka-grey:#6b6a6a;
    --ka-lightgrey: #e8ebef;
    
    background-color:var(--ka-lightgrey);
}
.ef-question-indicator .ef-question-indicator-current{
    background-color: #f8d501 !important;
    border: 2px solid #f8d501 !important;
}
 #ef-navigation > li.user-preferences > button > div > div > div:after{
    background-color:white!important;
    color:var(--ka-blue) !important;
  }


.btn-primary{
    background-color:var(--ka-blue) !important;
}
.btn-primary:hover{
    background-color:var(--ka-blue) !important;
}

.btn.btn-primary {
    border: 1px solid var(--ka-blue);
}

.btn.btn-primary:hover{
    border: 1px solid var(--ka-blue);
}

.btn-group > .btn-primary.dropdown-toggle{
    border-left: 1px solid var(--ka-blue);
}

.btn-group > a.btn-primary{
    border-right: 1px solid var(--ka-blue);
}

#Embed > button{
    background-color:var(--ka-blue) !important;
}

/* Main Navigation */
#ef-navbar .container ul.nav.navbar-nav {
    min-height: 56px;
    height: auto;
    display: flex !important;
}

div#userNavBar > ul#ef-navigation >li#communication{
  display:none !important;
}


#searchDiv > div.searchDivRight,#searchDiv > div.searchDivRight > span, #ef-search-bar{
    background-color:#425d87 !important;
   
}

#ef-navigation > li.user-preferences > a > div > div > div{
    background-color:var(--ka-blue) !important;
}



#user-roles > ul > li > a{
    color: var(--ka-lightgrey) !important;
}

#ef-navigation > li.user-preferences.open > ul > li > a{
    color: var(--ka-lightgrey) !important;
}

#ef-options-block > div > div > div > div > table > tbody > tr > td.iconData:hover{
    background-color:var(--ka-lightgrey) !important;
}

div.ef-block{
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.3);
}
  #ef-my-courses-list-content .label,  #ef-my-courses-grid-content .label{
    color: white !important;
  }
  
  .ef-my-courses .ef-courses-list ul li.ef-my-courses-curriculum > div.ef-entry-head{
    background-color:white;
  }

div.img-placeholder.alphatar.navi div.img-overlay{
  width: auto !important;
  height: auto !important;
}

body .ef-my-courses .ef-courses-list ul li.ef-my-courses-curriculum > div.ef-entry-head{
  background-color:white !important;
}

.btn-success {
  color: #fff;
  background-color: #0ABBEF !important;
  border-color: #0ABBEF !important;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #0ABBEF !important;
  border-color: black;
}
.btn-success:hover {
  color: #fff;
  background-color: #0ABBEF !important;
  border-color: #0ABBEF !important;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #0ABBEF !important;
  background-image: none;
  border-color: #0ABBEF !important;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #0ABBEF !important;
  border-color: black;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #0ABBEF !important;
  border-color: #0ABBEF !important;
}
.btn-success .badge {
  color: #0ABBEF !important;
  background-color: #fff;
}

.label-success {
  background-color: #0ABBEF !important;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #0ABBEF !important;
}

.progress-bar-success {
  background-color: #0ABBEF !important;
}

.ef-dashboard-header .ef-main-action-button .btn.btn-success {
  background-color: #0ABBEF !important;
}

.label-ef-completed{
	background-color: #0ABBEF !important;
}

#ef-navigation > li.user-preferences.open > ul, #ef-navigation > li.user-preferences.open > ul > li > ul {
  background-color:#1C2734 !important;
}

#user-roles > ul > li > a{
  background-color:#1C2734 !important;
}

#ef-search-bar::placeholder, #custom_course_search::placeholder,#custom_course_search{
  color:white !important;
}

#ef-modal-label{
  flex:auto;
}

.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: #0ABBEF !important;
}
.btn-warning{
  background-color: #7f7f7f !important;
  border-color:#7f7f7f !important;
}

.ef-dashboard-content .ef-unit-tree i.passed.ef-tooltip-toggle.fa-check{
color: #0ABBEF !important;
}

.ef-unit-tree .active-content:before{
background: #0ABBEF !important;
}


div.ef-panel-failure-test > div > div.media > div.media-body > div.h4.media-heading, div.ef-panel-success-test > div > div.media > div.media-body > div.h4.media-heading,{
  font-size:12px;
  font-weight: bold;
}

div.ef-test-panels > div:nth-child(1) > div.panel > div.panel-body > div.media > div.media-body > div.media-heading{
font-size: 12px;
    font-weight: bold;
	}

.panel-primary{
	border-color: #0ABBEF;
}
.bg-primary{
	background-color: #0ABBEF;
}

/* Cart */
#ef-cart-payment-table .agb-link {
    text-align: left;
    margin: 0 -15px 16px;
}

table.biling-address td {
  padding: 15px !important;
}

#ef-cart-payment-table .agb-link a,
table.biling-address a {
  color: #0ABBEF;
}

#ef-cart-payment-table .creditcard-payment-information {
  display: block;
  margin: 8px 0;
  font-size: 11px;
  color: slategrey;
}

#ef-cart-payment-table .ef-payment-handles .ef-pay-with-paypal {
  display: block;
  width: 100%;
}


/* GRAPHS */

path[fill="#009688"]
{
	fill: var(--ka-grey);
}

path[stroke="#009688"]
{
	stroke: var(--ka-grey);
}

circle[fill="#009688"]{
	fill: var(--ka-grey);
}

circle[stroke="#009688"]{
	stroke: var(--ka-grey);
}

path[fill="#67b7dc"]
{
	fill:var(--ka-blue);
}

path[stroke="#67b7dc"]
{
	stroke:#1f90b1;
}


circle[fill="#67b7dc"]{
	fill:#1f90b1;
}

circle[stroke="#67b7dc"]{
	stroke:#1f90b1;
}

/***
Anpassungen C&L SAML-Button
***/

#ef-login-index div.ef-block-content form .ef-login-with {
    cursor: pointer;
    display: inline-block;
    padding: 0px;
    border-radius: 3px;
     text-transform: none; 
    width: 480px;
    max-width: 100%;
    overflow: hidden;
    text-align: left;
    line-height: 56px;
    color: #FFFFFF;
    font-size: 20px;
    background-color: #0ABBEF;
}

#ef-login-index div.ef-block-content form .ef-login-with i {
    font-size: 30px;
    margin-right: 4px;
    float: left;
    border-radius: 50%;
    text-align: center;
    padding: 0px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-right: 10px;
    color: #fefefe;
    background-color: #0ABBEF;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#2F4D72;border-color:#2F4D72;}
html,body{background-color:#E8EBEE;}
div.breadcrumb-x{background-color:#E8EBEF;border-color:#E8EBEF;}
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:#2F4D72;border-color:#2F4D72;}