#myInput {
    background-image: url('/css/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 50%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 6px 10px 6px 20px; /* Add some padding */
    border: 1px solid #292525; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

#myInput2 {

    width: 150;
    font-size: 12px; /* Increase font-size */
    padding: 2px 2px 2px 2px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
}


#myInputLogin {
    background-color: rgb(255, 255, 255, 0.8);
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 40%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 6px 10px 6px 20px; /* Add some padding */
    border: 2px solid #03080c; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}


.semi-transparent-image {
	opacity: 0.7; /* 50% transparency */
  }


/* unvisited link */
a:link {
    color: rgb(111, 71, 12);
	text-decoration: none;
}

/* visited link */
a:visited {
    color: rgb(111, 71, 12);
	text-decoration: none;
}

/* mouse over link */
 a:hover {
    color: green;
}

/* selected link */
a:active {
    color: rgb(227, 142, 16);
}

.photo {
	width:30px;
	height:30px;
	object-fit:cover;
	object-position: 0%,0;
	border-radius:50%;

	overflow: hidden;
}

<!--
.style1 {font-family: Arial, Helvetica, sans-serif}

.style3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.style5 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333333; }


.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #999999;
}

.style701 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #BB7B1E;
}


.style71 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #945e0d;
}

.style72 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
}

.style77 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #ffffff;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Horizontal shadow, vertical shadow, blur radius, shadow color */

}

.style78 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #222222;
	/*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Horizontal shadow, vertical shadow, blur radius, shadow color */

}



.style8 {
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0 0 5px #666,   /* Blue glow */
	0 0 10px #666, 
	0 0 15px #666, 
	0 0 20px #666, 
	0 0 25px #666, 
	0 0 30px #666, 
	0 0 35px #666;
 
	font-weight: bold;
	font-size: 32px;
	color: #ffffff;
}


.style9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #999999;
}

.style9s {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}

.style9xs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
}

.style9w {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.style91 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #945e0d;
}

.style912 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.style92 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}

.style93 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.style932 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #945e0d;
}

.style94 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #999999;
	text-align: left;
}

.style95 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #945e0d;
	text-align: left;
}
.style96 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8ecef0;
	text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5); 

}
.style962 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #945e0d;
	/*text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);*/

}

.style10 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333333; font-size: 24px; }

.style17 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #000000;
}

.style15 {
	color: #999999;
}

.style16 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}

.style16b {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

.style16s {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	font-weight: normal;
}

.style162 {
	font-family: Arial, Helvetica, sans-serif;
	color: #BB7B1E;
	font-size: 14px;
	font-weight: normal;
}

.style163 {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
}

.style17 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
}

.style171 {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}



.style18 {
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0 0 5px #666,   /* Blue glow */
	0 0 10px #666, 
	0 0 15px #666, 
	0 0 20px #666, 
	0 0 25px #666, 
	0 0 30px #666, 
	0 0 35px #666;
	color: #ffffff;
	font-size: 24px;
	font-weight: normal;
}


.style181 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #990000;

text-shadow: 0 0 5px #fff,   /* Blue glow */
                   0 0 10px #fff, 
                   0 0 15px #fff, 
                   0 0 20px #fff, 
                   0 0 25px #fff, 
                   0 0 30px #fff, 
                   0 0 35px #fff;
				}

.style182 {
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 24px;
					color: #006600;
				
				text-shadow: 0 0 5px #fff,   /* Blue glow */
								   0 0 10px #fff, 
								   0 0 15px #fff, 
								   0 0 20px #fff, 
								   0 0 25px #fff, 
								   0 0 30px #fff, 
								   0 0 35px #fff;
								}

.style19 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 16px;
	font-weight: bold;
}

.style11 {
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	padding: 0em 0em 0em 0em;
}

#rcorners1 {
    border-radius: 25px;
    padding: 35px; 
    width: 1000px;
    height: 150px; 
}

#rcorners2 {
	border-radius: 25px;
	padding: 20px; 
	width: 800;
	height: 150px; 
	border: 1px solid #eeeeee; /* Added white border */
}

#rcorners3 {
    border-radius: 25px;
    padding: 20px; 
    width: 1550px;
    height: 150px; 
}

#rcornersst {
    border-radius: 30px;
	padding: 30px;
    height: auto;
    background: rgba(0, 0, 0, 0.7); /* Changed to 60% transparent black background */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4); /* Added shadow for depth */
	border: 1px solid #666666; /* Added white border */
}

#rcornersst1 {
    border-radius: 30px;
	padding: 30px;
    height: auto;
    background: rgba(255, 255, 255, 0.8); /* Changed to 60% transparent black background */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4); /* Added shadow for depth */
	border: 1px solid #666666; /* Added white border */
}

#rcornerslogo {
	border-radius: 25px;

	width: 150px;
	padding: 30px; 
    background: rgba(255, 255, 255, .8); /* Changed to 60% transparent black background */
	margin: 10px auto; 
	
}

#rcornerslogo2 {
	border-radius: 25px;

	width: 150px;
	padding: 10px; 
	margin: 10px auto; 
	
}



