/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/*Place your CSS code here*/body{
    
    --ka-red:#E7312F;
    --ka-grey:#243A4D;
	--ka-hover:#F1F2F5;
	--ka-hoverred:#E55353;
	--ka-green:#007f5d;
    
    font-family: 'open sans', sans-serif;
    background-color:white;
}
 
#ef-navbar .container .navbar-header .ef-navbar-logo {
      padding-top: 30px;
  }

.breadcrumb-x .ef-breadcrumb li a {
color:white !important;
}

  table.ef-matrix-question-table td:first-child,
    div.ef-question-matrix td:first-child
{
width: 25%;
}
  
  .ef-info-header {
   text-transform:uppercase; 
  }


  
   
  
ul.customTabs > li.active > a{
 color: #243A4D!important;
}
 .fc-widget-header {
 background-color:#243A4D!important;
 }
a.fc-time-grid-event.fc-event.fc-start.fc-end{
border-color:#243A4D!important;
}
.fc-time-grid-event .fc-bg{
background-color:#243A4D!important;
opacity: 0.90!important;
}
  
a.fc-day-grid-event.fc-event.fc-start.fc-end{
  background:#243A4D!important; 
  border-color:#243A4D!important;
  opacity: 0.90!important;

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

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

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

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

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

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

#ef-navbar{
    background-color:white;
}

#ef-navigation > li > a > i, #ef-navigation > li > a > span{
    color:var(--ka-red);
}

body > div.breadcrumb-x
{
    background-color:#243A4D;
    color:white;
    font-weight:700;
}

body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-lg > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-md > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-sm > li > a,
body > div.breadcrumb-x > div > div > ol.breadcrumb.visible-xs > li > a{
    color:white;
}

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

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

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

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu{
    background-color:white !important;
}

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

#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after{
    background-color:white !important;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover{
    background-color:var(--ka-hover) !important;
}

#user-roles > ul > li > a, .dropdown-item{
    color: #000000 !important;
}

#ef-navigation > li.user-preferences.open > ul > li > a{
    color: #000000 !important;
}

.iconData:hover{
    background-color:var(--ka-hover) !important;
}

div.ef-block{
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.3);
            box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.3);
}

.ef-anchor-like, a.link, a.link:visited, a.link:hover, a.link:link{
	color:var(--ka-red) !important;
}
.caret{
	color:#000000 !important;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head{
	background-color:var(--ka-grey) !important;
}

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

.ef-dashboard-header .ef-main-action-button .btn.btn-success{
	background-color:var(--ka-green) !important;
}	

  .ef-session-title{
  color:#232323 !important;
}
  
.label-ef-starts-at{
  background-color: var(--ka-green) !important;
}
  
 .ef-completed-button, .label-ef-completed{
     background-color: var(--ka-green) !important;
 }
  
  #ef-navbar{
   padding-bottom:60px;
 }

/* LOGIN */

html:not(.popup) body:not(.ef-user-signed-in)
{
    background-image:url('');  
	background-size:cover;
}

body:not(.ef-user-signed-in) > #ef-index-page > div:nth-child(2) {
    max-width:50%;
}
  
  div.breadcrumb-x{
    height:50px;
  }
  
    #login_form > div > div{
    width:100%;
  }

    @media  (max-width: 760px){
    #ef-login-index{
      width:100% !important
    }
     
  }
  
    @media  (max-width: 1800px){
    #ef-login-index{
      width:50%
    }
     
  }
  
      @media  (min-width: 1801px){
    #ef-login-index{
      width:40%
    }
     
  }


/* GRAPHS */

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

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

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

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

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

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


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

circle[stroke="#67b7dc"]{
	stroke:var(--ka-red);
}

/* CATALOG IMG [LMSHELP-17821] */
.ef-catalog-wrap div.thumbnail img {
 	 height: 90% !important;
}
.ef-catalog-wrap div.thumbnail {
 	 background-color: inherit !important;
}

#openSessions td.text-center.handles,
#upcomingSessions td.text-center.handles,
#cancelledSessions td.text-center.handles,
#completedSessions td.text-center.handles {
  	/*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
#openSessions td,
#upcomingSessions td,
#cancelledSessions td,
#completedSessions td {
  	padding: 4px;
}
#openSessions tr > td:first-child,
#upcomingSessions tr > td:first-child,
#cancelledSessions tr > td:first-child,
#completedSessions tr > td:first-child {
  padding-left: 10px !important;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
    background-color: white;
}
  #ef-navbar .container ul.nav.navbar-nav > li > button, #ef-navbar .container ul.nav.navbar-nav > li > button:hover{
    color:black;
  }
  #ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu {
    background-color: #FFFFFF;
}
html.new-ui-html:root{--c-brand-primary:#ffffff;--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;}