:root {
    --background: 210 33% 99%;
    --foreground: 215 35% 15%;
    --card: 0 0% 100%;
    --card-foreground: 215 35% 15%;
    --popover: 0 0% 100%;
    --popover-foreground: 215 35% 15%;
    --primary: 215 60% 24%;
    --primary-foreground: 210 40% 99%;
    --primary-soft: 215 50% 94%;
    --primary-hover: 215 65% 19%;
    --accent: 354 75% 50%;
    --accent-foreground: 0 0% 100%;
    --accent-soft: 354 80% 96%;
    --secondary: 205 60% 95%;
    --secondary-foreground: 215 60% 24%;
    --muted: 210 25% 96%;
    --muted-foreground: 215 15% 45%;
    --destructive: 0 75% 50%;
    --destructive-foreground: 0 0% 100%;
    --success: 152 55% 38%;
    --success-foreground: 0 0% 100%;
    --success-soft: 152 55% 95%;
    --warning: 38 90% 50%;
    --warning-foreground: 30 50% 15%;
    --warning-soft: 40 90% 95%;
    --info: 205 80% 45%;
    --info-foreground: 0 0% 100%;
    --info-soft: 205 80% 95%;
    --border: 210 25% 89%;
    --input: 210 25% 89%;
    --ring: 215 60% 35%;
    --radius: 0.625rem;
    --gradient-hero: linear-gradient(180deg, hsl(205 60% 97%) 0%, hsl(210 33% 99%) 100%);
    --gradient-card: linear-gradient(180deg, hsl(0 0% 100%) 0%, hsl(210 30% 99%) 100%);
    --gradient-brand: linear-gradient(135deg, hsl(215 60% 24%) 0%, hsl(215 70% 32%) 100%);
    --shadow-sm: 0 1px 2px hsl(215 30% 15% / 0.04);
    --shadow-md: 0 4px 16px -4px hsl(215 40% 20% / 0.08);
    --shadow-lg: 0 12px 40px -12px hsl(215 50% 22% / 0.18);
    --shadow-focus: 0 0 0 4px hsl(215 60% 35% / 0.15);
    --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --sidebar-background: 0 0% 100%;
    --sidebar-foreground: 215 35% 15%;
    --sidebar-primary: 215 60% 24%;
    --sidebar-primary-foreground: 210 40% 99%;
    --sidebar-accent: 210 25% 96%;
    --sidebar-accent-foreground: 215 35% 15%;
    --sidebar-border: 210 25% 89%;
    --sidebar-ring: 215 60% 35%;

    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}

.order-portal-container .hidden {
    display: none;
}

.order-portal-container .logo .logo-mini {
    display: none;
}

