label.radio span{
            font-family: 'Hero', sans-serif;
        }

.has-pointer {
            cursor: pointer;
            text-decoration: underline;
        }
        
.span_besta_code {
            display: inline-block;
            margin: 0.25rem;
            padding: 0.3rem 0.45rem;
            background: #f1f1f1;
            color: white;
            border-radius: 4px;
            font-family: monospace, sans-serif;
            font-size: 1.3rem;
            font-weight: normal;
            /*font-kerning: normal;*/
            letter-spacing: 0.05rem;
        }
        
.span_b12 {
            color: #d6a100;
        }

.span_b3 {
            color: #5b9bd5;
        }
        
.span_b4 {
            color: #70ad47;
        }

/*******************/

div.job_group_desc {
            background-color: #f5f5f5;
        }
        
div.job_desc {
            background-color: #f5f5f5;
        }

.radio-div {
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .radio-div:hover {
            background-color: #f8f9fa;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        
        .radio-div.selected {
            background-color: #e7f3ff;
            border-color: #3273dc;
        }
        
        .radio-div .control {
            width: 100%;
        }
        
        .toggle-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            background-color: #ffffff;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s ease;
            flex-shrink: 0;
            margin-left: 10px;
        }
        
        .toggle-icon:hover {
            background-color: #e8e8e8;
        }
        
        .toggle-icon::after {
            content: '';
            display: inline-block;
            width: 10px;
            height: 10px;
            border: solid #666;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            transition: transform 0.3s ease;
        }
        
        .toggle-icon.expanded::after {
            transform: rotate(-135deg);
        }
        
        .radio-div label.radio {
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            cursor: pointer;
        }
        
        .radio-div label.radio input[type="radio"] {
            display: none;
        }
        
        .radio-text-wrapper {
            display: flex;
            align-items: center;
        }
        
        /* Style for rendered HTML content in descriptions */
        .radio-div .content {
            font-size: 0.95rem;
        }
        
        .radio-div .content p {
            margin-bottom: 0.5em;
        }
        
        .radio-div .content p:last-child {
            margin-bottom: 0;
        }
        
       
        .span_difficulty_level:hover {
            color: #333333;
        }
        
        #difficulty_details {
            margin-top: 1rem;
        }
        
        .notification {
            position: relative;
        }
        
        .notification .delete {
            position: absolute;
            right: 0.5rem;
            top: 0.5rem;
        }
        
        .loading-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.9);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }
        
        .spinner {
            border: 4px solid #f3f3f3;
            border-top: 4px solid #3273dc;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            animation: spin 1s linear infinite;
            margin: 0 auto 20px;
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        #selection_summary {
            margin-bottom: 1.5rem;
            font-size: 1.1rem;
        }