/*---- main -----*/
#spinner.spinner_hidden {
    display: none !important;
}

.bg-login-image {
    padding: 100%;
    /*background: url(/img/mall-logo.png);*/
    background: url(/img/mall.jpg);
    background-position: center;
 /* Center the image */
    background-repeat: no-repeat;
 /* Do not repeat the image */
    background-size: contain;
 /* Resize the background image to cover the entire container */
}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        margin-left: 250px;
    }
}

table.table > tbody > tr > td {
    vertical-align: middle;
}

.select2-container .select2-selection--single,.select2-search__field{
  width:100% !important;
  height: unset;
  vertical-align: middle;
}

.required label:after {
	content: ' *';
	color: var(--danger);
}

.tc-warning-dialog .modal-header{
    background-color: var(--warning);
}

.tc-error-dialog .modal-header{
    background-color: var(--danger);
    color: var(--light);
}
:root{
  --overlay-bg: rgba(0,0,0,0.55);
  --bar-bg: rgba(255,255,255,0.25);
  --bar-fg: #ffffff;
  --bar-height: 8px;
  --card-gap: 12px;
  --card-pad: 20px;
  --card-radius: 14px;
}

#tc-loading-overlay{
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
  background: #fff;
  color: #fff;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-align: left;
}

#tc-loading-overlay.active{
  opacity: 1;
  pointer-events: auto;
}

.loading-card{
  width: min(520px, 100%);
  background: #fff;
  backdrop-filter: blur(6px);
  border-radius: var(--card-radius);
  padding: var(--card-pad);
}

.loading-label{
  display:flex;
  justify-content: center;
  align-items:center;
  gap: var(--card-gap);
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: .2px;
  opacity: .95;
  color:#372d24 !important;
}
span#tc-loading-pct{
  font-weight:700;
}
.loading-label .msg{
  display:none !important;
}
.progress{
  width: 100%;
  height: 12px;
  background: #f2f2f2;
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}

.progress .bar{
  height: 100%;
  width: 0%;
  background: #365F4C;

  border-radius: 999px;
  transform: translateZ(0);
  transition: width .25s ease;
}

/* Indeterminate animation */
.progress.indeterminate .bar{
  width: 40%;
  animation: indet 1.2s ease-in-out infinite;
}

@keyframes indet{
  0%   { transform: translateX(-120%); }
  50%  { transform: translateX(15%); }
  100% { transform: translateX(120%); }
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  #tc-loading-overlay{ transition: none; }
  .progress .bar{ transition: none; animation: none; }
}