body[data-fvd-modernized-laravel] {
  --fvd-admin-bg: #f4f6f8;
  --fvd-admin-panel: #ffffff;
  --fvd-admin-ink: #15181d;
  --fvd-admin-muted: #65707d;
  --fvd-admin-line: #dfe4ea;
  --fvd-admin-red: #d7193f;
  --fvd-admin-red-dark: #9f102c;
  --fvd-admin-green: #16845b;
  --fvd-admin-amber: #aa6a00;
  --fvd-admin-blue: #245b9f;
  background: var(--fvd-admin-bg);
  color: var(--fvd-admin-ink);
  font-family: "proxima-nova", "Segoe UI", sans-serif;
}

body[data-fvd-modernized-laravel] a {
  color: var(--fvd-admin-red);
  text-decoration: none;
}

body[data-fvd-modernized-laravel] a:hover {
  color: var(--fvd-admin-red-dark);
  text-decoration: none;
}

body[data-fvd-modernized-laravel] img,
body[data-fvd-modernized-laravel] svg {
  max-width: 100%;
}

body[data-fvd-modernized-laravel] .web-wrap {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgb(255 255 255 / 92%) 0, rgb(244 246 248 / 94%) 290px),
    var(--fvd-admin-bg);
}

body[data-fvd-modernized-laravel] .web-wrap > nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid rgb(21 24 29 / 10%);
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 12px 30px rgb(21 24 29 / 7%);
  backdrop-filter: blur(14px);
}

