html, body{
	background-color: #fff;
	/*color: #696969;*/
	color: #1D201D;
	overflow-x: hidden;
}


.page-wrapper{
	min-height: 100%;
	width: 100%;
}

.page-wrapper2{
	padding: 5px 20px;
	min-height: 100%;
	margin-left: 220px;
}

.bgimage{
	background-image: url("../images/Abstract.gif");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.bg-cover{
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;"
}

.overlay{
  	background-color: rgba(0,0,0,0.6);
  	padding: 20px 10px;
 }

 .white-overlay{
 	background-color: rgb(255,255,255,0.9);
 	padding: 20px 10px;
 }

 .green-overlay{
  background-color: rgba(0,128,0,0.7);
 }


.main-section{
	background: rgb(108,164,240);
	background: linear-gradient(100deg, rgba(108,164,240,1) 0%, rgba(135,179,238,1) 42%, rgba(3,146,175,1) 100%);
	padding: 50px;
}

.content{
	width: 50%;
	padding: 50px;
}

.linegraph{
	background-color: white;
	position: relative;
	border-radius: 5px;
	box-shadow: 5px 10px #d3d3d3;
}

.graph_header{
	padding: 10px;
	text-align: center;
	border-bottom: solid #d3d3d3 2px;
}

.graph_header h4{
	padding:0;
	margin: 0;
	font-size: 25px;
	font-weight: 900;
	color: #006638;
}

.graph_canvas{
	padding: 20px 15px 15px 15px;
}

.heading{
	text-align: center;
	padding: 30px;
	margin-top: 40px;
}

.heading h1{
	font-size: 5em;
	font-weight: 900;
}

.subhead{
	text-align: center;	
	padding: 50px;
}

.subhead h2{
	font-size: 2.5em;
	font-weight: 900;
}

.subhead a{
	text-decoration: none;
}

.subhead a:hover{
	color: #28a745;
}

.login-container{
	background-color: rgb(0,0,0,0.3);
	margin: 100px auto;
	padding: 1.5rem;
	text-align: center;
	align-items: center;
	width: 350px;
	border-radius: 5%;
	box-shadow: 10px 15px rgb(255,255,255,0.3);
}

.login_form{
	margin-top: 15px;
	padding: 10px;
}

.signup-container{
	background-color: rgb(255,255,255,0.8);
	margin: 100px auto;
	padding: .5rem 1rem	;
	align-items: center;
	width: 600px;
	border-radius: 5px;
	box-shadow: 10px 15px rgb(255,255,255,0.3);
}

.signup_form{
	margin-top: 15px;
	padding: 10px;
}

.signup_form p{
	font-size: 12px;
	text-align: justify;
}

.my-login-column{
	padding: 50px;
	margin-top: 50px;
}

.my-login-column h1{
	font-size: 6rem;
	font-weight: 900;
	color: #fff;
}

.col_ready{
	border-right: solid 1px black;
}

.col_start{
	border-left: solid 1px black;
}


.my-column{
	padding: 50px;
}

.my-column1{
	padding: 90px 30px;
	border-radius: 10px;
	margin-right: 3rem;
}

.my-column1-1{
	padding: 50px;
	border-radius: 10px;
}

.my-column2{
	padding-left: 50px;
	padding-top: 200px;
	padding-bottom: 200px;

}

.my-column3{
	padding: 50px;
	text-align: center;
}

.my-column4{
	padding: 20px;
}

.content-column{
	padding: 50px;
}

.column-whitebg{
	padding: 5px 10px;	
	background-color: #fff;
	border-radius: 5px;

}

.column-form{
	padding: 20px 20px;	
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 3px 3px 5px 1px #c0c0c0;
}

.column-greenbg{
	padding: 15px 10px;	
	background-color: #28a745;
	border-radius: 5px;

}

.column-darkgreenbg{
	margin: 10px 0;
	padding: 10px;	
	background-color: #008000;
	border-radius: 5px;
}

.my-row{
	justify-content: center;
	text-align: center;
}

.offset-top-row{
	margin-top: -30px;
}

.margin-around{
	margin: 50px;
	border: 1px solid black;
}

.box-shadow{
	box-shadow: 10px 10px #8FBC8F;
}

.box-shadow2{
	box-shadow: -10px 10px #8FBC8F;
}

.box-shadow3{
	box-shadow: -5px 10px 45px #000;
}

.box-shadow4{
	box-shadow: -10px 10px 20px #8FBC8F;
}

.FAQ-contentbox{
	padding: 10px 15px;
	background-color: #4BC35E;
	color: #000;
	font-weight: 600;"
}

.FAQ_span{
	font-size: 20px;
	font-weight: 900;
	color: #006638;
}

.select{
	width: 100%;
	padding: 5px;
	border: none;
	cursor: pointer;
}

.select:focus, .select:hover{
	outline: none;
}

.select > option{
	background: #fff;
}

.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #ffffff;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: blue;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: blue;
  cursor: pointer;
}


