::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
body{
	font-family: 'Montserrat',sans-serif;
	font-weight: 400 ;
	line-height: 1.5;
	font-style: normal;
	font-size: 12px;
	letter-spacing:1px;
	color:#58595B;
	font-weight:400;
	width:100%;
	height: auto;
	background-color: #fff;
	margin:0;
	padding:0;
}

@media (min-width:768px) {
	body{
		font-size: 10px;
	}
}
@media (min-width:992px) {
	body{
		font-size: 12px;
		line-height: 1.6;
	}
}

@media (min-width:1024px) {
	body{
		font-size: 14px;
		line-height: 2;
	}
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0;
}
.h2 , h2 {
	font-size:  22px ;
	padding: 5px;
}
.h1 , h1 {
	font-size:  1.5rem ; 
}
@media (min-width:768px) {
	.h1 , h1 {
		font-size:  1.3rem ; 
	}
}
@media (min-width:992px) {
	.h1 , h1 {
		font-size:  2.5rem ; 
	}
}
@media (min-width:768px) {
	.h2 , h2 {
		font-size:  1.1vw ;
	}
}
.h3 , h3 {
	font-size: 1.9rem;
}
.h4 , h4 {
	font-size: 1.15rem;
}
p{
	line-height: 25px;
}
a{
	color:#58595B;
	border:none !important;
}
 /* unvisited link */
a:link {
 	color:#58595B;
}

/* visited link */
a:visited {
 	color:#58595B;
}

/* mouse over link */
a:hover {
  	color:#58595B;
}

/* selected link */
a:active {
  	color:#58595B;
}
button{
	cursor: pointer;
}
.forgetpw_div_link{
	cursor: pointer;
}

.font_mont{
	font-family: 'Montserrat',sans-serif;
}

.font_noto{
	font-family: 'Noto Sans TC',sans-serif;
}

.rowRight{
	text-align:center !important;
}
.rowLeft{
	text-align:center !important;
}
.rowCenter{
	text-align:center !important;
}

.bsize{
	visibility: hidden;
	display: none;
}
.ssize{
	visibility: visible;
} 
.ssize2{
	display: block;
} 
@media (min-width:768px) {
	.rowLeft {
		text-align:left !important;
	}
	.rowRight{
		text-align:right !important;
	}
	.rowCenter{
		text-align:center !important;
	}
	.bsize{
		visibility: visible;
		display: block;
	}
	.ssize{
		visibility: hidden ;
	}
	.ssize2{
		display: none;
	}
}

.MainContainer{
	/*max-width: 1720px;*/
	max-width: 1920px;
	margin:0 auto;
	width:100%;
	padding:0 2%;
}
.MainContainer2{
	/*max-width: 1720px;*/
	max-width: 1140px;
	margin:0 auto;
	width:100%;
	padding:0 2%;
}

@media (min-width:768px) {
 	.MainContainer{
		padding:0 1%;
	}
	.MainContainer2{
		padding:0 1%;
	}
}

@media (min-width: 992px) {
 	.MainContainer{
		padding:0 1%;
	}
	.MainContainer2{
		padding:0 1%;
	}
}
@media (min-width: 1200px) {
 	.MainContainer{
		padding:0 1%;
	}
	.MainContainer2{
		padding:0 1%;
	}
}
.row{
	margin:0 auto;
	padding:0;
}

[type="checkbox"]
{
    vertical-align:middle;
}

header , main , footer{
	display: block !important;
	float:left;
	padding : 0 ;
	margin : 0 ;
	width: 100%;
}

footer{
	padding : 20px 0;
	background-color:#39B04A;
}


@media (min-width:768px) {
	footer{
		padding : 40px 0;
	}
}


#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: none;
   opacity: 0.7;
   background-color: #000000;
   z-index: 9999;
   text-align: center;
   overflow:hidden;
}

#loading-image {
  position: absolute;
  top: 45%  !important;
  left: 45%!important;
  z-index: 9999;
  width: 100px;
}


.btn_big{
	padding:10px 50px !important;
	border-radius: 10px !important;
}

