@import '/client/css/espo/light.css';

:root {
    --btn-primary-bg: #2A3349;
    --btn-primary-border: #2A3349;
    --btn-primary-hover-bg: #1f2536;
    --btn-primary-hover-border: #1f2536;
}

a,
a:hover {
    color: #0074be;
}

body,
body[data-navbar="side"] #navbar .navbar-right,
body[data-navbar="side"].minimized.side-menu-opened #navbar .navbar-right,
.list-sticky-bar {
    background-color: #f0f0f0;
}


#navbar .navbar-brand img {
    height: initial !important;
    margin-top: 5px;
}

#navbar .navbar {
  border-right: 1px solid #2A3349 !important;
  background-color: #2A3349;
 }

.tab-divider span.label-text {
  color: #fff !important;
}

.navbar-inverse .navbar-nav .tab a span {
  color: #ffffff;
  opacity: 0.7;
}

#navbar .navbar-inverse .navbar-nav .tab.active a.nav-link,
#navbar .navbar-inverse .navbar-nav .tab.active a.nav-link:hover {
  background-color: #e8494f;
}

#navbar .navbar-inverse .navbar-nav .tab.active a.nav-link .short-label,
#navbar .navbar-inverse .navbar-nav .tab.active a.nav-link .full-label {
  opacity: 1;
}

#navbar .navbar-inverse .navbar-nav li.tab a:focus,
#navbar .navbar-inverse .navbar-nav li.tab a:hover,
#navbar .navbar-inverse .navbar-nav li.tab.open a,
#navbar .navbar-inverse .navbar-left-container .navbar-nav .dropdown-menu {
  background-color: #1f2536;
}

#navbar .navbar-inverse .navbar-left-container .navbar-nav li.tab-group ul.dropdown-menu {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
#navbar .navbar-inverse .navbar-left-container .navbar-nav .dropdown-menu .divider {
  background-color: #242b3f;
  margin: 3px 0;
}

#navbar .navbar-inverse .navbar-nav li.tab a:focus span,
#navbar .navbar-inverse .navbar-nav li.tab a:hover span {
  opacity: 1;
}


/* Login */

#catalyst-login::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url('/client/modules/catalyst/img/loginbg.jpg');
  background-size: cover;
}

#login .logo-container {
  width: 100%;
  height: initial;
  text-align: center;
  padding: 0 50px;
}

#login .logo-container img.logo {
  max-width: 350px;
  width:100%;
}

#login {
  border: none;
  border-radius: 16px;
  padding:35px 35px 25px 35px;
}

#login.panel .panel-heading {
  background: none;
  padding-bottom: 35px;
}
#login.panel .panel-body {
  padding: 0;
}

#login-form .catalyst-system-links {
  padding-top:15px;
  font-size: 0.75rem;
  font-style: italic;
}

#login-form .catalyst-system-links .application-name {
  float: right;
}

#login-form .cell[data-name="sign-in"] {
  text-align: center;
}

#login-form .manual-login {
  margin-top: 20px;
}
#sign-in {
  padding-left: 12px;
  padding-right: 12px;
}
#sign-in span {
  margin-left: 8px
}

/* Case - Fixed work items panel */

.panel .caseitems {
  /* padding-top: 0; */
  margin-top: -35px;
}