/*font color*/

.font-white{
	color: #fff;
}

.font-gray{
	color: #f0eeeb;
}

.font-blue{
	color: blue;
}

.font-green{
	color: #006638;
}

.font-dimgray{
	color: #696969;
}

.overlap-top{
	margin-bottom: 120px;
	margin-right: 100px;
	z-index: 1000; 
}

.overlap-under{
	margin-top: 40px;
	margin-left: -350px;
	padding-top: 50px;
	padding-left: 300px;
	z-index: 500;
}

.title-heading{
	font-size: 70px;
	font-weight: 700;
	color: white;
}

.title-heading2{
	font-size: 50px;
	font-weight: 700;
	color: white;
}

.subtitle-heading{
	font-size: 40px;
	font-weight: 400;
	color: white;
}

.success{
	background: blue;
	color: #a94442;
	padding: 10px;
	width: 100%;
	border-radius: 10px;
}

.error{
	background: #f2dede;
	color: #a94442;
	padding: 10px;
	width: 100%;
	border-radius: 10px;
}
/*Margins*/
.top-100{
	margin-top: 100px;
}

.top-50{
	margin-top: 50px;
}

.margin-right{
	margin-right: 80px;
}

.bottom-100{
	margin-bottom: 100px;
}

.margin-left{
	margin-left: 80px;
}

/*background-color*/
.bg-green{
	/*background-color: #008C2C;*/
	background-color: #4BC35E;
}

.bg-greenshade{
	background-color: #009451;
}

.bg-white{
	background-color: #ffffff;
}

.bg-lightgreen{
	background-color: #90EE90;
}

.bg-palegreen{
	background-color: #1E90FF;
}

.bg-seagreen{
	background-color: #3CB371;
}

.bg-blue{
	background-color: blue;
}

.bg-gainsboro{
	background:#DCDCDC;
}

.bg-cornflowerblue{
	background-color: #6495ED;
}

.bg-gradient{
	background: rgb(108,164,240);
	background: linear-gradient(100deg, rgba(108,164,240,1) 0%, rgba(135,179,238,1) 42%, rgba(3,146,175,1) 100%);
	padding: 50px;
}

/*Sidebar*/
.sidebar {
	width: 220px;
	background: rgb(104,237,203);
	background: linear-gradient(148deg, rgba(104,237,203,1) 11%, rgba(75,195,94,1) 50%, rgba(87,130,89,1) 100%);
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	overflow: auto;
	color: white;
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.8);
 }

.sidebar::-webkit-scrollbar{
	width: 0.50rem;
}

.sidebar::-webkit-scrollbar-track{
	background: #68EDCB;
}


.sidebar::-webkit-scrollbar-thumb{
	background: rgb(75,195,94);
	background: linear-gradient(185deg, rgba(75,195,94,1) 21%, rgba(0,173,121,1) 75%, rgba(0,149,136,1) 100%);
}

 .sidenav{
 	margin-left: 10px;
	list-style-type: none;
	display: block;
}

.sidenav-dropdown{
	list-style-type: none;
	display: block;
	margin-left: -40px;
	background-color: #2a3f54;
}


.sidenav-dropdown > li > a{
	display: block;
	margin-left: 40px;
}

.sidenav_header{
    margin: 0;
	padding: 2rem 1rem;
	align-items: center;
    text-align: center;
	border-bottom: 1px solid whitesmoke;
}

.sidenav_header > h3{
    font-weight: 900;
   
}

.sidenav_header > span{
	display: block;
}

