/* iOS orange merchant theme */
:root {
  --ios-orange-1: #ffb55d;
  --ios-orange-2: #ff8a3d;
  --ios-orange-3: #ff712e;
  --ios-bg: #fff7ef;
  --ios-card: rgba(255, 255, 255, 0.9);
  --ios-border: rgba(255, 138, 61, 0.16);
  --ios-text: #503327;
  --ios-muted: #9b7965;
  --ios-shadow: 0 18px 44px rgba(255, 138, 61, 0.14);
}

html,
body {
  min-height: 100%;
  background: linear-gradient(180deg, #fff7ef 0%, #fffdfa 34%, #f7f4ef 100%);
  color: var(--ios-text);
}

body,
.app,
.app-content,
.app-footer {
  background: transparent;
  color: var(--ios-text);
}

a,
.text-info,
.text-primary,
.text-success {
  color: #d66a25;
}

a:hover,
a:focus {
  color: var(--ios-orange-3);
}

.app-header.navbar,
.app-header,
.navbar-collapse.box-shadow {
  background: rgba(255, 255, 255, 0.86) !important;
  border: 0;
  box-shadow: var(--ios-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.navbar-header {
  background: linear-gradient(135deg, var(--ios-orange-1), var(--ios-orange-2)) !important;
  box-shadow: 0 18px 36px rgba(255, 138, 61, 0.2);
}

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus,
.navbar-header .text-lt,
.navbar-header .text-lt span,
.app .navbar-brand {
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.app-aside,
.app-aside:before {
  background: rgba(255, 255, 255, 0.82) !important;
  border-right: 1px solid var(--ios-border);
  box-shadow: 8px 0 32px rgba(255, 138, 61, 0.08);
}

.navi ul.nav {
  padding: 10px 10px 18px;
}

.navi ul.nav li > a {
  margin: 4px 0;
  border-radius: 16px;
  color: #5b3a2d;
  transition: all 0.25s ease;
}

.navi ul.nav li > a:hover,
.navi ul.nav li.active > a,
.nav-sub li.active > a,
.nav-sub li > a:hover,
.nav-sub li > a:focus {
  color: #fff !important;
  background: linear-gradient(135deg, var(--ios-orange-1), var(--ios-orange-2)) !important;
  box-shadow: 0 14px 28px rgba(255, 138, 61, 0.2);
}

.navi ul.nav li > a i,
.navi ul.nav li > a .glyphicon,
.navi ul.nav li > a .fa,
.nav-sub li > a i,
.nav-sub li > a .glyphicon,
.nav-sub li > a .fa {
  color: inherit !important;
}

.nav-sub {
  background: transparent;
}

.nav-sub li > a {
  margin-left: 6px;
  border-radius: 14px;
}

.dropdown-menu,
.panel,
.panel-default,
.list-group,
.modal-content,
.well,
.thumbnail,
.wrapper,
.wrapper-md .panel,
.bootstrap-table .fixed-table-container {
  background: var(--ios-card);
  border: 1px solid var(--ios-border);
  border-radius: 22px;
  box-shadow: var(--ios-shadow);
}

.dropdown-menu {
  padding: 10px;
}

.dropdown-menu > li > a {
  border-radius: 12px;
  color: var(--ios-text);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: #fff4ea;
  color: #d76b25;
}

.panel-heading,
.panel-default > .panel-heading {
  background: linear-gradient(135deg, rgba(255, 181, 93, 0.22), rgba(255, 138, 61, 0.12)) !important;
  color: #5b392c !important;
  border-bottom: 1px solid rgba(255, 138, 61, 0.08);
  font-weight: 700;
}

.panel-footer {
  background: rgba(255, 248, 240, 0.88) !important;
  border-top: 1px solid rgba(255, 138, 61, 0.08);
}

.form-control,
.chosen-container-single .chosen-single {
  background: #fffaf6;
  border-color: rgba(255, 138, 61, 0.18);
  color: var(--ios-text);
  border-radius: 16px;
  box-shadow: none;
}

.form-control:focus,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active .chosen-single {
  background: #fff;
  border-color: var(--ios-orange-2);
  box-shadow: 0 0 0 4px rgba(255, 138, 61, 0.14);
}

.input-group-addon {
  background: #fff1e3;
  border-color: rgba(255, 138, 61, 0.18);
  color: #cb6829;
  border-radius: 16px;
}

.btn {
  border-radius: 16px;
  border: 0;
  font-weight: 600;
}

.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.bg-primary,
.bg-info {
  color: #fff !important;
  background: linear-gradient(135deg, var(--ios-orange-1), var(--ios-orange-2)) !important;
  box-shadow: 0 14px 28px rgba(255, 138, 61, 0.18);
}

.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-dark-white,
.btn-dark-white:hover,
.btn-dark-white:focus {
  color: #cb6829 !important;
  background: #fff7ef !important;
  border: 1px solid rgba(255, 138, 61, 0.18) !important;
}

.table > thead > tr > th {
  background: #fff3e7;
  color: #7b4d34;
  border-bottom: 0;
}

.table > tbody > tr > td {
  border-top: 1px solid rgba(255, 138, 61, 0.08);
}

.table-hover > tbody > tr:hover {
  background: rgba(255, 138, 61, 0.06);
}

.badge,
.label {
  border-radius: 999px;
  text-shadow: none;
}

.badge.bg-info,
.badge.bg-primary,
.label.bg-info,
.label.bg-primary,
.label.bg-success,
.label.bg-warning {
  background: linear-gradient(135deg, var(--ios-orange-1), var(--ios-orange-2)) !important;
}

.page-header,
.b-b,
.line.dk {
  border-color: rgba(255, 138, 61, 0.12) !important;
}

.wrapper.text-center strong,
.text-muted {
  color: var(--ios-muted) !important;
}

.avatar img,
.thumb-lg img,
.thumb-sm img {
  border-radius: 18px;
}