
.question {
	font-weight:bold;
	/* color:#048ABF; */
	margin-top:35px;
}

.info-box {
	margin-left:50px;
	background:#E1F9FF;
	font-size:0.9em;
}

.warning_box {
	padding:3px 0 3px 10px;
	margin-left:50px;
	border:2px solid red;
	font-size:1.2em;
	color:red;
}

.advice_box {
	padding:8px 0 5px 10px;
	margin-left:50px;
	color:#4B6775;
	font-size:1.2em;
	border:2px solid #4B6775;
}

.warning {
	font-weight:bold;
	color:red;
}

.previous_data {
	/* border:1px solid #E1F9FF; */
	padding:3px;
	background-color:#F0FBFF;
}

.more_info {
		text-decoration:underline;
		cursor:pointer;
}

.type1 {
	background:#8FB0C2;
	text-align:center;
}

.type2 {
	background:#4B6775;
	text-align:center;
}

.section_text {
	font-size:1.3em;
	color:#FFF;
	font-weight:bold;
}

.button_next {
	display:inline-block;
	background:#4B6775;
	padding:20px;
	cursor:pointer;
	text-decoration:none;
	border-radius:15px;
	color:#fff;

	
}
.button_next:hover {
	color:black;
}

.header {
            background: linear-gradient(135deg, #8FB0C2 0%, #4B6775 100%);
            color: white;
            padding: 20px 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

.header-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        @media (max-width: 768px) {
            .header-content {
                flex-direction: column;
                gap: 15px;
            }

            .user-actions {
                width: 100%;
                justify-content: center;
            }

            .dashboard-grid {
                grid-template-columns: 1fr;
            }
        }
		
		        .user-info h1 {
            font-size: 24px;
            margin-bottom: 5px;
        }

        .user-info p {
            opacity: 0.9;
        }

        .user-actions {
            display: flex;
            gap: 15px;
            align-items: center;
        }
		
		        .btn {
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-block;
        }

        .btn-logout {
            background: rgba(255,255,255,0.2);
            color: white;
            border: 1px solid rgba(255,255,255,0.3);
        }

        .btn-logout:hover {
            background: rgba(255,255,255,0.3);
            transform: translateY(-2px);
        }
		
		#menu-sticky {
            position: sticky;
            top: 0;
            background:#FFF;
            padding: 0px;
            z-index: 100;
			border-bottom:1px solid black;
			margin-bottom:10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        /* .select-wrapper { */
            /* position: relative; */
            /* display: inline-block; */
            /* min-width: 200px; */
        /* } */
		
        .general {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            /* border-radius: 10px; */
            /* box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); */
            overflow: hidden;
            height: 1800px;
            overflow-y: auto;
            position: relative;
        }

		
		/* .menu-content { */
            /* display: flex; */
            /* align-items: center; */
            /* justify-content: center; */
            /* max-width: 800px; */
            /* margin: 0 auto; */
        /* } */
	/* #menu-sticky { */
            /* position: sticky; */
            /* top: 0; */
            /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
            /* padding: 20px; */
            /* z-index: 100; */
            /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
        /* } */

        .menu-content {
            display: flex;
            align-items: center;
            /* justify-content: space-between; */
            max-width: 800px;
            margin: 0 auto;
        }
