/*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: #69A2B9;
}

#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: #69A2B9;
}

#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: #1D2F3B;
    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: #fff;
    font-size: 13px;
}

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

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

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

div.alert.alert-warning {
    background-color: #f2cb65;
    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:#1D2F3B;border-color:#1D2F3B;}
*.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:#69A2B9;border-color:#69A2B9;}
html, body{
  /*background-color:#375366;*/
  background-size: cover;
  background-image: url(https://www.xmple.com/wallpaper/black-blue-gradient-linear-1920x1080-c2-87cefa-000000-a-240-f-14.svg);
}
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:#1D2F3B;
  border-color:#1D2F3B;
}
*.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:#69A2B9;
  border-color:#69A2B9;
}
html.popup, html.popup body {
    background-color: #eff2f7 !important;
      background-image: none;
}
.searchDivRight{
    background-color: white!important;
}
html.new-ui-html:root{--c-brand-primary:#69a2b9;--c-brand-primary-darken-5:#649db4;--c-brand-primary-darken-7:#629bb2;--c-brand-primary-darken-10:#5f98af;--c-brand-primary-darken-15:#5a93aa;--c-brand-primary-darken-17:#5891a8;--c-brand-primary-darken-20:#558ea5;--c-brand-primary-darken-25:#5089a0;--c-brand-primary-lighten-7:#70a9c0;--c-brand-primary-lighten-40:#91cae1;}