body {
	background-color: #000000;
}
.style23 {
	font-size: 24px;
	font-weight: bold;
	color: #999999;
}
.style29 {
	color: #666666;
	font-weight: bold;
}

#tableContainer-1 {
  height: 100%;
  width: 100%;
  display: table;
}
#tableContainer-2 {
  vertical-align: middle;
  display: table-cell;
  height: 100%;
}
#myTable {
  margin: 0 auto;
}

.box {
    width:300px;
    height:300px;
    background-color:#d9d9d9;
    position:fixed;
    margin-left:-400px; /* half of width */
    margin-top:-250px;  /* half of height */
    top:50%;
    left:50%;
}

.box2 {
    width:300px;
    height:300px;
    background-color:#d9d9d9;
    position:fixed;
    margin-left:-400px; /* half of width */
    margin-top:-250px;  /* half of height */
    top:50%;
    left:50%;
}

    fieldset {
      border: 0;
    }
    label {
      display: block;
      margin: 30px 0 0 0;
    }
    .overflow {
      height: 200px;
    }

	.div-1{
		display:none;
	}


        /* Hover effect for the button */
        .rounded-button:hover {
            background-color: #bb7b1e; /* Darker grey on hover */
            color: white; /* Text color */
            
        }

                                /* Styling for the button */
            .large-rounded-button {
            width: 150px; /* Set the desired width */
            height: 50px; /* Set the desired width */
            background-color: #ffffff; /* Grey background color */
            color: #777777; /* Text color */
            border: 1px solid #777; 
            border-radius: 12px; /* Rounded corners */
            padding: 10px 20px; /* Padding inside the button */
            font-size: 20px; /* Font size */
            font-weight: bold;
            cursor: pointer; /* Changes the cursor to a pointer on hover */
            outline: none; /* Removes the default outline */
            box-shadow: none; /* Remove any box shadow */
            text-shadow: none; /* Remove any text shadow */
            transition: background-color 0.2s, color 0.2s;
        }

                /* Hover effect for the button */
                .large-rounded-button:hover {
            background-color: #fff7d5; /* Darker grey on hover */
            color: #bb7b1e; /* Text color */
            border-color: #bb7b1e; /* Grey background color */

                }


                                                /* Styling for the button */
            .small-rounded-button {
            width: 110px; /* Set the desired width */
            height: 32px; /* Set the desired width */
            background-color: #ffffff; /* Grey background color */
            color: #777777; /* Text color */
            border: 1px solid #777; 
            border-radius: 8px; /* Rounded corners */
            padding: 10px 20px; /* Padding inside the button */
            font-size: 12px; /* Font size */
            font-weight: bold;
            cursor: pointer; /* Changes the cursor to a pointer on hover */
            outline: none; /* Removes the default outline */
            box-shadow: none; /* Remove any box shadow */
            text-shadow: none; /* Remove any text shadow */
            transition: background-color 0.2s, color 0.2s;
        }

                /* Hover effect for the button */
                .small-rounded-button:hover {
            background-color: #fff7d5; /* Darker grey on hover */
            color: #bb7b1e; /* Text color */
            border-color: #bb7b1e; /* Grey background color */

                }



   /* Styling for the dropdown with rounded corners */
   .dropdown {
	padding: 8px;
	font-size: 16px;
	width: 200px;
	border-radius: 8px; /* Adds rounded corners */
	border: 1px solid #ccc; /* Optional border styling */
	outline: none; /* Removes default outline */
}

.sdropdown {
	padding: 5px;
	font-size: 12px;
	width: 120px;
	border-radius: 8px; /* Adds rounded corners */
	border: 1px solid #ccc; /* Optional border styling */
	outline: none; /* Removes default outline */
}

.dropdown2 {
	padding: 3px;
	font-size: 12px;
	width: 150px;
	border-radius: 5px; /* Adds rounded corners */
	border: 1px solid #ccc; /* Optional border styling */
	outline: none; /* Removes default outline */
}


.rounded-textbox {
	width: 200px; /* Set the desired width */
	padding: 5px; /* Add some padding inside the textbox */
	border: 1px solid #ccc; /* Border color and style */
	border-radius: 8px; /* Rounded corners */
	font-size: 14px; /* Set the font size */
	outline: none; /* Remove the default outline */
}

.rounded-textbox24 {
	width: 100px; /* Set the desired width */
	padding: 2px; /* Add some padding inside the textbox */
	border: 1px solid #ccc; /* Border color and style */
	border-radius: 4px; /* Rounded corners */
	font-size: 10px; /* Set the font size */
	outline: none; /* Remove the default outline */
}

.srounded-textbox {
	width: 120px; /* Set the desired width */
	padding: 5px; /* Add some padding inside the textbox */
	border: 1px solid #ccc; /* Border color and style */
	border-radius: 8px; /* Rounded corners */
	font-size: 14px; /* Set the font size */
	outline: none; /* Remove the default outline */
}

