#whole{
  float: left;
  width: 100%;
  height: auto;
  font-family: Inter, 'Inter', sans-serif;
  padding: 0px;
  margin: 0px;
  /* padding: 0px 3% 0px 3%; */
}

.bodycar{
	position: relative;
	float: left;
	margin-top:  0px;
	width: 100%;
	height: auto;
	background-color: white;
	background-image: url(" ");
	background-attachment: fixed;

	overflow: !important;
	overflow-x: scroll;

	}

	.car{
	float: left;
	width: 100%;
	height: auto;
	background-color: white;

	}

	.ger{
		float: left;
		width: 100%;
		height: auto;
		padding: 0px 10px 0px 10px;
	}

	.gera{
		float: left;
		width: auto;
		height: auto;
	}


.headbar{
	float: left;
	width: 100%;
	height: auto;
	background-color: #3E8198;
	padding: 5px 0px 5px 0px;

	}



	.logo{
	float: left;
	margin: 0px;
	width: auto;
	height: auto;
	background-color: none;
	padding-left: 20px;

	}
	.serh{
		float: left;
		width: auto;
		height: auto;
	}

	.searchBar{
		float: left;
		width: auto;
		height: auto;
		background: white;
		padding: 3px;
		margin: 4px 0px 0px 100px;
	}

	.cater{
		float: none;
		width: auto;
		height: auto;
		padding: 5px;
		background: white;
		font-size: 14px;
		border: none;

	}

	#loginsection{
	float: right;
	margin: 0px;
	width: auto;
	height: auto;
	background-color: none;

	}


	.button {
    background-color: #EF8820;
    border: none;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    width: 15%;
    height: auto;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 85%;
    font-family: Inter;
    }

    .loginOn{
  float: left;
  width: 150px;
  height: auto;
  border: solid 1px black;
  font-size: 12px;
  padding: 5px;
  color: black;
}

.logInNow{
  float: none;
  width: auto;
  height: auto;
  background: #EF8820;
  color: white;
  padding: 5px 15px 5px 15px;
  font-size: 12px;
  border: none;
}

.logInNow:hover{
  background: black;
  border: none;
  cursor: pointer;
}

.BlogInNow{
  float: none;
  width: auto;
  height: auto;
  background: #3E8198;
  color: white;
  padding: 5px 15px 5px 15px;
  font-size: 12px;
  border: none;
}

.BlogInNow:hover{
  background: black;
  border: none;
  cursor: pointer;
  color: white;
  text-decoration: none;
}


.BlogNow{
  float: none;
  width: auto;
  height: auto;
  background: #3E8198;
  color: white;
  padding: 3px 15px 3px 15px;
  font-size: 14px;
  border: none;
}

.BlogNow:hover{
  background: black;
  border: none;
  cursor: pointer;
  color: white;
  text-decoration: none;
}

.logInNowAsk{
	float: none;
  width: auto;
  height: auto;
  background: #7A2C76;
  color: white;
  padding: 5px 15px 5px 15px;
  font-size: 12px;
  border: none;

}

.logInNowAsk:hover{
  background: black;
  border: none;
  cursor: pointer;
}

.logInNowAskhome{
	float: none;
  width: auto;
  height: auto;
  background: #7A2C76;
  color: white;
  padding: 5px 15px 5px 15px;
  font-size: 12px;
  border: none;

}