.order-portal-container .logo .logo-mini div {
    background-image: url(Img/logo-ds-small.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    min-width: 50px;
}

.order-portal-container .logo .logo-lg div {
    background-image: url(Img/AMSLogo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 123px;
    height: 40px;
    min-width: 123px;
}

.order-portal-container logo-mini-img .logo.blue-bg {
    background: #fff;
    border-bottom: solid 1px #ebebeb;
}

.order-portal-container .header-left-section {
    display: flex;
    align-items: center;
}

.order-portal-container .logo.blue-bg {
    background-color: #053968 !important;
}

@media (max-width:450px) {
    .order-portal-container .portal-title {
        display: none;
    }
}

.order-portal-container .portal-title h1 {
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.5rem;
    color: #2c3e50;
    text-align: center;
    /* Ensures title doesn't get squished too much */
    flex: 1;
}

.order-portal-container .navbar {
    display: flex;
    /* Pushes Logo to left and Nav to right */
    justify-content: space-between;   
    align-items: center;
    padding: 10px 5%;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.order-portal-container .nav-menu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; 
    list-style: none;
    margin: 0;
    padding: 0;
}

.order-portal-container .nav-menu a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.order-portal-container .btn-primary {
    --h: 215;
    --s: 60%;
    background-color: hsl(var(--h), var(--s), 24%);
    /*color: hsl(var(--h), var(--s), 20%);
    border: 1px solid hsl(var(--h), var(--s), 80%);*/
}

.order-portal-container .main-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; /* Aligns right items with the bottom row of the left text */
    padding: 20px 5%;
    background-color: #f8f9fa;
    border-top: 1px solid #ddd;
    font-family: sans-serif;
    color: #555;
}

.order-portal-container .footer-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.order-portal-container .sub-phrase {
    font-size: 0.9rem;
}

.order-portal-container .footer-right {
    display: flex;
    gap: 30px;
    align-items: center;
    font-size: 0.9rem;
}

.order-portal-container .icon-text {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Order Portal Start */
.order-portal-container .backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.order-portal-container .bg-background\/85 {
    background-color: hsl(var(--background) / .85);
}
.order-portal-container .z-30 {
    z-index: 30;
}
.order-portal-container .top-0 {
    top: 0;
}
.order-portal-container .sticky {
    position: sticky;
}

.order-portal-container .dashboard-header {
    height: 60px !important;
}

.order-portal-container .navbar {
    height: 60px !important;
}

.order-portal-container .bg-dark {
    background-color: #053968 !important;
}
 
/************************START ORDEN PORTAL STYLES*******************************/
.order-portal-container .bg-warning\/10 {
    background-color: hsl(var(--warning) / .1);
}

.order-portal-container .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.order-portal-container .max-w-4xl {
    max-width: 56rem;
}

.order-portal-container .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    max-width: unset;
}

@media (max-width:450px) {
    .order-portal-container .container {
        padding-right: 5px;
        padding-left: 5px;
    }
}

.order-portal-container .max-w-4xl {
    max-width: 56rem;
}

.order-portal-container .text-primary {
    color: hsl(var(--primary));
}

.order-portal-container .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.order-portal-container .font-display {
    font-family: "Source Serif 4", Georgia, serif;
}

.order-portal-container .gap-3 {
    gap: 0.75rem;
}

.order-portal-container .items-center {
    align-items: center;
}

.order-portal-container .items-start {
    align-items: flex-start;
}

.order-portal-container .justify-end {
    justify-content: flex-end;
}
.order-portal-container .justify-between {
    justify-content: space-between;
}

.order-portal-container .gap-1\.5 {
    gap: .375rem;
}

@media (min-width: 1024px) {
    .order-portal-container .lg\:flex {
        display: flex;
    }
}
@media (min-width: 768px) {
    .order-portal-container .md\:flex {
        display: flex;
    }
}

@media (min-width: 468px) {
    .order-portal-container .sm\:flex {
        display: flex;
    }
}

.order-portal-container .flex {
    display: flex;
}

.order-portal-container .flex-col {
    flex-direction: column;
}

.order-portal-container .flex {
    display: flex;
}

.order-portal-container .flex-1 {
    flex: 1 1 0%;
}

.order-portal-container .inline-flex {
    display: inline-flex;
}

.order-portal-container .h-12 {
    height: 3rem;
    flex-basis: auto;
}

.order-portal-container .gap-3 {
    gap: .75rem;
}

.order-portal-container .justify-center {
    justify-content: center;
}

.order-portal-container .items-center {
    align-items: center;
}

.order-portal-container .mt-8 {
    margin-top: 2rem;
}

.order-portal-container h1, .order-portal-container h2, .order-portal-container h3, .order-portal-container h4 {
    font-family: "Source Serif 4", Georgia, serif;
    letter-spacing: -0.025em;
    color: hsl(var(--primary));
}

.order-portal-container blockquote, .order-portal-container dl, .order-portal-container dd, .order-portal-container h1, .order-portal-container h2, .order-portal-container h3, .order-portal-container h4, .order-portal-container h5, .order-portal-container h6, .order-portal-container hr, .order-portal-container figure, .order-portal-container p, .order-portal-container pre {
    margin: 0;
}

.order-portal-container h1, .order-portal-container h2, .order-portal-container h3, .order-portal-container h4, .order-portal-container h5, .order-portal-container h6 {
    font-size: inherit;
    font-weight: inherit;
}

.order-portal-container .bg-gradient-hero {
    background-image: var(--gradient-hero);
}

.order-portal-container .min-h-\[calc\(100vh-4rem\)\] {
    min-height: calc(100vh - 4rem);
}

.order-portal-container .p-5 {
    padding: 1.25rem !important;
}

.order-portal-container .p-8 {
    padding: 2rem !important;
}

.order-portal-container h1, .order-portal-container h2, .order-portal-container h3, .order-portal-container h4, .order-portal-container h5, .order-portal-container h6 {
    font-size: inherit;
    font-weight: inherit;
}

.order-portal-container .bg-card {
    background-color: hsl(var(--card));
}

.order-portal-container .border-border {
    border-color: hsl(var(--border));
}

.order-portal-container .border-t {
    border-top-style: solid;
    border-top-width: 1px;
}

.order-portal-container .border-b {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.order-portal-container .border-primary\/15 {
    border-color: hsl(var(--primary) / .15);
}

.order-portal-container .border {
    border-width: 1px !important;
}

.order-portal-container .rounded-xl {
    border-radius: 0.75rem !important;
}

.order-portal-container .mb-6 {
    margin-bottom: 1.5rem !important;
}

.order-portal-container .text-primary {
    color: hsl(var(--primary)) !important;
}

.order-portal-container .text-center {
    text-align: center;
}

.order-portal-container .bg-success-soft {
    background-color: hsl(var(--success-soft));
}

.order-portal-container .rounded-full {
    border-radius: 9999px;
}

.order-portal-container .w-16 {
    width: 4rem;
}

.order-portal-container .h-16 {
    height: 4rem;
}

.order-portal-container .w-9 {
    width: 2.25rem;
}

.order-portal-container .h-9 {
    height: 2.25rem;
}

.order-portal-container .w-3 {
    width: .75rem;
}

.order-portal-container .h-3 {
    height: .75rem;
}

.order-portal-container .h-11 {
    height: 2.75rem;
}

.order-portal-container .mx-auto {
    margin-left: auto;
    margin-right: auto;
}


.order-portal-container .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.order-portal-container .-ml-2 {
    margin-left: -.5rem;
}

.order-portal-container .tracking-wider {
    letter-spacing: .05em;
}

.order-portal-container .uppercase {
    text-transform: uppercase;
}

.order-portal-container .font-display {
    font-family: "Source Serif 4", Georgia, serif;
}

.order-portal-container .text-muted-foreground {
    color: hsl(var(--muted-foreground));
}

.order-portal-container .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.order-portal-container .text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.order-portal-container .py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem;
}

.order-portal-container .px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}