.trounded-textbox {
	width: 40px; /* Set the desired width */
	padding: 5px; /* Add some padding inside the textbox */
	border: 1px solid #ccc; /* Border color and style */
	border-radius: 8px; /* Rounded corners */
	font-size: 14px; /* Set the font size */
	outline: none; /* Remove the default outline */
}

				/* Styling for the button */
				.rounded-button {
	width: 70px; /* Set the desired width */
	height: 28px; /* Set the desired width */
	background-color: #ffffff; /* Grey background color */
	color: black; /* Text color */
	border: none; /* Remove default border */
	border-radius: 8px; /* Rounded corners */
	padding: 10px 20px; /* Padding inside the button */
	font-size: 14px; /* Font size */
	cursor: pointer; /* Changes the cursor to a pointer on hover */
	outline: none; /* Removes the default outline */
}

/* Hover effect for the button */
.rounded-button:hover {
	background-color: #bb7b1e; /* Darker grey on hover */
	color: white; /* Text color */
	
}

						/* Styling for the button */
	.large-rounded-button {
	width: 150px; /* Set the desired width */
	height: 50px; /* Set the desired width */
	background-color: #ffffff; /* Grey background color */
	color: #777777; /* Text color */
	border: 1px solid #777; 
	border-radius: 12px; /* Rounded corners */
	padding: 10px 20px; /* Padding inside the button */
	font-size: 20px; /* Font size */
	font-weight: bold;
	cursor: pointer; /* Changes the cursor to a pointer on hover */
	outline: none; /* Removes the default outline */
	box-shadow: none; /* Remove any box shadow */
	text-shadow: none; /* Remove any text shadow */
	transition: background-color 0.2s, color 0.2s;
}

		/* Hover effect for the button */
		.large-rounded-button:hover {
	background-color: #fff7d5; /* Darker grey on hover */
	color: #bb7b1e; /* Text color */
	border-color: #bb7b1e; /* Grey background color */

		}


										/* Styling for the button */
	.small-rounded-button {
	width: 110px; /* Set the desired width */
	height: 32px; /* Set the desired width */
	background-color: #ffffff; /* Grey background color */
	color: #777777; /* Text color */
	border: 1px solid #777; 
	border-radius: 8px; /* Rounded corners */
	padding: 10px 20px; /* Padding inside the button */
	font-size: 12px; /* Font size */
	font-weight: bold;
	cursor: pointer; /* Changes the cursor to a pointer on hover */
	outline: none; /* Removes the default outline */
	box-shadow: none; /* Remove any box shadow */
	text-shadow: none; /* Remove any text shadow */
	transition: background-color 0.2s, color 0.2s;
}

		/* Hover effect for the button */
		.small-rounded-button:hover {
	background-color: #fff7d5; /* Darker grey on hover */
	color: #bb7b1e; /* Text color */
	border-color: #bb7b1e; /* Grey background color */

		}

		.popup {
            display: none; /* Hidden by default */
            position: fixed; /* Fixed position to stay in place relative to the viewport */
            top: 50%; /* Position it in the middle */
            left: 50%;
            transform: translate(-50%, -50%);
            width: 650px; /* Set width for the popup */
            height: 600px; /* Set height for the popup */
            background-color: #fff;
            border: 1px solid black; /* Border around popup */

            border-radius: 20px; /* Rounded corners */
            padding: 20px; /* Padding inside the popup */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            overflow: hidden; /* Allow scrolling */
            cursor: move; /* Show move cursor when hovering over the popup */

        }

		.supportpopup {
            display: none; /* Hidden by default */
            position: fixed; /* Fixed position to stay in place relative to the viewport */
            top: 50%; /* Position it in the middle */
            left: 50%;
            transform: translate(-50%, -50%);
            width: 450px; /* Set width for the popup */
            height: 600px; /* Set height for the popup */
            background-color: #fff;
            border: 1px solid black; /* Border around popup */

            border-radius: 20px; /* Rounded corners */
            padding: 20px; /* Padding inside the popup */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            overflow: hidden; /* Allow scrolling */
            cursor: move; /* Show move cursor when hovering over the popup */

        }

        .videopopup {
            display: none; /* Hidden by default */
            position: fixed; /* Fixed position */
            top: 50%; /* Center vertically */
            left: 50%; /* Center horizontally */
            transform: translate(-50%, -50%);
            width: 650px; /* Set width */
            height: 366px; /* Set height */
            background-color: black;
            border: 1px solid black; /* Border around popup */
            border-radius: 30px; /* Rounded corners */
            z-index: 1000; /* Ensure popup is above other content */
            padding: 5px; /* Padding inside the popup */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow for depth */
            cursor: move; /* Show move cursor when hovering over the popup */
            resize: both; /* Make the popup resizable */
            overflow: auto; /* Allow scrolling */
        }


        /* Overlay to dim the background */
        .overlay {
            display: none; /* Hidden by default */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* Dim the background */
            z-index: 999;
        }

        /* Close button styling */
        .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            background-color: #f5f5f5;
            border: none;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            text-align: center;
            line-height: 24px;
            font-weight: bold;
        }

        #interactive-row:hover {
        cursor: pointer; /* Changes the cursor to a pointer */
    }