.logInNowAskhome:hover{
  background: black;
  color: white;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.logInNowSolve{
	float: none;
  width: auto;
  height: auto;
  background: #3E8198;
  color: white;
  padding: 5px 15px 5px 15px;
  font-size: 12px;
  border: none;

}

.logInNowSolve:hover{
  background: black;
  border: none;
  cursor: pointer;
}


.bookTut{
  float: left;
  width: auto;
  height: auto;
  /* background: #3E8198; */
  background: transparent;
  border: 1px solid #EF8820;
  color: #3E8198;
  padding: 2px 10px 2px 10px;
  font-size: 14px;
  margin: -3px 5px 2px 0px;
}

.bookTut:hover{
  float: left;
  width: auto;
  height: auto;
  /* background: #3E8198; */
  background: transparent;
  border: 1px solid #7A2C76;
  color: #7A2C76;
  padding: 2px 10px 2px 10px;
  font-size: 14px;
  margin: -3px 5px 2px 0px;

}

.bookTut a{
  text-decoration: none;
  color: #3E8198;
  font-size: 14px;


}

.bookTut a:hover{
  text-decoration: none;
  color: #7A2C76;
  font-size: 14px;
}

.bookLect{
  float: left;
  width: auto;
  height: auto;
  /* background: #3E8198; */
  background: transparent;
  border: 1px solid #EF8820;
  color: #EF8820;
  padding: 3px 10px 3px 10px;
  font-size: 12px;
  margin: 2px 5px 2px 5px;
}

.bookLect:hover{
  float: left;
  width: auto;
  height: auto;
  /* background: #3E8198; */
  background: transparent;
  border: 1px solid #7A2C76;
  color: #7A2C76;
  padding: 3px 10px 3px 10px;
  font-size: 12px;
  margin: 2px 5px 2px 5px;

}

.bookLect a{
  text-decoration: none;
  color: #3E8198;
  font-size: 12px;


}

.bookLect a:hover{
  text-decoration: none;
  color: #7A2C76;
  font-size: 12px;
}

.rateStyl{
  float: left;
  width: 100%;
  height: auto;
  margin: 0px 0px 0px 0px;
}


	.email{

	float: left;
	margin-right: 8px;
	width: auto;
	height: auto;
	background-color: none;
	color: white;
	font-family: 'Inter', sans-serif;
	font-size: 12px;

	}


	.emailsection{

	float: left;
	width: auto;
	height: auto;
	padding: 2px;
	background-color: none;
	color: black;
	font-family: 'Inter', 'Inter', sans-serif;
	font-size: 12px;

	}

	.password{
	float: left;
	width: auto;
	height: auto;
	margin-right: 8px;
	background-color: none;
	color: white;
	font-family: 'Inter', Inter;
	font-size: 12px;
	}

	.passwordsection{

	float: left;
	padding: 2px;
	width: auto;
	border: none;
	height: auto;
	background-color: none;
	color: black;
	font-family: 'Inter', Inter, sans-serif;
	font-size: 12px;

	}

	.forgotpassword{
	float: left;
	margin-left: none;
	margin-right: none;
	margin-top:  0px;
	width: auto;
	height: auto;
	background-color: none;
	color: black;
	font-family: 'Inter', Inter, sans-serif;
	font-size: 10px;

	}

	.logii{
	float: left;
/* 	margin-right: 2%; */
	width: auto;
	height: auto;
	background-color: none;
	color: black;
	font-family: 'Inter', sans-serif;
	font-size: 12px;

	}

	.sideAandInfo{
		float: left;
	margin-left: 5%;
	margin-right: none;
	margin-top:  2%;
	width: 60%;
	height: 410px;
	background-color: none;
	background-image: url(" ");
	background-attachment: fixed;
	font-family: Inter;


	}

	.sideA{
	float: left;
	margin-left: none;
	margin-right: none;
	margin-top:  none;
	width: 80%;
	height: 408px;
	background-color: transparent;
	background-image: url(" ");
	background-attachment: fixed;
	font-family: Inter;

	}

	.sideInfo{
	float: left;
	margin-left: 1%;
	margin-right: none;
	margin-top:  none;
	width: 19%;
	height: auto;
	background-color: transparent;
	background-image: url(" ");
	background-attachment: fixed;
	font-family: Inter;

	}

	.sideB{
	float: right;
	margin-left: 0%;
	margin-right: 5%;
	margin-top:  2%;
	width: 28%;
	height: 800px;
	background-color: transparent;
	background-image: url(" ");
	background-attachment: fixed;
	font-family: Inter;

	}


	 .post1{
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-top:  none;
	margin-bottom: none;
	width: 98%;
	height: 80.4px;
	background-color: black;
	background-image: url(" ");
	background-attachment: fixed;



	}
	 .post2{
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-top:  2px;
	margin-bottom: none;
	width: 98%;
	height: 80.4px;
	background-color: black;
	background-image: url(" ");
	background-attachment: fixed;


	}

	 .post3{
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-top:  2px;
	margin-bottom: none;
	width: 98%;
	height: 80.4px;
	background-color: black;
	background-image: url(" ");
	background-attachment: fixed;


	}

	.post4{
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-top:  2px;
	margin-bottom: none;
	width: 98%;
	height: 80.4px;
	background-color: black;
	background-image: url(" ");
	background-attachment: fixed;


	}


	.post5{
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-top:  2px;
	margin-bottom: none;
	width: 98%;
	height: 80.4px;
	background-color: black;
	background-image: url(" ");
	background-attachment: fixed;


	}
	.embrace{
		float: left;
		height: auto;
		width: 100%;
		padding: 0px 0px 0px 0px;

	}

	.textsection{
	float: left;
	margin-left: 7px;
	margin-right: 5px;
	margin-top:  5px;
	margin-bottom: 5px;
	width: 100%;
	height: auto;
	background-color: none;
	color: white;
	font-family: 'Inter', 'Inter', sans-serif;
	font-size: 12px;

	}

	.slogan{
	float: left;
	margin-left: none;
	margin-right: none;
	margin-top:  10px;
	margin-bottom: 5px;
	width: 100%;
	height: 45px;
	background-color: #3E8198;



	}

	.slogantext{
	float: left;
	margin-left: none;
	margin-right: none;
	margin-top:  10px;
	margin-bottom: 10px;
	width: 100%;
	color: white;
	font-family: 'Inter', 'Inter', sans-serif;
	font-size: 20px;


	}

	.memberprofile{
	float: left ;
	margin-top: 0px;
	width: 100%;
	height: auto;
	background-color: none;
   margin-bottom: 10px;
   padding: 0px;


}


.sab{
	float: left ;
	width: 100%;
	height: auto;
	font-size: 12px ;
	font-family: 'Inter', sans-serif;
	color: black;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: none;
	text-align: center;
	overflow: auto;
	line-height: 1.4em;
	padding: 0px;


	}

	.part1{

	float: left ;
	width: 29%;
	height: auto;
	align-content: center;
	margin-top: 10px;
	margin-left:  1%;
	margin-right: 0%;
	background-color: transparent;
	font-size: 16px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;
	text-align: center;

}


.part2{
	float: left ;
	width: 29%;
	height: auto;
	margin-top: 10px;
	margin-left:  5%;
	margin-right: 5%;
	background-color: transparent;
	font-size: 16px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;
	align-content: center;
	text-align: center;


}

.part3{
	float: left ;
	width: 29%;
	height: auto;
	margin-top: 10px;
	margin-left: 0%;
	margin-right: 1%;
	background-color: transparent;
	font-size: 16px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;
	align-content: center;
	text-align: center;

}

	.buttonworks {
    background-color: #EF8820; /
    border: none;
    color: white;
    padding: 10px 20px;
    margin-left: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
}

	.buttondonation {
    background-color: #7A2C76;
    border: none;
    color: white;
    padding: 10px 20px;
    margin-left: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
}


.footdre {
	width: 100%;
	clear: both;
	background-color: black;
	margin-top: 0px;
	position: absolute;
    right: 0;
    bottom: 0;
    left: 0; font-size: 12px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;


}

#grad1 {
    height:auto;
    background: #cfe2e9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#cfe2e9, #e9ebee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#cfe2e9, #e9ebee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#cfe2e9, #e9ebee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#cfe2e9, #e9ebee); /* Standard syntax (must be last) */
}