body[data-fvd-modernized-laravel] .web-wrap > nav .container {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

body[data-fvd-modernized-laravel] .right-menu,
body[data-fvd-modernized-laravel] .main-menu {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .right-menu li,
body[data-fvd-modernized-laravel] .main-menu li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .right-menu a,
body[data-fvd-modernized-laravel] .right-menu button,
body[data-fvd-modernized-laravel] .main-menu a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  border-radius: 8px;
  color: var(--fvd-admin-ink);
  font-size: 0.875rem;
  font-weight: 780;
  padding: 8px 11px;
}

body[data-fvd-modernized-laravel] .right-menu a:hover,
body[data-fvd-modernized-laravel] .right-menu button:hover,
body[data-fvd-modernized-laravel] .main-menu a:hover {
  background: #eef2f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .right-menu .count,
body[data-fvd-modernized-laravel] .right-menu em {
  display: inline-flex;
  min-width: 22px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--fvd-admin-red);
  color: #fff;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
  padding: 2px 7px;
}

body[data-fvd-modernized-laravel] .box-hover {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 20px 48px rgb(21 24 29 / 14%);
}

body[data-fvd-modernized-laravel] .box-hover .in {
  padding: 18px;
}

body[data-fvd-modernized-laravel] .box-hover .heading {
  color: var(--fvd-admin-ink);
  font-size: 1.05rem;
  font-weight: 850;
  line-height: 1.2;
}

body[data-fvd-modernized-laravel] .store-links {
  gap: 10px;
}

body[data-fvd-modernized-laravel] .store-links a,
body[data-fvd-modernized-laravel] .mob-app-stores a {
  border-radius: 8px;
}

body[data-fvd-modernized-laravel] .logo img {
  width: auto;
  height: 44px;
}

body[data-fvd-modernized-laravel] .top-menu {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

body[data-fvd-modernized-laravel] .top-menu li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .web-wrap .form-inline {
  display: inline-flex;
  margin: 0;
}

body[data-fvd-modernized-laravel] .top-menu .form-inline {
  align-items: center;
}

body[data-fvd-modernized-laravel] .top-menu a,
body[data-fvd-modernized-laravel] .top-menu button,
body[data-fvd-modernized-laravel] .company-balance a,
body[data-fvd-modernized-laravel] .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  color: var(--fvd-admin-ink);
  font-size: 0.875rem;
  font-weight: 700;
  padding: 8px 12px;
}

body[data-fvd-modernized-laravel] .top-menu button:hover,
body[data-fvd-modernized-laravel] .top-menu a:hover,
body[data-fvd-modernized-laravel] .company-balance a:hover {
  border-color: rgb(215 25 63 / 32%);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .web-wrap > .container {
  max-width: 1480px;
}

body[data-fvd-modernized-laravel] .web-content {
  display: grid;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  padding: 24px 0 48px;
}

body[data-fvd-modernized-laravel] aside {
  position: sticky;
  top: 88px;
  max-height: calc(100vh - 112px);
  overflow: auto;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: var(--fvd-admin-panel);
  box-shadow: 0 14px 34px rgb(21 24 29 / 8%);
}

body[data-fvd-modernized-laravel] aside::-webkit-scrollbar {
  width: 8px;
}

body[data-fvd-modernized-laravel] aside::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #c7ced6;
}

body[data-fvd-modernized-laravel] .aside-mobile {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  padding: 14px;
}

body[data-fvd-modernized-laravel] .aside-mobile ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .aside-mobile li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .aside-mobile .form-inline {
  display: block;
  width: 100%;
}

body[data-fvd-modernized-laravel] .aside-mobile ul a,
body[data-fvd-modernized-laravel] .aside-mobile ul button {
  display: flex;
  width: 100%;
  min-height: 40px;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  color: var(--fvd-admin-ink);
  font-weight: 780;
  padding: 9px 11px;
  text-align: left;
}

body[data-fvd-modernized-laravel] .aside-mobile ul button {
  justify-content: center;
}

body[data-fvd-modernized-laravel] .aside-mobile ul a:hover,
body[data-fvd-modernized-laravel] .aside-mobile ul button:hover {
  border-color: rgb(215 25 63 / 32%);
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .aside-box {
  border: 0;
  border-bottom: 1px solid var(--fvd-admin-line);
  background: transparent;
  box-shadow: none;
  margin: 0;
}

body[data-fvd-modernized-laravel] .aside-box:last-child {
  border-bottom: 0;
}

body[data-fvd-modernized-laravel] .aside-box h4 {
  margin: 0;
}

body[data-fvd-modernized-laravel] .aside-box h4 a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  background: #fff;
  color: var(--fvd-admin-ink);
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 15px 16px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .aside-box h4 a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #9aa4af;
  border-bottom: 2px solid #9aa4af;
  transform: rotate(45deg);
}

body[data-fvd-modernized-laravel] .aside-box.is-open h4 a::after {
  transform: rotate(225deg);
}

body[data-fvd-modernized-laravel] .aside-box .in {
  background: #fbfcfd;
  padding: 4px 10px 14px;
}

body[data-fvd-modernized-laravel] .aside-box ul {
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .aside-box li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .aside-box li strong {
  display: block;
  color: var(--fvd-admin-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 14px 8px 6px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .aside-box li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-radius: 8px;
  color: #27313d;
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.25;
  padding: 9px 10px;
}

body[data-fvd-modernized-laravel] .aside-box li a:hover {
  background: #eef2f6;
}

body[data-fvd-modernized-laravel] .aside-box li a.active {
  background: #171a20;
  color: #fff;
  box-shadow: inset 3px 0 0 var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .numbers,
body[data-fvd-modernized-laravel] .badge {
  display: inline-flex;
  min-width: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--fvd-admin-red);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 800;
  padding: 3px 8px;
}

body[data-fvd-modernized-laravel] main {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .web-content > .container,
body[data-fvd-modernized-laravel] .style-content {
  max-width: 1180px;
  min-width: 0;
}

body[data-fvd-modernized-laravel] .style-content {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgb(21 24 29 / 7%);
  margin-top: 22px;
  padding: clamp(20px, 3vw, 34px);
}

body[data-fvd-modernized-laravel] .style-content h1,
body[data-fvd-modernized-laravel] .style-content h2,
body[data-fvd-modernized-laravel] .style-content h3 {
  color: var(--fvd-admin-ink);
  font-weight: 860;
  line-height: 1.08;
}

body[data-fvd-modernized-laravel] .style-content p,
body[data-fvd-modernized-laravel] .style-content li {
  color: #34404c;
  line-height: 1.62;
}

body[data-fvd-modernized-laravel] .box-grey {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgb(21 24 29 / 7%);
  margin: 18px auto 24px;
  max-width: 720px;
  padding: clamp(20px, 3vw, 32px);
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .box-grey {
  width: 100%;
  max-width: 460px;
}

body[data-fvd-modernized-laravel] .web-content:has(> .container > form[data-testid="login-form"]) {
  display: block;
  padding: 0 0 56px;
}

body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) {
  display: grid;
  width: min(100% - 32px, 1120px);
  min-height: calc(100vh - 220px);
  grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
  gap: clamp(28px, 6vw, 78px);
  align-items: center;
  padding: clamp(34px, 6vw, 82px) 0;
}

body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) > h1 {
  max-width: 620px;
  color: var(--fvd-admin-ink);
  font-size: clamp(3rem, 6vw, 5.4rem);
  font-weight: 900;
  line-height: 0.92;
  margin: 0;
}

body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) > form {
  width: 100%;
  justify-self: end;
  margin: 0;
}

body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) .box-grey {
  position: relative;
  overflow: hidden;
  border-color: rgb(215 25 63 / 18%);
  background:
    linear-gradient(145deg, rgb(255 255 255 / 98%) 0, rgb(252 244 246 / 94%) 100%),
    #fff;
  box-shadow: 0 26px 72px rgb(21 24 29 / 13%);
  margin: 0;
  padding: clamp(24px, 4vw, 36px);
}

body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) .box-grey::before {
  margin-bottom: 18px;
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .form-group {
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .form-control {
  min-height: 52px;
  border-color: #ccd4dd;
  border-radius: 8px;
  background: #fff;
  color: var(--fvd-admin-ink);
  font-size: 1rem;
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .form-control:focus {
  border-color: var(--fvd-admin-red);
  box-shadow: 0 0 0 4px rgb(215 25 63 / 12%);
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .buttons-login {
  margin: 24px calc(clamp(24px, 4vw, 36px) * -1) calc(clamp(24px, 4vw, 36px) * -1);
  padding: 18px clamp(24px, 4vw, 36px);
}

body[data-fvd-modernized-laravel] form[data-testid="login-form"] .buttons-login .btn {
  width: 100%;
  min-height: 52px;
  justify-content: center;
  border-radius: 8px;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .box-grey[data-testid="password-email-panel"],
body[data-fvd-modernized-laravel] .box-grey[data-testid="password-reset-panel"],
body[data-fvd-modernized-laravel] form[action$="/password/email"] .box-grey,
body[data-fvd-modernized-laravel] .box-grey:has(> form[action$="/password/reset"]) {
  max-width: 560px;
}

body[data-fvd-modernized-laravel] .box-grey[data-testid="password-email-panel"] .alert,
body[data-fvd-modernized-laravel] .box-grey[data-testid="password-reset-panel"] .alert,
body[data-fvd-modernized-laravel] form[action$="/password/email"] .box-grey .alert,
body[data-fvd-modernized-laravel] .box-grey:has(> form[action$="/password/reset"]) .alert {
  border-radius: 8px;
  font-weight: 750;
}

body[data-fvd-modernized-laravel] .box-grey[data-testid="password-email-panel"] .btn,
body[data-fvd-modernized-laravel] .box-grey[data-testid="password-reset-panel"] .btn,
body[data-fvd-modernized-laravel] form[action$="/password/email"] .box-grey .btn,
body[data-fvd-modernized-laravel] .box-grey:has(> form[action$="/password/reset"]) .btn {
  min-height: 46px;
  white-space: normal;
}

body[data-fvd-modernized-laravel] .box-grey::before {
  content: "Firmy v dosahu";
  display: block;
  color: var(--fvd-admin-red);
  font-size: 0.75rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .box-grey > form,
body[data-fvd-modernized-laravel] .box-grey form {
  margin: 0;
}

body[data-fvd-modernized-laravel] .box-grey .buttons,
body[data-fvd-modernized-laravel] .buttons-login {
  border-top: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  margin: 22px -32px -32px;
  padding: 16px 32px;
}

body[data-fvd-modernized-laravel] .box-grey label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body[data-fvd-modernized-laravel] .box-grey label a {
  font-size: 0.82rem;
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] {
  max-width: 720px;
  margin: 0 auto 48px;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] .box-grey {
  position: relative;
  overflow: hidden;
  border-color: rgb(215 25 63 / 20%);
  background:
    linear-gradient(135deg, rgb(255 248 249 / 94%) 0, rgb(255 255 255 / 96%) 46%),
    #fff;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] .box-grey::before {
  content: "Firemni poptavky";
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] .form-group {
  display: grid;
  gap: 10px;
  margin: 0;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] p {
  color: #34404c;
  font-size: 1rem;
  line-height: 1.62;
  margin: 0;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] p:first-child {
  color: var(--fvd-admin-ink);
  font-size: 1.16rem;
  font-weight: 780;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] strong {
  color: var(--fvd-admin-red);
  font-weight: 880;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] .buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

body[data-fvd-modernized-laravel] .container > h1 + form[action*="/poptavky"] .btn-danger {
  min-height: 46px;
  white-space: normal;
}

body[data-fvd-modernized-laravel] .form-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

body[data-fvd-modernized-laravel] .form-check-input {
  margin-top: 13px;
}

body[data-fvd-modernized-laravel] .form-check-label.no-flex,
body[data-fvd-modernized-laravel] .no-flex {
  display: block;
  min-height: 0;
  line-height: 1.55;
}

body[data-fvd-modernized-laravel] .card-deck {
  gap: 18px;
}

body[data-fvd-modernized-laravel] .card-deck .card,
body[data-fvd-modernized-laravel] .version-compare .card {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .card-header {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  color: var(--fvd-admin-ink);
  font-weight: 850;
  padding: 16px 20px;
}

body[data-fvd-modernized-laravel] .card-title {
  color: var(--fvd-admin-ink);
  font-size: 1.12rem;
  font-weight: 850;
  line-height: 1.25;
}

body[data-fvd-modernized-laravel] .card-text {
  color: #34404c;
  line-height: 1.62;
}

body[data-fvd-modernized-laravel] .version-compare {
  gap: 20px 0;
  margin-top: 22px;
}

body[data-fvd-modernized-laravel] .version-compare .fa-li {
  color: var(--fvd-admin-green);
}

body[data-fvd-modernized-laravel] .banner-wrap {
  border-radius: 8px;
  overflow: hidden;
}

body[data-fvd-modernized-laravel] main > h1,
body[data-fvd-modernized-laravel] .card h1 {
  margin: 0 0 18px;
  color: var(--fvd-admin-ink);
  font-size: clamp(1.85rem, 2.4vw, 2.55rem);
  font-weight: 850;
  line-height: 1.06;
}

body[data-fvd-modernized-laravel] h1 small,
body[data-fvd-modernized-laravel] h2 small {
  display: block;
  color: var(--fvd-admin-muted);
  font-size: 0.55em;
  font-weight: 650;
  margin-top: 6px;
}

body[data-fvd-modernized-laravel] .row {
  margin-right: -10px;
  margin-left: -10px;
}

body[data-fvd-modernized-laravel] [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

body[data-fvd-modernized-laravel] .card,
body[data-fvd-modernized-laravel] .form-box,
body[data-fvd-modernized-laravel] .rating-item,
body[data-fvd-modernized-laravel] .table-responsive,
body[data-fvd-modernized-laravel] .jumbotron {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: var(--fvd-admin-panel);
  box-shadow: 0 14px 34px rgb(21 24 29 / 7%);
}

body[data-fvd-modernized-laravel] .card,
body[data-fvd-modernized-laravel] .form-box,
body[data-fvd-modernized-laravel] .rating-item {
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] .card-body,
body[data-fvd-modernized-laravel] .form-box .in,
body[data-fvd-modernized-laravel] .jumbotron {
  padding: 22px;
}

body[data-fvd-modernized-laravel] .card > .card-header:first-child {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .web-content main > .card > .card-header .small {
  display: inline-flex;
  align-items: center;
  color: var(--fvd-admin-muted);
  font-size: 0.82rem;
  font-weight: 720;
  line-height: 1.35;
  margin-left: 8px;
}

body[data-fvd-modernized-laravel] .web-content main > .card > .card-header strong {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: rgb(22 132 91 / 10%);
  color: var(--fvd-admin-green);
  font-size: 0.72rem;
  font-weight: 880;
  line-height: 1;
  margin-left: 8px;
  padding: 5px 8px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .verify-email-card,
body[data-fvd-modernized-laravel] .card:has(a[href$="/email/resend"]) {
  max-width: 720px;
  margin: 18px auto 24px;
}

body[data-fvd-modernized-laravel] main > .container:has(.verify-email-card) > .row,
body[data-fvd-modernized-laravel] main > .container:has(.card a[href$="/email/resend"]) > .row {
  margin-right: 0;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] main > .container:has(.verify-email-card) > .row > [class*="col-"],
body[data-fvd-modernized-laravel] main > .container:has(.card a[href$="/email/resend"]) > .row > [class*="col-"] {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .verify-email-card .card-body,
body[data-fvd-modernized-laravel] .card:has(a[href$="/email/resend"]) .card-body {
  color: #34404c;
  font-size: 0.96rem;
  line-height: 1.65;
}

body[data-fvd-modernized-laravel] .verify-email-card .alert,
body[data-fvd-modernized-laravel] .card:has(a[href$="/email/resend"]) .alert {
  border-radius: 8px;
  font-weight: 760;
}

body[data-fvd-modernized-laravel] .verify-email-card a,
body[data-fvd-modernized-laravel] .card:has(a[href$="/email/resend"]) a {
  font-weight: 820;
}

body[data-fvd-modernized-laravel] main > .container {
  max-width: 1040px;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .card h2,
body[data-fvd-modernized-laravel] .form-box h2,
body[data-fvd-modernized-laravel] .h-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 16px;
  color: var(--fvd-admin-ink);
  font-size: 1.18rem;
  font-weight: 820;
}

body[data-fvd-modernized-laravel] .form-box h2 {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  margin: 0;
  padding: 16px 20px;
}

body[data-fvd-modernized-laravel] .alert {
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgb(21 24 29 / 6%);
  margin-bottom: 18px;
  padding: 16px 18px;
}

body[data-fvd-modernized-laravel] .alert p:last-child {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .alert-success {
  border-color: rgb(22 132 91 / 22%);
  background: #edf8f3;
  color: #0d5c3c;
}

body[data-fvd-modernized-laravel] .alert-warning {
  border-color: rgb(170 106 0 / 24%);
  background: #fff7e8;
  color: #704500;
}

body[data-fvd-modernized-laravel] .alert-info {
  border-color: rgb(36 91 159 / 22%);
  background: #eef5ff;
  color: #173f70;
}

body[data-fvd-modernized-laravel] .alert-danger {
  border-color: rgb(215 25 63 / 22%);
  background: #fff0f3;
  color: #841128;
}

body[data-fvd-modernized-laravel] .filter-tabs {
  overflow-x: auto;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  margin: 0 0 18px;
  padding: 6px;
}

body[data-fvd-modernized-laravel] .filter-tabs ul {
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .filter-tabs li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .filter-tabs a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  border-radius: 7px;
  color: var(--fvd-admin-muted);
  font-weight: 760;
  padding: 8px 13px;
  white-space: nowrap;
}

body[data-fvd-modernized-laravel] .filter-tabs .active a,
body[data-fvd-modernized-laravel] .filter-tabs a:hover {
  background: #171a20;
  color: #fff;
}

body[data-fvd-modernized-laravel] table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
}

body[data-fvd-modernized-laravel] th {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: #f8fafc;
  color: var(--fvd-admin-muted);
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  padding: 11px 12px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] td {
  border-bottom: 1px solid #edf0f3;
  color: #26313c;
  font-size: 0.9rem;
  padding: 12px;
  vertical-align: top;
}

body[data-fvd-modernized-laravel] tr:last-child td {
  border-bottom: 0;
}

body[data-fvd-modernized-laravel] .alert .big {
  color: var(--fvd-admin-ink);
  font-size: 1.02rem;
  font-weight: 760;
}

body[data-fvd-modernized-laravel] .alert-heading {
  color: var(--fvd-admin-ink);
  font-size: 1.08rem;
  font-weight: 850;
  line-height: 1.25;
  margin-bottom: 10px;
}

body[data-fvd-modernized-laravel] .alert .text-right {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 12px;
}

body[data-fvd-modernized-laravel] main > .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-right: 0;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] main > .row > [class*="col"] {
  max-width: none;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] main > .row > [class*="col"] > .card {
  height: 100%;
}

body[data-fvd-modernized-laravel] main > .row .card .table-responsive {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  box-shadow: none;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] main > .row .card .table-responsive table {
  min-width: 360px;
}

body[data-fvd-modernized-laravel] .rating-list {
  display: grid;
  gap: 16px;
}

body[data-fvd-modernized-laravel] .rating-item {
  padding: 0;
}

body[data-fvd-modernized-laravel] .rating-item-status {
  border-left: 4px solid var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .rating-head {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  border-bottom: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  padding: 15px 18px;
}

body[data-fvd-modernized-laravel] .rating-head-simple {
  grid-template-columns: auto minmax(0, 1fr);
  background: #171a20;
}

body[data-fvd-modernized-laravel] .rating-head-simple strong,
body[data-fvd-modernized-laravel] .rating-head-simple small {
  color: #fff;
}

body[data-fvd-modernized-laravel] .rating-head strong,
body[data-fvd-modernized-laravel] .rating-head small {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #26313c;
  font-size: 0.88rem;
}

body[data-fvd-modernized-laravel] .rating-head .status {
  justify-self: end;
}

body[data-fvd-modernized-laravel] .rating-comment {
  color: #2c3642;
  line-height: 1.6;
  padding: 18px;
}

body[data-fvd-modernized-laravel] .rating-comment h4 {
  color: var(--fvd-admin-ink);
  font-size: 1.05rem;
  font-weight: 850;
  margin: 0 0 10px;
}

body[data-fvd-modernized-laravel] .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  padding: 14px 18px;
}

body[data-fvd-modernized-laravel] .buttons form {
  margin: 0;
}

body[data-fvd-modernized-laravel] .status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 850;
  padding: 5px 9px;
}

body[data-fvd-modernized-laravel] .status-green {
  background: #e7f6ef;
  color: var(--fvd-admin-green);
}

body[data-fvd-modernized-laravel] .status-red {
  background: #fff0f3;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .btn-light-red,
body[data-fvd-modernized-laravel] input.btn-light-red {
  border-color: rgb(215 25 63 / 24%);
  background: #fff4f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  border-radius: 8px;
  border-width: 1px;
  font-weight: 800;
  line-height: 1.1;
  padding: 9px 14px;
}

body[data-fvd-modernized-laravel] .btn-sm {
  min-height: 34px;
  padding: 7px 11px;
}

body[data-fvd-modernized-laravel] .btn-xs {
  min-height: 30px;
  border-radius: 7px;
  font-size: 0.78rem;
  padding: 6px 9px;
}

body[data-fvd-modernized-laravel] .btn-danger,
body[data-fvd-modernized-laravel] .btn-primary {
  border-color: var(--fvd-admin-red);
  background: var(--fvd-admin-red);
  color: #fff;
}

body[data-fvd-modernized-laravel] .btn-success {
  border-color: var(--fvd-admin-green);
  background: var(--fvd-admin-green);
  color: #fff;
}

body[data-fvd-modernized-laravel] .btn-info {
  border-color: #245b9f;
  background: #245b9f;
  color: #fff;
}

body[data-fvd-modernized-laravel] .btn-danger:hover,
body[data-fvd-modernized-laravel] .btn-primary:hover {
  border-color: var(--fvd-admin-red-dark);
  background: var(--fvd-admin-red-dark);
  color: #fff;
}

body[data-fvd-modernized-laravel] .btn-success:hover {
  border-color: #116844;
  background: #116844;
  color: #fff;
}

body[data-fvd-modernized-laravel] .btn-info:hover {
  border-color: #194679;
  background: #194679;
  color: #fff;
}

body[data-fvd-modernized-laravel] .btn-light,
body[data-fvd-modernized-laravel] .btn-default,
body[data-fvd-modernized-laravel] .btn-secondary {
  border-color: var(--fvd-admin-line);
  background: #fff;
  color: var(--fvd-admin-ink);
}

body[data-fvd-modernized-laravel] .form-group {
  margin-bottom: 18px;
}

body[data-fvd-modernized-laravel] label {
  color: #24303b;
  font-size: 0.9rem;
  font-weight: 800;
  margin-bottom: 7px;
}

body[data-fvd-modernized-laravel] .form-control,
body[data-fvd-modernized-laravel] input[type="text"],
body[data-fvd-modernized-laravel] input[type="email"],
body[data-fvd-modernized-laravel] input[type="password"],
body[data-fvd-modernized-laravel] input[type="number"],
body[data-fvd-modernized-laravel] select,
body[data-fvd-modernized-laravel] textarea,
body[data-fvd-modernized-laravel] .select2-selection {
  min-height: 42px;
  border: 1px solid #ccd5df;
  border-radius: 8px;
  background: #fff;
  color: var(--fvd-admin-ink);
  box-shadow: none;
  font-size: 0.94rem;
}

body[data-fvd-modernized-laravel] textarea.form-control,
body[data-fvd-modernized-laravel] textarea {
  min-height: 120px;
}

body[data-fvd-modernized-laravel] textarea.form-control-low,
body[data-fvd-modernized-laravel] .form-control-low {
  min-height: 84px;
  line-height: 1.5;
  resize: vertical;
}

body[data-fvd-modernized-laravel] .form-control:focus,
body[data-fvd-modernized-laravel] input:focus,
body[data-fvd-modernized-laravel] select:focus,
body[data-fvd-modernized-laravel] textarea:focus {
  border-color: var(--fvd-admin-red);
  box-shadow: 0 0 0 3px rgb(215 25 63 / 12%);
  outline: none;
}

body[data-fvd-modernized-laravel] .col-form-label {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: flex-end;
  color: #24303b;
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .content-info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 18px;
  align-items: start;
}

body[data-fvd-modernized-laravel] .content-left {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .close-open-wrap {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgb(21 24 29 / 7%);
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] .close-open-wrap > h1,
body[data-fvd-modernized-laravel] .close-open-wrap > h2,
body[data-fvd-modernized-laravel] .close-open-wrap > h3 {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  margin: 0;
  padding: 18px 22px;
}

body[data-fvd-modernized-laravel] .close-open-wrap > h2 a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: var(--fvd-admin-ink);
}

body[data-fvd-modernized-laravel] .close-open-wrap > .in,
body[data-fvd-modernized-laravel] .close-open-wrap form > .in {
  padding: 22px;
}

body[data-fvd-modernized-laravel] .compact-form {
  max-width: 1120px;
}

body[data-fvd-modernized-laravel] .premium-info,
body[data-fvd-modernized-laravel] .info-right,
body[data-fvd-modernized-laravel] .info-right-under {
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: 8px;
  background: #eef5ff;
  color: #173f70;
  padding: 14px;
}

body[data-fvd-modernized-laravel] .box-info,
body[data-fvd-modernized-laravel] .box-small {
  overflow: hidden;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: 8px;
  background: #eef5ff;
  box-shadow: 0 12px 28px rgb(21 24 29 / 6%);
  color: #173f70;
  margin: 14px 0 18px;
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] .box-small .alert {
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font-weight: 760;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .box-small .alert-danger {
  color: #8b1f2f;
}

body[data-fvd-modernized-laravel] .box-info-yellow {
  border-color: rgb(170 106 0 / 22%);
  background: #fff7e8;
  color: #704500;
}

body[data-fvd-modernized-laravel] .box-info-round {
  position: relative;
  display: grid;
  gap: 8px;
  border-radius: 8px;
  padding: 14px 16px 14px 46px;
}

body[data-fvd-modernized-laravel] .box-info-round::before {
  content: "i";
  position: absolute;
  top: 14px;
  left: 16px;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 999px;
  background: currentColor;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1;
}

body[data-fvd-modernized-laravel] .box-info-round p {
  margin: 0;
}

body[data-fvd-modernized-laravel] .box-info-round a {
  color: inherit;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-fvd-modernized-laravel] .box-info p:last-child,
body[data-fvd-modernized-laravel] .box-small p:last-child,
body[data-fvd-modernized-laravel] .premium-info p:last-child {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .custom-checkbox,
body[data-fvd-modernized-laravel] .custom-radio,
body[data-fvd-modernized-laravel] .form-check {
  position: relative;
}

body[data-fvd-modernized-laravel] .custom-checkbox label,
body[data-fvd-modernized-laravel] .custom-radio label,
body[data-fvd-modernized-laravel] .form-check label {
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  color: #26313c;
  font-weight: 760;
  padding: 10px 12px;
}

body[data-fvd-modernized-laravel] .custom-checkbox input,
body[data-fvd-modernized-laravel] .custom-radio input,
body[data-fvd-modernized-laravel] .form-check input {
  accent-color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .custom-checkbox input:checked + label,
body[data-fvd-modernized-laravel] .custom-radio input:checked + label {
  border-color: rgb(215 25 63 / 36%);
  background: #fff4f6;
  box-shadow: inset 3px 0 0 var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .field-value-wrap,
body[data-fvd-modernized-laravel] .form-images-list-wrap,
body[data-fvd-modernized-laravel] .img-upload-wrap,
body[data-fvd-modernized-laravel] .openning_hours_days_day {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fbfcfd;
  margin-bottom: 14px;
  padding: 14px;
}

body[data-fvd-modernized-laravel] .field-value-list {
  display: grid;
  gap: 10px;
}

body[data-fvd-modernized-laravel] .field-value {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  border: 1px solid #edf0f3;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

body[data-fvd-modernized-laravel] .field-value-list .field-value:has(.arrow) {
  grid-template-columns: minmax(180px, 0.9fr) 28px minmax(220px, 1.1fr) auto;
}

body[data-fvd-modernized-laravel] #company_rights .field-value {
  grid-template-columns: minmax(180px, 0.9fr) 28px minmax(220px, 1.1fr) auto;
  align-items: center;
}

body[data-fvd-modernized-laravel] #company_rights .field-value .field,
body[data-fvd-modernized-laravel] #company_rights .field-value .value {
  display: grid;
  gap: 6px;
}

body[data-fvd-modernized-laravel] #company_rights select[multiple] {
  min-height: 132px;
}

body[data-fvd-modernized-laravel] #company_rights + .alert-warning {
  margin-top: 16px;
}

body[data-fvd-modernized-laravel] .field-value .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

body[data-fvd-modernized-laravel] .field-value .arrow::before {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 2px solid #9aa4af;
  border-right: 2px solid #9aa4af;
  transform: rotate(45deg);
}

body[data-fvd-modernized-laravel] .field-value .value {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .field-value-header {
  border-color: transparent;
  background: transparent;
  color: var(--fvd-admin-muted);
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  padding: 0 2px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .field-value-template {
  display: none;
}

body[data-fvd-modernized-laravel] .field-value .action,
body[data-fvd-modernized-laravel] .tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] .field-plus,
body[data-fvd-modernized-laravel] .field-value .remove,
body[data-fvd-modernized-laravel] .remove,
body[data-fvd-modernized-laravel] .form-images-remove,
body[data-fvd-modernized-laravel] .form-images-move {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 8px;
  font-weight: 820;
  margin-top: 10px;
}

body[data-fvd-modernized-laravel] .field-value .remove,
body[data-fvd-modernized-laravel] .remove,
body[data-fvd-modernized-laravel] .form-images-remove {
  width: 36px;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .field-value .remove:hover,
body[data-fvd-modernized-laravel] .remove:hover,
body[data-fvd-modernized-laravel] .form-images-remove:hover {
  background: #fff4f6;
  color: var(--fvd-admin-red-dark);
}

body[data-fvd-modernized-laravel] .form-images-list,
body[data-fvd-modernized-laravel] .photos_order,
body[data-fvd-modernized-laravel] .img-upload {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  align-items: start;
}

body[data-fvd-modernized-laravel] .form-images {
  display: grid;
  gap: 12px;
}

body[data-fvd-modernized-laravel] .form-images-new {
  width: fit-content;
  margin: 0 0 2px;
  box-shadow: 0 8px 18px rgb(21 24 29 / 7%);
}

body[data-fvd-modernized-laravel] .form-images-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .img-preview,
body[data-fvd-modernized-laravel] .form-images-image,
body[data-fvd-modernized-laravel] .form-images-image-new {
  min-height: 118px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background-color: #eef2f6;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body[data-fvd-modernized-laravel] .form-images-image,
body[data-fvd-modernized-laravel] .form-images-image-new {
  position: relative;
  display: grid;
  overflow: hidden;
  background: #fff;
  padding: 8px;
}

body[data-fvd-modernized-laravel] .form-images-image img,
body[data-fvd-modernized-laravel] .form-images-image-new img.thumbnail {
  display: block;
  width: 100%;
  min-height: 95px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 6px;
  background: #eef2f6;
}

body[data-fvd-modernized-laravel] .form-images-image .tools,
body[data-fvd-modernized-laravel] .form-images-image-new .tools {
  position: absolute;
  top: 10px;
  right: 10px;
  gap: 6px;
}

body[data-fvd-modernized-laravel] .form-images-move {
  width: 36px;
  background: #fff;
  color: #53606d;
  box-shadow: 0 8px 16px rgb(21 24 29 / 10%);
  cursor: grab;
}

body[data-fvd-modernized-laravel] .form-images-remove {
  background: #fff;
  box-shadow: 0 8px 16px rgb(215 25 63 / 12%);
}

body[data-fvd-modernized-laravel] .photos_id {
  display: none;
}

body[data-fvd-modernized-laravel] .img-upload .img {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .img-upload .uploader {
  display: grid;
  gap: 10px;
  align-content: start;
}

body[data-fvd-modernized-laravel] .img-upload .uploader p {
  border-left: 3px solid #c8d7ea;
  color: var(--fvd-admin-muted);
  font-size: 0.86rem;
  line-height: 1.45;
  margin: 0;
  padding-left: 12px;
}

body[data-fvd-modernized-laravel] .uploader,
body[data-fvd-modernized-laravel] .custom-file,
body[data-fvd-modernized-laravel] .input-group {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .input-group {
  display: flex;
  align-items: stretch;
}

body[data-fvd-modernized-laravel] .input-group-text,
body[data-fvd-modernized-laravel] .input-group-append .btn {
  border-color: #ccd5df;
  border-radius: 8px;
  background: #f8fafc;
  color: var(--fvd-admin-muted);
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .select2-container {
  max-width: 100%;
}

body[data-fvd-modernized-laravel] .select2-selection__rendered {
  color: var(--fvd-admin-ink);
  line-height: 40px;
}

body[data-fvd-modernized-laravel] .select2-selection__choice {
  border: 0;
  border-radius: 999px;
  background: #eef2f6;
  color: #27313d;
  font-weight: 750;
}

body[data-fvd-modernized-laravel] #ftags,
body[data-fvd-modernized-laravel] #fcategories,
body[data-fvd-modernized-laravel] #fcategories-main-cats {
  width: 100%;
}

body[data-fvd-modernized-laravel] #fcategories-tree {
  display: grid;
  gap: 7px;
  min-height: 70px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  margin: 10px 0 0;
  padding: 12px 14px;
}

body[data-fvd-modernized-laravel] #fcategories-tree li {
  list-style: none;
}

body[data-fvd-modernized-laravel] #fcategories-tree a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 7px;
  color: #34404c;
  font-weight: 760;
  padding: 5px 8px;
}

body[data-fvd-modernized-laravel] #fcategories-tree a:hover {
  background: #fff4f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .form-control-plaintext {
  min-height: 38px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #f8fafc;
  color: #26313c;
  padding: 8px 10px;
}

body[data-fvd-modernized-laravel] .is-invalid,
body[data-fvd-modernized-laravel] .form-control.is-invalid {
  border-color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .invalid-feedback,
body[data-fvd-modernized-laravel] .form-text {
  color: var(--fvd-admin-muted);
  font-size: 0.82rem;
  margin-top: 6px;
}

body[data-fvd-modernized-laravel] .invalid-feedback {
  color: var(--fvd-admin-red);
  font-weight: 750;
}

body[data-fvd-modernized-laravel] .job-offer-header,
body[data-fvd-modernized-laravel] .credit-balance,
body[data-fvd-modernized-laravel] .table-summary,
body[data-fvd-modernized-laravel] .pricing-wrap {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgb(21 24 29 / 7%);
}

body[data-fvd-modernized-laravel] .job-offer-header {
  padding: 20px;
}

body[data-fvd-modernized-laravel] .job-offer-header .row {
  gap: 14px 0;
}

body[data-fvd-modernized-laravel] .job-offer-header .big,
body[data-fvd-modernized-laravel] .credit-balance .balance p {
  color: var(--fvd-admin-ink);
  font-size: 1.05rem;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .job-offer-header .prices {
  border-left: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  border-radius: 8px;
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] main > table.table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  box-shadow: 0 14px 34px rgb(21 24 29 / 7%);
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] main > table.table > thead,
body[data-fvd-modernized-laravel] main > table.table > tbody {
  display: table;
  width: 100%;
  min-width: 720px;
}

body[data-fvd-modernized-laravel] main > table.table td.text-right,
body[data-fvd-modernized-laravel] main > table.table th.text-right {
  text-align: right;
}

body[data-fvd-modernized-laravel] main > table.table td.text-right a,
body[data-fvd-modernized-laravel] main > table.table .btn-link {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: flex-end;
  color: var(--fvd-admin-red);
  font-weight: 820;
}

body[data-fvd-modernized-laravel] main > table.table abbr {
  color: var(--fvd-admin-ink);
  text-decoration: none;
}

body[data-fvd-modernized-laravel] main > table.table td abbr ~ a {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(215 25 63 / 24%);
  border-radius: 999px;
  background: #fff4f6;
  color: var(--fvd-admin-red);
  font-weight: 850;
  margin-top: 8px;
  padding: 7px 11px;
}

body[data-fvd-modernized-laravel] main > table.table td abbr ~ a:hover {
  border-color: rgb(215 25 63 / 36%);
  background: #ffe9ee;
  color: var(--fvd-admin-red-dark);
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgb(21 24 29 / 7%);
  margin: 18px 0 20px;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) > thead,
body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) > tbody {
  display: table;
  width: 100%;
  min-width: 680px;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) th,
body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) td {
  border-bottom: 1px solid var(--fvd-admin-line);
  color: #34404c;
  padding: 14px 16px;
  vertical-align: top;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) th {
  background: #fbfcfd;
  color: var(--fvd-admin-ink);
  font-size: 0.78rem;
  font-weight: 880;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) tbody tr:last-child td {
  border-bottom: 0;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) tbody tr:hover td {
  background: #fff8f9;
}

body[data-fvd-modernized-laravel] main > table:not(.table):not(.table-summary) td:first-child {
  color: var(--fvd-admin-ink);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .pricing-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 0;
  overflow: hidden;
}

body[data-fvd-modernized-laravel] .pricing,
body[data-fvd-modernized-laravel] .pricing-points {
  padding: clamp(20px, 3vw, 30px);
}

body[data-fvd-modernized-laravel] .pricing {
  border-right: 1px solid var(--fvd-admin-line);
}

body[data-fvd-modernized-laravel] .pricing-points {
  background: #171a20;
  color: rgb(255 255 255 / 80%);
}

body[data-fvd-modernized-laravel] .pricing-points h3,
body[data-fvd-modernized-laravel] .pricing-points strong {
  color: #fff;
}

body[data-fvd-modernized-laravel] .pricing-points li {
  margin-bottom: 10px;
}

body[data-fvd-modernized-laravel] .price-option {
  margin-bottom: 10px;
}

body[data-fvd-modernized-laravel] .price-option label {
  display: grid;
  gap: 5px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] .price-option input:checked + label {
  border-color: rgb(215 25 63 / 36%);
  background: #fff4f6;
  box-shadow: inset 3px 0 0 var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .price-option label strong {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
}

body[data-fvd-modernized-laravel] .price-option .bonus,
body[data-fvd-modernized-laravel] .bonus {
  color: var(--fvd-admin-green);
  font-size: 0.86rem;
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .table-summary {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] .table-summary tr:last-child td {
  background: #171a20;
  color: #fff;
  font-size: 1rem;
}

body[data-fvd-modernized-laravel] .credit-usage {
  border-top: 1px solid var(--fvd-admin-line);
  margin-top: 16px;
  padding-top: 16px;
}

body[data-fvd-modernized-laravel] .credit-balance .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .credit-balance .balance p {
  margin: 0;
}

body[data-fvd-modernized-laravel] .credit-usage-show {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fvd-admin-ink);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .credit-usage-show::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--fvd-admin-red);
  border-bottom: 2px solid var(--fvd-admin-red);
  transform: rotate(45deg);
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .input-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .input-group .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .input-group-append {
  display: flex;
}

body[data-fvd-modernized-laravel] .job-offer-edit.card .input-group-text {
  display: inline-flex;
  min-width: 54px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccd5df;
  border-left: 0;
  border-radius: 0 8px 8px 0;
  background: #fbfcfd;
  color: var(--fvd-admin-muted);
  font-weight: 850;
  padding: 0 14px;
}

body[data-fvd-modernized-laravel] .table-responsive table {
  min-width: 720px;
}

body[data-fvd-modernized-laravel] .table-responsive {
  overflow-x: auto;
}

body[data-fvd-modernized-laravel] .table-responsive td.text-right,
body[data-fvd-modernized-laravel] .table-responsive th.text-right {
  text-align: right;
}

body[data-fvd-modernized-laravel] .table-responsive td.text-right form {
  margin: 8px 0 0;
}

body[data-fvd-modernized-laravel] .table-responsive td.text-right a,
body[data-fvd-modernized-laravel] .table-responsive td.text-right .btn-link {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: flex-end;
  color: var(--fvd-admin-red);
  font-weight: 820;
}

body[data-fvd-modernized-laravel] .table-summary form {
  margin: 0;
}

body[data-fvd-modernized-laravel] .table-summary td:last-child,
body[data-fvd-modernized-laravel] .table-summary th:last-child {
  text-align: right;
}

body[data-fvd-modernized-laravel] #thepay-method-box,
body[data-fvd-modernized-laravel] [data-testid="thepay-return-status"] #thepay-method-box {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgb(21 24 29 / 7%);
  margin: 18px 0 24px;
  padding: 10px;
}

body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink,
body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 62px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fbfcfd;
  color: var(--fvd-admin-ink);
  font-weight: 820;
  margin: 0 0 8px;
  padding: 10px 12px;
}

body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink:hover,
body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink:hover {
  border-color: rgb(215 25 63 / 34%);
  background: #fff4f6;
}

body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink img,
body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink img {
  max-width: 48px;
  max-height: 34px;
}

body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink strong,
body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink strong {
  color: var(--fvd-admin-ink);
}

body[data-fvd-modernized-laravel] [data-testid="thepay-return-status"] {
  margin-top: 18px;
}

body[data-fvd-modernized-laravel] [data-thepay-status="pending"] {
  max-width: 860px;
}

body[data-fvd-modernized-laravel] [data-thepay-status="pending"] #thepay-method-box {
  margin-top: 0;
}

body[data-fvd-modernized-laravel] [data-thepay-status="anonymous"] {
  max-width: 860px;
}

body[data-fvd-modernized-laravel] .attachments,
body[data-fvd-modernized-laravel] .response-other-info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-top: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  color: #34404c;
  padding: 12px 18px;
}

body[data-fvd-modernized-laravel] .attachments a,
body[data-fvd-modernized-laravel] .response-other-info span,
body[data-fvd-modernized-laravel] .response-other-info a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 999px;
  background: #fff;
  color: #34404c;
  font-size: 0.86rem;
  font-weight: 780;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .rating-answer {
  border-top: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  padding: 18px;
}

body[data-fvd-modernized-laravel] .rating-answer form {
  display: grid;
  gap: 12px;
}

body[data-fvd-modernized-laravel] .rating-answer textarea {
  min-height: 110px;
}

body[data-fvd-modernized-laravel] .rating-answer .btn {
  justify-self: start;
}

body[data-fvd-modernized-laravel] .job-offer-response-item > h2 {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: #fff;
  color: var(--fvd-admin-ink);
  font-size: 1.1rem;
  font-weight: 850;
  margin: 0;
  padding: 16px 18px;
}

body[data-fvd-modernized-laravel] .red td {
  background: #fff8f9;
}

body[data-fvd-modernized-laravel] .green td {
  background: #f4fbf7;
}

body[data-fvd-modernized-laravel] .thankyou {
  display: grid;
  justify-items: center;
  gap: 12px;
  max-width: 720px;
  border: 1px solid rgb(22 132 91 / 22%);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 44px rgb(21 24 29 / 9%);
  color: #26313c;
  margin: 36px auto;
  padding: clamp(28px, 4vw, 46px);
  text-align: center;
}

body[data-fvd-modernized-laravel] .thankyou img {
  width: 64px;
  height: 64px;
}

body[data-fvd-modernized-laravel] .thankyou > strong {
  color: var(--fvd-admin-ink);
  font-size: clamp(1.4rem, 2vw, 2rem);
  font-weight: 880;
  line-height: 1.1;
}

body[data-fvd-modernized-laravel] .thankyou small {
  display: block;
  max-width: 560px;
  color: var(--fvd-admin-muted);
  font-size: 0.98rem;
  line-height: 1.55;
}

body[data-fvd-modernized-laravel] .company-plus {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin: 24px 0;
}

body[data-fvd-modernized-laravel] .company-plus a {
  display: grid;
  gap: 8px;
  min-height: 150px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgb(21 24 29 / 7%);
  color: #26313c;
  padding: 22px;
}

body[data-fvd-modernized-laravel] .company-plus a:hover {
  border-color: rgb(215 25 63 / 34%);
  box-shadow: 0 18px 42px rgb(21 24 29 / 10%);
  transform: translateY(-1px);
}

body[data-fvd-modernized-laravel] .company-plus strong {
  color: var(--fvd-admin-ink);
  font-size: 1.15rem;
  font-weight: 860;
}

body[data-fvd-modernized-laravel] .company-plus span {
  color: var(--fvd-admin-muted);
  line-height: 1.55;
}

body[data-fvd-modernized-laravel] form[data-testid="register-step-ico"],
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] {
  max-width: 680px;
  margin: 0 0 clamp(24px, 4vw, 42px);
}

body[data-fvd-modernized-laravel] form[data-testid="register-step-ico"] .box-grey,
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] .box-grey {
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] form[data-testid="register-step-ico"] .box-grey::before,
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] .box-grey::before {
  content: "Registrace firmy";
}

body[data-fvd-modernized-laravel] form[data-testid="register-step-ico"] input,
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] input,
body[data-fvd-modernized-laravel] form[data-testid="register-step-email"] select {
  font-size: 1.05rem;
  min-height: 48px;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  max-width: none;
  margin: 18px 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container:first-of-type {
  grid-template-columns: minmax(0, 1fr);
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container .card {
  height: 100%;
  margin: 0;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container .card-body {
  display: grid;
  align-content: start;
  gap: 10px;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container .card-body p {
  color: #34404c;
  line-height: 1.62;
  margin: 0;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container .card-body strong {
  color: var(--fvd-admin-ink);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container .card-title {
  margin: 0 0 4px;
  font-size: 1.16rem;
}

body[data-fvd-modernized-laravel] .style-content > .card-deck.container ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 20px;
}

body[data-fvd-modernized-laravel] .style-content .version-compare.container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  max-width: none;
  margin: clamp(24px, 4vw, 42px) 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .style-content .version-compare.container > .col {
  max-width: none;
  padding: 0;
}

body[data-fvd-modernized-laravel] .style-content .version-compare .card {
  height: 100%;
  margin: 0;
}

body[data-fvd-modernized-laravel] .style-content .version-compare .card-header h4 {
  margin: 0;
  color: var(--fvd-admin-ink);
  font-size: 1.12rem;
  font-weight: 880;
  line-height: 1.18;
}

body[data-fvd-modernized-laravel] .style-content .version-compare .card-body ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .style-content .version-compare .card-body li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  list-style: none;
}

body[data-fvd-modernized-laravel] .style-content .version-compare .fa-li {
  position: static;
  width: auto;
  color: var(--fvd-admin-green);
}

body[data-fvd-modernized-laravel] .style-content > .text-center img {
  width: min(100%, 920px);
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgb(21 24 29 / 9%);
}

body[data-fvd-modernized-laravel] .dropdown.credit-balance {
  position: relative;
  border: 0;
  background: transparent;
  box-shadow: none;
  margin: 0;
}

body[data-fvd-modernized-laravel] .dropdown-menu {
  min-width: 190px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 44px rgb(21 24 29 / 14%);
  margin-top: 8px;
  padding: 6px;
}

body[data-fvd-modernized-laravel] .dropdown-item {
  display: block;
  border-radius: 7px;
  color: #27313d;
  font-weight: 760;
  padding: 9px 11px;
}

body[data-fvd-modernized-laravel] .dropdown-menu > li > a {
  display: flex;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  border-radius: 7px;
  color: #27313d;
  font-weight: 760;
  padding: 9px 11px;
}

body[data-fvd-modernized-laravel] .dropdown-menu > li > a:hover,
body[data-fvd-modernized-laravel] .dropdown-menu > li > a:focus,
body[data-fvd-modernized-laravel] .dropdown-item:hover {
  background: #eef2f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .dropdown-menu > li.active > a,
body[data-fvd-modernized-laravel] .dropdown-menu > li.active > a:hover {
  background: #171a20;
  color: #fff;
}

body[data-fvd-modernized-laravel] .banner-radio {
  display: grid;
  gap: 12px;
}

body[data-fvd-modernized-laravel] .banner-radio .price-option {
  margin: 0;
}

body[data-fvd-modernized-laravel] .banner-radio .price-option label small {
  display: block;
  width: 100%;
  min-height: 138px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background-color: #eef2f6;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body[data-fvd-modernized-laravel] .advert-edit-form,
body[data-fvd-modernized-laravel] .job-offer-edit,
body[data-fvd-modernized-laravel] .job-offer-notif-edit {
  max-width: 1120px;
}

body[data-fvd-modernized-laravel] .job-offer-edit .form-group > .row,
body[data-fvd-modernized-laravel] .job-offer-notif-edit .form-group > .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-right: 0;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] .job-offer-edit .form-group > .row > [class*="col"],
body[data-fvd-modernized-laravel] .job-offer-notif-edit .form-group > .row > [class*="col"] {
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .job-offer-edit .field-value-wrap.workplaces {
  background: #fff;
}

body[data-fvd-modernized-laravel] .job-offer-edit .workplace_address,
body[data-fvd-modernized-laravel] .job-offer-edit .field-value select {
  width: 100%;
}

body[data-fvd-modernized-laravel] .toponly-fields.visible {
  display: grid;
  gap: 16px;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: 8px;
  background: #f7fbff;
  padding: 16px;
}

body[data-fvd-modernized-laravel] .toponly-fields .file-video-container {
  max-width: 100%;
  margin-top: 8px;
}

body[data-fvd-modernized-laravel] .toponly-fields .form-text {
  display: block;
  border-left: 3px solid rgb(36 91 159 / 28%);
  color: #53606d;
  line-height: 1.45;
  margin-top: 8px;
  padding-left: 10px;
}

body[data-fvd-modernized-laravel] .job-offer-edit .textarea-big {
  min-height: 150px;
}

body[data-fvd-modernized-laravel] .job-offer-price table,
body[data-fvd-modernized-laravel] .job-offer-notif-edit table {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .job-offer-price tbody tr:last-child td,
body[data-fvd-modernized-laravel] .job-offer-notif-edit tbody tr:last-child td {
  background: #171a20;
  color: #fff;
}

body[data-fvd-modernized-laravel] .advert-banner-row,
body[data-fvd-modernized-laravel] .field-value-wrap-unstyled {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgb(21 24 29 / 6%);
  margin-bottom: 14px;
}

body[data-fvd-modernized-laravel] .advert-banner-row .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target {
  display: grid;
  grid-template-columns: minmax(160px, 0.7fr) minmax(180px, 1fr) minmax(180px, 1fr);
  gap: 14px;
  border-top: 1px solid var(--fvd-admin-line);
  margin-right: 0;
  margin-top: 14px;
  margin-left: 0;
  padding-top: 14px;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target > .col {
  max-width: none;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target > .col:first-child {
  display: grid;
  gap: 8px;
  align-content: start;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target > .col:first-child > label {
  color: var(--fvd-admin-ink);
  font-weight: 850;
  margin: 0;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target .custom-radio {
  margin: 0;
}

body[data-fvd-modernized-laravel] .advert-banner-row-target .f_target_bp,
body[data-fvd-modernized-laravel] .advert-banner-row-target .f_target_url {
  margin-top: 0;
}

body[data-fvd-modernized-laravel] .target_bp_group,
body[data-fvd-modernized-laravel] .target_url_group,
body[data-fvd-modernized-laravel] .target_url_group .f_target_url,
body[data-fvd-modernized-laravel] .target_bp_group .f_business_place {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .form-tarif-group .price-simple,
body[data-fvd-modernized-laravel] .form-tarif-group .price-multiple,
body[data-fvd-modernized-laravel] .price-simple,
body[data-fvd-modernized-laravel] .price-multiple {
  color: #26313c;
  font-size: 0.92rem;
  line-height: 1.45;
}

body[data-fvd-modernized-laravel] .advert-edit-form .form-box table {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .advert-edit-form .form-box table tbody tr:last-child td {
  background: #171a20;
  color: #fff;
}

body[data-fvd-modernized-laravel] .compact-form > .card .form-group.row {
  display: grid;
  grid-template-columns: minmax(180px, 0.34fr) minmax(0, 0.66fr);
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid #edf0f3;
  margin-right: 0;
  margin-bottom: 12px;
  margin-left: 0;
  padding-bottom: 12px;
}

body[data-fvd-modernized-laravel] .compact-form > .card .form-group.row:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

body[data-fvd-modernized-laravel] .compact-form > .card .form-group.row > [class*="col-"] {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .compact-form > .card .col-form-label {
  color: var(--fvd-admin-muted);
  font-weight: 820;
  padding-top: 0;
  padding-bottom: 0;
}

body[data-fvd-modernized-laravel] .tt-a,
body[data-fvd-modernized-laravel] .img-upload .uploader .tt-a {
  display: inline-flex;
  max-width: 100%;
  min-height: 30px;
  align-items: center;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: 999px;
  background: #eef5ff;
  color: #173f70;
  font-weight: 850;
  line-height: 1.2;
  overflow-wrap: anywhere;
  padding: 6px 10px;
  text-decoration: none;
}

body[data-fvd-modernized-laravel] .tt-a:hover,
body[data-fvd-modernized-laravel] .img-upload .uploader .tt-a:hover {
  border-color: rgb(215 25 63 / 28%);
  background: #fff4f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .compact-form > .form-group.text-right,
body[data-fvd-modernized-laravel] .compact-form > .text-right {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] .compact-form > .form-group.text-right form.inline {
  display: inline-flex;
  margin: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit,
body[data-fvd-modernized-laravel] main > .container:has(form[action$="/uzivatel/submit"]) {
  max-width: 760px;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit > .row,
body[data-fvd-modernized-laravel] main > .container:has(form[action$="/uzivatel/submit"]) > .row {
  display: block;
  margin-right: 0;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit > .row > [class*="col-"],
body[data-fvd-modernized-laravel] main > .container:has(form[action$="/uzivatel/submit"]) > .row > [class*="col-"] {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit .card,
body[data-fvd-modernized-laravel] main > .container:has(form[action$="/uzivatel/submit"]) .card {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit .form-group.row,
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .form-group.row {
  display: grid;
  grid-template-columns: minmax(170px, 0.34fr) minmax(0, 0.66fr);
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid #edf0f3;
  margin-right: 0;
  margin-bottom: 12px;
  margin-left: 0;
  padding-bottom: 12px;
}

body[data-fvd-modernized-laravel] .account-profile-edit .form-group.row > [class*="col-"],
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .form-group.row > [class*="col-"] {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit .col-form-label,
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .col-form-label {
  color: var(--fvd-admin-muted);
  font-weight: 820;
  text-align: left !important;
  padding-top: 0;
  padding-bottom: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit .form-group.row.mb-0,
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .form-group.row.mb-0 {
  border-top: 1px solid var(--fvd-admin-line);
  border-bottom: 0;
  background: #fbfcfd;
  margin: 18px -22px -22px;
  padding: 16px 22px;
}

body[data-fvd-modernized-laravel] .account-profile-edit .offset-md-4,
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .offset-md-4 {
  grid-column: 2;
  margin-left: 0;
}

body[data-fvd-modernized-laravel] .account-profile-edit .btn-primary,
body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .btn-primary {
  min-height: 42px;
  min-width: 118px;
}

body[data-fvd-modernized-laravel] .promo-config {
  display: grid;
  gap: 16px;
}

body[data-fvd-modernized-laravel] .promo-config h3,
body[data-fvd-modernized-laravel] .job-offer-promo-description h3 {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
  margin: 0 0 10px;
}

body[data-fvd-modernized-laravel] .promo_workplace.price-option label,
body[data-fvd-modernized-laravel] .promo-config .promo_workplace label {
  grid-template-columns: minmax(0, 1fr);
}

body[data-fvd-modernized-laravel] .job-offer-promo-description .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
  gap: 18px;
  align-items: center;
  margin: 0;
}

body[data-fvd-modernized-laravel] .job-offer-promo-description .row > [class*="col"] {
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .job-offer-promo-description img {
  display: block;
  width: 100%;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #eef2f6;
}

body[data-fvd-modernized-laravel] .font,
body[data-fvd-modernized-laravel] .grey {
  color: var(--fvd-admin-muted);
}

body[data-fvd-modernized-laravel] .gold-demand-body {
  background: #fff;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all {
  border-collapse: separate;
  border-spacing: 0 10px;
  background: transparent;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header,
body[data-fvd-modernized-laravel] .demand-all-detail,
body[data-fvd-modernized-laravel] .demand-all-filter,
body[data-fvd-modernized-laravel] .table-filter,
body[data-fvd-modernized-laravel] .setting-wrap,
body[data-fvd-modernized-laravel] .promo-config,
body[data-fvd-modernized-laravel] .job-offer-promo-description {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgb(21 24 29 / 6%);
  margin-bottom: 16px;
  padding: 16px;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header {
  box-shadow: 0 10px 24px rgb(21 24 29 / 6%);
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header td {
  border-top: 1px solid var(--fvd-admin-line);
  border-bottom: 1px solid var(--fvd-admin-line);
  background: #fff;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header td:first-child {
  border-left: 1px solid var(--fvd-admin-line);
  border-radius: 8px 0 0 8px;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-header td:last-child {
  border-right: 1px solid var(--fvd-admin-line);
  border-radius: 0 8px 8px 0;
}

body[data-fvd-modernized-laravel] .gold-demand-list-all .demand-all-detail > td {
  border: 0;
  background: transparent;
  padding: 0;
}

body[data-fvd-modernized-laravel] .demand-all-filter form.row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin: 0;
}

body[data-fvd-modernized-laravel] .job-offers-filter {
  min-width: min(100%, 320px);
}

body[data-fvd-modernized-laravel] .filter-tabs li.right {
  margin-left: auto;
}

body[data-fvd-modernized-laravel] .filter-tabs.job-offer-responses {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

body[data-fvd-modernized-laravel] .raty {
  display: inline-flex;
  min-width: 96px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .social-links {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-left: 6px;
  vertical-align: middle;
}

body[data-fvd-modernized-laravel] .social-links a {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  color: #27313d;
  box-shadow: 0 8px 18px rgb(21 24 29 / 5%);
}

body[data-fvd-modernized-laravel] .social-links a:hover {
  border-color: rgb(215 25 63 / 28%);
  background: #fff4f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .toponly-fields:not(.visible),
body[data-fvd-modernized-laravel] .hidden {
  display: none;
}

body[data-fvd-modernized-laravel] .youtube-video-container,
body[data-fvd-modernized-laravel] .file-video-container {
  min-width: 0;
}

body[data-fvd-modernized-laravel] .openning-hours-specification .form-row {
  gap: 10px;
}

body[data-fvd-modernized-laravel] .openning_hours_days_day > .form-group:first-of-type .form-row {
  display: grid;
  grid-template-columns: minmax(160px, 0.45fr) minmax(220px, 0.55fr);
  gap: 12px;
  align-items: end;
}

body[data-fvd-modernized-laravel] .openning-hours-divider {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fvd-admin-muted);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .openning-hours-detail-description {
  flex: 1 1 220px;
  min-width: 0;
}

body[data-fvd-modernized-laravel] .openning-hours-interval-1,
body[data-fvd-modernized-laravel] .openning-hours-interval-2 {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .openning-hours-interval-1 .col,
body[data-fvd-modernized-laravel] .openning-hours-interval-2 .col {
  width: auto;
  flex: 0 0 auto;
}

body[data-fvd-modernized-laravel] .openning_hours_days_day .form-control[size="5"] {
  width: 86px;
}

body[data-fvd-modernized-laravel] .web-content main > .card .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border-top: 1px solid var(--fvd-admin-line);
  margin: 18px -22px -22px;
  padding: 16px 22px;
}

body[data-fvd-modernized-laravel] .web-content main > .card .buttons.text-right {
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] .web-content main > .card .buttons form.d-inline,
body[data-fvd-modernized-laravel] .web-content main > .card .buttons form.d-inline-block {
  margin: 0;
}

body[data-fvd-modernized-laravel] .btn-link {
  border: 0;
  background: transparent;
  color: var(--fvd-admin-red);
  font-weight: 800;
  padding: 0;
}

body[data-fvd-modernized-laravel] .with-confirm {
  white-space: nowrap;
}

body[data-fvd-modernized-laravel] input.with-confirm {
  cursor: pointer;
}

body[data-fvd-modernized-laravel] form:has(> input.with-confirm) {
  display: inline-flex;
  margin: 0;
}

body[data-fvd-modernized-laravel] td.text-right form:has(> input.with-confirm),
body[data-fvd-modernized-laravel] .text-right form:has(> input.with-confirm) {
  justify-content: flex-end;
  margin-top: 6px;
}

body[data-fvd-modernized-laravel] .btn-link.with-confirm,
body[data-fvd-modernized-laravel] input.btn-link.with-confirm {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(215 25 63 / 24%);
  border-radius: 999px;
  background: #fff4f6;
  color: var(--fvd-admin-red);
  font-weight: 850;
  line-height: 1.1;
  padding: 7px 10px;
  text-decoration: none;
}

body[data-fvd-modernized-laravel] main > table.table .btn-link.with-confirm,
body[data-fvd-modernized-laravel] main > table.table input.btn-link.with-confirm,
body[data-fvd-modernized-laravel] .table-responsive td.text-right .btn-link.with-confirm,
body[data-fvd-modernized-laravel] .table-responsive td.text-right input.btn-link.with-confirm {
  justify-content: center;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .btn-link.with-confirm:hover,
body[data-fvd-modernized-laravel] input.btn-link.with-confirm:hover {
  border-color: rgb(215 25 63 / 36%);
  background: #ffe9ee;
  color: var(--fvd-admin-red-dark);
}

body[data-fvd-modernized-laravel] .btn.with-confirm {
  box-shadow: 0 8px 18px rgb(21 24 29 / 8%);
}

body[data-fvd-modernized-laravel] .btn-danger.with-confirm,
body[data-fvd-modernized-laravel] .btn-light-red.with-confirm {
  box-shadow: 0 8px 18px rgb(215 25 63 / 18%);
}

body[data-fvd-modernized-laravel] .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .dataTables_paginate {
  display: flex;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] .pagination a,
body[data-fvd-modernized-laravel] .pagination span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  border: 1px solid var(--fvd-admin-line);
  background: #fff;
  color: var(--fvd-admin-ink);
  font-weight: 750;
  padding: 7px 11px;
}

body[data-fvd-modernized-laravel] .pagination .active span,
body[data-fvd-modernized-laravel] .pagination .active a,
body[data-fvd-modernized-laravel] .pagination a:hover {
  border-color: #171a20;
  background: #171a20;
  color: #fff;
}

body[data-fvd-modernized-laravel] .pagination .disabled a,
body[data-fvd-modernized-laravel] .pagination .disabled span {
  cursor: not-allowed;
  border-color: #edf0f3;
  background: #f8fafc;
  color: #98a2ad;
}

body[data-fvd-modernized-laravel] .web-content.bg-gradient {
  display: block;
  background:
    linear-gradient(180deg, rgb(255 255 255 / 92%) 0, rgb(244 246 248 / 96%) 360px),
    var(--fvd-admin-bg);
  padding: 36px 0 54px;
}

body[data-fvd-modernized-laravel] .web-content.bg-gradient > .container,
body[data-fvd-modernized-laravel] .job-offer-detail {
  max-width: 1180px;
}

body[data-fvd-modernized-laravel] .web-content.bg-gradient h1,
body[data-fvd-modernized-laravel] .job-offer-detail h1 {
  margin: 0 0 12px;
  color: var(--fvd-admin-ink);
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 880;
  line-height: 1.04;
}

body[data-fvd-modernized-laravel] .breadcrumb-custom {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin: 0 0 22px;
  padding: 0;
}

body[data-fvd-modernized-laravel] .breadcrumb-custom li {
  display: inline-flex;
  align-items: center;
  color: var(--fvd-admin-muted);
  font-size: 0.86rem;
  font-weight: 760;
  list-style: none;
}

body[data-fvd-modernized-laravel] .breadcrumb-custom li + li::before {
  content: "/";
  color: #a5adb6;
  margin-right: 7px;
}

body[data-fvd-modernized-laravel] .web-content.bg-gradient form.mb-4 {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 44px rgb(21 24 29 / 8%);
  margin-bottom: 24px;
  padding: clamp(18px, 2.4vw, 26px);
}

body[data-fvd-modernized-laravel] .web-content.bg-gradient form .form-row {
  row-gap: 14px;
}

body[data-fvd-modernized-laravel] .category-list-small {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
}

body[data-fvd-modernized-laravel] .category-list-small li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .category-list-small a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 999px;
  background: #fff;
  color: #27313d;
  font-size: 0.86rem;
  font-weight: 800;
  padding: 7px 12px;
}

body[data-fvd-modernized-laravel] .category-list-small a:hover {
  border-color: rgb(215 25 63 / 32%);
  background: #fff4f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .company-list-wrap {
  display: grid;
  gap: 16px;
  min-width: 0;
}

body[data-fvd-modernized-laravel] .catalog-item {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgb(21 24 29 / 7%);
  padding: clamp(16px, 2.2vw, 22px);
}

body[data-fvd-modernized-laravel] .catalog-item.job-offer-top {
  border-color: rgb(215 25 63 / 22%);
  box-shadow: 0 18px 42px rgb(215 25 63 / 9%);
}

body[data-fvd-modernized-laravel] .catalog-item .badge-top {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 1;
  border-radius: 999px;
  background: #171a20;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.03em;
  padding: 6px 10px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .catalog-item .item-content,
body[data-fvd-modernized-laravel] .catalog-item .company-thumb > .item-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 220px);
  gap: 18px;
  align-items: stretch;
}

body[data-fvd-modernized-laravel] .catalog-item .info-main,
body[data-fvd-modernized-laravel] .catalog-item .info-main-top,
body[data-fvd-modernized-laravel] .catalog-item .job-description,
body[data-fvd-modernized-laravel] .catalog-item .job-parameters {
  display: grid;
  gap: 10px;
  min-width: 0;
}

body[data-fvd-modernized-laravel] .catalog-item h2,
body[data-fvd-modernized-laravel] .catalog-item h3 {
  margin: 0;
  color: var(--fvd-admin-ink);
  font-size: 1.2rem;
  font-weight: 880;
  line-height: 1.2;
}

body[data-fvd-modernized-laravel] .catalog-item h2 a,
body[data-fvd-modernized-laravel] .catalog-item h3 a {
  color: inherit;
}

body[data-fvd-modernized-laravel] .catalog-item .location small,
body[data-fvd-modernized-laravel] .catalog-item .job-parameters > div,
body[data-fvd-modernized-laravel] .catalog-item .job-salary {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: var(--fvd-admin-muted);
  font-size: 0.9rem;
  font-weight: 740;
  line-height: 1.45;
}

body[data-fvd-modernized-laravel] .catalog-item .location svg,
body[data-fvd-modernized-laravel] .catalog-item .job-parameters svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin-top: 2px;
}

body[data-fvd-modernized-laravel] .catalog-item p,
body[data-fvd-modernized-laravel] .catalog-item .description,
body[data-fvd-modernized-laravel] .catalog-item .job-description-mob {
  color: #3d4854;
  font-size: 0.94rem;
  line-height: 1.58;
  margin: 0;
}

body[data-fvd-modernized-laravel] .catalog-item-contacts ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

body[data-fvd-modernized-laravel] .catalog-item-contacts li {
  min-width: 0;
  list-style: none;
}

body[data-fvd-modernized-laravel] .catalog-item-contacts a:not(.btn) {
  display: inline-flex;
  min-height: 36px;
  max-width: 100%;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 999px;
  background: #fbfcfd;
  color: #27313d;
  font-size: 0.85rem;
  font-weight: 800;
  padding: 7px 11px;
}

body[data-fvd-modernized-laravel] .catalog-item-contacts a:not(.btn):hover {
  border-color: rgb(215 25 63 / 28%);
  background: #fff4f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .catalog-item-contacts i {
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .catalog-item .detail-btn-mob {
  display: none;
}

body[data-fvd-modernized-laravel] .catalog-item .info-right,
body[data-fvd-modernized-laravel] .catalog-item .info-img,
body[data-fvd-modernized-laravel] .catalog-item .info-img-big {
  display: grid;
  min-width: 0;
}

body[data-fvd-modernized-laravel] .catalog-item .info-right {
  align-content: center;
  justify-items: center;
  gap: 12px;
  border-left: 1px solid var(--fvd-admin-line);
  padding-left: 18px;
}

body[data-fvd-modernized-laravel] .catalog-item .info-right .img,
body[data-fvd-modernized-laravel] .catalog-item .info-img a,
body[data-fvd-modernized-laravel] .catalog-item .info-img-big a {
  display: grid;
  width: 100%;
  max-width: 180px;
  aspect-ratio: 4 / 3;
  place-items: center;
  overflow: hidden;
  border: 1px solid #edf0f3;
  border-radius: 8px;
  background-color: #f8fafc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body[data-fvd-modernized-laravel] .catalog-item .info-right img,
body[data-fvd-modernized-laravel] .catalog-item .info-img img,
body[data-fvd-modernized-laravel] .catalog-item .info-img-big img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

body[data-fvd-modernized-laravel] .catalog-item .raty-detail {
  display: grid;
  gap: 10px;
  justify-items: center;
}

body[data-fvd-modernized-laravel] .catalog-item .job-offers {
  display: inline-flex;
  min-height: 28px;
  vertical-align: middle;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  background: #eff6ff;
  color: #245b9f;
  font-size: 0.76rem;
  font-weight: 850;
  margin-left: 8px;
  padding: 5px 9px;
}

body[data-fvd-modernized-laravel] .load-more-pages {
  box-shadow: 0 10px 22px rgb(215 25 63 / 16%);
}

body[data-fvd-modernized-laravel] #content-list.company-list {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 44px rgb(21 24 29 / 8%);
  padding: clamp(18px, 2.6vw, 30px);
}

body[data-fvd-modernized-laravel] #content-list.company-list > .h1 {
  margin: 0 0 18px;
  color: var(--fvd-admin-ink);
  font-size: clamp(1.45rem, 2vw, 2rem);
  font-weight: 860;
}

body[data-fvd-modernized-laravel] .gallery.gallery-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 16px;
}

body[data-fvd-modernized-laravel] .gallery-item {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  gap: 8px;
  min-height: 250px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgb(21 24 29 / 6%);
  color: #26313c;
  padding: 14px;
}

body[data-fvd-modernized-laravel] .gallery-item:hover {
  border-color: rgb(215 25 63 / 34%);
  box-shadow: 0 18px 42px rgb(21 24 29 / 10%);
  transform: translateY(-1px);
}

body[data-fvd-modernized-laravel] .gallery-item .img,
body[data-fvd-modernized-laravel] .gallery-item .default-icon {
  display: flex;
  aspect-ratio: 4 / 3;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #edf0f3;
  border-radius: 8px;
  background: #f8fafc;
}

body[data-fvd-modernized-laravel] .gallery-item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body[data-fvd-modernized-laravel] .gallery-item .default-icon::before {
  content: "";
  width: 42px;
  height: 42px;
  border: 2px solid #c7ced6;
  border-radius: 8px;
  box-shadow: inset 0 0 0 10px #eef2f6;
}

body[data-fvd-modernized-laravel] .gallery-item strong {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.25;
}

body[data-fvd-modernized-laravel] .gallery-item small {
  color: var(--fvd-admin-muted);
  font-size: 0.84rem;
  font-weight: 760;
}

body[data-fvd-modernized-laravel] .gallery-item > span:last-child {
  align-self: end;
  color: var(--fvd-admin-green);
  font-size: 0.92rem;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .pagination-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

body[data-fvd-modernized-laravel] .job-offer-detail .detail-top {
  display: grid;
  gap: 18px;
  margin: 28px 0 26px;
}

body[data-fvd-modernized-laravel] .job-offer-detail .detail-header,
body[data-fvd-modernized-laravel] .job-offer-detail .info,
body[data-fvd-modernized-laravel] .job-offer-detail .info-table-wrap {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 44px rgb(21 24 29 / 8%);
}

body[data-fvd-modernized-laravel] .job-offer-detail .detail-header {
  padding: clamp(18px, 2.8vw, 30px);
}

body[data-fvd-modernized-laravel] .job-offer-detail .info-top {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
  gap: 22px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .job-offer-detail .info-top > .img {
  display: flex;
  aspect-ratio: 4 / 3;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #edf0f3;
  border-radius: 8px;
  background: #f8fafc;
}

body[data-fvd-modernized-laravel] .job-offer-detail .info-top > .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body[data-fvd-modernized-laravel] .job-offer-detail .info,
body[data-fvd-modernized-laravel] .job-offer-detail .info-table-wrap {
  padding: clamp(18px, 2.4vw, 26px);
}

body[data-fvd-modernized-laravel] .job-offer-detail .description h2,
body[data-fvd-modernized-laravel] .job-offer-detail > h2 {
  margin: 0 0 14px;
  color: var(--fvd-admin-ink);
  font-size: clamp(1.25rem, 1.8vw, 1.65rem);
  font-weight: 860;
}

body[data-fvd-modernized-laravel] .job-offer-detail .description p {
  color: #34404c;
  font-size: 1rem;
  line-height: 1.65;
}

body[data-fvd-modernized-laravel] .job-offer-detail .info-table {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
}

body[data-fvd-modernized-laravel] .job-offer-detail .table-responsive {
  margin-bottom: 48px;
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 20px;
  align-items: start;
  margin: 30px 0 24px;
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top > .info,
body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top > .info-table-wrap,
body[data-fvd-modernized-laravel] .detail-map,
body[data-fvd-modernized-laravel] .rating-list,
body[data-fvd-modernized-laravel] .web-wrap > .container > .job-offer-list,
body[data-fvd-modernized-laravel] .not-registered {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 44px rgb(21 24 29 / 8%);
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top > .info,
body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top > .info-table-wrap,
body[data-fvd-modernized-laravel] .rating-list,
body[data-fvd-modernized-laravel] .web-wrap > .container > .job-offer-list,
body[data-fvd-modernized-laravel] .not-registered {
  padding: clamp(18px, 2.4vw, 26px);
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .info-top {
  display: grid;
  grid-template-columns: minmax(110px, 160px) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .info-top > .img {
  display: grid;
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  border: 1px solid #edf0f3;
  border-radius: 8px;
  background: #f8fafc;
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .info-top > .img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .rating {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
}

body[data-fvd-modernized-laravel] .rating-link {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  border-radius: 999px;
  background: #fff4f6;
  color: var(--fvd-admin-red);
  font-size: 0.84rem;
  font-weight: 850;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .ic-dic {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
}

body[data-fvd-modernized-laravel] .ic-dic li {
  list-style: none;
  border-radius: 999px;
  background: #eef2f6;
  color: #53606d;
  font-size: 0.82rem;
  font-weight: 850;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .info-table-wrap table {
  margin: 0;
}

body[data-fvd-modernized-laravel] .info-table-wrap table td {
  vertical-align: top;
}

body[data-fvd-modernized-laravel] .desktop-only {
  display: table-row;
}

body[data-fvd-modernized-laravel] .mobile-only {
  display: none;
}

body[data-fvd-modernized-laravel] .openning-hours-header {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  background: #eff6ff;
  color: #245b9f;
  font-weight: 850;
  margin-bottom: 12px;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .openning-hours .row {
  display: grid;
  grid-template-columns: minmax(100px, 0.35fr) minmax(0, 0.65fr);
  gap: 8px 12px;
  margin: 0;
}

body[data-fvd-modernized-laravel] .openning-hours .row > .w-100 {
  display: none;
}

body[data-fvd-modernized-laravel] .openning-hours .row > .col {
  width: auto;
  max-width: none;
  padding: 0;
}

body[data-fvd-modernized-laravel] .openning-hours .day-name {
  color: var(--fvd-admin-muted);
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .links-mobile {
  display: none;
}

body[data-fvd-modernized-laravel] .detail-map {
  position: relative;
  overflow: hidden;
  margin-bottom: 28px;
}

body[data-fvd-modernized-laravel] .detail-map #detail-map {
  min-height: 340px;
  background:
    linear-gradient(135deg, rgb(36 91 159 / 12%), rgb(22 132 91 / 12%)),
    #eef2f6;
}

body[data-fvd-modernized-laravel] .detail-map #map-link-detail {
  position: absolute;
  right: 18px;
  bottom: 18px;
  box-shadow: 0 12px 28px rgb(215 25 63 / 18%);
}

body[data-fvd-modernized-laravel] .rating-list .tools {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  border-top: 1px solid var(--fvd-admin-line);
  margin-top: 4px;
  padding-top: 16px;
}

body[data-fvd-modernized-laravel] .more-count {
  font-weight: 900;
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .job-offer-list {
  display: grid;
  gap: 14px;
  margin: 26px 0;
}

body[data-fvd-modernized-laravel] .web-wrap > .container > .job-offer-list > h3,
body[data-fvd-modernized-laravel] .rating-list > h3 {
  margin: 0;
  color: var(--fvd-admin-ink);
  font-size: 1.22rem;
  font-weight: 880;
}

body[data-fvd-modernized-laravel] .job-offer-list .job-offer-list {
  display: grid;
  gap: 10px;
}

body[data-fvd-modernized-laravel] .job-offer-item {
  display: grid;
  gap: 10px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fbfcfd;
  padding: 14px;
}

body[data-fvd-modernized-laravel] .job-offer-head,
body[data-fvd-modernized-laravel] .job-offer-head2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .job-offer-name {
  flex: 1 1 260px;
}

body[data-fvd-modernized-laravel] .job-offer-field,
body[data-fvd-modernized-laravel] .job-offer-salary,
body[data-fvd-modernized-laravel] .job-offer-phone,
body[data-fvd-modernized-laravel] .job-offer-email,
body[data-fvd-modernized-laravel] .job-offer-url,
body[data-fvd-modernized-laravel] .job-offer-regions,
body[data-fvd-modernized-laravel] .job-offer-work-loads {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  background: #eef2f6;
  color: #3d4854;
  font-size: 0.84rem;
  font-weight: 800;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .job-offer-salary {
  background: #f3fbf7;
  color: #16845b;
}

body[data-fvd-modernized-laravel] .not-registered {
  color: var(--fvd-admin-muted);
  font-size: 0.9rem;
  line-height: 1.55;
  margin: 24px 0;
}

body[data-fvd-modernized-laravel] .hamburger {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
}

body[data-fvd-modernized-laravel] footer {
  border-top: 1px solid var(--fvd-admin-line);
  background: #11151a;
  color: rgb(255 255 255 / 74%);
  margin-top: 48px;
  padding: 36px 0;
}

body[data-fvd-modernized-laravel] footer .heading,
body[data-fvd-modernized-laravel] footer h2,
body[data-fvd-modernized-laravel] footer strong {
  color: #fff;
}

body[data-fvd-modernized-laravel] footer a {
  color: rgb(255 255 255 / 78%);
}

body[data-fvd-modernized-laravel] footer a:hover {
  color: #fff;
}

body[data-fvd-modernized-laravel].skin-black-light,
body[data-fvd-modernized-laravel] .wrapper {
  min-height: 100vh;
  background: var(--fvd-admin-bg);
}

body[data-fvd-modernized-laravel] .main-header {
  position: sticky;
  top: 0;
  z-index: 1040;
  border-bottom: 1px solid rgb(21 24 29 / 10%);
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 12px 30px rgb(21 24 29 / 7%);
  backdrop-filter: blur(14px);
}

body[data-fvd-modernized-laravel] .main-header .logo,
body[data-fvd-modernized-laravel] .main-header .navbar {
  min-height: 62px;
  border: 0;
  background: transparent;
  color: var(--fvd-admin-ink);
}

body[data-fvd-modernized-laravel] .main-header .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--fvd-admin-line);
  font-size: 1rem;
  font-weight: 880;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .main-header .logo:hover,
body[data-fvd-modernized-laravel] .main-header .navbar .sidebar-toggle:hover,
body[data-fvd-modernized-laravel] .main-header .navbar .nav > li > a:hover {
  background: #eef2f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .main-header .navbar .sidebar-toggle,
body[data-fvd-modernized-laravel] .main-header .navbar .nav > li > a {
  min-height: 62px;
  color: var(--fvd-admin-ink);
  font-weight: 780;
  padding-top: 21px;
  padding-bottom: 21px;
}

body[data-fvd-modernized-laravel] .main-header .dropdown-menu {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgb(21 24 29 / 14%);
  padding: 8px;
}

body[data-fvd-modernized-laravel] .main-header .dropdown-menu .user-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-radius: 7px;
  background: #fbfcfd;
  padding: 8px;
}

body[data-fvd-modernized-laravel] .main-header .dropdown-menu .user-footer .pull-left,
body[data-fvd-modernized-laravel] .main-header .dropdown-menu .user-footer .pull-right {
  float: none !important;
}

body[data-fvd-modernized-laravel] .main-header .dropdown-menu .user-footer form {
  margin: 0;
}

body[data-fvd-modernized-laravel] .main-header .dropdown-menu .user-footer .btn {
  width: 100%;
  justify-content: center;
}

body[data-fvd-modernized-laravel] .main-sidebar {
  position: fixed;
  top: 62px;
  bottom: 0;
  left: 0;
  width: 230px;
  max-height: none;
  overflow-y: auto;
  border: 0;
  border-right: 1px solid rgb(255 255 255 / 8%);
  border-radius: 0;
  background: #171a20;
  box-shadow: 10px 0 28px rgb(21 24 29 / 10%);
}

body[data-fvd-modernized-laravel] .sidebar {
  padding: 14px 10px 24px;
}

body[data-fvd-modernized-laravel] .sidebar-menu {
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .sidebar-menu li {
  list-style: none;
}

body[data-fvd-modernized-laravel] .sidebar-menu > li.header {
  margin: 16px 8px 7px;
  color: rgb(255 255 255 / 46%);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .sidebar-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 38px;
  border-radius: 8px;
  color: rgb(255 255 255 / 78%);
  font-size: 0.9rem;
  font-weight: 720;
  padding: 9px 11px;
}

body[data-fvd-modernized-laravel] .sidebar-menu > li > a:hover,
body[data-fvd-modernized-laravel] .sidebar-menu > li.active > a {
  background: rgb(255 255 255 / 10%);
  color: #fff;
  box-shadow: inset 3px 0 0 var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .content-wrapper {
  min-height: calc(100vh - 62px);
  border-left: 0;
  background:
    linear-gradient(180deg, rgb(255 255 255 / 82%) 0, rgb(244 246 248 / 92%) 280px),
    var(--fvd-admin-bg);
  padding: 0 24px 48px;
}

body[data-fvd-modernized-laravel] .content-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: end;
  padding: 24px 0 16px;
}

body[data-fvd-modernized-laravel] .content-header h1 {
  margin: 0;
  color: var(--fvd-admin-ink);
  font-size: clamp(1.75rem, 2.2vw, 2.45rem);
  font-weight: 880;
  line-height: 1.08;
}

body[data-fvd-modernized-laravel] .content-header .breadcrumb {
  position: static;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  float: none;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgb(21 24 29 / 5%);
  margin: 0;
  padding: 8px 11px;
}

body[data-fvd-modernized-laravel] .content {
  max-width: 1280px;
  padding: 0;
}

body[data-fvd-modernized-laravel] .box,
body[data-fvd-modernized-laravel] .modal-content,
body[data-fvd-modernized-laravel] .info-box,
body[data-fvd-modernized-laravel] .small-box {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgb(21 24 29 / 7%);
}

body[data-fvd-modernized-laravel] .box {
  border-top: 1px solid var(--fvd-admin-line);
  margin-bottom: 20px;
}

body[data-fvd-modernized-laravel] .box-header {
  border-bottom: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  color: var(--fvd-admin-ink);
  padding: 16px 20px;
}

body[data-fvd-modernized-laravel] .box-title {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .box-body,
body[data-fvd-modernized-laravel] .box-footer {
  padding: 20px;
}

body[data-fvd-modernized-laravel] .box-footer {
  border-top: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
}

body[data-fvd-modernized-laravel] #list-filter .box.collapsed-box .box-body,
body[data-fvd-modernized-laravel] #list-filter .box.collapsed-box .box-footer {
  display: none;
}

body[data-fvd-modernized-laravel] #list-filter .box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body[data-fvd-modernized-laravel] #list-filter .box-tools {
  display: flex;
  align-items: center;
  gap: 8px;
  float: none !important;
}

body[data-fvd-modernized-laravel] #list-filter .btn-box-tool {
  width: 34px;
  min-height: 34px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  color: var(--fvd-admin-muted);
  padding: 0;
}

body[data-fvd-modernized-laravel] #list-filter .box-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 18px;
}

body[data-fvd-modernized-laravel] #list-filter .box-body > [class*="col-"] {
  width: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] #list-filter .form-group {
  display: grid;
  grid-template-columns: minmax(120px, 0.36fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] #list-filter .control-label {
  display: flex;
  width: auto;
  min-height: 42px;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  color: var(--fvd-admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-align: right;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] #list-filter .form-group > [class*="col-sm-"] {
  width: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] #list-filter .box-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] #list-filter .filter-cancel {
  margin-right: auto;
}

body[data-fvd-modernized-laravel] .small-box {
  position: relative;
  min-height: 148px;
  color: #fff;
  padding: 18px;
}

body[data-fvd-modernized-laravel] .small-box .inner h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(1.7rem, 2.4vw, 2.45rem);
  font-weight: 880;
}

body[data-fvd-modernized-laravel] .small-box .inner p,
body[data-fvd-modernized-laravel] .small-box-footer {
  color: rgb(255 255 255 / 82%);
  font-weight: 760;
}

body[data-fvd-modernized-laravel] .small-box .icon {
  top: 18px;
  right: 18px;
  color: rgb(255 255 255 / 24%);
}

body[data-fvd-modernized-laravel] .small-box-footer {
  display: inline-flex;
  border-radius: 999px;
  background: rgb(0 0 0 / 18%);
  margin-top: 12px;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .bg-light-blue,
body[data-fvd-modernized-laravel] .bg-aqua {
  background: linear-gradient(135deg, #245b9f, #16845b) !important;
}

body[data-fvd-modernized-laravel] .bg-yellow {
  background: linear-gradient(135deg, #aa6a00, #d58a12) !important;
}

body[data-fvd-modernized-laravel] .bg-green {
  background: linear-gradient(135deg, #16845b, #21a574) !important;
}

body[data-fvd-modernized-laravel] .bg-red {
  background: linear-gradient(135deg, #d7193f, #9f102c) !important;
}

body[data-fvd-modernized-laravel] .info-box a {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  color: var(--fvd-admin-ink);
}

body[data-fvd-modernized-laravel] .info-box-icon {
  display: flex;
  width: 72px;
  min-height: 72px;
  align-items: center;
  justify-content: center;
  color: #fff;
}

body[data-fvd-modernized-laravel] .info-box-content {
  min-width: 0;
  padding: 14px 16px;
}

body[data-fvd-modernized-laravel] .info-box-text {
  color: var(--fvd-admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .info-box-number {
  color: var(--fvd-admin-ink);
  font-size: 1.35rem;
  font-weight: 880;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper {
  overflow: auto;
}

body[data-fvd-modernized-laravel] .dataTables_wrapper .row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 0;
  align-items: center;
}

body[data-fvd-modernized-laravel] .dataTables_filter,
body[data-fvd-modernized-laravel] .dataTables_length,
body[data-fvd-modernized-laravel] .dataTables_info {
  color: var(--fvd-admin-muted);
  font-weight: 740;
}

body[data-fvd-modernized-laravel] .table-bordered,
body[data-fvd-modernized-laravel] table.dataTable {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  overflow: hidden;
}

body[data-fvd-modernized-laravel] .nav-tabs-custom,
body[data-fvd-modernized-laravel] .nav-tabs {
  border: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgb(21 24 29 / 5%);
  margin-bottom: 18px;
  padding: 6px;
}

body[data-fvd-modernized-laravel] .nav-tabs > li > a {
  border: 0;
  border-radius: 7px;
  color: var(--fvd-admin-muted);
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .nav-tabs > li.active > a,
body[data-fvd-modernized-laravel] .nav-tabs > li > a:hover {
  border: 0;
  background: #171a20;
  color: #fff;
}

body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit),
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  float: none;
}

body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit) > .box,
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) > .box {
  width: auto;
  max-width: none;
  min-width: 0;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit) > [class*="col-md-"],
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) > [class*="col-md-"] {
  width: auto;
  max-width: none;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"] {
  width: min(760px, 100%);
  max-width: none;
  padding-right: 0;
  padding-left: 0;
  float: none;
}

body[data-fvd-modernized-laravel] .admin-registration-detail,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) {
  width: min(820px, 100%);
}

body[data-fvd-modernized-laravel] .admin-registration-detail .box-body,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .box-body {
  display: grid;
  gap: 16px;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .lead,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .lead {
  border-bottom: 1px solid var(--fvd-admin-line);
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 880;
  letter-spacing: 0;
  margin: 4px 0 -4px;
  padding-bottom: 8px;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .table-responsive,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table-responsive {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fbfcfd;
  box-shadow: none;
  margin-bottom: 2px;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .table,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table {
  min-width: 0;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .table th,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table th {
  width: 150px !important;
  border-top: 1px solid #edf0f3;
  color: var(--fvd-admin-muted);
  font-size: 0.82rem;
  font-weight: 850;
  white-space: nowrap;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .table td,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table td {
  border-top: 1px solid #edf0f3;
  color: #34404c;
  font-weight: 680;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .table tr:first-child th,
body[data-fvd-modernized-laravel] .admin-registration-detail .table tr:first-child td,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table tr:first-child th,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .table tr:first-child td {
  border-top: 0;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .box-footer,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .box-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .admin-registration-detail .box-footer .btn-group,
body[data-fvd-modernized-laravel] .content-wrapper .content > .box[class*="col-md-"]:has(.box-body > p.lead + .table-responsive) .box-footer .btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  float: none !important;
}

body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit) > button[type="submit"],
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) > button[type="submit"],
body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit) > .btn-default,
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) > .btn-default {
  align-self: start;
}

body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit) > button[type="submit"],
body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit) > button[type="submit"] {
  justify-self: end;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box-body h4 {
  margin: 20px 0 12px;
  color: var(--fvd-admin-ink);
  font-size: 0.95rem;
  font-weight: 850;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .form-group {
  margin-bottom: 16px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box-body label {
  color: var(--fvd-admin-ink);
  font-size: 0.86rem;
  font-weight: 800;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .checkbox,
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .radio {
  margin: 0 0 12px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .checkbox label,
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .radio label {
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  color: #26313c;
  cursor: pointer;
  font-weight: 760;
  line-height: 1.35;
  margin: 0;
  padding: 10px 12px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .checkbox label > input[type="checkbox"],
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .radio label > input[type="radio"] {
  position: static;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  accent-color: var(--fvd-admin-red);
  margin: 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .checkbox label:has(input:checked),
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .radio label:has(input:checked) {
  border-color: rgb(215 25 63 / 36%);
  background: #fff4f6;
  box-shadow: inset 3px 0 0 var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .help-block {
  display: block;
  color: #8b1f2f;
  font-size: 0.84rem;
  font-weight: 760;
  line-height: 1.45;
  margin: 6px 0 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .has-error .form-control,
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .has-error .select2-selection {
  border-color: rgb(139 31 47 / 58%);
  background: #fffafb;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .has-error .checkbox label,
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .has-error .radio label {
  border-color: rgb(139 31 47 / 42%);
  background: #fff7f8;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) select[multiple],
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) textarea[rows="8"],
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) textarea[rows="10"] {
  min-height: 132px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box-body > .box-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid var(--fvd-admin-line);
  margin: 20px -20px -20px;
  padding: 16px 20px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box > .box-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box-footer .pull-right {
  float: none !important;
  margin-left: auto;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box .input-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box .input-group .form-control {
  border-radius: 8px 0 0 8px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .box .input-group-addon {
  display: inline-flex;
  min-width: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccd5df;
  border-left: 0;
  border-radius: 0 8px 8px 0;
  background: #fbfcfd;
  color: var(--fvd-admin-muted);
  font-weight: 850;
  padding: 0 12px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value-wrap {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fbfcfd;
  padding: 14px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value-wrap > .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  color: var(--fvd-admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
  margin: 0 0 10px;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value-list {
  display: grid;
  gap: 12px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
  margin: 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value > [class*="col"] {
  width: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value .input-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value .input-group .form-control {
  border-radius: 8px 0 0 8px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value .input-group-addon,
body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value .remove {
  display: inline-flex;
  min-width: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccd5df;
  border-left: 0;
  border-radius: 0 8px 8px 0;
  background: #fff;
  color: var(--fvd-admin-muted);
  font-weight: 850;
  padding: 0 12px;
}

body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-plus {
  margin-top: 12px;
}

body[data-fvd-modernized-laravel] .form-images-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: 14px;
}

body[data-fvd-modernized-laravel] .form-images-image {
  position: relative;
  display: grid;
  min-height: 116px;
  place-items: center;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fbfcfd;
  padding: 8px;
  overflow: hidden;
}

body[data-fvd-modernized-laravel] .form-images-image img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin: 0;
}

body[data-fvd-modernized-laravel] .form-images-remove {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #d7193f;
  color: #fff;
  box-shadow: 0 8px 18px rgb(215 25 63 / 24%);
}

body[data-fvd-modernized-laravel] .btn-group-vertical {
  display: inline-grid;
  gap: 6px;
}

body[data-fvd-modernized-laravel] .btn-group-vertical > .btn {
  width: 100%;
  border-radius: 7px !important;
  margin: 0;
}

body[data-fvd-modernized-laravel] .admin-category-tree {
  overflow: auto;
}

body[data-fvd-modernized-laravel] .admin-category-tree ul {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] .admin-category-tree ul ul {
  border-left: 2px solid #dce3eb;
  margin-top: 10px;
  margin-left: 14px;
  padding-left: 18px;
}

body[data-fvd-modernized-laravel] .admin-category-tree li {
  position: relative;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fbfcfd;
  color: var(--fvd-admin-ink);
  font-weight: 800;
  padding: 11px 13px;
}

body[data-fvd-modernized-laravel] .admin-category-tree ul ul > li::before {
  content: "";
  position: absolute;
  top: 22px;
  left: -20px;
  width: 18px;
  border-top: 2px solid #dce3eb;
}

body[data-fvd-modernized-laravel] .admin-category-tree > ul > li {
  background: #fff;
  box-shadow: 0 8px 20px rgb(21 24 29 / 5%);
}

body[data-fvd-modernized-laravel] .admin-category-tree li:empty {
  display: none;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .modal-body {
  display: grid;
  gap: 18px;
}

body[data-fvd-modernized-laravel] #assign-company-search {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fbfcfd;
  padding: 16px;
}

body[data-fvd-modernized-laravel] #assign-company-search > .input-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

body[data-fvd-modernized-laravel] #assign-company-search > .input-group .form-control {
  border-radius: 8px 0 0 8px;
}

body[data-fvd-modernized-laravel] #assign-company-search .input-group-btn {
  display: contents;
}

body[data-fvd-modernized-laravel] #assign-company-search .btn-flat {
  border-radius: 0 8px 8px 0;
}

body[data-fvd-modernized-laravel] #assign-company-search > .row {
  display: grid;
  grid-template-columns: minmax(160px, 0.7fr) minmax(180px, 0.8fr) minmax(260px, 1.4fr);
  gap: 12px;
  align-items: end;
  margin: 14px 0 0;
}

body[data-fvd-modernized-laravel] #assign-company-search > .row > [class*="col"] {
  width: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] #assign-company-search .checkbox {
  margin: 0;
}

body[data-fvd-modernized-laravel] #assign-company-search .checkbox label {
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  color: var(--fvd-admin-ink);
  font-weight: 780;
  padding: 9px 11px;
}

body[data-fvd-modernized-laravel] #assign-company-search .form-group {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign hr {
  width: 100%;
  border-top: 1px solid var(--fvd-admin-line);
  margin: 0;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .modal-body > h4 {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
  margin: 0;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .selected-companies {
  min-width: 720px;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .selected-companies .template,
body[data-fvd-modernized-laravel] #modal-gold-demand-assign .selected-companies .hidden {
  display: none;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .selected-companies .selected_remove {
  text-align: right;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .selected_remove a {
  display: inline-flex;
  width: 34px;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #fff4f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .modal-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

body[data-fvd-modernized-laravel] #modal-gold-demand-assign .modal-footer .pull-left {
  margin-right: auto;
  float: none !important;
}

body[data-fvd-modernized-laravel] .associated-company {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #eef5ff;
  color: #173f70;
  font-weight: 820;
  margin: 2px 0;
  padding: 4px 9px;
}

body[data-fvd-modernized-laravel] #job-offer-edit {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  float: none;
}

body[data-fvd-modernized-laravel] #job-offer-edit > .box {
  width: auto;
  max-width: none;
  min-width: 0;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}

body[data-fvd-modernized-laravel] #job-offer-edit .form-group {
  margin-bottom: 16px;
}

body[data-fvd-modernized-laravel] #job-offer-edit .form-group:last-child {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] #job-offer-edit .box-body label {
  color: var(--fvd-admin-ink);
  font-size: 0.86rem;
  font-weight: 800;
}

body[data-fvd-modernized-laravel] #job-offer-edit select[multiple],
body[data-fvd-modernized-laravel] #job-offer-edit textarea[rows="10"],
body[data-fvd-modernized-laravel] #job-offer-edit .textarea-big {
  min-height: 132px;
}

body[data-fvd-modernized-laravel] #job-offer-edit .input-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

body[data-fvd-modernized-laravel] #job-offer-edit .input-group .form-control {
  border-radius: 8px 0 0 8px;
}

body[data-fvd-modernized-laravel] #job-offer-edit .input-group-addon {
  display: inline-flex;
  min-width: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccd5df;
  border-left: 0;
  border-radius: 0 8px 8px 0;
  background: #fbfcfd;
  color: var(--fvd-admin-muted);
  font-weight: 850;
  padding: 0 12px;
}

body[data-fvd-modernized-laravel] #job-offer-edit .field-value-wrap.workplaces {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fbfcfd;
  padding: 14px;
}

body[data-fvd-modernized-laravel] #job-offer-edit .field-value-wrap.workplaces .field-value {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
}

body[data-fvd-modernized-laravel] #job-offer-edit .field-value-wrap.workplaces .field-value .remove {
  margin-top: 0;
}

body[data-fvd-modernized-laravel] #job-offer-edit > button[type="submit"],
body[data-fvd-modernized-laravel] #job-offer-edit > .btn-default {
  align-self: start;
}

body[data-fvd-modernized-laravel] #job-offer-edit > button[type="submit"] {
  justify-self: end;
}

body[data-fvd-modernized-laravel] .modal-content {
  border: 0;
}

body[data-fvd-modernized-laravel] .modal-header,
body[data-fvd-modernized-laravel] .modal-footer {
  border-color: var(--fvd-admin-line);
  background: #fbfcfd;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-dialog {
  width: auto;
  max-width: min(720px, calc(100vw - 28px));
  margin: 28px auto;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-poptavka .modal-dialog,
body[data-fvd-modernized-laravel] .web-wrap #modal-job-offer-response .modal-dialog,
body[data-fvd-modernized-laravel] .web-wrap #modal-hodnoceni .modal-dialog,
body[data-fvd-modernized-laravel] .web-wrap .modal-share .modal-dialog {
  max-width: min(760px, calc(100vw - 28px));
}

body[data-fvd-modernized-laravel] .web-wrap .modal-content {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 28px 80px rgb(21 24 29 / 24%);
}

body[data-fvd-modernized-laravel] .web-wrap .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--fvd-admin-line);
  background: linear-gradient(180deg, #fff 0, #fbfcfd 100%);
  padding: 22px 24px 18px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-title {
  display: grid;
  gap: 5px;
  color: var(--fvd-admin-ink);
  font-size: 1.22rem;
  font-weight: 880;
  line-height: 1.18;
  margin: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-title small {
  color: var(--fvd-admin-muted);
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.35;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-header .close {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  color: #53606d;
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1;
  opacity: 1;
  padding: 0;
  text-shadow: none;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-header .close:hover {
  border-color: rgb(215 25 63 / 28%);
  background: #fff4f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body {
  color: #2c3642;
  padding: 24px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body form {
  margin: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .form-group:last-child {
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body label small,
body[data-fvd-modernized-laravel] .web-wrap .modal-body .form-text,
body[data-fvd-modernized-laravel] .web-wrap .modal-body p small {
  color: var(--fvd-admin-muted);
  font-size: 0.82rem;
  line-height: 1.5;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .ftext-counter {
  display: inline-flex;
  width: fit-content;
  min-height: 28px;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  background: #eef2f6;
  color: #53606d;
  font-weight: 780;
  margin-top: 8px;
  padding: 5px 10px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .ftext-counter span {
  color: var(--fvd-admin-red);
  font-weight: 900;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .sms_code {
  display: grid;
  gap: 10px;
  border: 1px solid rgb(36 91 159 / 18%);
  border-radius: 8px;
  background: #f7fbff;
  margin-top: 16px;
  padding: 16px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .sms_code.d-none {
  display: none !important;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .fcode {
  max-width: 180px;
  text-align: center;
  font-size: 1.08rem;
  font-weight: 850;
  letter-spacing: 0.08em;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .sms_code_resend {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: var(--fvd-admin-red);
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-body .buttons {
  margin: 22px -24px -24px;
  padding: 16px 24px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .modal-body {
  display: grid;
  gap: 18px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-success {
  display: none;
  border: 1px solid rgb(22 132 91 / 18%);
  border-radius: 8px;
  background: #f3fbf7;
  padding: 14px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-success .alert {
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-success .buttons {
  margin: 14px 0 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-or {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  color: var(--fvd-admin-muted);
  font-size: 0.78rem;
  font-weight: 850;
  text-transform: uppercase;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-or::before,
body[data-fvd-modernized-laravel] .web-wrap .modal-share .share-or::after {
  content: "";
  height: 1px;
  background: var(--fvd-admin-line);
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .buttons-share {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .buttons-share .btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  color: var(--fvd-admin-ink);
  font-weight: 850;
  padding: 10px 12px;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .buttons-share .btn:hover {
  border-color: rgb(215 25 63 / 28%);
  background: #fff4f6;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] .web-wrap .modal-share .buttons-share img {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

body[data-fvd-modernized-laravel] .web-wrap .modal-loader .modal-body,
body[data-fvd-modernized-laravel] .web-wrap .modal-error .modal-body {
  display: grid;
  min-height: 180px;
  align-items: center;
}

body[data-fvd-modernized-laravel] .web-wrap .spinner-border {
  width: 52px;
  height: 52px;
  border-width: 4px;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] #modal-link .modal-dialog {
  width: auto;
  max-width: min(640px, calc(100vw - 28px));
  margin: 28px auto;
}

body[data-fvd-modernized-laravel] #modal-link .modal-content {
  overflow: hidden;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 28px 80px rgb(21 24 29 / 24%);
}

body[data-fvd-modernized-laravel] #modal-link .modal-header {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--fvd-admin-line);
  background: linear-gradient(180deg, #fff 0, #fbfcfd 100%);
  padding: 22px 24px 18px;
}

body[data-fvd-modernized-laravel] #modal-link .modal-title {
  color: var(--fvd-admin-ink);
  font-size: 1.22rem;
  font-weight: 880;
  line-height: 1.18;
  margin: 0;
}

body[data-fvd-modernized-laravel] #modal-link .close {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fff;
  color: #53606d;
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1;
  opacity: 1;
  padding: 0;
  text-shadow: none;
}

body[data-fvd-modernized-laravel] #modal-link .modal-body {
  color: #2c3642;
  padding: 24px;
}

body[data-fvd-modernized-laravel] #modal-link .modal-body-content {
  display: grid;
  gap: 16px;
}

body[data-fvd-modernized-laravel] #modal-link .modal-body-content h4 {
  color: var(--fvd-admin-ink);
  font-size: 1rem;
  font-weight: 850;
  margin: 0;
}

body[data-fvd-modernized-laravel] #modal-link .modal-loader {
  display: grid;
  min-height: 160px;
  place-items: center;
  color: var(--fvd-admin-red);
}

body[data-fvd-modernized-laravel] #modal-link .modal-error .alert,
body[data-fvd-modernized-laravel] #modal-link .modal-body-content > .alert {
  border-radius: 8px;
  font-weight: 760;
  margin-bottom: 0;
}

body[data-fvd-modernized-laravel] #modal-link .modal-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid var(--fvd-admin-line);
  background: #fbfcfd;
  padding: 16px 24px;
}

body[data-fvd-modernized-laravel] #modal-link .modal-footer .pull-left {
  margin-right: auto;
  float: none !important;
}

body[data-fvd-modernized-laravel] .web-wrap .custom-file {
  position: relative;
  display: block;
  min-height: 44px;
}

body[data-fvd-modernized-laravel] .web-wrap .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 44px;
  cursor: pointer;
  opacity: 0;
}

body[data-fvd-modernized-laravel] .web-wrap .custom-file-label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  border: 1px dashed #b9c4cf;
  border-radius: 8px;
  background: #fbfcfd;
  color: #53606d;
  font-weight: 780;
  padding: 10px 14px;
}

body[data-fvd-modernized-laravel] .web-wrap .custom-file-label::after {
  content: "Vybrat";
  margin-left: auto;
  border-radius: 7px;
  background: #fff;
  color: var(--fvd-admin-red);
  font-weight: 850;
  padding: 6px 10px;
}

body[data-fvd-modernized-laravel] .web-wrap .rating-active {
  border: 1px solid var(--fvd-admin-line);
  border-radius: 8px;
  background: #fbfcfd;
  padding: 12px 14px;
}

body[data-fvd-modernized-laravel] .web-wrap .raty-edit {
  min-height: 28px;
}

body[data-fvd-modernized-laravel] .style-content > .thankyou,
body[data-fvd-modernized-laravel] .container > .thankyou {
  margin-top: 18px;
  margin-bottom: 18px;
}

@media (max-width: 1024px) {
  body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    padding-top: 32px;
  }

  body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) > h1 {
    max-width: 100%;
    font-size: clamp(2.35rem, 12vw, 4rem);
    line-height: 0.98;
  }

  body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) > form,
  body[data-fvd-modernized-laravel] form[data-testid="login-form"] .box-grey {
    justify-self: stretch;
    max-width: 560px;
  }

  body[data-fvd-modernized-laravel] .web-content {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .web-wrap > nav .container {
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  body[data-fvd-modernized-laravel] aside {
    position: static;
    max-height: none;
  }

  body[data-fvd-modernized-laravel] .main-sidebar {
    position: static;
    width: auto;
    max-height: none;
    border-right: 0;
    border-radius: 8px;
    margin-bottom: 16px;
  }

  body[data-fvd-modernized-laravel] .content-wrapper {
    margin-left: 0;
    padding-right: 16px;
    padding-left: 16px;
  }

  body[data-fvd-modernized-laravel] .content-header {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .content-header .breadcrumb {
    justify-content: flex-start;
  }

  body[data-fvd-modernized-laravel] #list-filter .box-body,
  body[data-fvd-modernized-laravel] #list-filter .form-group {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] #list-filter .control-label {
    min-height: 0;
    justify-content: flex-start;
    text-align: left;
  }

  body[data-fvd-modernized-laravel] #job-offer-edit {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .content-wrapper .content > form:not(#list-filter):not(#job-offer-edit),
  body[data-fvd-modernized-laravel] .content-wrapper .tab-content > form:not(#list-filter):not(#job-offer-edit),
  body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value-wrap > .row,
  body[data-fvd-modernized-laravel] .content-wrapper form:not(#list-filter) .field-value {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] #assign-company-search > .row {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .content-info {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] main > .row,
  body[data-fvd-modernized-laravel] .pricing-wrap {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .credit-balance .row {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .pricing {
    border-right: 0;
    border-bottom: 1px solid var(--fvd-admin-line);
  }

  body[data-fvd-modernized-laravel] .job-offer-header .prices {
    border-left: 0;
  }

  body[data-fvd-modernized-laravel] .advert-banner-row-target,
  body[data-fvd-modernized-laravel] .demand-all-filter form.row,
  body[data-fvd-modernized-laravel] .filter-tabs.job-offer-responses,
  body[data-fvd-modernized-laravel] .job-offer-edit .form-group > .row,
  body[data-fvd-modernized-laravel] .job-offer-notif-edit .form-group > .row,
  body[data-fvd-modernized-laravel] .job-offer-promo-description .row,
  body[data-fvd-modernized-laravel] .job-offer-detail .info-top,
  body[data-fvd-modernized-laravel] .openning_hours_days_day > .form-group:first-of-type .form-row,
  body[data-fvd-modernized-laravel] #company_rights .field-value {
    display: grid;
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .col-form-label {
    justify-content: flex-start;
  }

  body[data-fvd-modernized-laravel] .filter-tabs li.right {
    margin-left: 0;
  }

  body[data-fvd-modernized-laravel] .rating-head .status {
    justify-self: start;
  }
}

@media (max-width: 640px) {
  body[data-fvd-modernized-laravel] .web-wrap > nav .container {
    min-height: 62px;
  }

  body[data-fvd-modernized-laravel] .logo img {
    height: 36px;
  }

  body[data-fvd-modernized-laravel] .top-menu {
    display: none;
  }

  body[data-fvd-modernized-laravel] .right-menu,
  body[data-fvd-modernized-laravel] .main-menu {
    display: none;
  }

  body[data-fvd-modernized-laravel] .web-content {
    gap: 14px;
    padding: 14px 0 32px;
  }

  body[data-fvd-modernized-laravel] .box-grey .buttons,
  body[data-fvd-modernized-laravel] .buttons-login {
    margin-right: -16px;
    margin-left: -16px;
    margin-bottom: -16px;
    padding: 14px 16px;
  }

  body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) {
    width: min(100% - 24px, 560px);
    padding-top: 24px;
  }

  body[data-fvd-modernized-laravel] .web-content > .container:has(> form[data-testid="login-form"]) .box-grey {
    padding: 20px;
  }

  body[data-fvd-modernized-laravel] form[data-testid="login-form"] .buttons-login {
    margin: 20px -20px -20px;
    padding: 14px 20px;
  }

  body[data-fvd-modernized-laravel] .box-grey label {
    display: grid;
    justify-content: stretch;
  }

  body[data-fvd-modernized-laravel] .card-body,
  body[data-fvd-modernized-laravel] .form-box .in,
  body[data-fvd-modernized-laravel] .jumbotron,
  body[data-fvd-modernized-laravel] .close-open-wrap > .in {
    padding: 16px;
  }

  body[data-fvd-modernized-laravel] .web-content main > .card .buttons {
    margin: 16px -16px -16px;
    padding: 14px 16px;
  }

  body[data-fvd-modernized-laravel] .account-profile-edit .form-group.row,
  body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .form-group.row {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-fvd-modernized-laravel] .account-profile-edit .form-group.row.mb-0,
  body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .form-group.row.mb-0 {
    margin-right: -16px;
    margin-bottom: -16px;
    margin-left: -16px;
    padding: 14px 16px;
  }

  body[data-fvd-modernized-laravel] .account-profile-edit .offset-md-4,
  body[data-fvd-modernized-laravel] form[action$="/uzivatel/submit"] .offset-md-4 {
    grid-column: 1;
  }

  body[data-fvd-modernized-laravel] #thepay-method-box .paymentMethodLink,
  body[data-fvd-modernized-laravel] #thepay-method-box a.paymentMethodLink {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  body[data-fvd-modernized-laravel] .field-value,
  body[data-fvd-modernized-laravel] .field-value-list .field-value:has(.arrow),
  body[data-fvd-modernized-laravel] .pricing-wrap,
  body[data-fvd-modernized-laravel] .style-content > .card-deck.container,
  body[data-fvd-modernized-laravel] .style-content .version-compare.container,
  body[data-fvd-modernized-laravel] .form-images-list,
  body[data-fvd-modernized-laravel] .photos_order,
  body[data-fvd-modernized-laravel] .img-upload,
  body[data-fvd-modernized-laravel] .gallery.gallery-list,
  body[data-fvd-modernized-laravel] .company-plus {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .catalog-item .item-content,
  body[data-fvd-modernized-laravel] .catalog-item .company-thumb > .item-content {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .catalog-item .info-right {
    display: none;
  }

  body[data-fvd-modernized-laravel] .catalog-item .detail-btn-mob {
    display: list-item;
  }

  body[data-fvd-modernized-laravel] .catalog-item .badge-top {
    position: static;
    justify-self: start;
    margin-bottom: 10px;
  }

  body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top,
  body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .info-top,
  body[data-fvd-modernized-laravel] .openning-hours .row {
    grid-template-columns: 1fr;
  }

  body[data-fvd-modernized-laravel] .web-wrap > .container > .detail-top .info-top > .img {
    max-width: 130px;
  }

  body[data-fvd-modernized-laravel] .desktop-only {
    display: none;
  }

  body[data-fvd-modernized-laravel] .mobile-only {
    display: table-row;
  }

  body[data-fvd-modernized-laravel] .links {
    display: none;
  }

  body[data-fvd-modernized-laravel] .links-mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
  }

  body[data-fvd-modernized-laravel] .links-mobile a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--fvd-admin-line);
    border-radius: 999px;
    background: #fbfcfd;
    color: var(--fvd-admin-ink);
    font-weight: 820;
    padding: 8px 12px;
  }

  body[data-fvd-modernized-laravel] .detail-map #map-link-detail {
    right: 12px;
    bottom: 12px;
    left: 12px;
    justify-content: center;
  }

  body[data-fvd-modernized-laravel] main > h1 {
    font-size: 1.75rem;
  }
}