.order-portal-container .max-w-2xl {
    max-width: 42rem;
}

.order-portal-container .max-w-md {
    max-width: 28rem;
}

.order-portal-container .mt-6 {
    margin-top: 1.5rem;
}

.order-portal-container .mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.order-portal-container .mt-1\.5 {
    margin-top: 0.375rem;
}

.order-portal-container .text-foreground {
    color: hsl(var(--foreground));
}

.order-portal-container .text-accent {
    color: hsl(var(--accent));
}

.order-portal-container .leading-relaxed {
    line-height: 1.625;
}

.order-portal-container .font-medium {
    font-weight: 500;
}

.order-portal-container .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-portal-container .gap-1 {
    gap: 0.25rem;
}

.order-portal-container .gap-2 {
    gap: .5rem;
}

.order-portal-container .min-w-0 {
    min-width: 0px;
}

.order-portal-container .gap-y-2 {
    row-gap: .5rem;
}

.order-portal-container .gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}

.order-portal-container .space-y-3 > :not([hidden]) ~ :not([hidden]), .order-portal-container .space-y-3 > [data-role] :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}

.order-portal-container .space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.order-portal-container .space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.order-portal-container .space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.order-portal-container .text-info {
    color: hsl(var(--info)) !important;
}

.order-portal-container .text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}

.order-portal-container .py-3 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
}

.order-portal-container .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.order-portal-container .py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.order-portal-container .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.order-portal-container .px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.order-portal-container .bg-info-soft {
    background-color: hsl(var(--info-soft));
}

.order-portal-container .border-info\/20 {
    border-color: hsl(var(--info) / .2);
}

.order-portal-container .bg-primary-soft {
    background-color: hsl(var(--primary-soft)) !important;
}

.order-portal-container .bg-primary {
    background-color: hsl(var(--primary)) !important;
}

.order-portal-container .text-primary-foreground {
    color: hsl(var(--primary-foreground)) !important;
}

.order-portal-container .border-primary {
    border-color: hsl(var(--primary)) !important;
}

.order-portal-container .border-2 {
    border-style: solid;
    border-width: 2px;
}

.order-portal-container .rounded-lg {
    border-radius: var(--radius);
}

.order-portal-container .font-semibold {
    font-weight: 600;
}

.order-portal-container .mb-0\.5 {
    margin-bottom: .125rem;
}

.order-portal-container .text-foreground\/80 {
    color: hsl(var(--foreground) / .8);
}

.order-portal-container .pl-5 {
    padding-left: 1.25rem !important;
}

.order-portal-container .list-disc {
    list-style-type: disc;
}

.order-portal-container .mt-1 {
    margin-top: .25rem !important;
}

.order-portal-container ol, .order-portal-container ul, .order-portal-container menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.order-portal-container .font-bold {
    font-weight: 700;
}