.don{
	float: left ;
	width: 100%;
	height: auto;
	margin-top: none;
	margin-left: none;
	margin-right: none;
	margin-bottom: 10px;
	background-color: transparent;
	font-size: 25px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;

}


.firstname{
	float: left ;
	width: 100%;
	height: auto;
	margin-top: 10px;
/*
	margin-left: 0%;
	margin-right: 1%;
*/
	background-color: white;
	font-size: 14px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;
	padding: 5px;
	border-radius: 3px;


}


.lastname{
	float: left ;
	width: 100%;
	height: auto;
	margin-top: 10px;
/*
	margin-left: 1%;
	margin-right: 0%;
*/
	background-color: white;
	font-size: 14px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;
	padding: 5px;
	border-radius: 3px;

}


.signemail{
	float: left ;
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-left: 0%;
	margin-right: 0%;
	background-color: white;
	font-size: 14px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;
	padding: 5px;
	border-radius: 3px;

}

.signemail1{
	float: left ;
	width: 100%;
	height: auto;
/* 	margin-top: 10px; */
	background-color: white;
	font-size: 16px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;
	padding:  10px;
	border-radius: 3px;

}

.signemail2{
	float: left ;
	width: 100%;
	height: auto;
/* 	margin-top: 10px; */
	background-color: white;
	font-size: 16px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;
	padding:  10px;
	border-radius: 3px;
	margin-bottom: 5px;

}