.btn_green{
	/*background-image: url("/upload/images/common/bt_bg.png"); */
    background-image: linear-gradient(to right, #88C13F 0%, #2BB173 70%, #2BB173 100%);
	background-repeat: repeat-x;
	background-size: contain;
	background-position:bottom;
	position:relative;
	white-space: nowrap;
	color:#fff;
	background-color:#39B04A;
	text-transform: uppercase ;
	border-radius: 15px;
	padding :5px 15px;
	font-weight:500;
	font-size : 12px;
	border: none;
	text-align: center;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	margin:   0  ;
	text-decoration: none;
	cursor: pointer;
	min-width:100px;
}
 
.btn_green_bar {
	background-image: url("/upload/images/common/bar_pt.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	white-space: nowrap;
	color: #fff;
	border-radius: 18px;
	text-transform: uppercase;
	padding: 0;
	font-weight: 500;
	font-size: 0.9rem;
	border: none;
	text-align: center;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	margin: 0; 
	margin-top: 3px; 
	text-decoration: none;
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 50;
	left: 0;
	top:0;
}
@media (min-width:768px) {
	 .btn_green_bar{ 
		width: 25px;
		height: 25px;
		margin: 0; 
		margin-top: 3px; 
	}
}
.btn_red{
	/*background-image: url("/upload/images/common/bt_bg.png"); */
    background-image: linear-gradient(to right, #FF00D9 0%, #FFC940 70%, #FFC940 100%);
	background-repeat: repeat-x;
	background-size: contain;
	background-position:bottom;
	position:relative;
	white-space: nowrap;
	color:#fff;
	background-color:#39B04A;
	border-radius: 15px;
	text-transform: uppercase ;
	padding :10px 15px;
	font-weight:500;
	font-size :12px;
	border: none;
	text-align: center;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	margin:   0  ;
	text-decoration: none;
	cursor: pointer; 
}


.btn_orange , .btn_blue, .btn_green2 , .btn_pred , .btn_white , .btn_learning_resources ,.btn_whiteOrange{
	/*background-image: url("/upload/images/common/bt_bg.png"); */
    background-color: #E35A29;
	background-repeat: repeat-x;
	background-size: contain;
	background-position:bottom;
	position:relative;
	color:#fff;
	text-transform: uppercase ;
	border-radius: 15px;
	padding :10px 15px;
	font-weight:500;
	font-size : 12px;
	border: none;
	text-align: center;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	margin:   0  ;
	text-decoration: none;
	cursor: pointer;
	min-width:100px;
}
.btn_green2 {
	background-color:#39A84A;
	color: #fff; 
}
.txt_green2 { 
	color: #39A84A; 
}
.btn_blue {
	background-color:#005BA9;
	color: #fff; 
}
.btn_pred {
	background-color:#B11E2D;
	color: #fff; 
}
.btn_white {
	color:#E35A29;
	background-color: #fff;
	width:100%;
	display:block;
}
.btn_whiteOrange {
	color:#E14136;
	background-color: #fff;
	border: 1px solid #CCCECF;
	width:100%; 
	border-radius: 0;
	display:block;
} 
.btn_whiteOrange_select {
	color:#fff;
	background-color: #E14136;
	border: 1px solid #E14136; 
}
.btn_gray {
	color:#fff;
	background-color: #C3C5C6; 
	background-image: linear-gradient(to right, #C3C5C6 100%, #C3C5C6 100%, #C3C5C6 100%);
}
.btn_learning_resources {
	color:#E35A29;
	background-color: #fff;
	border:2px solid #E35A29;
	min-width:200px;
}
.btn_learning_resources:hover {
	color:#fff;
	background-color: #E35A29;
	border:2px solid #fff;
}
.btn_learning_resources2 {
	color:#fff;
	background-color: #E35A29;
	border:3px solid #fff;
}


@media (min-width:768px) {
	.btn_green{ 
		font-size :0.938vw
	}
	.btn_red{ 
		font-size :0.938vw
	}
	.btn_orange , .btn_white { 
		font-size :0.938vw
	}
}






.logo{
	width: 200px;
}
.bg-dark{
	background-color: #fff !important;
}
.btn_sign_up {
	width:130px;
}
.icon{
	width:25px;
}
.navbar-header{
	position:fixed;
	z-index:90;
	background-color:#fff;
}
main{
	margin-top:80px;
}

.navbar-nav{
	padding:10px 20px;
	
	/*border:1px solid #9c9c9c; */
}
.navbar-dark .navbar-nav .nav-link {
	color: #58595B;
	white-space: nowrap;
}
@media (min-width:768px) {
	.navbar-dark .navbar-nav .nav-link {
		color: #58595B;
		white-space: nowrap;
	}
	.navbar-header{
		position:relative;
	}
	.navbar-nav{
		padding:20px 0 0 0;
		border:none;
	}
	main{
		margin-top:0;
	}
}

.nav-item {
	display: inline-block;
	vertical-align:middle;
	text-align:left;
	padding:  0;
	margin: 20px 0 ;
	width: inherit;
}

@media (min-width:768px) {
 	.nav-item {
		padding: 0;
		margin: 0;
		text-align:center;
	}
}

@media (min-width: 992px) {
 	.nav-item {
		padding: 0 ;
		margin: 15px 0;
	}
}
@media (min-width: 1000px) {
 	.nav-item {
		padding: 0 ;
		margin: 15px 0; 
	}
}
@media (min-width: 1400px) {
 	.nav-item {
		padding: 0 ;
		margin: 30px 0 0 0;
	}
}
@media (min-width: 1920px) {
 	.nav-item {
		padding: 0 ;
		margin: 30px 0 0 0;
	}
}

.navbar-dark .navbar-toggler {
    color: rgba(215,215,215,1);
    border-color: rgba(215,215,215,.1);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28215, 215, 215, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.nav-link {
    color: rgba(89,90,90,1);
	font-size: 0.9rem;
	font-weight:500;
	padding:0;
	margin:0;
	display: block;
}

.navbar-dark .navbar-nav .nav-link.disabled {
     color: rgba(89,90,90,1);
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
     color: rgba(89,90,90,1);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(89,90,90,.5);
}
.icon-item{
	margin:0;
	padding:0;
	list-style:none;

	/*display: flex;
	/*flex-direction: row; */
}

.icon-item li{
	display:block;
	margin:0 ;
	padding: 1px;
	text-transform: uppercase ;
	color: rgba(89,90,90,1);
	float: left;
}

@media (min-width:768px) {
	.bg-dark{
		background-color: #fff !important;
	}
	.logo{
		width:150px;
	}
	.icon{
		width:15px;
	}
	.nav-link {
		color: rgba(89,90,90,1);
		font-size: 8px;
		font-weight:500;
		padding:0;
		padding-top: 3px;
		margin:0;
		display: block;
		float:left;
	}
	.navbar-dark .navbar-nav  {
		vertical-align:middle;
	}
}

@media (min-width: 992px) {
	.logo{
		width:250px;
	}
	.icon{
		width:20px;
	}
	.nav-link {
		color: rgba(89,90,90,1);
		font-size: 10px;
		font-weight:500;
		padding:0;
		padding-top: 3px;
		margin:0;
		display: block;
		float:left;
	}
}
@media (min-width: 1000px) { 
	.logo{
		width:230px;
	}
	.icon{
		width:20px;
	}
	.nav-link {
		color: rgba(89,90,90,1);
		font-size: 10px;
		font-weight:500;
		padding:0;
		padding-top: 3px;
		margin:0;
		display: block;
		float:left;
		text-align: center;
	}
}
@media (min-width: 1200px) {
	.logo{
		width:350px;
	} 
	.icon{
		width:25px;
	}
	.nav-link {
		color: rgba(89,90,90,1);
		font-size: 12px;
		font-weight:500;
		padding:0;
		padding-top: 3px;
		margin:0;
		display: block;
		float:left;
		text-align: center;
	}
}
@media (min-width: 1440px) { 
	.logo{
		width:450px;
	} 
	.icon{
		width:30px;
	}
	.nav-link {
		color: rgba(89,90,90,1);
		font-size: 14px;
		font-weight:500;
		padding:0;
		padding-top: 3px;
		margin:0;
		display: block;
		float:left;
		text-align: center;
	}
}
.home_banner_d{
	position:relative;
	margin:0 ;
	padding:0 ;
	padding-bottom:500px;
}
@media (min-width:768px) {
	.home_banner_d{ 
		padding-bottom:400px;
	}
}
.home_banner{
	position:relative;
	margin:0 ;
	padding:0 ;
	min-height:600px;
}
.btn_start{
	position:relative;
	margin:0;
	padding:10px 80px ; 
}
.home_logo{
	position:relative;
	margin:0 ;
	padding:0 ;
}
.home_txt{
	position:relative;
	margin:0 ;
	padding:0 ;
	text-align: justify;
}
.home_start{
	position:relative;
	margin:0;
	padding:0 ; 
	text-align: left;
}
@media (min-width:768px) {
	.home_logo{
		padding: 30px 65px 10px 65px;
	}
	.home_txt{ 
		padding: 0 65px 10px 65px;
	}
	.home_start{
		padding: 0 65px 10px 65px;
	}
}

.home_logo_image{
	margin:0 ;
	padding:0 ;
	width:100%;
}

.home_logo_btn{
	margin:0 ;
	padding:0 ;
	width:100%;
	display:block;
}
.pp01 , .pp02 , .pp03{
	margin:0 ;
	padding:0 ;
	position:absolute;
	z-index:2;
	bottom:0;

}
.pp01 img , .pp02 img , .pp03 img{
	margin:0 ;
	padding:0 ;
	width:100%;
}

.home_cloud{
	margin:0 ;
	padding:0 ;
	position:absolute;
	z-index:-2;
	bottom:0;
}
.home_bottom{
	margin:0 ;
	padding:0 ;
	position:absolute;
	z-index:-1;
	bottom:0;
}
.home_cloud img , .home_bottom img{
	margin:0 ;
	padding:0 ;
	width:100%;
}

.privacy{
	margin:0 ;
	padding:50px 0  ;
	height: auto;
	position:relative;
	min-height:600px;

}
.privacy h2{
	position:relative;
	margin:0 0 10px 0 ;
	padding:0 ;
	text-align:left;
	color:#39B04A;
	font-weight:700;
	width: 100%;
	float: left;
	display: block;
}
.privacy p{
	position:relative;
	/*margin: 20px 0 40px 0 ;*/
	margin: 0 0 20px 0 ;
	padding: 0 ;
	text-align:left;
	font-weight:500;
	width: 100%;
	float: left;
	display: block;
}
.privacy li{ 
	text-align:left; 
}


.about_JAHK{
	margin:0 ;
	padding:50px 0  0  0 ;
	background-image: url("/upload/images/common/bg_blue.png");
	height: auto;
	background-repeat: repeat-x;
	background-size: contain;
	background-position:bottom;
	position:relative;
}
.about_JAHK_div img{
	margin:0 ;
	padding:0 3% ;
	width: 94%;
	bottom:0;
	left:0;
	position:relative;
}
@media (min-width:768px) {
	.about_JAHK_div img{
		bottom:0;
		left:0;
		position:relative;
	}
}
.about_JAHK_div{
	margin:0 ;
	padding:40px 20px 0 20px ;
	display: flex;
    align-items: flex-end;
}
.about_JAHK_div2{
	margin:0 ;
	padding:40px 20px 0 20px ;
}
@media (min-width:768px) {
	.about_JAHK_div2{
		margin:0 ;
		padding:80px 60px 0 40px ;
	}
}
.about_JAHK_div2 h2{
	position:relative;
	margin:0 0 10px 0 ;
	padding:0 ;
	text-align:left;
	color:#39B04A;
	font-weight:700;
	width: 100%;
	float: left;
	display: block;
}

.about_JAHK_div2 p{
	position:relative;
	margin: 20px 0 40px 0 ;
	padding: 0 ;
	text-align:justify;
	font-weight:500;
	width: 100%;
	float: left;
	display: block;
}


.cv_template{
	margin:0 ;
	padding:100px 0  ;
	background-image: url("/upload/images/common/bg_green.png");
	height: auto;
	background-repeat: repeat-x;
	background-size: contain;
	background-position:bottom;
}
.cv_template h3{
	margin: 5px 0 20px 0;
	padding: 0 ;
	color:#00A298;
	text-transform: uppercase ;
	font-weight:700;
	width:100%;
}

.cv_template h4{
	margin: 5px 0 25px 0;
	padding: 0 ;
	width: 100%;
	font-weight:500;
}
.cv_template_div {
	margin: 0;
	padding: 0 ;
	text-align:center;
}
.cv_template_div img{
	margin: 0 ;
	padding: 4% 0;
	width: 92%;
	-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.5))
}
@media (min-width:768px) {
	.cv_template_div img{
		margin: 0 ;
		padding: 4% 0;
		width: 92%;
	}
}





.Organized   {
	margin:10px 0 ;
	padding:10px 20px ;
	text-align:center;
}
.Organized p{
	display:inline-block;
	margin:0 ;
	padding:20px 0 0 0;
	text-transform: uppercase ;
	text-align:center;
	width:100%;
}
.Organized img{
	display:inline-block;
	margin: 0 ;
	padding: 5px 5px 5px 0;
	/*max-height: 100px;
	height:100%;*/ 
	max-width:100%;
}

@media (min-width:768px) {
	.Organized   {
		margin:50px 0 ;
		padding: 0 ;
		text-align:left;
	}
	.Organized p{
		text-align:left;
	}
}


.footer{
	padding : 0 ;
	margin : 0 auto;
}
.footer a{
	color:#fff;
	border:none !important;
}
 /* unvisited link */
.footer a:link {
 	color:#fff;
}

/* visited link */
.footer a:visited {
 	color:#fff;
}

/* mouse over link */
.footer a:hover {
  	color:#fff;
}

/* selected link */
.footer a:active {
  	color:#fff;
}

.footerRow ul , .footer_menu ul{
	margin:0 ;
	padding:0 ;
	list-style:none;
}

.footerRow li{
	display:inline-block;
	margin: 0 auto;
	padding: 5px;
	text-transform: uppercase ;
	color:#fff;
	font-size:11px;
}
@media (min-width:768px) {
	.footerRow li{
		padding:10px 5px; 
	}
}




.contact_JAHK{
	margin:0 ;
	padding:50px 0  0  0 ;
	background-image: url("/upload/images/common/bg_yellow.png");
	height: auto;
	background-repeat: repeat-x;
	background-size: contain;
	background-position:bottom;
	position:relative;
}


.contact_JAHK h2{
	position:relative;
	margin:0 0 10px 0 ;
	padding:0 ;
	text-align:left;
	color:#39B04A;
	font-weight:700;
	width: 100%;
	float: left;
	display: block;
}
.contact_JAHK p{
	position:relative;
	margin: 0 0 0 0 ;
	padding: 0 ;
	text-align:justify;
	font-weight:500;
	width: 100%;
	float: left;
	display: block;
}
.contact_JAHK b{
	position:relative;
	margin: 0 0 0 0 ;
	padding: 0 ;
	text-align:left;
	font-weight:700;
	text-transform: uppercase ;
	white-space: nowrap;
}
.contact_JAHK_div img{
	margin:0 ;
	padding:0 3% ;
	width: 94%;
	bottom:0;
	left:0;
	position:relative;
}
.contact_JAHK_div{
	margin: 10px 0 0 0 ;
	padding: 0 ;
	display:inline-block;
	float: left;
	text-align:left;
}

.contact_JAHK_TXT{
	padding: 0 0 20px 0 ;
	margin: 0 ;
	display: flex;

}
.contact_JAHK_TXT2{
	padding: 0 0 0 0 ;
	margin: 0 ;
	display: flex;
}

.inputBox  {
	padding: 0 2% 0 0 ;
	margin: 0 ;
	border:none;
	width: 98%;
}
.texteare{
	padding: 0 2% 0 0 ;
	margin: 0 ;
	border:none;
	width: 98%;
	min-height:100px;
	resize: none;
}

@media (min-width:768px) {
	.inputBox {
		padding: 0 2% 0 0 ;
		margin: 0 ;
		border:none;
		width: 98%;
	}
	.texteare {
		padding: 0 1% 0 0 ;
		margin: 0 ;
		border:none;
		width: 99%;
	}
}



/*
Modal
*/
.nopadding{
	padding: 0 !important; 
}
.nomargin{
	margin: 0 !important; 
}

.modal{
	overflow:auto;
}

.modal-dialog  .contentWrapper{
	position: relative;
	background-color:#fff;
	padding:0;
	border-radius:5px;
}


.modal .modal-content {
	position: relative;
	background-color:#fff ;
	padding:0;
	border-radius: 15px;
	padding-bottom: 20px;
}


.signup {
	font-weight: 500  ;
	font-style: normal ;
	line-height: 2rem;
	text-align:center;
}
.signup label {
	display: inline-block;
	width:100%;
	margin:0;
	padding:0;
}
.btn_signup{
	margin:0;
	padding:15px 0;
	text-transform: uppercase ;
	display:inline-block;
	float:left;
	text-align:center;
	background-color:#E1E2E3;
	color:#58595B;
	cursor: pointer;
}
.btn_signupLeft {
  border-top-left-radius: 15px;
}

.btn_signupRight {
  border-top-right-radius: 15px;
}

.signup .active{
	background-color:#FFF;
	color:#39B04A;
}
.signup p{
	margin:0 ;
	padding: 10px 0 ;
}
.signup ul{
	margin:0 ;
	padding:0 ;
	list-style:none;
}

.signup li{
	display:inline-block;
	margin: 5px auto;
	padding:5px 20px;
	text-transform: uppercase ;
	border-radius:5px;
	color:#fff;
	cursor: pointer;
	width:100%;
}
@media (min-width:768px) {
	.signup li{
		margin: 0 auto;
		width:auto;
	}
}

.signup li.student{
	background-color: rgba(246,171,64,0.4);
}
.signup li.volunteer{
	background-color: rgba(39,165,220,0.4);
}
.signup li.teacher{
	background-color: rgba(233,42,123,0.4);
}


.signup li.student-active{
	background-color: rgba(246,171,64, 1);
}
.signup li.volunteer-active{
	background-color: rgba(39,165,220, 1);
}
.signup li.teacher-active{
	background-color: rgba(233,42,123, 1);
}

.inputText{
	font-weight: 400;
	font-style: normal;
	margin: 0 ;
	padding: 10px ;
	width:100%;
	color:#58595B;
	border:1px solid #CCCECF;
	border-radius:5px;
}

.inputCheckbox{
	font-weight: 400;
	font-style: normal;
	margin: 0 ;
	padding: 10px ;
	color:#58595B;
	border:1px solid #CCCECF;
	border-radius:5px;
}

.frist_input{
	width:100%;
}
@media (min-width:768px) {
	.frist_input{
		width:98%;
		margin-right:2%;
	}
}
.inputButton{
	font-weight: 700;
	font-style: normal;
	margin: 0 ;
	padding: 10px ;
	width:100%;
	color:#fff;
	background-color:#39B04A;
	border:1px solid #39B04A;
	border-radius:5px;
	text-transform: uppercase ;
}

.signup_row{
	margin:5px 0 ;
	padding:0 ;
	float:left;
}
.signup_row_Box{
	border: 1px solid #CCCECF;
	padding:10px;
	border-radius:5px;
}
.signup_row_Box label{
	margin:0 ;
	padding:0 ;
	float:left;
	text-align:left;
	width:100%;
	font-weight:300;
}
.signup_row_Box .inputText{
	border:none;
	border-bottom: 1px solid #CCCECF;
	border-radius: 0;
	padding:0 ;
}
.signup_row_Box .inputSelect{
	border: 1px solid #CCCECF;
	border-radius: 0;
	padding:0 ;
}
.signup_row_Box .label{
	margin:5px 0 ;
	padding:0 ;
	float:left;
	text-align:left
}
.signup_row_radio_list .signup_row_radio label{
	width:auto;
	margin: 5px;
}
.signup_row_radio_list{
	margin:0 ;
	padding:0 ;
	width:100%;
	float:left;
}
.signup_row_radio{
	display:inline-block;
	float:left;
}
.signup_row_radio2{
	display:block;
	float:left;
	width:100%;
}


.login_div , .signup_div , .forgetpw_div{
	padding: 0 20px;
	margin:0;
	display:none;
}

.errInputText{
	border-radius:5px;
	border: 1px solid red;
	color: red;
}
.errInputText_Text{
	color: red;
}
.error_msg{
	display:none;
	color:red;
	font-size:10px;
}
.red{
	color: red;
	font-size:12px;
	font-weight:400;
}
.yellow{
	color: yellow;
	font-size:12px;
	font-weight:400;
}

.mem_icon{
	width: 40px;
}
@media (min-width:768px) {
	.mem_icon{
		width: 40px;
	}
}
@media (min-width:992px) {
	.mem_icon{
		width: 60px;
	}
}
.mem_menu{
	margin:0 auto;
	padding: 0 1%;
	list-style:none;
	width:100%; 
	border-bottom: 2px solid #80B83F;

}

.mem_menu li{
	display:inline-block;  
	list-style: none;
	margin: 0;
	padding:20px 1% 15px 1%; 
	text-transform: uppercase ;
	color:#008644; 
	text-align:center;
	vertical-align:middle;
	font-size:14px;
}

.menu_Icon{
    display:block; 
    color:#008644;
    text-decoration:none;
    padding-left:50px;
	font-weight:700;
	vertical-align:middle; 
}
 
.menu_Icon_active , .menu_Icon_active:before{
    border-bottom: 4px solid #80B83F;
}
.menu_My_Profile:before ,
.menu_Learning_Resources:before ,
.menu_Smart_Resume_Builder:before,
.menu_Schedule:before,
.menu_Career_Opportunities:before,
.menu_Strength_Discovery:before,
.menu_Evaluation:before,
.menu_Student_Progress:before,
.menu_Program_Application:before{

	content: ''; 
	background-size:cover;
	position:absolute;
	width:35px;
	height:35px;
	margin-left:-40px;
	margin-top: -7px;
}

.menu_My_Profile:before{ 
	background-image: url("/upload/images/common/My_Profile.png"); 
}
.menu_Learning_Resources:before{ 
	background-image: url("/upload/images/common/Learning_Resources.png"); 
}
.menu_Smart_Resume_Builder:before{ 
	background-image: url("/upload/images/common/Smart_Resume_Builder.png"); 
}
.menu_Schedule:before{ 
	background-image: url("/upload/images/common/Schedule.png"); 
}
.menu_Career_Opportunities:before{ 
	background-image: url("/upload/images/common/Career_Opportunities.png"); 
}
.menu_Strength_Discovery:before{ 
	background-image: url("/upload/images/common/Strength_Discovery.png"); 
}
.menu_Program_Application:before{ 
	background-image: url("/upload/images/common/Program_Application.png"); 
} 
.menu_Evaluation:before{ 
	background-image: url("/upload/images/common/Evaluation.png"); 
}
.menu_Student_Progress:before{ 
	background-image: url("/upload/images/common/Student_Progress.png"); 
}
 
@media (min-width:768px) {
	 .mem_menu li{ 
		margin: 0 2px 0 0;
		padding: 10px 0 0 13px; 
	}
	 .mem_menu li a{ 
		margin:0 ;
		padding: 0;
		font-size: 6px;
	}
	.menu_Icon{
		padding-left:30px;
	}
	.menu_My_Profile:before ,
	.menu_Learning_Resources:before ,
	.menu_Smart_Resume_Builder:before,
	.menu_Schedule:before,
	.menu_Career_Opportunities:before,
	.menu_Strength_Discovery:before,
	.menu_Evaluation:before,
	.menu_Student_Progress:before,
	.menu_Program_Application:before{ 
		width:10px;
		height:10px;
		margin-left:-13px;
		margin-top: -2px;
	}
	.menu_Icon_active , .menu_Icon_active:before{
		border-bottom: 2px solid #80B83F;
	}
}
@media (min-width:996px) {
	 .mem_menu li{ 
		margin: 0 2px 0 0;
		padding: 10px 0 0 13px; 
	}
	 .mem_menu li a{ 
		margin:0 ;
		padding: 0;
		font-size: 6px;
	}
	.menu_Icon{
		padding-left:30px;
	}
	.menu_My_Profile:before ,
	.menu_Learning_Resources:before ,
	.menu_Smart_Resume_Builder:before,
	.menu_Schedule:before,
	.menu_Career_Opportunities:before,
	.menu_Strength_Discovery:before,
	.menu_Evaluation:before,
	.menu_Student_Progress:before,
	.menu_Program_Application:before{ 
		width:10px;
		height:10px;
		margin-left:-13px;
		margin-top: -2px;
	}
	.menu_Icon_active , .menu_Icon_active:before{
		border-bottom: 2px solid #80B83F;
	}
}

@media (min-width:1280px) {
	.mem_menu li{ 
		margin: 0 5px 0 0;
		padding: 10px 0 0 25px; 
	}
	 .mem_menu li a{ 
		margin:0 ;
		padding: 0;
		font-size:11px;
	}
	.menu_Icon{
		padding-left:30px;
	}
	.menu_My_Profile:before ,
	.menu_Learning_Resources:before ,
	.menu_Smart_Resume_Builder:before,
	.menu_Schedule:before,
	.menu_Career_Opportunities:before,
	.menu_Strength_Discovery:before,
	.menu_Evaluation:before,
	.menu_Student_Progress:before,
	.menu_Program_Application:before{ 
		width:20px;
		height:20px;
		margin-left:-25px;
		margin-top: 0;
	}
	.menu_Icon_active , .menu_Icon_active:before{
		border-bottom: 4px solid #80B83F;
	}
}
@media (min-width:1440px) {
	.mem_menu li{ 
		margin: 0 40px 0 0;
		padding: 20px 0 0 30px; 
	}
	 .mem_menu li a{ 
		margin:0 ;
		padding: 0;
		font-size:14px;
	}
	.menu_Icon{
		padding-left:30px;
	}
	.menu_My_Profile:before ,
	.menu_Learning_Resources:before ,
	.menu_Smart_Resume_Builder:before,
	.menu_Schedule:before,
	.menu_Career_Opportunities:before,
	.menu_Strength_Discovery:before,
	.menu_Evaluation:before,
	.menu_Student_Progress:before,
	.menu_Program_Application:before{ 
		width:25px;
		height:25px;
		margin-left:-30px;
		margin-top: 0;
	}
	.menu_Icon_active , .menu_Icon_active:before{
		border-bottom: 4px solid #80B83F;
	}
}
@media (min-width:1920px) {
	.mem_menu li{ 
		margin: 0 40px 0 0;
		padding: 20px 0 0 35px; 
	}
	 .mem_menu li a{ 
		margin:0 ;
		padding: 0;
		font-size:16px;
	}
	.menu_Icon{
		padding-left:30px;
	}
	.menu_My_Profile:before ,
	.menu_Learning_Resources:before ,
	.menu_Smart_Resume_Builder:before,
	.menu_Schedule:before,
	.menu_Career_Opportunities:before,
	.menu_Strength_Discovery:before,
	.menu_Evaluation:before,
	.menu_Student_Progress:before,
	.menu_Program_Application:before{ 
		width:30px;
		height:30px;
		margin-left:-35px;
		margin-top: -6px;
	}
	.menu_Icon_active , .menu_Icon_active:before{
		border-bottom: 4px solid #80B83F;
	}
}

.dashboardBg{
	position:relative;
	margin:  0;
	padding: 3% 0 ;
	min-height: 400px;
}
.studentBg{
	background-color:#F0A540;
	color:#fff;
}
.volunteerBg{
	background-color:#27A0D7;
	color:#fff;
}
.teacherBg{
	background-color:#E82A7B;
	color:#fff;
}
.student{ 
	color:#F0A540;
}
.volunteer {  
	color:#27A0D7;
}
.teacher { 
	color:#E82A7B;
}
.mem{
	display:block;
	float:left;
}
.mem h1{
	width:100%;
	display:block;
	text-align:left;
	float:left;
	color:#E35A29;
}
.memleft h1{
	width:100%;
	display:block;
	text-align:left;
	float:left;
	color:#E35A29;
	font-size:2em;
	font-weight:700;;
}
.memleft {
	display:block;
	position:relative;
	text-align:center;
	float:left;
}
.memCenter{
	display:block;
	position:relative;
	text-align:left;
	float:left;
}
.memRight{
	display:block;
	position:relative;
	text-align:left;
	float:left;
}

.mem_row{
	margin:5px 0 ;
	padding:0 ;
	float:left;
}
.mem_row p{
	margin:0 ;
	padding:0 ;
	float:left;
	text-align:left;
	width:100%;
	font-weight:700;
}
.mem_row_Box{
	padding:10px;
	border-radius:5px;
}
.mem_row_Box label{
	margin:0 ;
	padding:0 ;
	float:left;
	text-align:left;
	width:100%;
	font-weight:700;
}
.mem_row_Box .inputText{
	border:none;
	border-bottom: 1px solid #CCCECF;
	border-radius: 0;
	padding:5px ;
}
.mem_row_Box .inputSelect{
	border: 1px solid #CCCECF;
	border-radius: 0;
	padding:5px ;
}


.mem_row_Box .label{
	margin:5px 0 ;
	padding:0 ;
	float:left;
	text-align:left
}
.mem_row_radio_list .mem_row_radio label{
	width:auto;
	margin: 5px;
}
.mem_row_radio_list{
	margin:0 ;
	padding:0 ;
	width:100%;
	float:left;
}
.mem_row_radio{
	display:inline-block;
	float:left;
}
.mem_row_radio2{
	display:block;
	float:left;
	width:100%;
}
.Strength_Discovery_TXT {
	padding-right: 0;
	padding-left: 0;
}
@media (min-width:768px) {
	.Strength_Discovery_TXT {
		padding-right: 15px;
		padding-left: 15px;
	}
}
.Strength_Discovery_TXT  p, .Strength_Discovery_TXT li{
	line-height:30px;
}
@media (min-width:768px) {
	.Strength_Discovery_TXT  p, .Strength_Discovery_TXT li{
		line-height:15px;
	}
}
@media (min-width:992px) {
	.Strength_Discovery_TXT  p, .Strength_Discovery_TXT li{
		line-height:30px;
	}
}
.Strength_Discovery_FRM{
	border: 5px solid #E14136;
	border-radius: 20px;
	background-color:#fff;
	padding:0 ;
	min-height:400px;
	color:#E24136;
	display:inline-block;
}
.Strength_Discovery_FRM .frm_left{
	text-align:left;
	min-height:50px;
	padding: 20px 20px 0 20px;
}
.Strength_Discovery_FRM .frm_center{
	text-align:center;
	min-height:50px;
	padding: 20px 0;
}
.Strength_Discovery_FRM .frm_right{
	text-align:right;
	min-height:50px;
	padding:20px 20px 20px 0 ;
}
.Strength_Discovery_FRM2{
	padding:20px  ;
}
ul.Strength_Discovery_q {
	margin:0 auto;
	padding:10px 0 5px 0;
	list-style:none;
	width:100%;
	border-bottom: 1px solid #E14136;
	display:block;
	float:left;
	position: relative;
}
ul.header {
	border-top: 2px dotted  #E14136;
	border-bottom: 2px dotted  #E14136;
}
ul.header2 {
	border-top: 0px dotted  #E14136;
	border-bottom: 2px dotted  #E14136;
}
.Strength_Discovery_q li{
	display:block;
	position: relative; 
	list-style: none;
	margin: 0;
	padding: 5px;
	color:#E24136;
	float: left;
	text-align:center;
	vertical-align:middle;
}
.Strength_Discovery_q li li{
	display:block;
	position: relative; 
	list-style: none;
	margin: 0;
	padding: 0 5px;
	color:#E24136;
	float: left;
	text-align:center;
	vertical-align:middle;
	max-width: 20%;
	width: 20%;
}
.Strength_Discovery_q li.header{
	font-size:11px;
	white-space: nowrap;
	padding:0 5px;
	min-width:80px;  
}
ul.header,
.Strength_Discovery_q li.header ,
.Strength_Discovery_q li.header2{ 
	display:none;
}
.topControl{
	display:none;
}
.mheader{ 
	display:block;
}
.mlist{
	display:block;
}	

@media (min-width:768px) {
	ul.header,
	.Strength_Discovery_q li.header ,
	.Strength_Discovery_q li.header2{ 
		display:block;
	}
	.Strength_Discovery_q li.header{
		font-size:11px;
		white-space: nowrap;
	}
	.topControl{
		display:block;
	}
	.mheader{ 
		display:none;
	}
	.mlist{ 
		display:none;
	}
}



@media (min-width:992px) {
	.Strength_Discovery_q li.header{
		font-size:0.6em;
		white-space: nowrap;
	}
}
@media (min-width:1200px) {
	.Strength_Discovery_q li.header{
		font-size:0.8em;
		white-space: nowrap;
	}
}

@media (min-width:1440px) {
	.Strength_Discovery_q li.header{
		font-size:1em;
		white-space: nowrap;
	}
}
.radio-beauty-container {
  font-size: 0;
}
.radio-beauty-container .radio-beauty:hover, .radio-beauty-container input[type="radio"]:checked + .radio-beauty  , .radio-beauty-container input[type="checkbox"]:checked + .radio-beauty {
  padding: 2px;
  background-color:#E24136;
  background-clip: content-box;
}
.radio-beauty-container .radio-name {
  vertical-align: middle;
  font-size: 16px;
}
.radio-beauty-container .radio-beauty {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #E24136;
  vertical-align: middle;
  margin: 0 15px 0 3px;
  border-radius: 0;
}
.radio-beauty-container .radio-beauty:hover {
  box-shadow: 0 0 7px #E24136;
}
.a_txt{
	text-align:left !important;
	padding: 0 0 0 20px;
	color:#58595B !important;
	font-weight:400;
}
.a_txt span{
	background-color: #E14136;
	border-radius: 40px;
	padding: 5px;
	color: #fff;
	margin-right: 10px;
	width: 32px;
	display: inline-block;
	text-align: center;
	font-size: 0.8em; 
}
.com_bar {
	width:100%;
	height:20px;
	border-radius: 20px;
	background-image: linear-gradient(to right, #FFC940 0%, #FF658C 70%, #FF00D9 100%);
	background-repeat: repeat-x;
	background-size: contain;
	background-position:bottom;
	position:relative;
	white-space: nowrap;
	color:#fff;
	background-color:#FF00D9;
	margin: 20px 0 ;
}
.com_bar2{
	height:20px;
	border-radius: 20px;
	background-image: linear-gradient(to right, #FFC940 0%, #FFC940 70%, #FFC940 100%);
	background-repeat: repeat-x;
	background-size: contain;
	background-position:bottom;
	position:relative;
	white-space: nowrap;
	color:#fff;
	background-color:#FF00D9;
	margin: 20px 0 ;
}

 
.com_bar_check{
	float:right;
}
.com_bar_txt{
	color:#E14136;
	font-size: 60px;
	font-weight:500;
}
@media (min-width:768px) {
	.com_bar_check{
		float:left;
	}
	.com_bar_txt{
		color:#E14136;
		font-size: 3em;
		font-weight:500;
	}
}
.Strength_Discovery_FRMR{
	border: 0px solid #E14136;
	border-radius: 0;
	background-color:#fff;
	padding:40px 20px ;
	min-height:400px;
	color:#231F20;
	display:inline-block;
	min-height:400px;
}
@media (min-width:768px) {
	.Strength_Discovery_FRMR {
		padding:40px ;
	}
}
.Strength_Discovery_FRMR .line{ 
	border-bottom: 1px solid #231F20;
}
.Strength_Discovery_FRMR h1{ 
	width:auto;
	font-size:1.8em;
	color:#231F20;
	display: inline;
}

.Strength_Discovery_FRMR h1.subtitle{ 
	width:auto;
	font-size:1.8em;
	color:#231F20;
	display: inline;
	text-transform: capitalize;
	font-weight:400;
	letter-spacing:1px;
	margin-bottom:20px;
}

.Strength_Discovery_FRMR h2{
	border-bottom: 1px solid #231F20;
	width:auto;
	font-size:1.5em;
	font-weight:100;
	color:#231F20;
	display: inline;
}
.Strength_Discovery_FRMR h3{
	border-bottom: 1px solid #231F20;
	width:auto;
	font-size:1.2em;
	font-weight:100;
	color:#231F20;
	display: inline;

}

.Strength_Discovery_FRMR p{
	line-height:30px;
	width:100%;
	display:block;
	/*font-weight:300;*/
}

.Strength_Discovery_FRMR ul{
	margin:0 auto;
	padding:20px;
	list-style-type:circle;
	width:100%;
}

.Strength_Discovery_FRMR2 li{
	line-height:30px;
	width:100%;
	margin:0 auto;
	padding:0;
	color:#008644 !important;
}
.Strength_Discovery_FRMR li{
	line-height:30px;
	width:100%;
	margin:0 auto;
	padding:0;
	color:#231F20;
}
.sub_bar {
	padding: 20px 5px 20px 5px;
	font-size: 0.8em;
	font-weight: 200;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	float: left;
	position: relative;
}
.result_mark {
	text-align: right;
	color: #DE0080;
	display: inline-block;
	vertical-align: middle;  	
	font-size: 2.1em;  
	white-space: nowrap;
}
.result_mark_size{
	font-size: 4em;
	font-weight:500;  
}
.btnsubtitle{
	padding:15px 40px;
	margin :0;
	color:#ffffff ;
	width:auto;
	display: initial;
	width:100%;
}
.TXT_BUILDING{
	background-color:rgba(56, 89, 168, 1);
}
.TXT_THINKING{
	background-color:rgba(132, 39, 129, 1);
}
.TXT_CREATING{
	background-color:rgba(57, 167, 74, 1);
}
.TXT_HELPING{
	background-color:rgba(39, 156, 211, 1);
}
.TXT_PERSUADING{
	background-color:rgba(222, 0, 128, 1);
}
.TXT_ORGANIZING{
	background-color:rgba(227, 90, 41, 1);
}
.txt_org{
	color:rgba(227, 90, 41, 1) !important;
	font-weight:700;
	text-decoration: none;
}

.Program_Application_FRM{
	border: 5px solid #E14136;
	border-radius: 10px;
	background-color:#fff;
	padding:20px ;
	margin:0 auto;
	min-height:50px;
	color:#58595B;
	display:inline-block;
	text-align:left;
	font-weight:600;
}
.Program_Application_FRM .inputbox{
	border: 1px solid #E14136;
	width:100%;
	padding:0 5px;
}
.Program_Application_FRM p{
	margin:10px 0 ;
	width:100%;
}
.Career_Opportunities_FRM{
	border: 5px solid #E14136;
	border-radius: 20px;
	background-color:#fff;
	padding:0 ;
	margin:0 auto;
	min-height:50px;
	color:#58595B;
	display:inline-block;
	text-align:left;
	font-weight:600;
}
.Career_Opportunities_header{
	background-color:#E14136;
	color:#fff;
	padding:20px ;
	font-size:1.4em;
	text-align:center;
}
.Career_Opportunities_body{
	padding:20px ;
	font-size:1.4em;
	padding:10px ;
	font-size:1.4em;
	display: inline-block;
	word-break: break-word;
}


@media (min-width:768px) {
	.Career_Opportunities_header{
		background-color:#E14136;
		color:#fff;
		padding:10px ;
		font-size:1em;
		text-align:left;
	}
	.Career_Opportunities_body{
		padding:20px ;
		font-size:0.9em;
	}
}
@media (min-width:992px) {
	.Career_Opportunities_header{
		background-color:#E14136;
		color:#fff;
		padding:10px ;
		font-size:1.4em;
	}
	.Career_Opportunities_body{
		padding:20px ;
		font-size:1.4em;
	}
}


.Learning_Resources_pic{
	/*background-image: url("/upload/images/common/Learning_Resources_pic.png");*/
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: relative;
	color: #fff;
	padding:20px 20px;
}
.Learning_Resources_div{
	float:left;
	display:block;
}
.Learning_Resources_div2{
	width:100%;
	display:block;
	float:left;
	padding:20px 0;
}
.Learning_Resources_div2 li{
	padding:0;
	margin:0;
}

.learning_resources_left{
	text-align:left;
}
.learning_resources_right{
	text-align:left ;
}


@media (min-width:768px) {
	.Learning_Resources_pic{
		padding:10px 0;
	}
	.Learning_Resources_div2{
		min-height: 200px;
	}
	.learning_resources_left{
		text-align:right;
	}
	.learning_resources_right{
		text-align:left ;
		min-height: 200px;
	}
}

.BTN_GUIDELINES{
}
.BTN_FEEDBACKS_FROM_JOB_SEEKERS{
}

.BTN_FEEDBACKS_FROM_PARTNERS{
}
.BTN_FEEDBACKS_FROM_EMPLOYERS{
}
.BTN_GUIDELINES_LIST
,.BTN_FEEDBACKS_FROM_JOB_SEEKERS_LIST
,.BTN_FEEDBACKS_FROM_PARTNERS_LIST
,.BTN_FEEDBACKS_FROM_EMPLOYERS_LIST{
	float:left;
	width:100%;
	margin:0;
	display:none;
}
.BTN_LRV {
  	color:#ffffff;
	cursor: pointer;
}
.BTN_LRV:hover {
  	color:#E35A29;
}
.LRLIST{
	display:none;
}
.cvBorder{
	border:5px solid #E35A29;
	padding: 20px;
	color:#E35A29;
	background-color:#ffffff;
	border-radius: 20px;
	margin-bottom: 20px;
}
.cvBorder h2{
	border-bottom:2px solid #E35A29;
}
.cvBorder .cvBody{
	padding: 20px 0;
}
.custom-switch {
	padding-left: 0;
	right:0;
	position:relative;
	top:0;
}
@media (min-width:768px) {
	.custom-switch {
		padding-left: 0;
		right:0;
		position:absolute;
		top:0;
	}
}
.custom-switch label{
	font-size: 12px !important;
	font-weight:500  !important; 
}

.custom-switch .custom-control-label {
  left: 0;
  padding-left: 2.5rem;
}

.custom-switch .custom-control-label::before {
  top: 0.125rem;
  left: 0;
  width: 2rem;
  height: 1.25rem;
  border-radius: 1rem;
  transition: background-color .15s ease-out;
  background-color: #fff;
}

.custom-switch .custom-control-label::after {
  top: 0.3125rem;
  left: .25rem;
  width: .875rem;
  height: .875rem;
  -webkit-transform: none;
  transform: none;
  background-color: #fff;
  border-radius: 1rem;
  background-color: #adb5bd;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.625rem);
  transform: translateX(0.625rem);
  box-shadow: -0.125rem 0 0.125rem rgba(0, 0, 0, 0.2);
}
 
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    color: #fff;
    border-color: #007bff; 
}
 
.custom-switch.left {
	padding-left: 0 !important;
	text-align: right;
	padding-right: 55px;
}

.custom-switch.left .custom-control-label {
  left: 0px;
  padding-left: 0;
  padding-top:2px;
}

.custom-switch.left .custom-control-label::before {
  left: 2.0rem !important;
}

.custom-switch.left .custom-control-label::after {
  left: calc(2.0rem + 2px) !important;
}
.My_Profile_M{
	display:block ;
}
.My_Profile_Menu{
	display:block  ;
}
.My_Profile_Menu2  {
	display:none;
}
.My_Profile_Menu3  {
	display:block !important;
}
.My_Profile_Menu4  {
	display:none !important;
}
@media (min-width:768px) {
	.My_Profile_M{
		display:none  ;
	}
	.My_Profile_Menu{
		display:none  ;
	}
	.My_Profile_Menu2  {
		display:block;
	} 
	.My_Profile_Menu3  {
		display:none !important;
	} 
	.My_Profile_Menu4  {
		display:block !important;
	}
}
.mem_icon_Image{
	width:100%;
	display:block;
	text-align:center; 
}
.mem_icon_Title{
	width:100%;
	display:block;
	text-align:center;
	white-space:nowrap;
}
@media (min-width:768px) {
	.mem_icon_Image{
		width:auto; 
		display:inline-block;
		margin-left:10px;
	}
	.mem_icon_Title{
		width:auto;
		display:inline-block;
		margin-top:5px;
	}
} 
.mmenuLink{
	width:100%;
	padding-bottom:20px;
	border-bottom:1px solid #58595B;
	text-align:center;
}
.mmenuLink2{
	width:100%;
	padding-bottom:2px;
	text-align:center;
}
.mmenuLink3{
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #58595B;
	text-align:center;
}
@media (min-width:768px) {
	#navbarsExampleDefault{
		width:100%
	}
	.navbar-nav{
		width:100%
	}
	.mmenuLink{ 
		border-bottom:0px solid #58595B; 
	}
	.mmenuLink3{
		width:100%; 
		padding-bottom:0;
		border-bottom:0px solid #58595B;
		text-align:center;
	}
	.navbar-dark .navbar-nav .nav-link{
		width:100%; 
		text-align: center;		
	}
	.mmenuLink3 , .icon-item{ 
		float:right;
	}
	 
	
} 
 
@media (min-width:1280px) { 
	.mmenuLink3{ 
	}
	.navbar-dark .navbar-nav .nav-link{
		width:100%; 
		text-align: center;		
	}
}

@media (min-width:1920px) { 
	.mmenuLink3{ 
	}
	.navbar-dark .navbar-nav .nav-link{
		width:100%; 
		text-align: center;		
	}
}



@media print {
  #printPageButton {
    display: none;
  }
}

.btn_green_bar1{
	width:100% !important;
	height:5px;
	padding:0;
	left: 0;
	position: absolute;
	top: 10px;

}

.btn_green_bar_01{
	position:absolute;
	width:1px;
	height:20px;
	border:1px #9c9c9c solid; 
	left:25%;
	float:left;
	top: 2px;
}

.btn_green_bar_02{
	position:absolute;
	width:1px;
	height:20px;
	border:0px #9c9c9c solid; 
	left:50%;
	float:left;
	top: 2px;
}
.btn_green_bar_03{
	position:absolute;
	width:1px;
	height:20px;
	border:1px #9c9c9c solid; 
	left:75%;
	float:left;
	top: 2px;
}

@media (min-width:768px) {
		
	.btn_green_bar1{
		width:100% !important;
		height:10px;
		padding:0;
		left: 0;
		position: absolute;
		top: 10px;
	}

	.btn_green_bar_01{
		position:absolute;
		width:1px;
		height:30px;
		border:1px #9c9c9c solid; 
		left:25%;
		float:left;
		top: 0;
	}

	.btn_green_bar_02{
		position:absolute;
		width:1px;
		height:30px;
		border:0px #9c9c9c solid; 
		left:50%;
		float:left;
		top: 0;
	}
	.btn_green_bar_03{
		position:absolute;
		width:1px;
		height:30px;
		border:1px #9c9c9c solid; 
		left:70%;
		float:left;
		top: 0;
	}
} 

.navbar-brand{
	margin : 0 auto;
}
.ProgressBar{
	padding:0 ;
	list-style:none;
	width:100%;
}
.ProgressBar li{
	width:100%;
	display:inline-block;
	margin: 0 auto;
	padding: 0;
	text-transform: uppercase ;
	color:#fff; 
	float:left;
}

.pfDiv{
	display: inline-block;
	width: 100%;  
	 
}

.pfDiv h5{
	font-size:13px; 
	text-align:center;
	text-transform: capitalize;
	padding:5px 0 ;
}
.pfDivM{
	display: inline-block;
	width: 40%;  
	text-align:right;
	font-weight:700;
	font-size:50px; 
	padding:0 ;
	margin:0;
	vertical-align:top;
	
}

.pfDivT{
	display: inline-block;
	width: 30%; 
	font-weight:700; 
	font-size:12px; 
	padding:0 ;
	margin:0;
	padding-top: 40px;
	padding-left: 25px;
	vertical-align:top;
} 
.pfDiv_div{  
	border-radius: 15px;
	padding: 5px 20px;
}
.div_StrengthDiscovery{ 
	background-color: #EDC136; 
}
.pfDiv .div_icon{
	display: inline-block; 
	padding: 35px;	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
	vertical-align:top;
}
.img_StrengthDiscovery{  
	background-image: url("/upload/images/common/div_StrengthDiscovery.png"); 
} 
.div_SmartResumeBuilder{   
	background-color: #503E97; 
}
.img_SmartResumeBuilder{  
	background-image: url("/upload/images/common/div_SmartResumeBuilder.png"); 
} 
.div_CareerOpportunities{ 
	background-color: #EB7298; 
}
.img_CareerOpportunities{  
	background-image: url("/upload/images/common/div_CareerOpportunities.png"); 
} 
.div_MentorshipMeetings{ 
	background-color: #C1ACD0; 
}
.img_MentorshipMeetings{  
	background-image: url("/upload/images/common/div_MentorshipMeetings.png"); 
}
 
@media (min-width:768px) {
	.ProgressBar li{
		width:100%;
		display:inline-block;
		margin: 0 auto;
		padding: 5px;
		text-transform: uppercase ;
		color:#fff; 
		float:left;
	}
	.pfDiv h5{
		font-size:13px; 
	}
	.pfDivM{
		display: inline-block;
		width: 40%;  
		text-align:right;
		font-weight:700;
		font-size:25px; 
		padding:0 ;
		margin:0;
		vertical-align:top;
	} 
	.pfDivT{
		display: inline-block;
		width: 30%; 
		font-weight:700; 
		font-size:9px; 
		padding:0 ;
		margin:0;
		padding-top: 20px;
		padding-left: 10px;
		vertical-align:top;
	}
	.pfDiv_div{  
		border-radius: 15px;
		padding: 5px 10px;
	}	
	.pfDiv .div_icon{
		display: inline-block; 
		padding: 20px;	
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center; 
		vertical-align:top;
	}
	 
} 

@media (min-width:1280px) {
	.ProgressBar li{
		width:50%;
		display:inline-block;
		margin: 0 auto;
		padding: 5px;
		text-transform: uppercase ;
		color:#fff; 
		float:left;
	}
	.pfDiv h5{
		font-size:13px; 
	}
	.pfDivM{
		display: inline-block;
		width: 40%;  
		text-align:right;
		font-weight:700;
		font-size:28px; 
		padding:0 ;
		margin:0;
		vertical-align:top;
	} 
	.pfDivT{
		display: inline-block;
		width: 30%; 
		font-weight:700; 
		font-size:8px; 
		padding:0 ;
		margin:0;
		padding-top: 25px;
		padding-left: 7px;
		vertical-align:top;
	}
	.pfDiv_div{  
		border-radius: 15px;
		padding: 5px 10px;
	}	
	.pfDiv .div_icon{
		display: inline-block; 
		padding: 25px;	
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center; 
		vertical-align:top;
	}
	 
} 

@media (min-width:1920px) {
	.ProgressBar li{
		width:50%;
		display:inline-block;
		margin: 0 auto;
		padding: 5px;
		text-transform: uppercase ;
		color:#fff; 
		float:left;
	}
	.pfDiv h5{
		font-size:13px; 
	}
	.pfDivM{
		display: inline-block;
		width: 40%;  
		text-align:right;
		font-weight:700;
		font-size:48px; 
		line-height: 50px;
		padding:0 ;
		margin:0;
		vertical-align:bottom;
	} 
	.pfDivT{
		display: inline-block;
		width: 30%; 
		font-weight:700; 
		font-size:12px; 
		padding:0 ;
		margin:0;
		padding-top: 30px;
		padding-left: 25px;
		vertical-align:top;
	}
	.pfDiv_div{  
		border-radius: 15px;
		padding: 5px 10px;
	}	
	.pfDiv .div_icon{
		display: inline-block; 
		padding: 30px;	
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center; 
		vertical-align:top;
	}
	 
} 
.menu_memList{
	position:relative;
}
.menu_mem{
	display:none;
	padding: 8px 10px;
	position:absolute;
	background-color:#ffffff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	z-index:99;
}
.menu_mem .mmenuLink{
	border-bottom:1px solid #cccccc;
	padding: 8px 10px;
	font-weight:700px;
	margin:0 auto;
}

.menu_mem .mmenuLink2{
	 
	padding: 8px 10px;
	font-weight:700px;
	margin:0 auto;
}
.btn_account2 {
	padding:2px 20px;
}
 .btn_Add_New{
	width:100%;
}
@media (min-width:768px) {
	.btn_Add_New{
		width:200px;
	}
}
.pa_class_title{
	text-align:left;
	font-size:20px;
	padding:0;
}
@media (min-width:768px) {
	  
}


.pa_FRM{
	border:2px solid #005BA9;
	border-radius: 5px;
	background-color:#fff;
	padding:0 ;
	margin:0 auto;
	min-height:20px;
	color:#58595B;
	display:inline-block;
	text-align:left;
	font-weight:600;
}
.pa_header{
	background-color:#005BA9;
	color:#fff;
	padding:5px ;
	font-size:12px;
	text-align:left;
}
.pa_body{
	padding:5px ;
	font-size:12px;
	border-right:1px solid #005BA9; 
	text-align:left;
}
@media (min-width:768px) {
	.pa_FRM{
		border:2px solid #005BA9;
		border-radius: 5px;
		background-color:#fff;
		padding:0 ;
		margin:0 auto;
		min-height:20px;
		color:#58595B;
		display:inline-block;
		text-align:center;
		font-weight:600;
	}
	.pa_header{
		background-color:#005BA9;
		color:#fff;
		padding:5px ;
		font-size:12px;
		text-align:center;
	}
	.pa_body{
		padding:5px ;
		font-size:12px;
		border-right:1px solid #005BA9; 
		text-align:center;
	}	 
}
.sp_title{
	border-bottom:1px solid #fff;
	width:auto;
}
.Schedule_FRM{
	border: 5px solid #E14136;
	border-radius: 20px;
	background-color:#fff;
	padding:0 ;
	margin:0 auto;
	min-height:50px;
	color:#58595B;
	display:inline-block;
	text-align:left;
	font-weight:600;
}
.Schedule_header{
	background-color:#E14136;
	color:#fff;
	padding:20px ;
	font-size:14px; 
}
.Schedule_header2{
	background-color:#E14136;
	color:#fff; 
}
.Schedule_body{
	padding:20px ;
	font-size:12px;
	border-right:none;  
	border-bottom:1px solid #E14136; 
	min-height: 10px;
}
@media (min-width:768px) { 
	.Schedule_header{ 
		font-size:16px; 
	}
	.Schedule_header2{
		background-color:transparent;
		color:#58595B;
	} 
	.Schedule_body{ 
		font-size:12px; 
		border-right:1px solid #E14136;  
		border-bottom:none; 
	}
}
@media (min-width:992px) { 
	.Schedule_header{ 
		font-size:18px; 
	}
	.Schedule_header2{
		background-color:transparent;
		color:#58595B;
	} 
	.Schedule_body{ 
		font-size:14px; 
	}
} 
.redline{
	border-bottom:1px solid #E14136; 
}
.redline_col{
	border-left:1px solid #E14136; 
}

.SP_FRM{
	border: 5px solid #005BA9;
	border-radius: 20px;
	background-color:#fff;
	padding:0 ;
	margin:0 auto;
	min-height:50px;
	color:#58595B;
	display:inline-block;
	text-align:left;
	font-weight:600;
}

.SP_header{
	background-color:#005BA9;
	color:#fff;
	padding:10px ;
	font-size:14px;
	text-align:center;
}
.SP_header2{
	background-color:#005BA9;
	color:#fff;
}
.SP_body{
	padding:10px ;
	font-size:12px;
	display: inline-block;
	word-break: break-word;
	text-align:left;
	border-bottom:1px solid #005BA9;
}


@media (min-width:768px) {
	.SP_header{
		background-color:#005BA9;
		color:#fff;
		padding:10px ; 
		text-align:left;
		font-size:14px;
	}
	.SP_header2{
		background-color:transparent;
		color:#58595B;
	}
	.SP_body{
		padding:10px ; 
		font-size:12px;
		border-bottom:none;
	}
}
@media (min-width:992px) {
	.SP_header{
		background-color:#005BA9;
		color:#fff;
		padding:20px ;
		font-size:16px;
	}
	.SP_body{
		padding:20px ;
		font-size:14px;		
	}
}
.blueline{
	border-bottom:1px solid #005BA9;
} 
.bluelineS{
	border-left:1px solid #005BA9;
}



.SPT_FRM{
	border: 5px solid #B11E2D;
	border-radius: 20px;
	background-color:#fff;
	padding:0 ;
	margin:0 auto;
	min-height:50px;
	color:#58595B;
	display:inline-block;
	text-align:left;
	font-weight:600;
}

.SPT_header{
	background-color:#B11E2D;
	color:#fff;
	padding:10px ;
	font-size:14px;
	text-align:center;
} 
.SPT_header2{
	background-color:#B11E2D;	
	color:#fff;
}
.SPT_body{
	padding:10px ;
	font-size:12px;
	display: inline-block;
	word-break: break-word;
	text-align:left;
	border-bottom:1px solid #B11E2D;
}


@media (min-width:768px) {

	.SPT_header{
		background-color:#B11E2D;
		color:#fff;
		padding:10px ; 
		text-align:center;
		font-size:14px;
	}
	.SPT_header2{
		background-color:transparent;	
		color:#58595B; 
	}
	.SPT_body{
		padding:10px ; 
		font-size:12px;
		text-align:center;
		border-bottom:none;
	}
}
@media (min-width:992px) {
	.SPT_header{
		background-color:#B11E2D;
		color:#fff;
		padding:20px ; 
		font-size:16px;
	}
	.SPT_body{
		padding:20px ; 
		font-size:14px;
	}
}  
 /* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 10px;
  margin-bottom: 12px;
  cursor: pointer; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 10px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.redline_col , .blueline_col{
	display: inline;
	float: left;
} 
.Schedule_FRM .nopadding  {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.Schedule_FRM .nopadding > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.SP_FRM .nopadding  {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.SP_FRM .nopadding > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.SPT_FRM .nopadding  {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.SPT_FRM .nopadding > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.Schedule_FRM .nopadding  {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.Schedule_FRM .nopadding > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.btn_SP{
	display:block;
	width:100%;
	float:left;
	margin: 5px 2px 5px 0;
}
@media (min-width:768px) {
	.btn_SP{
		width:100%;
		float:left !important;
	}
}
@media (min-width:992px) {
	.btn_SP{
		width:30%;
		float:left !important;
	}
}

.disabledClass{
	color:#AFB1B3;
}

input.disabledClass{
	color:#fff;
	background-color:#AFB1B3;
}
button.disabledClass{
	color:#fff;
	background-color:#AFB1B3;
}
.Schedule_body  a, .SP_body a, .SPT_body a{
	color:blue; 
}

.Schedule_body  span, .SP_body span, .SPT_body span{
	font-weight:700;
	font-size:14px;
}
.btn_del{
	font-size:12px;
	color: #E35A29;
	font-weight:500;
	cursor: pointer;
	padding-left:20px;
}
.txt_Secondary , 
.txt_Post_Secondary ,
.txt_Employment ,
.txt_Internship ,
.txt_Business_Startup ,
.txt_JobShadowing ,
.txt_Voluntary_Work,
.txt_Domestic,
.txt_Extra_curriculum 
{
	font-weight:700; 
	border-bottom:2px solid #E35A29;
}


/*
 * disable auto-zoom on iphone input field focus 
 * http://www.456bereastreet.com/archive/201212/ios_webkit_browsers_and_auto-zooming_form_controls/
*/
input[type='text']:focus,
input[type='number']:focus,
textarea:focus {
	font-size: 14px;
}

/* disable auto-zoom on iphone input field focus */
@media screen and (-webkit-min-device-pixel-ratio:0) {

	select:focus,
	textarea:focus,
	input:focus {
		font-size: 14px;
	}
}


.hintspan{
	display: none;
	font-size: 10px; 
	line-height: 11px;	
}
 
@media (min-width:768px) {
	.hintspan{
		display: none;
		font-size: 10px; 
	}
 
}
 
@media (min-width:992px) {
	.hintspan{
		display: none;
		font-size: 11px; 
	}
}
@media (min-width:1200px) {
	.hintspan{
		display: none;
		font-size: 11px; 
	}
}

@media (min-width:1440px) {
	.hintspan{
		display: none;
		font-size: 11px; 
	}
}



.choices__inner{
	background-color: #ffffff !important;
}
.choices__input{
	background-color: #ffffff !important;
}
.pageBar{
	padding:0; 
}
@media (min-width:768px) { 
	.pageBar{
		padding:0 20px;"
	}
}
.vProgrammTable{
	border-top:2px solid #fff;
	margin:10px 0;
	padding:40px 0; 
}
@media (min-width:768px) { 
	.vProgrammTable{
		border-top:2px solid #fff;
		margin:10px 10px;
		padding:40px 0; 
	}
}