.order-portal-container .grid-cols-\[140px_1fr\] {
    grid-template-columns: 140px 1fr;
}

.order-portal-container .gap-4 {
    gap: 1rem;
}

.order-portal-container .grid {
    display: grid;
}

.order-portal-container .pt-3 {
    padding-top: .75rem !important;
}

.order-portal-container .pb-5 {
    padding-bottom: 1.25rem !important;
}

.order-portal-container .px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

.order-portal-container .bg-primary\/\[0\.02\] {
    background-color: hsl(var(--primary) / .02);
}

.order-portal-container .border-primary\/20 {
    border-color: hsl(var(--primary) / .2);
}

.order-portal-container .rounded-xl {
    border-radius: .75rem;
}

.order-portal-container fieldset {
    margin: 0;
    padding: 0;
    border: solid;
}

.order-portal-container legend {
    width: unset;
}

.border-input {
    border-color: hsl(var(--input));
}

.order-portal-container .rounded-md {
    border-radius: calc(var(--radius) - 2px);
}

.order-portal-container .w-full {
    width: 100%;
}

.order-portal-container .h-10 {
    height: 2.5rem;
}

.order-portal-container .w-3\.5 {
    width: .875rem;
}

.order-portal-container .h-3\.5 {
    height: .875rem;
}

.order-portal-container img, .order-portal-container svg, .order-portal-container video, .order-portal-container canvas, .order-portal-container audio, .order-portal-container iframe, .order-portal-container embed, .order-portal-container object {
    display: block;
    vertical-align: middle;
}

.order-portal-container button, .order-portal-container input, .order-portal-container optgroup, .order-portal-container select, .order-portal-container textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

.order-portal-container button, .order-portal-container input:where([type=button]), .order-portal-container input:where([type=reset]), .order-portal-container input:where([type=submit]) {
    background-color: transparent;
    border-width: 0;
    background-image: none;
}

.order-portal-container *, .order-portal-container :before, .order-portal-container :after {
    /*box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;*/
}

.order-portal-container .k-button.k-upload-button {
    display: none;
}
.order-portal-container .k-upload.k-header {
    border-width: 0;
}
.order-portal-container .k-upload .k-upload-files {
    border-width: 1px 1px 0;
}
.order-portal-container .k-upload .k-file {
    padding: 0 .17em 0 1em;
}
.order-portal-container .k-upload-files .k-upload-status {
    top: 0.6em;
}
.order-portal-container .k-upload .k-button.k-clear-selected, .order-portal-container .k-upload .k-button.k-upload-selected{
    display: none;
}

.order-portal-container button.disabled, button:disabled {
    opacity: .65;
}
/************************END ORDEN PORTAL STYLES*******************************/
@media (max-width:450px) {
    .order-portal-container .logo .logo-mini {
        display: block;
    }

    .order-portal-container .logo .logo-lg div {
        display: none;
    }

    .order-portal-container .dashboard-header .logo {
        width: unset;
    }

    .order-portal-container .navbar > div {
        margin-left: unset !important;
        margin-right: 40px;
    }

    .order-portal-container .navbar > div > .widget-title {
        font-size: 22px;
        text-align: center;
    }

    .order-portal-container .dashboard-container {
        margin: 0.5rem;
    }

    .order-portal-container .content-wrapper-access-code {
        height: 100% !important;
    }
}
@media (min-width: 640px) {
    .order-portal-container .sm\:flex-row {
        flex-direction: row;
    }
}

.order-portal-container .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (min-width: 640px) {
    .order-portal-container .sm\:p-10 {
        padding: 2.5rem;
    }
}

@media (min-width: 640px) {
    .order-portal-container .sm\:p-8 {
        padding: 2rem;
    }
}

.order-portal-container .p-6 {
    padding: 1.5rem;
}

.order-portal-container .sm\:p-6 {
    padding: 1.5rem;
    padding-bottom: 1.5rem;
}

.order-portal-container .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.order-portal-containe .sm\:pb-6 {
    padding-bottom: 1.5rem;
}

.order-portal-container .sm\:col-span-2 {
    grid-column: span 2 / span 2;
}

.order-portal-container .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.order-portal-container .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.order-portal-container .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.order-portal-container .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.order-portal-container .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
@media (max-width: 768px) {
    .order-portal-container .navbar {
        flex-direction: column; /* Stacks logo over nav on small phones */
        gap: 15px;
    }

    .order-portal-container .main-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .order-portal-container .footer-right {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}