.lilheading{
	float: left ;
	width: 100%;
	height: auto;
	margin-top: 15px;
	margin-left: 0%;
	margin-right: 0%;
	background-color: none;
	font-size: 16px ;
	font-family:'Inter', 'Inter', sans-serif;
	color: black;


}

.lilsubheading{
	float: left ;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
	background-color: none;
	font-size: 12px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;


}
 .check{
	 margin-top: 15px;
	 margin-left: 2%;
	 margin-right: 2%;
	 width: auto;
	 height: auto;
	 color: #EF8820;
	 font-size: 16px ;
	font-family: 'Inter', 'Inter', sans-serif;
 }

 .checkme{
	 margin-top: 15px;
	 margin-right: 2%;
	 margin-left: 2%;
	 width: auto;
	 height: auto;
	 color: #3E8198;
	 font-size: 16px ;
	font-family: 'Inter', 'Inter', sans-serif;

 }

  .checkme2{
	 margin-top: 15px;
	 margin-right: 2%;
	 margin-left: 2%;
	 width: auto;
	 height: auto;
	 font-size: 16px ;
	font-family:'Inter', 'Inter', sans-serif;
	 color: #7A2C76;

 }

 .birth{
	 margin-top: 30px;
	 margin-right: none;
	 margin-left: none;
	 width: auto;
	 height: auto;
	 font-size: 16px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;


 }

 .daytime{
	 margin-top: 5px;
	 margin-right: none;
	 margin-left: none;
	 width: auto;
	 height: auto;
	 font-size: 14px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;
	border-radius: 5px;
	padding: 10px;
	text-decoration: none;
    display: inline-block;
    border: none;


 }

  .gender{

	 margin-top: 10px;
	 margin-right: 2%;
	 margin-left: 2%;
	 width: auto;
	 height: auto;
	 font-size: 16px ;
	font-family:'Inter', 'Inter', sans-serif;
	 color: black;

 }


  .getstarted{

	 background-color: #7A2C76;
    border: none;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    width: 100%;
    height: auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 100%;
    font-family: 'Inter', 'Inter', sans-serif;
    margin-bottom: 20px;

 }

.getstarted:hover{
	background: black;
}


 .policy{

	 margin-right: none;
	 margin-left: none;
	 width: auto;
	 height: auto;
	 font-size: 10px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: grey;
	border-radius: 5px;
	padding: 20px;


 }

.mySlides{

	width: 100%;
	margin: none;
	height: auto;
	position: relative;
 }

.library{
	float: left;
	width: 100%;
	margin-left:0%;
	margin-right:0%;
	height: 500px;
	background-color: transparent;
	color: white;
	font-size: 25px;
	font-family: 'Inter', 'Inter', sans-serif;
	padding: 0px;
	position: relative;
}



	.libraryhead{
	float: left;

	width: 95%;
	height: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5%;
	padding-right: 0%;
	color: white;
	font-family:'Inter', 'Inter', sans-serif;
	font-size: 20px;
	background-color: #3E8198;


	}


.librarysection{
	float: left;
	width: 90%;
	margin-top: 20px;
	margin-left:5%;
	margin-right:5%;
	height: auto;
	background-color: transparent;
	color: white;
	font-size: 16px;
	font-family: 'Inter', 'Inter', sans-serif;
	padding: 0px;
	position: relative;
}

.introrow{

	float:left;
	margin-left: none;
	margin-top: 10px;
	margin-right: none;
	width: 19%;
	height: 50px;


	background-color: navy;

	}

.introrowtext{


	margin-left: none;
	text-align: center;
    text-decoration: none;
    display: inline-block;
    color: white;
    padding-top: 15px;
    padding-bottom: 0px;
    height: auto;
    font-size: 16px;


	}

