/* Perfume demo skin for login and POS. */
.perfume-login {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(900px 480px at 15% 10%, rgba(201, 162, 92, 0.22), transparent 60%),
    radial-gradient(700px 420px at 90% 90%, rgba(92, 46, 28, 0.45), transparent 55%),
    #140e0b;
  color: #f6efe4;
  font-family: "Jost", "Helvetica Neue", Arial, sans-serif;
}
.perfume-login .perfume-stage {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 18px;
  position: relative;
}
.perfume-login .perfume-glow {
  position: absolute;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(201, 162, 92, 0.12);
  filter: blur(10px);
  top: 12%;
  right: 18%;
  pointer-events: none;
}
.perfume-login .perfume-shell {
  width: min(980px, 100%);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.perfume-login .perfume-kicker {
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-size: 12px;
  color: #d7b56a;
  margin: 0 0 14px;
}
.perfume-login .perfume-story h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  font-size: 64px;
  line-height: 0.92;
  margin: 0 0 18px;
  color: #f8f1e6;
}
.perfume-login .perfume-lead {
  max-width: 420px;
  font-weight: 300;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(246, 239, 228, 0.78);
}
.perfume-login .perfume-notes {
  list-style: none;
  padding: 8px 0 0;
  margin: 0;
  display: flex;
  gap: 18px;
}
.perfume-login .perfume-notes li {
  font-size: 13px;
  color: rgba(246, 239, 228, 0.62);
}
.perfume-login .perfume-notes span {
  display: block;
  color: #e6c98a;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 22px;
}
.perfume-login .perfume-card {
  background: rgba(255, 250, 243, 0.96);
  color: #2a2118;
  border-radius: 28px;
  padding: 36px 32px 22px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
}
.perfume-login .perfume-mark {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1px solid #c9a25c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 20px;
  color: #8a6428;
  margin-bottom: 14px;
}
.perfume-login .perfume-card h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 40px;
  margin: 0;
  color: #24180f;
}
.perfume-login .perfume-card-msg {
  color: #7a6a58;
  margin: 0 0 18px;
}
.perfume-login .perfume-label {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8d7352;
  font-weight: 500;
}
.perfume-login .form-control {
  height: 46px;
  border-radius: 12px;
  border: 1px solid #e4d3b8;
  background: #fffdf9;
  box-shadow: none;
}
.perfume-login .form-control:focus {
  border-color: #c9a25c;
  box-shadow: 0 0 0 3px rgba(201, 162, 92, 0.2);
}
.perfume-login .form-control-feedback {
  color: #c9a25c;
  line-height: 46px;
}
.perfume-login .perfume-submit {
  margin-top: 8px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #3a2416, #6b4524);
  color: #f8efd8;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 500;
}
.perfume-login .perfume-submit:hover,
.perfume-login .perfume-submit:focus {
  color: #fff;
  background: #24180f;
}
.perfume-login .perfume-links {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.perfume-login .perfume-links a {
  color: #8a6428;
}
.perfume-login .perfume-version {
  text-align: center;
  color: #b5a28c;
  font-style: italic;
  margin: 18px 0 0;
}
@media (max-width: 800px) {
  .perfume-login .perfume-shell {
    grid-template-columns: 1fr;
  }
  .perfume-login .perfume-story h1 {
    font-size: 46px;
  }
  .perfume-login .perfume-notes {
    margin-bottom: 8px;
  }
}

/* POS counter */
body.perfume-pos {
  background: #f3eadc;
  font-family: "Jost", "Helvetica Neue", Arial, sans-serif;
}
body.perfume-pos .content-wrapper,
body.perfume-pos .right-side {
  background: #f3eadc !important;
}
body.perfume-pos .main-header .navbar,
body.perfume-pos .skin-blue .main-header .navbar,
body.perfume-pos .skin-blue .main-header .logo {
  background: #1c140f !important;
  background-image: none !important;
}
body.perfume-pos .main-header .navbar .nav > li > a,
body.perfume-pos .main-header .navbar .navbar-brand,
body.perfume-pos .skin-blue .main-header .navbar .nav > li > a {
  color: #f6efe4 !important;
}
body.perfume-pos .main-header .navbar .nav > li > a .fa,
body.perfume-pos .navbar-nav > li > a i {
  color: #e6c98a !important;
}
body.perfume-pos .navbar-brand {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 26px !important;
  letter-spacing: 0.04em;
}
body.perfume-pos .box {
  border-radius: 18px !important;
  border-top: 0 !important;
  box-shadow: 0 10px 30px rgba(60, 36, 16, 0.08) !important;
  background: #fffaf3 !important;
}
body.perfume-pos .box-title,
body.perfume-pos h3.box-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  color: #3a2416 !important;
  font-size: 28px;
}
body.perfume-pos .box-footer.bg-gray,
body.perfume-pos .bg-gray {
  background: #f7f1e6 !important;
}
body.perfume-pos .tot_qty,
body.perfume-pos .tot_amt,
body.perfume-pos .tot_disc,
body.perfume-pos .tot_grand {
  color: #6b4524 !important;
  font-family: "Cormorant Garamond", Georgia, serif;
}
body.perfume-pos .items_table thead {
  background: #2a1c14 !important;
  color: #f6efe4;
}
body.perfume-pos .items_table thead th {
  color: #f6efe4 !important;
  font-weight: 500;
}
body.perfume-pos div[style*="border:1px solid #337ab7"] {
  border: 1px solid #e4d3b8 !important;
  border-radius: 12px;
  background: #fff;
}
body.perfume-pos .item_box {
  max-height: none !important;
  min-height: 228px !important;
  border-radius: 16px !important;
  border: 1px solid #eadcc6 !important;
  box-shadow: none !important;
  overflow: hidden;
}
body.perfume-pos .item_box[style*="dbf4cd"] {
  background: #fffaf3 !important;
}
body.perfume-pos .item_box[style*="9d9999"] {
  background: #ece4d8 !important;
  opacity: 0.72;
}
body.perfume-pos .item_image {
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  max-width: 132px !important;
  max-height: 132px !important;
  object-fit: cover;
  border: 0 !important;
  border-radius: 12px;
  margin-top: 8px;
}
body.perfume-pos .search_item {
  text-transform: none !important;
  font-size: 13px !important;
  letter-spacing: 0.01em;
  color: #2a2118 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important;
  margin-top: 6px;
}
body.perfume-pos .item_box .box-body span {
  color: #8a6428 !important;
  font-size: 16px !important;
}
body.perfume-pos .label-danger {
  background: #6b4524 !important;
  border-radius: 999px;
  font-weight: 500 !important;
}
body.perfume-pos .btn.btnhold,
body.perfume-pos #hold_invoice,
body.perfume-pos .show_payments_modal,
body.perfume-pos .Ctrl_c,
body.perfume-pos #visa_all,
body.perfume-pos #pay_all {
  border-radius: 12px !important;
  border: 0 !important;
}
body.perfume-pos #hold_invoice {
  background: #8d7352 !important;
}
body.perfume-pos .show_payments_modal,
body.perfume-pos #visa_all,
body.perfume-pos .bg-primary {
  background: #3a2416 !important;
}
body.perfume-pos .Ctrl_c,
body.perfume-pos #pay_all {
  background: #c9a25c !important;
  color: #24180f !important;
}
body.perfume-pos .form-control,
body.perfume-pos .select2-container--default .select2-selection--single {
  border-radius: 10px !important;
  border-color: #e4d3b8 !important;
}
body.perfume-pos .content {
  padding-top: 12px;
}
@media (max-width: 768px) {
  body.perfume-pos .item_image {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
  }
  body.perfume-pos .item_box {
    min-height: 190px !important;
  }
}

