/* Reset some default styles */
* {
    margin: 0;
    padding: 0;
}

body {
    background: skyblue;
    text-align: center;
}

small {
    background: #000000;
    color: #fff;
}

.container {
    width: 60%;
    margin: auto;
}

label {
    display: block;
    font-size: 2em;
    text-align: center;
    margin-bottom: 10px; /* Added margin for separation */
}

input[type=text] {
    font-size: 18px;
    padding: 7px;
    width: 78%;
    box-sizing: border-box; /* Added box-sizing to include padding in width */
}

button{
	/*background:#0C3;
	#FFF;
	width:30%;
	font-size:2em;
	margin-top:10px;
	cursor:pointer;*/
	
background-color: #4caf50;
    color: white;
    padding: 10px 20px;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}
button:hoover{
	background-color: #128C7E;
    color: black;
    border: 2px solid #4caf50;
}
table{
	border-collapse:collapse;
	width:50%;
	border:2px #900;
	margin-left: auto;
    margin-right: auto;
	/*background:#CCC*/
}
th,td{
	text-align:left;
	padding:8px;
}
tr:nth-child(even){
	/*background:#f2f2;
}
th{
	/*background:#caf50;
	color:#fff*/
}
fieldset{
	border-color:#FFFFFF;
}
img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    img {
        width: 100%;
    }
.btn-success{
	background-color: #4caf50;
    color: white;
    padding: 10px 20px;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}
}

.btn-download {
    /* Your button styles here */
    display: inline-block;
            padding: 10px 20px;
            background-color: #25D366; /* WhatsApp green color */
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s;
}
.btn-success{
	 background-color: #4caf50;
    color: white;
    padding: 10px 20px;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}
.btn-success:hover{
	background-color: #128C7E;
    color: black;
    border: 2px solid #4caf50;
}
.btn-download:hover {
    background-color: #128C7E;
   
.form-control{
width:50%;	
}
.button-link {
        display: inline-block;
        padding: 10px 20px;
       background-color: #4CAF50;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
        transition: background-color 0.3s;
    }

    .button-link:hover {
        background-color: #128C7E;
    }
	.whatsapp-button {
            display: inline-block;
            padding: 10px 20px;
            background-color: #25D366; /* WhatsApp green color */
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s;
        }

        .whatsapp-button:hover {
            background-color: #128C7E; /* Darker shade on hover */
        }
		.btn-print {
            display: inline-block;
            padding: 10px 20px;
            background-color: #25D366; /* WhatsApp green color */
           color: #fff;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s;
        }

        .btn-print:hover {
            background-color: #128C7E; /* Darker shade on hover */
        }
		body {
            margin: 0;
            padding: 0;
           /* background-color: #25D366; /* WhatsApp green color */
        }

        .marquee-container {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #25D366; /* WhatsApp green color */
            color: #fff;
            padding: 10px;
            white-space: nowrap;
            overflow: hidden;
        }

        .marquee-text {
            display: inline-block;
            animation: marqueeMove 15s linear infinite;
        }

        @keyframes marqueeMove {
            from { transform: translateX(100%); }
            to { transform: translateX(-100%); }
        }
		 /* Custom dropdown container */
        .dropdown {
            position: relative;
            display: inline-block;
        }

        /* Style for the selected option */
        .selected-option {
            padding: 10px;
            cursor: pointer;
            display: flex;
            align-items: center;
            background-color: #3498db; /* Blue background color */
            color: #fff; /* White text color */
            border-radius: 5px;
        }

        /* Style for the dropdown options */
        .dropdown-options {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            width: auto; /* Adjusted width to auto */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            border: 1px solid #3498db; /* Blue border color */
            list-style: none;
            padding: 0;
            margin: 0;
            border-radius: 5px;
            background-color: #fff; /* White background color */
        }

        /* Style for each option in the dropdown */
        .dropdown-option {
            padding: 10px;
            cursor: pointer;
            display: flex;
            align-items: center;
            transition: background-color 0.3s; /* Smooth background color transition */
        }

        .dropdown-option:hover {
            background-color: #3498db; /* Blue background color on hover */
            color: #fff; /* White text color on hover */
        }

        /* Image styling */
        .dropdown-option img {
            width: 30px; /* Adjust the size of the icon */
            margin-right: 10px; /* Adjust the spacing between image and text */
            border-radius: 50%; /* Round the image */
        }

        /* Link styling */
        .dropdown-option a {
            text-decoration: none;
            color: inherit; /* Inherit the color from the parent */
        }
/*.btn-continue{
	background-color: #4caf50;
    color: white;
    padding: 10px 20px;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}
.btn-continue:hover{
	 background-color: white;
    color: black;
    border: 2px solid #4caf50;
}
.

}*/

}