.col1{

	float:left;
	margin-left: 2%;
	margin-top: 10px;
	margin-right: none;
	width: 15%;
	height: 50px;
	color: white;
	background-color: #EF8820;

	}


.col2{

	float:left;
	margin-top: 10px;
	margin-left: 1%;
	margin-right: none;
	width: 15%;
	height: 50px;
	color: white;
	background-color: #EF8820;

	}

.col3{

	float:left;
	margin-top: 10px;
	margin-left: 1%;
	margin-right: none;
	width: 15%;
	height: 50px;
	color: white;
	background-color: #EF8820;

	}

.col4{

	float:left;
	margin-left: 1%;
	margin-top: 10px;
	margin-right: none;
	width: 15%;
	height: 50px;
	color: white;
	background-color: #EF8820;

	}


.col5{

	float:left;
	margin-left: 1%;
	margin-top: 10px;
	margin-right: none;
	width: 15%;
	height: 50px;
	color: white;
	background-color: #EF8820;

	}

.validationtext{

	font-size: 10px;
	width: 100%;



}

#Firstname{
	width: auto;

}

.leftspace{

	margin-left: none;
	margin-top: 2%;
	margin-bottom: 10%;
	height: auto;
	background-color: transparent;
	font-size: 25px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: green;


}

.leftpace{

	margin-left: none;
	margin-top: none;
	margin-bottom: 20px;
	height: auto;
	background-color: transparent;
	font-size: 20px ;
	font-family: 'Inter', 'Inter', sans-serif;
	color: black;


}
#mobileLogin {
	float: right;
	padding: 10px;
	display: none;
	}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #loginsection {display: none;}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #mobileLogin {display: block;}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 1150px) {
  #searchMa {display: none;}
}


.padme{
	padding-top: 10px;
}
.padert{
  padding: 10px 0px 0px 0px;
}

.padme2{
	padding: 10px 0px 10px 0px;
}

.respond{
  float: left;
  width: 100%;
  height: auto;
  cursor: pointer;
}

.responds{
  float: left;
  width: 100%;
  height: auto;
  /* max-height: 65px;
  overflow-y: auto; */
  cursor: pointer;
}


.respondStat{
  float: left;
  width: 100%;
  height: auto;
  cursor: default;
}

.respondStater{
  float: left;
  width: 50px;
  height: 50px;

}

.stablelize{
  float: left;
  width: 100%;
  height: auto;
  margin: 0px 0px 0px -10px;
}

.padway{
  float: left;
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}
.padway2{
  float: left;
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.hap{
	float: left;
	width: 100%;
	height: auto;
	background: transparent;
	margin-bottom: 5px;

}

.clarr{
	float:left;
	width:100%;
	margin:10px 0px 0px 0px;
}

.nopad{
  padding: 0;
}
#frosgge{
	margin-bottom: 10px;
}

/* Extra small devices (phones, 600px and down) */
/*
@media only screen and (max-width: 600px) {
  #frosgge {display: none;}
}
*/



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 700px) {
  #gretOut {display: none;}
}

.stat{
	float: left;
	width: 100%;
	position: relative;
	z-index: 1;
}
.price{
	float: left;
	width: auto;
	height: auto;
	padding: 7px 15px 7px 15px;
	position: absolute;
	background: #EF8820;
	color: white;
	margin: 10px;
	z-index: 2;
}

.pricerr{
	float: left;
	width: auto;
	height: auto;
	padding: 7px 15px 7px 15px;
	position: absolute;
	background: #3E8198;
	color: white;
	margin: 10px;
	z-index: 2;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #forn {display: none;}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .responds {float: left;
  width: 100%;
  height: auto;}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .getRighter {display: none;}
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 960px) {
  #sharup {display: none;}
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #heighterr {width: auto;
	height: auto;
	overflow :auto;
  }
}

@media (max-width: 600px) {
  #resa {
    display: none;
  }
}
@media (min-width: 600px) {
  #res {
    display: none;
  }
}


.foot{
	float: left;
	width: 100%;
	height: auto;
	padding: 10px 0px 10px 0px;

}

.twinkle:hover{
	border: solid 2px #EF8820;
	cursor: pointer;

}
.twinkle:active{
	border: solid 2px #7A2C76;
	cursor: pointer;

}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 20px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 700px;
}

