/*Place your CSS code here*/
/*    comments  */

/*This is for the checkmark  --  This is new  code added by eFront  during March 2023    */
.btn.btn-primary, .btn.btn-default, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-danger, .btn.btn-link {
    text-transform: uppercase;
    background-color: #0077C8;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
    color: #0077C8;
}

*.progress .progress-bar.progress-bar-success {
    background-color: #0077c8;
}

/*  New code: 05/12/2023 - to expand the cours overview page at: Module level desc:  In this module, etc. -- expand to 2 lines; char limits apply. DW */
p { 
    white-space: normal; 
}

/*  This chunk of code,  rows 19 to 29,  was added by eFront team in March 2023 - but it appears to be Javascript that belongs in the other box */
 /*    The code was highlighted as red (incorrect syntax) in this styling interface, so we commented it out.  */
 /*    Btn changes seem to work anyway without the Javascript being in the JS box  -- BizLink eLearning team, DW. */
/*
$(document).ready(function() {
  if (true == ef_current_user.isLearner) {
   $("a.btn.btn-primary.btn-sm").css("background-color", "#0077C8"); // for the course catalog
   $("div.progress").css("background-color", "#0077C8"); // for the progress bar
   $("button.btn-link.link.more-less-link").css("color", "#0077C8"); //for the start and resume button
    }
});  */


/*  next line is the 2 icons top - hover state - bizBlue    */
#ef-navbar .container ul.nav.navbar-nav > li > a, #ef-navbar .container ul.nav.navbar-nav > li > button:hover{
   color: #0077C8!important;
}


#ef-navbar .container ul.nav.navbar-nav > li > a, #ef-navbar .container ul.nav.navbar-nav > li > button{
   color: #000000!important;
}
  
 #searchDiv {
    background-color: #dddddd!important;
}
#ef-navbar form.navbar-form .selectize-input, #ef-navbar form.navbar-form input[type=text], #ef-navbar form.navbar-form span.search-handle {
    background-color: #dddddd!important;
}
.searchDivRight {
    background-color: #dddddd!important;
}
#sResultsDiv {
    background: #dddddd!important;
}
.ef-active > #searchDiv {
    background-color: #dddddd!important;
}
.active-search-input {
    background-color: #dddddd!important;
}
.searchDivCenter >.active-search-input {
    background: #dddddd!important;
}
.searchDivRight > span.search-handle {
    background-color: #dddddd!important;
}
#searchInputContainer > .clickableRow:nth-child(even) {
      background:#dddddd!important;
}


input#ef-search-bar::placeholder {
  color:    #333333!important;
}



#sResultsDiv > .clickableRow:nth-child(even) {
      background: #dddddd!important;
}
#sResultsDiv > .clickableRow {
      background: #dddddd!important;
}

body {
    background-color: #dddddd;
    font-size: 13px;
    /* font-family: Helvetica, sans-serif; */
    font-family: "Roboto";
    color: #454545;
    text-align: left;
    line-height: 1.5em;
    margin: 0px auto;
    padding: 0px;
    min-height: 100%;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#FFFFFF;border-color:#FFFFFF;}
div.ef-block, div.dashboard-panel div.panel-body{background-color:#FFFFFF;}
html.new-ui-html:root{--c-brand-primary:#dddddd;--c-brand-primary-darken-5:#d8d8d8;--c-brand-primary-darken-7:#d6d6d6;--c-brand-primary-darken-10:#d3d3d3;--c-brand-primary-darken-15:#cecece;--c-brand-primary-darken-17:#cccccc;--c-brand-primary-darken-20:#c9c9c9;--c-brand-primary-darken-25:#c4c4c4;--c-brand-primary-lighten-7:#e4e4e4;--c-brand-primary-lighten-40:#ffffff;}
