@charset "utf-8";
		.login-box {
            padding: 0rem;
            border-radius: 8px;
            max-width: 400px;
            margin: 2rem auto;
			color: black;
			text-align: center;
			
        }


        .zeal-login-btn:hover {
			cursor: pointer;
			transform: translateY(-5px);
            border: 2px solid white;
        }


		.zeal-btn {
            padding: 5px;
			background-color: rgb(255, 88, 0);
			color: white;
            text-decoration:none;
            margin: 10px;
            border-radius: 8px;
			border: 1px solid white;
		}

		.zeal-login-btn {
			padding: 10px 50px;
			border-radius: 8px;
			border: 2px solid white;
		}



        .job-box {
            background-color: rgba(255, 255, 255, 0.05);
            padding: 1.5rem;
            border-radius: 8px;
            margin-bottom: 2rem;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            transition: background-color 0.3s, transform 0.2s;
            text-decoration: none;
            color: white;
            display: block;
        }

        .job-box:hover {
            background-color: rgba(255, 255, 255, 0.2);
            transform: translateY(-5px);
			color: inherit;
			text-decoration:none
        }


        a {
            text-decoration: none !important;
        }

        a:hover {
            color: inherit

        }

        .top-right {
            position: absolute;
            top: 2px;
            right: 10px;
            padding: 10px 15px;
            border-radius: 5px;

        }

        .job-container {
            border-bottom: 2px solid white
        }

        .job-header {
            margin-right: 180px
        }

        .flex {
            display: flex;
            justify-content: space-between;
        }

        .job-info {
            margin-top: 40px
        }

        .tabs {
            display: flex;
            margin-top: 20px;
        }
        .tab {
            background-color: rgba(255, 255, 255, 0.05);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            padding: 10px 20px;
            cursor: pointer;
            border-bottom: none;
            border-radius: 4px 4px 0px 0px;
        }
        .tab.active {
            background: rgba(255, 255, 255, 0.2);
            border-bottom: 2px solid #ccc;
        }
        .tab-content {
            display: none;
            border: 2px solid #ccc;
            border-radius: 4px;
            padding: 15px;
        }
        .tab-content.active {
            display: block;
        }
        .group {
            font-weight: bold;
            margin-top: 10px;
            border-bottom: 2px solid white;
        }
        .item {
            flex: 1;
            min-width: 150px;
            word-wrap: break-word;
            overflow-wrap: break-word;

        }

        .item-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            padding: 8px;
            border-bottom: 1px solid white;
        }

        .quantity-header {
            font-weight: bold;
            text-align: right;
            width: 100%; /* Fixed width for consistency */
        }
        
        .quantity {
            flex-shrink: 0;
            text-align: right;
            padding-left: 10px;
            min-width: 50px;
        }
        .accessory-container {
            display: none;
            padding-left: 40px;
        }
        .toggle-accessory {
            cursor: pointer;
            background: none;
            border: none;
            font-size: 16px;
            font-weight: bold;
            color: white;
        }

/* Make the table responsive */
.label-table-container {
    overflow-x: auto;
    max-width: 100%;
}

/* Style the table */
.label-table {
    width: 100%;
    border-collapse: collapse;
    color: white;
}

/* Table headers */
.label-table th {
    color: white;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid white;
}

/* Table cells */
.label-table td {
    padding: 10px;
    border-bottom: 1px solid white;
}

/* Inputs inside the table */
.label-table input[type="text"],
.label-table select {
    width: 100%;
    padding: 5px;
    color: black;
    border: 1px solid white;
}

/* Add Row and Save buttons */
.label-actions {
    margin-top: 15px;
    text-align: right;
}

.label-actions button {
    margin-left: 10px;
}

.label-dropdown {
    padding: 0rem;
    border-radius: 8px;
    max-width: 400px;
    margin: 2rem auto;
	color: rgb(255, 88, 0);
	text-align: center;		
}

body {
	font-family: "Aktiv Grotesk Ex", "Aktiv Grotesk Ex XBold", Helvetica;
	background: rgb(255, 88, 0);
	color: white;
}

.label-box {
            padding: 0rem;
            border-radius: 8px;
            max-width: 400px;
            margin: 2rem auto;
			color: black;
			text-align: center;
			
        }

.label-contents-box {
            padding: 0rem;
            border-radius: 8px;
            max-width: 800px;
            margin: 2rem auto;
			color: black;
			text-align: center;
			
        }