html, body {
	height: 100%;
	margin: 0;
	overflow: auto	/* options are visible, hidden, scroll and auto; hidden disables scrolling */
    }
    
body {
	background-color: white;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	padding:0 0; 
	color: #333333;
	}
	
div.d_navbar1 {
	overflow: hidden;
	background-color: white;
	position: sticky;	/* option: fixed, sticky */
	top: 0; 			/* Distance from the top of the viewport */
	width: 100%;
	margin: 0px auto 0px;
	/* padding: 8px;	*/
	z-index: 999;		/* Optional: Ensures it stays above other elements */
	/* transition: 0.5s; */
	/* border-radius:20px; */
	/* border:1px solid #808080; */
	/*box-shadow:8px 8px 8px #909090;*/
	}
	
div.d_navbar2 {
	overflow: hidden;
	background-color: #333;
	position: sticky;  /* option: fixed, sticky */
	top: 49;
	/*left: 0;*/
	width: 650px;
	margin: 0px auto 0px;
	z-index: 999;
	/* transition: 0.5s; */
	border-radius:5px;
	border: 0px solid #555;
	box-shadow:8px 8px 8px #909090;
	text-align: left;
	}
	
.d_navbar2 a {
	float: left;
	font-size: 14px;
	color: white;
	text-align: center;
	padding: 12px 14px;
	text-decoration: none;
	}

div.d_box1 {
	background-color:#333; 
	width: 350px;
	height: 675px;
	/* margin: 3px auto 3px; */
	padding: 2px;
	border-radius: 5px; 
	border:0px solid #555; 
	box-shadow:8px 8px 8px #909090;
	text-align: center;
	color: #333;
	}
	
div.d_box2 {
	background-color: white; 
	width: 850px;
	height: 700px;
	/* margin:20px auto 10px; */
	padding: 10px 10px;
	border-radius: 5px; 
	border: 0px solid #000;
	/* box-shadow: 8px 8px 8px #909090; */
	text-align: center;
	overflow: auto;
	color: #333
	}

div.box3 {
	background-color: #333;
	width: 310px;
	height: 200px;
	margin: 0px auto 0px;
	padding: 10px;
	border-radius: 15px; 
	border:0px solid #555;
	box-shadow:5px 5px 5px #909090;
	text-align: center;
	color: white
	}

div.d_box3 {
	background-color: #333; 
	position: sticky;
	margin: 5px auto 5px;
	/* padding:5px; */
	border-radius: 5px;
	border: px solid #808080; 
	box-shadow: 8px 8px 8px #909090;
	text-align: center;
	/* color: white */
	width: 99%;
	}
	
div.d_box4 {
	background-color:#fff; 
	max-width: 93%;
	height: 150px;
	margin: 5px auto 5px;
	padding: 3px; 
	border-radius: 5px; 
	border: 0px solid #808080; 
	/* box-shadow:8px 8px 8px #909090; */
	color: #333;
	text-align: left;
	overflow: auto
	}
		
.d_scrollbar-container {
	height: 100%;
	overflow-y: scroll; /* Enable scrollbar */
	box-sizing: border-box;
    }

.d_content {
	height: 700px; /* Example content height */
	/* background: linear-gradient(to bottom, #ff7e5f, #feb47b); */
    }

d_img.logo {
	float:right; margin:-10px 0 0 30px;
	}
		 
@media (max-width:499px)
	{
		 div.box {
			  padding:25px
			     }
		img.logo {
			  float:none;display:block; margin:0 auto 20px
			   }
	}

.d_footer {
	background-color: #333;
	color: white;
	border-radius: 5px;
	/* border: 2px solid black; */
	margin: 0px;
	padding: 8px;
	text-align: center;
	overflow: hidden;
	box-shadow:8px 8px 8px #909090;	
	}	

.d_dropdown {
	float: left;
	overflow: hidden;
	}

.d_dropdown .dropbtn {
	font-size: 14px;  
	border: none;
	outline: none;
	color: white;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
	}

.d_navbar2 a:hover, .dropdown:hover .dropbtn {
	background-color: #6fc831;
	color: #333;
	}

.d_dropdown-content {
	display: none;
	position: absolute;
	background-color: #595959;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	}

.d_dropdown-content a {
	float: none;
	color: white;
	padding: 12px 14px;
	text-decoration: none;
	display: block;
	text-align: left;
	}

.d_dropdown-content a:hover {
	background-color: #6fc831
	}
		
.d_dropdown:hover .dropdown-content {
	display: block;
	}

table, td, th {  
	/* border: 0px solid #ddd; */
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 14px;
	}
div.d_scrollmenu {
	background-color: #6fc831;
	position: sticky;  /* option: fixed, sticky */
	width: auto;
	/* overflow: auto; */
	white-space: nowrap;
	/* top: 0; */
	/* left: 350; */
	margin: 0px auto 0px;
	overflow-x: scroll;
	overflow-y: hidden;
	/* box-sizing: border-box; */
	text-align: left;
	box-shadow:8px 8px 8px #909090;
	border-radius:5px;
	}

div.d_scrollmenu a {
	display: inline-block;
	color: #333;
	text-align: center;
	padding: 12px 14px;
	text-decoration: none;
	}

div.d_scrollmenu a:hover {
	background-color: #333;
	color: white;
	}

div.d_container{
	width: 99%;
	position: sticky;
	}

div.d_tds {
	overflow: hidden;
	background-color: #333;
	position: sticky;  /* option: fixed, sticky */
	top: 49;
	left: 0;
	width: 100px;
	margin: 0px auto 0px;
	z-index:999;
	/* transition: 0.5s; */
	border-radius:5px;
	border: 0px solid #555;
	box-shadow:8px 8px 8px #909090;
	text-align: center;
	}}
.d_tds a {
	float: left;
	font-size: 16px;
	color: white;
	text-align: center;
	padding: 12px 14px;
	text-decoration: none;
	}
.d_tds a:hover, .dropdown:hover .dropbtn {
	background-color: #6fc831;
	color: #333;
	}