/* Backend: dashboard, sidebar, lists. POS keeps its own skin. */
body.skin-blue:not(.perfume-pos) {
  font-family: "Jost", "Helvetica Neue", Arial, sans-serif;
}
body.skin-blue:not(.perfume-pos) .content-wrapper,
body.skin-blue:not(.perfume-pos) .right-side {
  background: #f3eadc !important;
}
body.skin-blue:not(.perfume-pos) .main-header {
  border-bottom: 2px solid #c9a25c;
}
body.skin-blue:not(.perfume-pos) .main-header .navbar,
body.skin-blue:not(.perfume-pos) .main-header .logo,
body.skin-blue:not(.perfume-pos) .main-header .logo:hover {
  background-color: #1c140f !important;
  color: #f6efe4 !important;
}
body.skin-blue:not(.perfume-pos) .main-header .logo {
  font-family: "Cormorant Garamond", Georgia, serif;
  letter-spacing: 0.04em;
  border-right: 1px solid rgba(201, 162, 92, 0.35) !important;
}
body.skin-blue:not(.perfume-pos) .main-header .navbar .nav > li > a,
body.skin-blue:not(.perfume-pos) .main-header .navbar .sidebar-toggle,
body.skin-blue:not(.perfume-pos) .main-header .logo {
  color: #f6efe4 !important;
}
body.skin-blue:not(.perfume-pos) .main-header .navbar .nav > li > a:hover,
body.skin-blue:not(.perfume-pos) .main-header .navbar .nav > li > a:focus,
body.skin-blue:not(.perfume-pos) .main-header .navbar .sidebar-toggle:hover {
  background: #2a1c14 !important;
  color: #e6c98a !important;
}
body.skin-blue:not(.perfume-pos) .main-sidebar,
body.skin-blue:not(.perfume-pos) .left-side,
body.skin-blue:not(.perfume-pos) .wrapper {
  background-color: #1c140f !important;
}
body.skin-blue:not(.perfume-pos) .sidebar-menu > li > a {
  color: rgba(246, 239, 228, 0.86);
}
body.skin-blue:not(.perfume-pos) .sidebar-menu > li:hover > a,
body.skin-blue:not(.perfume-pos) .sidebar-menu > li.active > a,
body.skin-blue:not(.perfume-pos) .sidebar-menu > li.menu-open > a {
  color: #f8efd8 !important;
  background: #2a1c14 !important;
  border-left-color: #c9a25c !important;
}
body.skin-blue:not(.perfume-pos) .sidebar-menu > li > .treeview-menu {
  background: #140e0b !important;
}
body.skin-blue:not(.perfume-pos) .sidebar-menu .treeview-menu > li > a {
  color: rgba(246, 239, 228, 0.78);
}
body.skin-blue:not(.perfume-pos) .sidebar-menu .treeview-menu > li > a:hover,
body.skin-blue:not(.perfume-pos) .sidebar-menu .treeview-menu > li.active > a {
  color: #e6c98a !important;
  background: transparent;
}
body.skin-blue:not(.perfume-pos) .sidebar-menu > li > a > .fa,
body.skin-blue:not(.perfume-pos) .sidebar-menu > li > a > .glyphicon,
body.skin-blue:not(.perfume-pos) .sidebar-menu > li > a > .ion {
  color: #c9a25c !important;
}
body.skin-blue:not(.perfume-pos) .user-panel > .info,
body.skin-blue:not(.perfume-pos) .user-panel > .info > a {
  color: #f6efe4;
}
body.skin-blue:not(.perfume-pos) .content-header > h1,
body.skin-blue:not(.perfume-pos) .box-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  color: #2a1c14;
}
body.skin-blue:not(.perfume-pos) .box-title {
  font-size: 24px;
}
body.skin-blue:not(.perfume-pos) .box {
  border-radius: 16px;
  border-top: 3px solid #c9a25c !important;
  box-shadow: 0 10px 28px rgba(60, 36, 16, 0.08);
  background: #fffaf3;
}
body.skin-blue:not(.perfume-pos) .small-box {
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(60, 36, 16, 0.12);
}
body.skin-blue:not(.perfume-pos) .bg-1 {
  background-image: linear-gradient(100deg, #3a2416, #6b4524) !important;
  color: #f8efd8 !important;
}
body.skin-blue:not(.perfume-pos) .bg-2 {
  background-image: linear-gradient(100deg, #c9a25c, #e6c98a) !important;
  color: #24180f !important;
}
body.skin-blue:not(.perfume-pos) .bg-3 {
  background-image: linear-gradient(100deg, #4a3b32, #8d7352) !important;
  color: #f8efd8 !important;
}
body.skin-blue:not(.perfume-pos) .bg-4,
body.skin-blue:not(.perfume-pos) .bg-5 {
  background-image: linear-gradient(100deg, #1c140f, #3a2416) !important;
  color: #f8efd8 !important;
}
body.skin-blue:not(.perfume-pos) .bg-2 h3,
body.skin-blue:not(.perfume-pos) .bg-2 p,
body.skin-blue:not(.perfume-pos) .bg-2 .icon {
  color: #24180f !important;
}
body.skin-blue:not(.perfume-pos) .btn-primary,
body.skin-blue:not(.perfume-pos) .bg-primary,
body.skin-blue:not(.perfume-pos) .label-primary {
  background-color: #3a2416 !important;
  border-color: #3a2416 !important;
  color: #f8efd8 !important;
}
body.skin-blue:not(.perfume-pos) .btn-info {
  background-color: #8d7352 !important;
  border-color: #8d7352 !important;
  color: #fff !important;
}
body.skin-blue:not(.perfume-pos) .btn-info.active,
body.skin-blue:not(.perfume-pos) .btn-info:active,
body.skin-blue:not(.perfume-pos) .btn-info:hover {
  background-color: #c9a25c !important;
  border-color: #c9a25c !important;
  color: #24180f !important;
}
body.skin-blue:not(.perfume-pos) .btn-success {
  background-color: #6b4524 !important;
  border-color: #6b4524 !important;
}
body.skin-blue:not(.perfume-pos) .main-header .bg-green,
body.skin-blue:not(.perfume-pos) .navbar .bg-green {
  background-color: #c9a25c !important;
  color: #24180f !important;
  border-color: #c9a25c !important;
}
body.skin-blue:not(.perfume-pos) .main-footer {
  background: #fffaf3;
  border-top: 1px solid #eadcc6;
  color: #8d7352;
}
body.skin-blue:not(.perfume-pos) .table > thead > tr > th,
body.skin-blue:not(.perfume-pos) table.dataTable thead th {
  background: #2a1c14 !important;
  color: #f6efe4 !important;
  border-color: #3a2416 !important;
}
body.skin-blue:not(.perfume-pos) .form-control:focus,
body.skin-blue:not(.perfume-pos) .select2-container--default.select2-container--focus .select2-selection--single,
body.skin-blue:not(.perfume-pos) .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #c9a25c !important;
}
body.skin-blue:not(.perfume-pos) .pagination > .active > a,
body.skin-blue:not(.perfume-pos) .pagination > .active > a:focus,
body.skin-blue:not(.perfume-pos) .pagination > .active > a:hover {
  background: #3a2416;
  border-color: #3a2416;
}
body.skin-blue:not(.perfume-pos) .modal-header {
  background: #1c140f;
  color: #f6efe4;
}
body.skin-blue:not(.perfume-pos) .modal-header .close {
  color: #f6efe4;
  opacity: 0.85;
  text-shadow: none;
}
body.skin-blue:not(.perfume-pos) .content a:not(.btn) {
  color: #8a6428;
}
body.skin-blue:not(.perfume-pos) .content a:not(.btn):hover {
  color: #3a2416;
}
body.skin-blue:not(.perfume-pos) .breadcrumb {
  background: transparent;
}
body.skin-blue:not(.perfume-pos) .nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #c9a25c;
}
body.skin-blue:not(.perfume-pos) .main-header li.user-header {
  background-color: #1c140f !important;
}
body.skin-blue:not(.perfume-pos) .text-blue,
body.skin-blue:not(.perfume-pos) .text-primary {
  color: #8a6428 !important;
}
body.skin-blue:not(.perfume-pos) .dt-buttons .dt-button,
body.skin-blue:not(.perfume-pos) .dt-buttons .btn,
body.skin-blue:not(.perfume-pos) a.dt-button {
  background: #fffaf3 !important;
  background-image: none !important;
  color: #3a2416 !important;
  border: 1px solid #e4d3b8 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.skin-blue:not(.perfume-pos) .dt-buttons .dt-button:hover,
body.skin-blue:not(.perfume-pos) .dt-buttons .btn:hover {
  background: #f3eadc !important;
  color: #1c140f !important;
}