/* TIN Solutions staff interface. Upgrade-safe Perfex overrides. */
:root {
  --tin-navy:#0d2340;
  --tin-orange:#f28c28;
  --tin-charcoal:#444444;
  --tin-surface:#f4f6f8;
  --tin-border:#dfe5ea;
}

body:not(.customers) {
  color:var(--tin-charcoal);
  background:var(--tin-surface);
  letter-spacing:0;
}

html,
body.login_admin {
  max-width:100%;
  overflow-x:hidden;
}

body.login_admin .authentication-form-wrapper {
  width:100%;
  max-width:448px;
  padding-right:16px;
  padding-left:16px;
  box-sizing:border-box;
}

body.login_admin .authentication-form-wrapper *,
body.login_admin .authentication-form-wrapper *::before,
body.login_admin .authentication-form-wrapper *::after {
  box-sizing:border-box;
}

body.login_admin .company-logo img {
  display:block;
  width:auto;
  max-width:min(320px, 100%);
  height:auto;
  margin:0 auto;
  content:url('../themes/tin_solutions/images/tin-solutions-landscape.png');
}

body:not(.customers) #wrapper { background:var(--tin-surface); }
body:not(.customers) #header {
  border-bottom:1px solid var(--tin-border);
  box-shadow:0 2px 10px rgba(13,35,64,.08);
}

body:not(.customers) #header #logo img {
  max-width:172px;
  object-fit:contain;
}

body:not(.customers) #top_search input {
  background:#f4f6f8!important;
  border:1px solid var(--tin-border)!important;
}

body:not(.customers) #top_search input:focus {
  background:#fff!important;
  border-color:var(--tin-orange)!important;
  box-shadow:0 0 0 3px rgba(242,140,40,.12)!important;
}

body:not(.customers) .sidebar {
  background:var(--tin-navy);
  border-right:0;
  box-shadow:5px 0 18px rgba(8,25,46,.11);
}

body:not(.customers) .sidebar .sidebar-user-profile>a.profile {
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}

body:not(.customers) .sidebar .sidebar-user-profile>a.profile:hover,
body:not(.customers) .sidebar .sidebar-user-profile.open>a.profile {
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(242,140,40,.55)!important;
}

body:not(.customers) .sidebar .sidebar-user-profile .tw-text-neutral-500,
body:not(.customers) .sidebar .sidebar-user-profile .tw-text-neutral-300 {
  color:#bfcada!important;
}

body:not(.customers) .sidebar ul.nav li a {
  color:#d9e1eb;
  border-radius:6px;
  font-weight:600;
}

body:not(.customers) .sidebar ul.nav li a i.menu-icon { color:#aebdce; }
body:not(.customers) .sidebar>ul.nav>li:hover>a:first-child,
body:not(.customers) .sidebar>ul.nav>li.active>a:first-child,
body:not(.customers) .sidebar ul.nav>li>a:focus {
  color:#fff;
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.1);
  box-shadow:none;
}

body:not(.customers) .sidebar ul.nav li.active>a,
body:not(.customers) .sidebar ul.nav>li>a:hover,
body:not(.customers) .sidebar ul.nav>li>a:focus,
body:not(.customers) .sidebar ul.nav li.active>a .menu-icon,
body:not(.customers) .sidebar ul.nav>li>a:hover .menu-icon {
  color:#fff;
}

body:not(.customers) .sidebar>ul.nav>li.active { border-left-color:var(--tin-orange); }
body:not(.customers) .sidebar ul.nav li .nav-second-level {
  margin:4px 0 8px;
  padding:4px 0;
  border-left:1px solid rgba(255,255,255,.12);
}
body:not(.customers) .sidebar ul.nav li .nav-second-level li a { color:#bfcada; }
body:not(.customers) .sidebar ul.nav li .nav-second-level li.active a,
body:not(.customers) .sidebar ul.nav li .nav-second-level li a:hover { color:#fff; }

body:not(.customers) .panel_s,
body:not(.customers) .panel,
body:not(.customers) .widget { border-radius:7px; }

body:not(.customers) .panel_s .panel-body,
body:not(.customers) .panel-body {
  border-color:var(--tin-border);
  border-radius:7px;
  box-shadow:0 2px 8px rgba(13,35,64,.05);
}

body:not(.customers) .btn {
  min-height:36px;
  border-radius:6px;
  font-weight:700;
  letter-spacing:0;
}

body:not(.customers) .btn-primary,
body:not(.customers) .btn-info {
  color:#fff;
  background:var(--tin-orange);
  border-color:var(--tin-orange);
}

body:not(.customers) .btn-primary:hover,
body:not(.customers) .btn-primary:focus,
body:not(.customers) .btn-info:hover,
body:not(.customers) .btn-info:focus {
  color:#fff;
  background:#d9781d;
  border-color:#d9781d;
}

body:not(.customers) .btn-default {
  color:var(--tin-navy);
  background:#fff;
  border-color:#cfd8e3;
}

body:not(.customers) .form-control,
body:not(.customers) .bootstrap-select .btn-default {
  min-height:38px;
  border-color:#cfd8e3;
  border-radius:5px;
  box-shadow:none;
}

body:not(.customers) .form-control:focus,
body:not(.customers) .bootstrap-select.open>.btn-default {
  border-color:var(--tin-orange);
  box-shadow:0 0 0 3px rgba(242,140,40,.12);
}

body:not(.customers) table.table { background:#fff; }
body:not(.customers) table.table>thead>tr>th {
  color:var(--tin-navy);
  background:#edf1f5;
  border-bottom:1px solid #cfd8e3;
  font-weight:700;
}
body:not(.customers) table.table>tbody>tr:hover>td { background:#fff8f0; }

body:not(.customers) .label-success,
body:not(.customers) .bg-success { background-color:#16845b!important; }
body:not(.customers) .label-warning,
body:not(.customers) .bg-warning { background-color:var(--tin-orange)!important; }

body:not(.customers) .modal-content,
body:not(.customers) .dropdown-menu {
  border-color:var(--tin-border);
  border-radius:7px;
  box-shadow:0 12px 30px rgba(13,35,64,.14);
}

body:not(.customers) .nav-tabs>li.active>a,
body:not(.customers) .nav-tabs>li.active>a:hover,
body:not(.customers) .nav-tabs>li.active>a:focus {
  color:var(--tin-navy);
  border-bottom-color:var(--tin-orange);
}

@media (max-width:768px) {
  body:not(.customers) .content { padding:14px; }
  body:not(.customers) #header { position:sticky; top:0; }
  body:not(.customers) .panel_s .panel-body,
  body:not(.customers) .panel-body { padding:16px; }
  body:not(.customers) .table-responsive { border:0; }

  body.login_admin .authentication-form-wrapper {
    padding-top:48px!important;
    padding-right:14px;
    padding-left:14px;
  }

  body.login_admin .authentication-form-wrapper .tw-mx-2,
  body.login_admin .authentication-form-wrapper .sm\:tw-mx-6 {
    margin-right:0!important;
    margin-left:0!important;
  }

  body.login_admin .company-logo img {
    max-width:min(270px, 88vw);
  }
}