body { background-color: #e7eff6; }
body .modal-content { background-color: #e7eff6; }
body > footer > p.credit { display: none; }
/* Logo container */
@media screen and (min-width:768px) {
  body[data-navbar="side"] #navbar > .navbar .navbar-logo-container { display: flex; width: 100%; height: auto; }
  body[data-navbar="side"] #navbar a.navbar-brand, 
  body[data-navbar="side"].minimized.side-menu-opened #navbar a.navbar-brand { max-width: 100%; height: 140px; padding-right: 20px; }
  body[data-navbar="side"] #navbar .navbar-brand img, 
  body[data-navbar="side"].minimized.side-menu-opened #navbar .navbar-brand img { max-width: 100%; height: auto; }
  body[data-navbar="side"] #navbar ul.tabs, 
  body[data-navbar="side"].minimized.side-menu-opened #navbar ul.tabs { margin-top: auto; padding-top: 30px; }
  body[data-navbar="side"].minimized #navbar a.side-menu-button { display: none; }
}
/* Login container */
#login.panel .panel-heading { background-color: #0A3A4A; padding: 24px 32px 14px; }
#login.panel .logo-container { width: auto; height: auto; overflow: hidden; border-top-left-radius: var(--panel-border-radius); text-align: center; }
#login.panel .logo-container img.logo { width: auto; height: auto; overflow: hidden; border-top-left-radius: var(--panel-border-radius); padding: 0; }
#login.panel .panel-body { padding: 24px 32px 28px; background-color: #ffffff; }
#login #login-form { padding: 0px 15px; }

/* Sidenav container */
.navbar-inverse { background-color: #0A3A4A; border-color: var(--navbar-inverse-border); }
.navbar-inverse .navbar-nav > li > a { color: #fbfbfb; }
#navbar > .navbar .tabs > li > a .more-icon, 
#navbar > .navbar .tabs > li > a .short-label { color: #fbfbfb; }
.navbar-inverse .navbar-collapse.navbar-body { background-color: rgba(20, 20, 20, 0.11); border-color: var(--navbar-inverse-border); }

@media screen and (min-width:768px) {
body[data-navbar="side"] #navbar .navbar ul.tabs > li.tab-divider > div > .label-text, 
body[data-navbar="side"].minimized.side-menu-opened #navbar .navbar ul.tabs > li.tab-divider > div > .label-text { color: #ccc; }
}

@media screen and (max-width: 767px) {
#navbar .navbar .navbar-toggle { color: #e3e1e1;}
.navbar-inverse .navbar-toggle:focus, 
.navbar-inverse .navbar-toggle:hover { background-color: transparent;}
}
/* List */
.list > .table > tbody > tr > td, .list > .table > tbody > tr > th { line-height: var(--line-height-base); font-size: 13px; }
.list > table td > .label-md { max-width: calc(100%); display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: top; margin-top: calc(var(--1px) * -1); margin-bottom: calc(var(--1px) * -1); padding: 3px 20px; min-width: 100%; }
.list > table td .label-md { line-height: 1.4; }
.label-md { font-weight: 400; font-size: 90%; padding: var(--1px) var(--7px) var(--2px); top: 0; line-height: 1.8; }
.list > table.table > thead th > a { color: var(--text-muted-color); font-weight: 600; text-transform: uppercase; font-size: 80%; color: #fff; }
.list > table.table > thead { background: #0D4D63; color: #fff; }

/* Panel Heading */
body .panel-default > .panel-heading { color: #FFF; background-color: #0D4D63; border-color: transparent; }
.panel > .panel-heading { min-height: var(--panel-heading-height); user-select: none; padding-top: 6px; padding-bottom: 6px; }

/* Form */
.form-control { background-color: #F1F6FB; border: var(--input-border-width) solid #D9EBFF; }
.selectize-input.full { background-color: #F1F6FB; border: var(--input-border-width) solid #D9EBFF; }
.selectize-control.single .selectize-input.input-active, 
.selectize-input { background: #F1F6FB; }

/* Grid */
:root{--record-grid-max-width:var(--1440px);}
.record .record-grid {
  display: grid;
  grid-column-gap: var(--container-padding);
  grid-template-columns: minmax(auto,71.6%) minmax(auto,28.4%);
  max-width: var(--record-grid-max-width);
}

/* ===== Tehnolift Login Theme ===== */

body .panel-default > .panel-heading .btn-default:not(.btn-link) {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}
body .panel-default > .panel-heading .btn-group .dropdown-toggle.btn  {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}
body .panel-default > .panel-heading .btn-default:not(.btn-link):hover, body .panel-default > .panel-heading .btn:not(.btn-link):hover {
  color: #fefefe;
}
body .panel-default > .panel-heading .btn-group .dropdown-toggle.btn:hover, body .panel-default > .panel-heading .btn-group.open .dropdown-toggle.btn:hover {
  color: #fefefe;
}

/* Sam login panel */
#login.panel.panel-default { border-radius: 14px; overflow: hidden; border: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); }

/* Taman header iza logotipa */
#login.panel .panel-heading { background-color: #0A3A4A;padding: 24px 32px 18px; }

/* Logo unutar headera */
#login.panel .panel-heading .logo-container { text-align: center; }
#login.panel .panel-heading .logo { max-width: 290px; height: auto; }

/* Telo login forme */
#login.panel .panel-body { padding: 24px 32px 28px; background-color: #ffffff; }

/* Malo zaobljene ivice inputa i dugmeta radi modernijeg izgleda */
#login.panel .form-control { border-radius: 6px; }
#login.panel #btn-login { border-radius: 6px; }

/* ===== Tehnolift Primary Button ===== */
.btn-primary, #btn-login { background-color: #0A3A4A !important;   /* osnovna boja – ista kao login header */ border-color: #0A3A4A !important; color: #ffffff !important; border-radius: 6px; transition: background-color .15s ease, box-shadow .15s ease; }

/* Hover stanje – malo svetlije */
.btn-primary:hover, #btn-login:hover { background-color: #0D4D63 !important;   /* + malo svetlija varijanta */ border-color: #0D4D63 !important; box-shadow: 0 0 6px rgba(13, 77, 99, 0.35); }

/* Active stanje – tamnije i “pritisnuto” */
.btn-primary:active, .btn-primary:focus:active, #btn-login:active, #btn-login:focus:active { background-color: #072A33 !important;   /* tamnija varijanta */ border-color: #072A33 !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35); }

/* Disabled (ako Espo koristi disabled dugme) */
.btn-primary.disabled, .btn-primary:disabled { opacity: 0.55; cursor: not-allowed; }

/* Mobile: sidebar ispod main dela */
@media screen and (max-width: 991px) {
  body.tl-mobile .left {
    display: block !important;
  }
  body.tl-mobile .side.tabs-margin {
    float: none !important;
    width: auto !important;
    margin-top: 12px;
  }
}
@media screen and (max-width: 991px) {
  .record .record-grid {
    grid-template-columns: 100%;
  }
}