.modal-body{
	float: left;
	width: 100%;
	height: 450px;
	overflow: scroll;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.texter{
  float: left ;
	width: 100%;
	height: auto;
  background-color: white;
	font-size: 18px ;
	font-family: 'Inter', sans-serif;
	color: grey;
	padding: 15px;
  margin: 10px 0px 10px 0px;

}


.padRiver{
	float: left;
	width: 100%;
	height: auto;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	background: white;
}
.padRiverL{
	float: left;
	width: 100%;
	height: auto;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	background: white;
}

.padProfile{
	float: left;
	width: 100%;
	height: auto;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	background: grey;
}


.getLeft{
  float: left;
  width: auto;
  height: auto;
  padding: 0px 0px 0px 0px;

}
.getRight{
  float: right;
  width: auto;
  height: auto;
  padding: 0px 0px 0px 0px;
}

.getRighter{
  float: right;
  width: auto;
  height: auto;
  padding: 0px 0px 0px 0px;
}

.alline{
	float: left;
	width: auto;
	height: auto;
	padding: 0px 5px 5px 5px;
	background-color: transparent;
	margin: 0px 5px 0px 5px;

}

.alline:hover{
	background-color: transparent;
}
.askQuest{
	float: left;
	width: 100%;
	height: auto;
	padding: 5px;
	font-size: 14px;
	background-color: #7A2C76;
	color: white;
	font-size: 14px;
	margin: 0px 0px 10px 0px;

}
.askQuest:hover{
	background: black;
	cursor: pointer;
}


.Membership{
	float: left;
	width: 100%;
	height: auto;
	padding: 5px;
	font-size: 14px;
	background-color: #EF8820;
	color: white;
	font-size: 14px;
	margin: 0px 0px 10px 0px;

}
.Membership:hover{
	background: black;
	cursor: pointer;
}


.solveQuest{
	float: left;
	width: 100%;
	height: auto;
	padding: 5px;
	font-size: 14px;
	background-color: #3E8198;
	color: white;
	font-size: 14px;
	margin-bottom: 10px;

}
/*
.solveQuest:hover{
	background: black;
	cursor: pointer;
}
*/

.commBD{
  float: left;
  width: auto;
  height: auto;
  padding: 10px 10px 0px 10px;
  color: white;
  align-items: center;
}

.benne{
	float: left;
	width:100%;
	height:40px;
	padding-left: 10px;
	overflow-x: scroll;
}


.seteditor{
	float: left;
	width: 100%;
	height: auto;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
	border: none;
	text-decoration: none;
    display: inline-block;
}

.setGrade{
	float: left;
	width: 100%;
	height: auto;
	font-size: 18px;
	padding: 10px 10px 10px 10px;
	border: none;
	text-decoration: none;
    display: inline-block;
    margin: 10px 0px 10px 0px;
}

.brote{
	background-color: #EF8820;
	border-radius: 5px;
	border: thin;
}

.namer{
	width: auto;
	font-size: 16px;
	font-weight: bold;
	float: left;
  padding-right: 10px;
}
.namer:hover{
	text-decoration: none;
  padding-right: 10px;
}
.namerRt{
  float: right;
	width: auto;
  height: auto;
	font-size: 16px;
	font-weight: bold;
}


.namec{
	width: 100%;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	float: left;
}

.greyar{
	color: #7A2C76;
	width: auto;
	float: right;
	position: relative;
	font-size: 12px;

}

.greya{
	color: grey;
	width: auto;
  height: auto;
	float: right;
}

.grey{
	color: grey;
}
.greyVV{
  float: left;
  width: 100%;
  height: auto;
	color: grey;
}
.leBfor{
  float: left;
  width: auto;
  height: auto;
  padding: 0px 0px 0px 0px;
}

.ratingS{
  float: left;
  width: auto;
  height: auto;
  color: grey;
  padding: 0px 0px 0px 5px;
}
.actioner{
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
  align-items: center;
}

.ratingStarz{
  float:left;
  font-size:14px;
  width: 100%;
  height:auto;
  padding-left:0px;
  color: grey;
  margin: 0px 5px 0px 0px;
}


.ratingStar{
  float:left;
  font-size:14px;
  width:auto;
  height:auto;
  padding-left:0px;
  color: grey;
  margin: 3px 5px 0px 0px;
}

.contl{
  float: left;
  width: 100%;
}

.userDtl{
  float: left;
  width: 100%;
  height: auto;
  padding: 2px 0px 2px 5px;
  background: #7A2C76;
  color: white;
  font-size: 70%;
}
.userDtlSol{
  float: left;
  width: 100%;
  height: auto;
  padding: 2px 0px 2px 5px;
  background: #EF8820;
  color: white;
  font-size: 70%;
}

.stylCat{
  color: #EF8820;
}

.liker{
  float: right;
  width: auto;
  height: auto;
  /* padding: 5px 10px 5px 10px; */
  padding: 5px 15px 5px 15px;
  background: #7A2C76;
  font-size: 12px;;
  color: white;
  text-decoration: none;
  border: none;
  font-size: 12px;
  margin: 0px 0px 0px 5px;
}

.liker:hover{
  float: right;
  width: auto;
  height: auto;
  /* padding: 5px 10px 5px 10px; */
  padding: 5px 15px 5px 15px;
  background: black;
  color: white;
  text-decoration: none;
  border: none;
  margin: 0px 0px 0px 5px;
}

.floty{
  float: right;
  width: auto;
  height: auto;
}



#heighter{
	width: auto;
	height: 700px;
	overflow :auto;
}