.profile-image{
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.profile-image > img{
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.sidenav li{
	margin-left: -40px;
	border-radius: 8px;
	margin-right: 10px;
}

.sidenav-dropdown li{
	margin-left: -40px;
}

.sidenav li > a{
	display: block;
    font-size: .85em;
    text-decoration: none;
	color: #fff;
	padding: .9rem 0 .9rem 1.5rem;	
}

.sidenav-dropdown li > a{
    font-size: .85em;
    text-decoration: none;
	color: white;
	padding: .9rem 0 .9rem 1.5rem;	
}

.sidenav li > a > .nav-label{
    margin-left: .8em;
}

.sidenav-dropdown li > a > .nav-label{
    margin-left: .8em;
}

.sidenav li:hover{
    background-color: #00AD79;
    transition: .8s;
}

.active{
	margin: 10px;
	border-radius: 8px;
    background-color: white;
    box-shadow: 5px 5px #C0C0C0;
}

.company-logo{
	margin-left: 220px;
}

.company-logo > img{
	width: 50px;
	height: 50px;	
}

.pull-right{
	position: absolute;
	right: 30px;

}

.signout{
	position: relative;
	margin-left: 30px;
	font-weight: 900;
}

.nav_list{
	list-style-type: none;
	display: block;
	padding: 0px;
	margin: 0px;
}

.navlist li{
	display: block;
}

.nav_list li > a{
	display: block;
    font-size: 1.2rem;
    font-weight: 900;
    text-decoration: none;
	color: #006638;
	padding: 10px 0px;
	margin-left: 20px;
	
}

.hidden{
	display: none;
}

/*Footer*/

.footer{
	width: 100%;
	background:#28a745;
	color: white;
	height: 400px;
	position: relative;
}

.footer a{
	color: white;
}

.footer .footer-content{
	height: 350px;
	display: flex;
}

.footer .footer-content .footer-section{
	flex: 1;
	padding: 45px;
}

.footer .footer-bottom{
background:#5F9EA0;
color: white;
height: 50px;
width: 100%;
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
padding-top: 20px;
}

@media (max-width: 700px) {
	.page-wrapper2{
	  margin-left: 0px;
	}

	.sidebar {
	  width: 100%;
	  height: auto;
	  position: relative;
	}

	.navbar-top{
		position: relative;
		width: 100%;
		margin-left: 0;
	}

	.content{
		margin-left: 0;
	}

	.company-logo{
		margin-left: 0;
	}

	.mycard{
		margin-left: 0;
	}

  }
  
  @media screen and (max-width: 420px) {

  	.my-login-column h1{
		font-size: 2.8rem;
	}

  	.subhead{
  		padding: 50px 10px;
  	}

  	.subhead h2{
  		font-size: 2em;
  	}

  	.offset-top-row{
  		margin-top: 20px;
  	}

  	.my-column{
		padding: 10px 5px;
		text-align: center;
	}

  	.my-column1{
  		margin-right: 0.5rem;
		padding: 10px 20px;
		text-align: center;
	}

	.my-column1-1{
		padding: 20px;
		text-align: center;
	}

  	.heading > h1{
  		font-size: 3.2rem;
  	}
  	.page-wrapper2{
  		margin-left: 0px;
  		position: relative;
  	}

  	.sidebar {
	  width: 100%;
	  height: auto;
	}

	.navbar-top{
		position: relative;
		width: 100%;
		margin-left: 0;
	}

	.content{
		margin-left: 0;
	}

	.company-logo{
		margin-left: 0;
	}

	.mycard{
		margin-left: 0;
	}

	.margin-left{
		margin-left: 0px;
	}

	.bg-cover{
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: scroll;
		background-position: center;
	}

	.my-login-column{
		padding: 10px 40px;
		margin-top: 40px;
	}

	.login-container{
		margin: 50px auto;
		padding: 1.5rem;
		text-align: center;
		align-items: center;
		width: 90vw;
	}

	.signup-container{
		margin: 100px auto;
		width: 90vw;
	}

	.col_ready{
	border-right: none;
	border-bottom: solid 1px black;
	}

	.col_start{
		border-left:none;
		border-top: solid 1px black;
	}

	.bg-green{
		background: rgb(75,195,94);
background: linear-gradient(185deg, rgba(75,195,94,1) 21%, rgba(0,173,121,1) 75%, rgba(0,149,136,1) 100%);
	}
  }