/*Place your CSS code here*/
#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: #fff;
}
 
#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle {
    background-color: #0C1F7F;
}

#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu {
    margin-top: -15px;
    opacity: 0;
    z-index: 1;
    position: absolute;
    right: 0px;
    top: 56px;
    background-color: #0C1F7F;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background-color: #0C1F7F;
    margin-left: 100%;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    -webkit-box-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li a.dropdown-item {
    color: #fff
}

#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg header {
    color: #0C1F7F;
    font-size: 13px;
}

#ef-navbar .container ul.nav.navbar-nav li#communication ul.dropdown-menu li.content a.msg footer {
    font-size: 11px;
    color: #0C1F7F;
}

#ef-navbar .container ul.nav.navbar-nav > li > a,  #ef-navbar .container ul.nav.navbar-nav > li > a:visited {
    color: #0C1F7F;
}

#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover {
    background-color: #0C1F7F;
    color: #dedede;
}

div.alert.alert-warning {
    background-color: #0C1F7F;
    color: #ffffff;
    font-weight: 600;
}
@media(max-width: 768px) {
  .new-ui #talentCraftUnit{
    margin-left: -20px;
      margin-right: -20px;
      width: calc(100% + 40px);
  }
  #talentCraft-viewer {
    overflow: auto;
  -webkit-overflow-scrolling: touch; 
  }
  .new-ui .ef-content-area.talentCraft-viewer-wrapper {
    padding: 0;
}
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#0C1F7F;border-color:#0C1F7F;}
html.new-ui-html:root{--c-brand-primary:#0c1f7f;--c-brand-primary-darken-5:#071a7a;--c-brand-primary-darken-7:#051878;--c-brand-primary-darken-10:#021575;--c-brand-primary-darken-15:#001070;--c-brand-primary-darken-17:#000e6e;--c-brand-primary-darken-20:#000b6b;--c-brand-primary-darken-25:#000666;--c-brand-primary-lighten-7:#132686;--c-brand-primary-lighten-40:#3447a7;}
*.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:#0C1F7F;border-color:#0C1F7F;}
html, body{
  /*background-color:#375366;*/
  background-size: cover;
  background-image: url(https://img.freepik.com/premium-photo/gradient-elegant-navy-abstract-creative-background-design_851755-310194.jpg?semt=ais_hybrid&w=740&q=80);
}
div.ef-block, div.dashboard-panel div.panel-body {
  background-color:#FFFFFF;
}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
  background-color:#0C1F7F;
  border-color:#0C1F7F;
}
*.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:#0C1F7F;
  border-color:#69A2B9;
}
html.popup, html.popup body {
    background-color: #0C1F7F !important;
      background-image: none;
}
.searchDivRight{
    background-color: white!important;
}