#heighterr{
	width: auto;
	height: auto;
	max-height: 700px;
	overflow :auto;
}
.obey{
	width: auto;
	height: auto;
	background: transparent;
	color: white;
	float: left;
}
.obey a:hover{
	cursor: pointer;
}
.rightTen{
	padding-right: 10px;
}

.lefter{
	float: left;
}
#spac{
	width: auto;
	padding: 10px 10px 0px 10px;
	cursor: auto;
  color: #EF8820;
}

.leDr{
  float: left;
  width: auto;
  height: auto;
  padding: 0px 2px 0px 5px;

}
/* .leDr a{
  float: left;
  width: auto;
  height: auto;
  font-size: 16px;
  color: #EF8820;
} */

#spacc{
  width: auto;
	padding: 10px 10px 0px 10px;
	cursor: auto;
  color: White;
}
#spac:hover{
  color: white;
}
#spaco{
	padding: 5px 0px 0px 0px;
}
#spacas{
	padding: 10px 0px 0px 0px;
}
#spa{
	margin-top: 0px;
}

.shaper{
	float: left;
	width: 40px;
	height: auto;
	padding: 5px;
	border-radius: 45px;
}
.shaper:hover{
		border: solid 2px white;
	}
.other{
	padding: 0px 0px 0px 0px;
	background: transparent;
}

#demandProp{

}

#demandProp1{
	float: left;
	margin: 10px 0px 10px 0px;
}

#shatsew a:hover{
	color: grey;
	text-decoration: none;
}

.table tr{
  background: #e5e9ea;
  color: grey;
  font-size: 12px;
}

.table tr:hover{
  background: white;
  color: black;
}

.table tr a:hover{
  color: black;

}

.mored{
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

.lineUp{
	float: left;
	width: 100%;
	height: auto;
	padding: 10px 0px 10px 0px;
	font-size: 16px;

}

.lineRet{
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	font-size: 16px;

}

.editer{
	float: left;
	padding: 10px;
	font-size: 16px;
	width: 100%;
	height: auto;
}

.adSection{
	font-size: 12px;
	padding: 5px;
}
.dser{
	font-size: 12px;
}
.jorte{
	font-size: 14px;
}

.questNum{
	color: #EF8820;
}

.levelGrade{
	color: #7A2C76;
}
.lightOn{
	color: #EF8820;
}
#comm{
	color: grey;

}
#comm:hover{
	color: black;
	cursor: pointer;
}
#membership{
  float: left;
  width: 100%;
  height: auto;
  padding: 0px 0px 10px 0px;
}

.mobLog{
  float: right;
  width: auto;
	text-decoration: none;
	color: white;
  padding: 0px 0px 0px 10px;

}
.mobLog:hover{
	text-decoration: none;
	color: #EF8820;
  padding: 0px 0px 0px 10px;

}