/* Custom Radio Button Start*/
/*.modal-backdrop.show {
    opacity: 0;
	}*/
	
	div#mentee {
		width: 100%;
		margin-top: 7%;
	}	
	/*div#mentee {
		margin-left: 19%;

	}*/
	.site-header {
		position: fixed;
		top: 0;		
		z-index: 50;
	}
	.profile2 {
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		object-fit: cover;
	}
	.user-role{
		font-size: 12px;
		margin-top: -9%;
		font-style: italic;
	}
	.forcright {
		margin-top: 14px;
	}
	.site-logo {
		font-size: inherit;
		/* width: 180% */
		/* margin-left: 6rem; */
	}
    .web_logo{
    	width: 56px;
	cursor: pointer;
	margin-top: 7px;
    }
	.web_logo2{
    	width: 40px;
    }
    .forcright{
    	margin-left: 40px;
    }
	
    span.errorMessage {
    	color: red;
    	font-size: 12px;
    	padding-left: 6px;
    }
    .my_contacts.for_dash.upcom h6 {
    	background: #e898b0;
    	color: white;
    	margin: 0px;
    }
    .my_contacts.for_dash.my_mentee h6 {
    	background: #1c88d8;
    	margin: 0px;
    	color: white;
    }
    .col-md-12.wrk_data {
    	margin-top: 20px;
    }
    .tagify__dropdown__item:active {
    	background: #f2f2f2;
    	color: black;
    	border: 1px solid #8080808c;
    }
    .tagify__dropdown__item:hover {
    	background: #f2f2f2;
    	color: black;
    	border: 1px solid #8080808c;
    }
    .wrk_data i {
    	cursor: pointer;
    }
    .cn {
    	text-align: center;
    }
    .mentor_req  .m_profile1 {
    	margin-top: 7px;
    }
    #menu1 .sent_msg img.attachment5 {
    	position: relative;
    	right: 159px;
    }
    a.btn-success.p-1.pl-2.pr-2 {
    	color: white;
    	border-radius: 6px;
    	font-size:12px;
    }
    #myModal .modal-dialog {
    	max-width: 69%;
    }
    .col-size{
    	flex: 0 0 19.666667%;
    	max-width: 19.666667%;
    }
    .text-center.forouter {
    	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.15);
    	/* padding: 13px; */
		padding: 1px;
    	min-height: 212px;
    	height: 250px;
    }
    /* #myModal .m_profile{
    	width:80px;
    	height:80px;
    } */
    .no_data{
    	position: relative;
    	top: 67px;
    	text-align: center !important;
    	font-size: 12px;
    	color: brown;
    	font-style: italic;
    }
    .card-header.my_head {
    	background:#28a745;
    	color: white;
    }
    .card-header.my_headmente{
    	background:#1c88d8;
    	color: white;
    }
    .show_when_chat_open .m_location {
    	font-size: 11px;
    	color: #878f9e;
    	display: inline-block;
    	width: 100px;
    	white-space: nowrap;
    	overflow: hidden !important;
    	text-overflow: ellipsis;
    }
    .radiotextsty {
    	color: #A5A4BF;
    	font-size: 18px;
    }
    #myTab .m_location {
    	font-size: 10px;
    	color: #454f63bf;
    	/* font-size: 10px; */
    	/* color: #454f63bf; */
    	display: inline-block;
    	width: 100px;
    	white-space: nowrap;
    	overflow: hidden !important;
    	text-overflow: ellipsis;
    }
    .customradio {
    	display: block;
    	position: relative;
    	padding-left: 30px;
    	margin-bottom: 0px;
    	cursor: pointer;
    	font-size: 18px;
    	-webkit-user-select: none;
    	-moz-user-select: none;
    	-ms-user-select: none;
    	user-select: none;
    }

    /* Hide the browser's default radio button */
    .customradio input {
    	position: absolute;
    	opacity: 0;
    	cursor: pointer;
    }

    /* Create a custom radio button */
    .checkmark {
    	position: absolute;
    	top: 0;
    	left: 0;
    	height: 22px;
    	width: 22px;
    	background-color: white;
    	border-radius: 50%;
    	border:1px solid #BEBEBE;
    }

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

    /* When the radio button is checked, add a blue background */
    .customradio input:checked ~ .checkmark {
    	background-color: white;
    	border:1px solid #BEBEBE;
    }

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

    /* Show the indicator (dot/circle) when checked */
    .customradio input:checked ~ .checkmark:after {
    	display: block;
    }

    /* Style the indicator (dot/circle) */
    .customradio .checkmark:after {
    	top: 2px;
    	left: 2px;
    	width: 16px;
    	height: 16px;
    	border-radius: 50%;
    	background: #dc3545;
    }
    .bg {
    	height: 100%;
    	/*display: flex;*/
    	align-items: center;
    	justify-content: center;
    	flex-direction: column;
    }

    .span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
    	content: "";
    	display: inline-block;
    	background: #fff;
    	width: 0;
    	height: 0.2rem;
    	position: absolute;
    	transform-origin: 0% 0%;
    }

    .chiller_cb {
    	position: relative;
    	/* height: 2rem; */
    	display: inline-block;
    	align-items: center;
    	padding-right: 14px;
    }
    .chiller_cb input {
    	display: none;
    }
    .chiller_cb input:checked ~ span {
    	background: #fd2727;
    	border-color: #fd2727;
    }
    .chiller_cb input:checked ~ span:before {
    	width: 1rem;
    	height: 0.15rem;
    	transition: width 0.1s;
    	transition-delay: 0.3s;
    }
    .chiller_cb input:checked ~ span:after {
    	width: 0.4rem;
    	height: 0.15rem;
    	transition: width 0.1s;
    	transition-delay: 0.2s;
    }
    .chiller_cb input:disabled ~ span {
    	background: #ececec;
    	border-color: #dcdcdc;
    }
    .chiller_cb input:disabled ~ label {
    	color: #dcdcdc;
    }
    .chiller_cb input:disabled ~ label:hover {
    	cursor: default;
    }
    .chiller_cb label {
    	padding-left: 2rem;
    	position: relative;
    	z-index: 2;
    	cursor: pointer;
    	margin-bottom:0;
    }
    .chiller_cb span {
    	display: inline-block;
    	width: 1.2rem;
    	height: 1.2rem;
    	border: 2px solid #ccc;
    	position: absolute;
    	left: 0;
    	transition: all 0.2s;
    	z-index: 1;
    	box-sizing: content-box;
    }
    .chiller_cb span:before {
    	transform: rotate(-55deg);
    	top: 1rem;
    	left: 0.37rem;
    }
    .chiller_cb span:after {
    	transform: rotate(35deg);
    	bottom: 0.35rem;
    	left: 0.2rem;
    }


    .ui-widget-header {
    	border: unset !important;
    	background: unset !important;
    	color: #222222;
    	font-weight: unset !important;
    }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    	background: unset !important;
    	border:unset !important;
    }
    a.ui-state-default {
    	text-align: center !important;
    }
    a.ui-state-default.ui-state-highlight {
    	background: #003963 !important;
    	color: white;
    	border-radius: 2px;
    }
    a.ui-state-default.ui-state-active {
    	background: grey !important;
    	color: white;
    	border-radius: 2px;
    }
    .ui-datepicker th{
    	font-weight:unset !important;
    }

    #sidebar-wrapper.active .sidebar{
    	top:46px;
    }
    .for_chat .sent_msg img.attachment1 {
    	position: relative;
    	left: -57% !important;
    }
    #mychat .send-message-button{
		top: 0px;
		right: 10px;
    }
    body{
    	/* overflow-y: auto !important; */
    	background: #f8f9fc;
    }
    #sidebar-wrapper.active i.fas.fa-chevron-circle-left.dic1 {
    	display: none;
    }
    #sidebar-wrapper i.fas.fa-chevron-circle-left.dic1 {
    	display: block;
    }
    #sidebar-wrapper.active i.fas.fa-chevron-circle-right.dic2{
    	display: block;
    	position: relative;
    	top: 100px;
    	right: 17px;
    }
    #sidebar-wrapper i.fas.fa-chevron-circle-right.dic2{
    	display:none;
    }
    #sidebar-wrapper.active .profile {
    	position: fixed;
    	left: 22px;
    	display:none;
    }
    .show_when_chat_open .nav-item {
    	width: 100%;
    }
    .typeahead.active::placeholder {
    	color: white;
    }
    .for_mobile {
    	/*padding-top: 58px;*/
    }
    button#sidebarCollapse.btn-info:not(:disabled):not(.disabled).active:focus, button#sidebarCollapse.btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus{
    	box-shadow: unset;
    }
    button#sidebarCollapse.btn-info.focus, button#sidebarCollapse.btn-info:focus {
    	box-shadow:unset;
    }

    button#sidebarCollapse {
    	background: #003963;
    	border-color: #003963;
    	-webkit-appearance: textarea;

    }
    div#myTabContent .m_title {
    	font-size: 14px;
    }
    .btn-primary{
    	color: #003963;
    	-webkit-appearance: textarea;
    	background: unset;
    	border:unset;
    }
    .btn-default {
    	color: #003963 !important;
    	background: unset;
    	-webkit-appearance: textarea;
    	border: unset;
    }
    .btn-primary.focus, .btn-primary:focus {
    	box-shadow: unset;
    }
    .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
    	box-shadow:unset;
    }
    .form_radius {
    	background: #FFFFFF 0% 0% no-repeat padding-box;
    	/*box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);*/
    	border-radius: 12px;
    	opacity: 1;
    	/*border:unset;*/
    }
    .form-group {
    	margin-bottom: 0.2rem;
    }
    .sh{
    	display:none;
    }
    .col-md-2.for_space {
    	margin-top: 40px;
    }
/*.form-control{
	display: unset;
	width:100%;
	}*/
	.form-control:focus {
		border-color:white;
		box-shadow:0 1px 6px 0 rgba(32, 33, 36, .28);
		/*border-right:2px solid grey;*/
	}
	.field-icon {
		float: right;
		margin-left: -9px;
		margin-top: -28px;
		position: relative;
		z-index: 2;
		right: 7px;
		font-size: 9px;
		background: #14dde6;
		color: white;
		padding: 3px;
		border-radius: 7px;
	}
	
	textarea {
		border-radius: 12px !important;
	}
	.form-control{
		border-radius: 12px !important;
	}
	.for_chat h6 {
		background: #28a745;
		color: white !important;
		margin: 0px !important;
	}
	.my_contacts.for_dash.upev h6 {
		background:#e898b0;
		color: white;
		margin: 0px;
	}
	a.Forgot {
		color: #14dde6;
		width: 94%;
		text-align: center;
		text-decoration: underline;
		font-size:11px;
	}
	.btm.btn.btn-color {
		background: #50c7b8 0% 0% no-repeat padding-box;
		text-decoration: none;
		-moz-border-radius: 12px;
		-webkit-border-radius:6px;
		border-radius:6px;
		padding: 8px 12px 8px 12px;
		color: #fff;
		position: relative;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		display: inline-block;
		font-size:14px;
	}
	.btm.btn.btn-color:hover {
		background: #54a59c;
	}
	.btn.btn-color:hover{
		background: #54a59c;
	}
	.btn.btn-color{
		background:#50c7b8 0% 0% no-repeat padding-box;;
		border-radius: 12px;
		opacity: 1;
		text-align: center;
		font: SemiBold 14px/16px Gibson;
		letter-spacing: 0;
		color: #FFFFFF;
		opacity: 1;
		font-size:11px;
		margin-top: 3px;
	}

	.bg-custom {
		background:#665EFF;
	}
	.back_color {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
		opacity: 1;
		height:97vh;
	}
	
	.backgroundimg{
		background: url('../images/shipLoginBackground.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.headercolor{
		background: #003963 0% 0% no-repeat padding-box;
		opacity: 1;
		height: 56px;
		/*box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);*/
		position: fixed;
		width: 100%;
		z-index: 999;
		margin-left: 0px;
	}
	.custom_tab .nav-tabs .nav-item {
		margin-bottom: -1px !important;
	}


	.custom_tab {
		padding: 10px;
		border-left: 1px solid #80808040;
	}
	.for_active{
		display: none;
	}
	input#eac-4540::placeholder {
		color: white;
		font-size: 14px;
	}
	div#nav-tab {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow:0 1px 6px 0 rgba(32, 33, 36, .28);
		opacity: 1;
	}
	a.custom_tab {
		text-decoration: none;
		color:#959DAD;
		text-align: center;
		font: SemiBold 13px/15px Gibson;
		letter-spacing: 0;
		opacity: 1;
	}
	a.custom_tab.active.col-4.col-sm-4 {
		font-weight: bold;
	}
	a.custom_tab.active.col-sm-4 {
		border-left: 0px;
		border-image-source: linear-gradient(to right, #665EFF 0, #665EFF 43%, #5773FF 43%, #5773FF 56%, #3497FD 66%, #3497FD 76%, #3ACCE1 76%, #3ACCE1 100%);
		border-bottom: 8px solid;
		border-image-slice: 1;
		color: #454F63;
	}
	label{
		font-size:14px;
		letter-spacing: 0.24px;
		color: #454F63;
		opacity: 1;
	}
	.login {
		font-size: 12px;
	}
	.my_profile{
		text-align: right;
		font: Regular 18px/21px GeosansLight;
		letter-spacing: 0;
		color: #FFFFFF;
		opacity: 1;
	}
	.for_main_heading{
		text-align: center;
		font: SemiBold 26px/29px Gibson;
		letter-spacing: 0;
		color: #454F63;
		opacity: 1;
	}
	.for_main_section{
		background: #F5F5F5 0% 0% no-repeat padding-box;
		border: 1px solid #91B3B5;
		border-radius: 12px;
		opacity: 1;

	}

	.stepwizard-step p {
		margin-top: 10px;
	}

	.stepwizard-row {
		display: table-row;
	}

	.stepwizard {
		display: table;
		width: 56%;
		position: relative;
	}

	.stepwizard-step button[disabled] {
		opacity: 1 !important;
		filter: alpha(opacity=100) !important;
	}

	.stepwizard-row:before {
		top: 14px;
		bottom: 0;
		position: absolute;
		content: " ";
		width: 100%;
		height: 1px;
		/*background-color: #ccc;*/
		z-order: 0;

	}

	.stepwizard-step {
		display: table-cell;
		text-align: center;
		position: relative;
	}

	.btn-circle {
		width: 30px;
		height: 30px;
		text-align: center;
		padding: 6px 0;
		font-size: 12px;
		line-height: 1.428571429;
		border-radius: 15px;
	}
	.form_radio {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border:1px solid #ced4da;
		border-radius: 12px;
		opacity: 1;
		height: 45px;
		box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	}
	/*input[type="radio"]{
		display: none;
		}*/
		.form_radio label.form-check-label {
			margin-top:9px;
		}
		.inner-addon i {
			position: relative;
			top: 40px;
			left: 60px;
		}
		.upload-btn-wrapper {
			position: relative;
			overflow: hidden;
			display: inline-block;
		}

		.upload-btn-wrapper .btn {
			background: #3ACCE1 0% 0% no-repeat padding-box;
			border-radius: 12px;
			opacity: 1;
			text-align: center;
			font: SemiBold 14px/16px Gibson;
			letter-spacing: 0;
			color: #FFFFFF;
			opacity: 1;
			width: 155px;
		}

		.upload-btn-wrapper input[type=file] {
			font-size: 100px;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
		}
		.head_color{
			text-align: left;
			font-size:14px;
			letter-spacing: 0.4px;
			color: #78849E;
			opacity: 1;
			padding-top: 20px !important;
		}
		.des{
			text-align: left;
			font: Regular 13px/16px GeosansLight;
			letter-spacing: 0.26px;
			color: #78849E;
			opacity: 1;
			font-size: 12px;


		}
		.nextbtn{
			text-align: left;
			font: SemiBold 13px/15px Gibson;
			letter-spacing: 0.26px;
			color: #003963;
			opacity: 1;
			font-weight: bold;
			text-decoration: none !important;
		}
		.for_main_section {
			/*width: 1002px;*/
			margin: 0px auto;
		}
		.for_margin {
			margin-top: 42% !important;
		}
		.radioactive {
			background:#3acce1;
		}

		.radioactive label{
			color: white;
		}
		
		.stepwizard-step .btn-default.btn-primary {
			background: unset;
			color: #003963;
			-webkit-appearance: textarea;
			font-size:20px;
		}
		.stepwizard-step a.btn-default {
			background: unset !important;
			-webkit-appearance: textarea;
			color: #003963d6;
		}
		.stepwizard-step a {
			text-decoration: none;
		}
		.bg-custom2 {
			background: #3ACCE1;
		}
		span.verified {
		/*background: #3ACCE1 0% 0% no-repeat padding-box;
		opacity: 1;
		color: white;
		padding: 10px;
		border-radius: 12px;*/
		position: relative;
		left: 338px;
		bottom: 34px;
	}
	label.error {
		color: red;
	}
	span.fas.fa-check-circle.f_right {
		color: #64B547;
		font-size: 25px;
		/* background: #64B547; */
	}
	span.fas.fa-times-circle.f_wrong {
		color:#dc3545;
		font-size: 25px;
	}
	.checkbox label:after, 
	.radio label:after {
		content: '';
		display: table;
		clear: both;
	}

	.checkbox .cr,
	.radio .cr {
		position: relative;
		display: inline-block;
		border: 1px solid #a9a9a9;
		border-radius: .25em;
		width: 1.3em;
		height: 1.3em;
		float: left;
		margin-right: .5em;
	}

	.radio .cr {
		border-radius: 50%;
	}
	.checkbox {
		margin-top: 39px;
	}
	.checkbox .cr .cr-icon,
	.radio .cr .cr-icon {
		position: absolute;
		font-size: .8em;
		line-height: 0;
		top: 50%;
		left: 20%;
	}

	.radio .cr .cr-icon {
		margin-left: 0.04em;
	}

	.checkbox label input[type="checkbox"],
	.radio label input[type="radio"] {
		display: none;
	}

	.checkbox label input[type="checkbox"] + .cr > .cr-icon,
	.radio label input[type="radio"] + .cr > .cr-icon {
		transform: scale(3) rotateZ(-20deg);
		opacity: 0;
		transition: all .3s ease-in;
	}

	.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
	.radio label input[type="radio"]:checked + .cr > .cr-icon {
		transform: scale(1) rotateZ(0deg);
		opacity: 1;
	}

	.checkbox label input[type="checkbox"]:disabled + .cr,
	.radio label input[type="radio"]:disabled + .cr {
		opacity: .5;
	}
	@media only screen and (max-width: 600px) {
		.row.iconsection {
    display: none;
}
.row.headercolor.p-2{
	height:48px !important;
}
.forcright{
	margin: 0px;
}
.for_mobile {
    padding-top: 20px;
}
#sidebarCollapset {
    position: relative;
    left: 24px;
}
.web_logo{
	width:186px;
	margin: 0px;
}
.col-5.col-md-5.col-lg-4.col-xl-3.logomain {
    padding: 0px;
}
.profile2 {
    display: inline-block;
    width: 25px !important;
    height: 25px !important;
    }
		
		.see{
			width: 22% !important;
		}
		.dchat_c .sent_msg img.attachment1 {
			position: relative;
			left: -64% !important;
		}
		img.attachment5{
			width: 200px;
		}
		.sent_msg img.attachment5{
			right: 80px !important;
		}
		.rem span {
			font-size: 13px;
		}

		.rem {
			text-align: center;
		}
		#myModal .m_title {
			font-size: 12px;
			/* font-size: 11px; */
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			line-height: 21px;
			max-height: 48px;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		a.btn-success.p-1.pl-2.pr-2{
			font-size:10px;
		}
		#myModal .m_desig {
			font-size: 10px;

			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			line-height: 21px;
			max-height: 48px;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.my_contacts.for_dash.mentor_req button {
			font-size: 11px !important;

		}
		.internalchatbox .chat_body {
			height: 329px !important;

		}
		.internalchatbox .upload-file {
			left: 33px !important;
			bottom: 76px !important;
		}
		div#mentee.active {
			margin-left: 23% !important;
			margin-left: 20%;
		}
		.row.main_row {
			margin: 10px;
		}
		a.btn.btn-color.btn-lg.float-right.mr-5.login {
			margin: 0px !important;
		}
		.notifications.float-right {
			float: unset !important;
		}

		button#sidebarCollapset {
			margin-top: 0rem !important;
			margin-left: 0px !important;

		}
		button#sidebarCollapse {
			margin-top: 116px !important;
		}
		div#mentee {
			width: 100%;
			margin-left: 0%;
			margin-right:0% !important;
			padding-top:14% !important;
		}
		span#dropdownMenu4 {
			font-size: 14px;
		}
		.row.b-t {
			border-bottom: 1px solid;
			margin-right: -7px;
			margin-bottom: 3px;
		}
		.notifications .dropdown-menu.notification-dropdown-menu.show{
			margin-bottom:-1px;
		}
		div#mentee.active {
			margin-left: 11% !important;
		}
		.stepwizard {
			display: inline; 
			width:100%; 
			position: unset; 
		}
		.stepwizard-step {
			display: inline;
			text-align: unset;
			position: unset;
		}
		.stepwizard-step .btn-default.btn-primary{
			font-size: 14px;
		}
		.stepwizard-step a.btn-default{
			font-size:12px;
		}
		.for_main_heading{
			font-size: 24px;
			margin-bottom: 25px;

		}
		div#step-1 {
			margin-top: 15px;
		}

		/*Search Box*/
		.headercolor .col-8.ml-5 {
			margin: 0px !important;
		}
		.easy-autocomplete-container ul {
			width: 360px !important;
			right: 111px !important;
			margin: 0px auto;
		}
		.role2 {
			/* bottom: 30px; */
			right: -33px !important;
			margin: 2px !important;
			bottom: 0px !important;
		}
		.role {
			right: -35px !important;
			margin: 2px  !important;
			bottom: 0px !important;
		}
		

		#page-content-wrapper{
			margin-top:50px;
		}
		.headercolor{
			height:unset;
			padding-right: 0px !important;
		}
		.for_h_border {
			border-top: 1px solid white;
		}
		#sidebar-wrapper {
			min-width: 80px;
			max-width: 80px;
			text-align: center;
			margin-left: -80px !important;
			display: none;
		}
		#sidebar-wrapper.active {
			margin-left: 0 !important;
			display: block;
		}
		#sidebar-wrapper {
			margin-left: 0;
		}
		.row.skill_inner div {
			margin-bottom: 10px;
			padding-right: 10px !important;
		}
		.form-group.skills span {
			padding: 7px !important;
			font-size:11px !important;
		}
		.m_parent {
			padding: 0px;
		}
		/*.calendar{
			min-height: 259px;
			}*/
			/*.calendar, .calendar_weekdays, .calendar_content{
				max-width: 331px !important;
				margin:0px;

				}*/
				.for_mobile {
					margin-left: 0px !important;

				}
				.headercolor .col-8.ml-5 {
					margin: 0px !important;
				}
				div#sidebar-wrapper {
					display: none;
				}
				.cht_cross{
					display:block !important;
				}
				.my_contacts.for_dash .m_title {
					font-size: 13px !important;
				}
				.mrole2{
					font-size:11px;
				}
			}

			@media only screen and (min-width: 600px) {

				.my_contacts.for_dash .m_title {
					font-size: 13px !important;
				}

				h6.mt-4.mb-4 {
					margin: 5px !important;
					margin-left: 0px !important;
				}
				.easy-autocomplete-container ul {

					width: 551px;
				}
			/*.calendar, .calendar_weekdays, .calendar_content {
				max-width: 378px !important;
				margin: 0px;
				}*/
				i.fas.fa-circle.online{
					top:-13px;
				}
				.cht_cross{
					display:block !important;
				}
				.stepwizard {
					display: inline; 
					width:100%; 
					position: relative;
				}
				.stepwizard-step {
					display: inline;
					text-align: unset;
					position: unset;
				}
				.stepwizard-step .btn-default.btn-primary{
					font-size: 14px;
				}
				.stepwizard-step a.btn-default{
					font-size:12px;
				}
				.for_main_heading{
					font-size: 24px;
					margin-bottom: 25px;

				}
				div#step-1 {
					margin-top: 15px;
				}
				.for_mobile {
					margin-left: 0px !important;
				}
				.headercolor .col-8.ml-5 {
					margin: 0px !important;
				}
				div#sidebar-wrapper {
					display: none;
				}

				div#mentee.active {
					margin-left: 9% !important;
				}
				/* div#mentee {
					margin-left: 1%;
				} */
				button#sidebarCollapse {
					margin-top: 67px !important;
				}
				button#sidebarCollapset {
					margin-top: 16px !important;
					margin-left: 1px !important;
					margin-top: 0px !important;
				}
				.mrole2 {
					font-size: 10px;
				}
			}  

			@media only screen and(max-width: 768px) {

				.web_s {
					padding: 0px !important;
				}
				.par2{
					padding:0px;
				}
				.headercolor .col-8.ml-5 {
					margin: 0px !important;
				}
				.cht_cross{
					display:none !important;
				}

				#sidebar-wrapper ul li a{
					font-size: 14px !important;
				}
				h6.username {
					color: white;
					text-align: center;
					font-size: 13px;
				}
				.profile img {
					display: inline-block;
					width: 80px;
					height: 80px;

				}
				#page-content-wrapper {
					min-width: 0;
					width: 100%;
				}

				#wrapper.toggled #sidebar-wrapper {
					margin-left: -15rem;
				}
				.stepwizard {
					width: 83%;
				}

				.headercolor .col-8.ml-5 {
					margin: 0px !important;
				}
				.easy-autocomplete-container ul {
					width: 533px !important ;
					right: 93px !important;
					margin: 0px auto;
				}
				div#mentee.active {
					margin-left: 9% !important;
				}


			}
			@media only screen and (min-width: 992px){

				h6.mt-4.mb-4 {
					margin: 15px !important;
					margin-left: 0px !important;
				}
				.my_contacts.for_dash .m_title {
					font-weight: 600;
					font-size: 12px !important;
				}
				.mrole2 {
					font-size: 11px;
				}
				.for_chat .nav-link {
					padding: 0px !important;
				}
				.for_chat .nav-link .row {
					margin:8px !important;
				}
				div#mentee.active {
					margin-left: 10%;
				}
				.cht_cross{
					display:none !important;
				}

				/* div#mentee {
					margin-left:20%;
				} */
				.for_mobile.active {
					margin-left: 0px !important;
				}
				.stepwizard {

					width: 61%;
				}
				button#sidebarCollapse {
					margin-top: 60px !important;
				}
				.headercolor .col-8.ml-5 {
					margin: 0px !important;
				}
				.easy-autocomplete-container ul {
					width: 533px !important ;
					right: 93px !important;
					margin: 0px auto;
				}
				div#sidebar-wrapper {
					display: block;
					min-width: 194px;
					max-width: 194px;
				}
				#sidebar-wrapper ul li a{
					font-size:17px !important;
				}
				h6.username.m-1 {
					font-size: 14px;
				}
			}

			@media only screen and (min-width: 1200px) {
				.dchat .nav-link{
					padding: 10px !important;
				}
				.stepwizard {
					width: 51%;
				}
				/* div#mentee {
					margin-left: 8%;
				} */
				div#mentee.active {
					margin-left: 7% !important;
				}
				.cht_cross{
					display:none !important;
				}
				.stepwizard-step .btn-default.btn-primary {
					font-size:20px;
				}
				.stepwizard-step a.btn-default {
					font-size: 15px;
				}
			/*.for_mobile {
				margin-left: 2px !important;
				}*/
				/*.for_mobile.active {

					margin-left: 14px !important;
					}*/
					div#sidebar-wrapper {
						display: block;
						min-width: 200px;
						max-width: 200px;
					}
			/*.for_mobile {
				margin-left: 17px !important; 
				}*/
			}
			/*dashboard*/
			.icon-color {
				color: #ffffff;
			}

			/*User Profile*/
			.sidenav {
				height: 100%;
				width: 0;
				position: fixed;
				z-index: 10000000000000;
				top: 0;
				right: 0;
				background-color: #111;
				overflow-x: hidden;
				transition: 0.5s;
				padding-top: 60px;
			}

			.sidenav a {
				padding: 8px 8px 8px 32px;
				text-decoration: none;
				font-size: 25px;
				color: #818181;
				display: block;
				transition: 0.3s;
			}

			.sidenav a:hover {
				color: #f1f1f1;
			}

			.sidenav .closebtn {
				position: absolute;
				top: 0;
				right: 25px;
				font-size: 36px;
				margin-left: 50px;
			}

			@media screen and (max-height: 450px) {
				.sidenav {
					padding-top: 15px;
				}
				.cht_cross{
					display:none !important;
				}
				.sidenav a {
					font-size: 18px;
				}
			}

			@media (min-width: 768px) and (max-width: 1024px) {
				.col-5.col-md-2.text-white.font-weight-bolduser.usersec {
    padding: 1px;
}
.profile2 {
	display: inline-block;
	width: 25px !important;
	height: 25px !important;
	
	/* margin: 0px auto; */
}
					.float-right.forcright {
    margin: 2px;
}
				

				.see {
					width: 30% !important;
				}

			span.openrecc {
				margin-left: 24% !important;
				
			}
		}

	/*a {
		color: #0488ae;
		text-decoration: none;
	}
	*/
	.user-details {
		position: relative;
		padding: 0;
	}

	.user-details .user-image {
		position: relative;
		z-index: 1;
		width: 100%;
		text-align: center;
	}

	.user-image img {
		clear: both;
		margin: auto;
		position: relative;
	}

	.user-details .user-info-block {
		width: 100%;
		position: absolute;
		top: 72%;
    /*background: rgb(255, 255, 255);
    */
    z-index: 0;
    padding-top: 35px;
    color: white;
}

.user-info-block .user-heading {
	width: 100%;
	text-align: center;
	margin: 20px 0 0;
}

.user-info-block .navigation {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #17800c;
	border-top: 1px solid #17800c;
}

.navigation li {
	float: left;
	margin: 0;
	padding: 0;
}

.navigation li a {
	padding: 20px 30px;
	float: left;
}

.navigation li.active a {
	background: #428BCA;
	color: #fff;
}

.user-info-block .user-body {
	float: left;
	padding: 5%;
	width: 90%;
}

.user-body .tab-content > div {
	float: left;
	width: 100%;
}

.user-body .tab-content h4 {
	width: 100%;
	margin: 10px 0;
	color: #333;
}





/***********************  TOP Bar ********************/
.sidebar {
	position: fixed;
	/*top: 270px;*/
	top: 0;
	/* left: 0; */
	bottom: 0;
	z-index: 1000;
	display: block;
	/* background-color: #003963; */
}

ul.list-sidebar.bg-defoult {
	padding-left: 0px;
	color: white;
	list-style: none;
}
#sidebar-wrapper li a{
	display: block;
	padding: 8px 12px;
	color: white;
	border-left: 0px solid #dedede;
	text-decoration: none;
}
.sidebar li a.collapsed.active {
	display: block;
	padding: 8px 12px;
	color: #ffc800;
	border-left: 0px solid #dedede;
	text-decoration: none;
}
.sidebar li a.active {
	background-color:#003963;
	border-left: 5px solid #dedede;
	transition: all 0.5s ease-in-out;
}
#sidebar-wrapper li a:hover {
	color:#ffc800 !important;
}

.sidebar li a i {
	padding-right: 5px;
}

/*.sidebar ul li .sub-menu li a {
	position: relative;
	}*/

	.sidebar ul li .sub-menu li a:before {
		font-family: FontAwesome;
		content: "\f105";
		display: inline-block;
		padding-left: 0px;
		padding-right: 10px;
		vertical-align: middle;
	}

	.sidebar ul li .sub-menu li a:hover:after {
		content: "";
		position: absolute;
		left: -5px;
		top: 0;
		width: 5px;
		background-color: #111;
		height: 100%;
	}

	.sidebar ul li .sub-menu li a:hover {
		background-color: #222;
		padding-left: 20px;
		transition: all 0.5s ease-in-out;
	}

	.sub-menu {
		border-left: 5px solid #dedede;
	}

	.sidebar li a .nav-label, .sidebar li a .nav-label + span {
		transition: all 0.5s ease-in-out;
	}


	.sidebar.fliph li a .nav-label, .sidebar.fliph li a .nav-label + span {
		display: none;
		transition: all 0.5s ease-in-out;
	}

	.sidebar.fliph {
		width: 42px;
		transition: all 0.5s ease-in-out;
	}

	.sidebar.fliph li {
		position: relative;
	}

	.sidebar.fliph .sub-menu {
		position: absolute;
		left: 39px;
		top: 0;
		background-color: #222;
		width: 150px;
		z-index: 100;
	}


	.bg-faded {
		background-color: #17800c;
	}


	.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
		color: #ffffff;
	}

	.navbar-light .navbar-nav .nav-link {
		color: #ffffff;
	}

	.navbar-light .navbar-brand, .navbar-light .navbar-toggler {
		color: #ffffff;
	}

	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		color: #ffffff;
	}
/*
.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	}*/

	.contan-body {
		padding: 2% 5%;
	}

	@media (max-width: 650px) {

		.contan-body {
			padding: 2% 12%;
		}
	}
	.profile img {
		display: inline-block;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		margin-left: 15px
		/* margin: 0px auto; */
	}
	.profile2  {
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		object-fit:cover;
		/* margin: 0px auto; */
	}
	.profile {

		/* position: fixed; */
		/* left: 50px; */
	}
	h6.username {
		color: white;
		text-align: center;
	}
	p.officer {
		color: white;
		text-align: center;
		font-size:12px;
	}
	i.far.fa-bell.dropdown-toggle.mr-4::after {
		display:none;
	}
	ul.notification {
		list-style: none;
		padding:0px;
		margin:0px;
	}
	.dropdown-menu.nio.show{
		box-shadow:0 1px 6px 0 rgba(32, 33, 36, .28);
		border: unset;
		left: -187px !important;
	}
	ul.notification li {
		padding: 6px;
		background:#f1ecec52;
		border-bottom: 1px solid #80808040;
	}
	p.ndesc {
		font-size: 10px;
		font-weight: normal;
		color: #78849E;
	}
	span.nname {
		font-size: 12px;
		color: #4f5665;
	}
	ul.notification h1 {
		text-align: center;
		font-size: 20px;
		padding: 20px;
		border-bottom: 1px solid #80808040;
		padding-top: 10px;
		margin:0px;
		color: #00000099;
	}
	.mrole2 {
		background:#003963;
		color: white;
		border-radius:6px;
		text-align: center;
	}
	.see {
		width: 16%;
		margin: 0px auto;
		font-size: 12px;
	}
	.dropdown-menu.show {
		left: -13px !important;
		top: 10px !important;
	}
	#custom-search-input {
		margin:0;
		/*margin-top: 10px;*/
		padding: 0;
	}
	.center-block {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.input-group .icon-addon .form-control {
		border-radius: 0;
	}

	.icon-addon {
		position: relative;
		color: #555;
		display: block;
		bottom: 10px;
	}

	.icon-addon:after,
	.icon-addon:before {
		display: table;
		content: " ";
	}

	.icon-addon:after {
		clear: both;
	}

	.icon-addon.addon-md .glyphicon,
	.icon-addon .glyphicon, 
	.icon-addon.addon-md .fa,
	.icon-addon .fa {
		position: absolute;
		z-index: 2;
		left: 10px;
		font-size: 14px;
		width: 20px;
		margin-left: -2.5px;
		text-align: center;
		padding: 10px 0;
		top: 1px
	}

	.icon-addon.addon-lg .form-control {
		/* line-height: 1.33; */
		/* height: 46px; */
		font-size: 18px;
		padding: 10px 16px 10px 40px;
		background: #003963;
		border: unset;
		color: white;
	}
	.icon-addon.addon-sm .form-control {
		height: 30px;
		padding: 5px 10px 5px 28px;
		font-size: 12px;
		line-height: 1.5;
	}

	.icon-addon.addon-lg .fa,
	.icon-addon.addon-lg .glyphicon {
		font-size: 18px;
		margin-left: 0;
		left: 11px;
		top: 4px;
	}

	.icon-addon.addon-md .form-control,
	.icon-addon .form-control {
		padding-left: 30px;
		float: left;
		font-weight: normal;
	}

	.icon-addon.addon-sm .fa,
	.icon-addon.addon-sm .glyphicon {
		margin-left: 0;
		font-size: 12px;
		left: 5px;
		top: -1px
	}

	.icon-addon.addon-lg label {
		color: white;
	}

	/*Search box*/
	
	.easy-autocomplete-container ul li div {
		display: inline-block !important;
		width: 100% !important;
	}
	.easy-autocomplete-container ul{
		top: 43px !important;
		box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28) !important;
		border:unset !important;
	}
	.role {
		background: #ff8d00;
		color: white;
		border-radius: 12px;
		text-align: center;
		position: relative;
		bottom: 30px;
		right: 20px;
		margin: 2px;
	}
	.role2 {
		background:#0983dc;
		color: white;
		border-radius: 12px;
		text-align: center;
		position: relative;
		bottom: 30px;
		right: 20px;
		margin: 2px;
	}
	p.desg {
		/* text-align: center; */
		font-weight: bold;
		font-size: 9px;
		position: relative;
		bottom: 10px;
		left:40px;
		margin-left: 42px;
	}
	.sp {
		font-weight: 600;
		font-size: 9px;
		margin-left: 40px !important;
		margin-top: -9px !important;
	}
	span.sp_name {
		position: relative;
		bottom: 5px;
	}
	.connect{
		background:green;
		color: white;
		border-radius:6px;
		text-align: center;
		position: relative;
		bottom: 30px;
		right: 20px;
	}
	.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category{
		border-bottom: 1px solid #ced4da !important;
	}
	.easy-autocomplete {
		position: relative;
		width: 100% !important;
	}
	a.connect:hover {
		text-decoration: none;
		color: white;
	}

	/*Modal*/
	.modal-header{
		border-bottom: unset !important;
	}
	#myModal .modal-header .close {
		margin: -3rem 0rem -1rem auto;
	}
	#myModal .m_title {
		height: 35px;
		font-size: 12px;
	}
	#myModal .m_desig {
		font-size: 11px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-height: 21px;
		max-height: 48px;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	#myModal a.connect2{
		color: white;
	}
	.m_profile{
		display: inline-block;
		width: 60px;
		cursor: pointer;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 50px !important;
		object-fit: cover;
	}
	.m_profile1{
		display: inline-block;
		width: 40px;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		margin-left: -4px;
		height:40px;
		object-fit:cover;
	}
	.das_my .m_profile1,.my_mentee .m_profile1,.mentor_req .m_profile1{
		margin-top: 7px;
	}
	#sidebar-wrapper.active .poerws {
		display: none;
	}
	.my_border {
		border-bottom: 1px solid #dee2e6;
	}
	.m_title {
		font-weight: bold;
		color: #454F63;
	}
	.m_desig {
		font-size: 11px;
		color: #963e13;
		font-weight: 600;
		line-height: 20px;
		font-style: oblique;
	}
	p.m_title.list-title {
		overflow: unset !important;
	}
	.Mentor {
		font-size: 13px;
		border-radius: 20px;
		background: #e08718;
		color: white;
		padding: 6px !important;
		font-weight:normal;
	}
	.Admin {
		font-size: 13px;
		border-radius: 20px;
		background: #28a745;
		color: white;
		padding: 6px !important;
		font-weight:normal;
	}
	p.NA {
		color: mediumvioletred;
		font-weight: 600;
	}
	p.languages.p-2.m-1.connect2 {
		background: #17a2b8;
		color: white;
		font-weight: 600;
	}
	.con_limit {
		text-overflow: ellipsis;
		overflow: hidden;
		width: 180px;
		/*height: 1.2em;*/
		white-space: nowrap;
	}
	div#home {
		padding-left: 0px;
		height: 485px;
		overflow: auto;
	}
	div#menu2 {
		padding: 0px;
		overflow-y: scroll;
		/* height: 492px; */
	}
	div#menu2 ul {
		border: unset;
	}
	.row.m-3.c_list {
		border-bottom: 1px solid #dee2e6;
	}
	div#home ul {
		border: 0px;
	}
	p.m_location i {
		color: #dc3545b8;
		margin-right: 7px !important;
	}
	div#menu1 {
		padding: 0px;
		height: 545px;
		overflow-y: scroll;
	}
	.hv:hover {
		background: #8080800d;
		box-shadow: 0 1px 8px -3px rgba(0,0,0,0.12) !important;
	}
	.us_list {
		border-bottom: 1px solid #dee2e6;
	}
	i.fas.fa-comments.mt-1.menteechat {
		color: #28a745;
		position: relative;
		top: 20px;
	}
	.m_location {
		font-size: 11px;
		color: #878f9e;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: 600;
	}
	.menteeNum {
		font-size: 10px;
		color: #878f9e;
		font-weight: 600;
	}
	.connect2{
		font-size:13px;
		border-radius:6px;
		
	}
	.modal-dialog {
		margin-top: 5%;
	}
	.mrole {
		background: #ff8d00;
		color: white;
		border-radius: 12px;
		text-align: center;
		font-size:12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 150px;
	}
	.form-group.skills {
		margin-top: 14px;
	}
	.form-group.skills span {
		font-size: 13px;
	}
	.Basic_info .head_color {
		padding: 2px !important;
		margin: 0px;
		font-size: 12px;
		padding-left: 0px !important;
		color: #000000ad;
	}
	.Basic_info {
		margin-top: 10px;
	}
	.Basic_info h6 {
		color: #336488;
		font-size: 17px;
	}
	.modal .btn-next,.modal .btn-previous{
		color: #495057;
		font-size: 11px;
		position: relative;
		bottom: 12px;
	}
	.modal-title {
		font-weight: bold;
		color: #00000099;
		font-size: 17px;
	}
	#sidebar-wrapper {
		min-height: 100vh;
		/*margin-left: -15rem;*/
		-webkit-transition: margin .25s ease-out;
		-moz-transition: margin .25s ease-out;
		-o-transition: margin .25s ease-out;
		transition: margin .25s ease-out;
	}



	#sidebar-wrapper .list-group {
		width: 15rem;
	}
	div#mentee.active {
		margin-left: 6%;
	}
	/*.for_mobile.active {
		padding-left: 5px;
		margin-left: 122px;
		}*/
		.for_mobile {
			margin-left: 62px;
		}
	/*#page-content-wrapper {
		min-width: 100vw;
		}*/

		#wrapper.toggled #sidebar-wrapper {
			margin-left: 0;
		}
		/*.my_contacts.for_dash.mentor_req button {
			width: 70%;
		}
		*/
		.sidebar hr.sidebar-divider {
    margin-top: 0px;
    border-top: 1px solid rgba(255,255,255,.15);
}

		div#sidebar-wrapper {
			background: #003963;
			position: fixed;
			z-index:100;
			top: 55px;
			transition: all 0.6s;
			transform-origin: bottom left;
			min-width: 6.5rem!important;
			max-width: 6.5rem!important;			
		}
		.my_contacts {
			/*	background: aliceblue;*/
			background: linear-gradient(to right,aliceblue, #ffffff);
			box-shadow:0 1px 6px 0 rgba(32, 33, 36, 0.15);
			/*border-bottom: 1px solid;*/
		}
		.upev div .row:first-child {
			margin-top: 10px !important;
		}
		.for_dash h6 {
			font-weight: 600;
			color: #585656fa;
			font-size: 16px;
			border-bottom: 1px solid #80808052;
			padding: 10px;
			margin: 10px;
			margin-top: 0px;
			margin-bottom:0px; 
		}
		.my_contacts.for_dash .m_title {
			font-size: 14px !important;
			line-height: 22px;

			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		p{
			margin:0px !important;
		}

		/*Calendar*/
		.my_contacts.for_dash.mentor_req.mt-3 {
			min-height: 272px;
		}
		.calendar_weekdays {
			padding: 10px 0px;
		}
		.calendar_weekdays div {
			color: #808080 !important;
		}
		/*.calendar, .calendar_weekdays, .calendar_content {
			max-width: 300px;
			}*/
			span.openrecc {
				margin-left: 38%;
				cursor: pointer;
			}
			.calendar {
				margin: auto;
				font-family:'Muli', sans-serif;
				font-weight: 400;
				box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.08);
				min-height: 273px;
			}
			.calendar_content, .calendar_weekdays, .calendar_header {
				position: relative;
				overflow: hidden;
			}
			.calendar_weekdays div {
				display:inline-block;
				vertical-align:top;
			}
			.calendar_weekdays div, .calendar_content div {
				width: 14.28571%;
				overflow: hidden;
				text-align: center;
				background-color: transparent;
				color: #6f6f6f;
				font-size: 14px;
			}
			.calendar_content div {
				border: 1px solid transparent;
				display: inline-block;
			}
			.calendar_content div:hover {
				border: 1px solid #dcdcdc;
				cursor: default;
			}
			.calendar_content div.blank:hover {
				cursor: default;
				border: 1px solid transparent;
			}
			.calendar_content div.past-date {
				color: #343a40c7;
				font-size: 14px;
				background: #f0f1f3c7;
				/*	padding: 4px;*/				
			}
			.calendar_content div .past-date:hover {
				border:none !important;
				cursor: default;
			}
			.calendar_content div.today {
				font-size: 14px;
				color: #f8f9fa !important;
				background: #e898b0;
			/*border-radius: 14px;
			width: 22px;*/
			/*margin-left: 8px;*/
		}
		.calendar_content div.selected {
			background-color: #f0f0f0;
		}
		.calendar_header {
			width: 100%;
			text-align: center;
			background:#e898b0;
			padding-top: 10px;
		}
		.calendar_header h2 {
			padding: 0 10px;
			font-family: 'Muli', sans-serif;
			font-weight: 300;
			font-size: 16px;
			color: white;
			margin: 0 0 12px;
			text-align: left;
		}
		button.switch-month {
			background-color: transparent;
			padding: 0;
			outline: none;
			border: none;
			color: #dcdcdc;
			float: left;
			width:15%;
			transition: color .2s;
		}
		button.switch-month:hover {
			color: #87b633;
		}
		.my_ment h6 {
			background: #1c88d8 !important;
			margin: 0px;
			color: white;
		}
		/*Mentor Request Section*/

		.my_contacts.for_dash.mentor_req button {
			font-size: 13px;
			color: white;
			border-radius:20px;
		}
		.mentor_req span.fas.fa-times-circle.f_wrong {
			position: relative;
			top: 5px;
			left: 5px;
		}

		/*Chat box*/
		.social a {
			color: #80808080;
		}
		.social {
			border-top: 1px solid #80808026;
			padding: 6px;
		}
		i.fas.fa-comments.mt-1.comm {
			color: #28a745;
		}
		i.fab.fa-twitter {
			color: #00acee;
		}
		i.fab.fa-facebook-f {
			color: #3b5998;
		}
		i.far.fa-envelope {
			color: #1c88d8;
		}
		.Mentee {
			font-size: 13px;
			border-radius: 20px;
			/* background: #1c88d8; */
			/* color: white; */
			padding: 5px 7px!important;
			font-weight:normal;
		}

		.aem-icons {
			font-size: 13px;
			border-radius: 20px;
			background: #1c88d8;
			color: white;
			padding: 5px 7px!important;
			font-weight:normal;
		}
		.page-link{
			margin: 5px;
			box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.11);
		}
		a.page-link.active {
			background: #336ead;
			color: white;
			border-radius: 5px;
		}
		.list-group-item:first-child{
			border-radius:unset;
		}

		.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
			color: #fff;
			background-color: #e9ecef;
		}
		p.ctime {
			font-size: 9px;
			font-weight: 600;
			color: #454f63;
			margin-top: 5px !important;
			text-align: right;
		}
		.internalchatbox .chat_body {
			position: relative;
			height: 375px;
			overflow-y: scroll;
		}
		.message {
			position: relative;
			width: 100%;
		}
		.for_chat {
			min-height: 640px;
		}
		.message.info .message-body {
			background-color: #e9ecef;
			border: 1px solid #e9ecef;
			color: #00000096;
			padding: 6px;
			font-weight: 600;
			
			border-radius: 20px 15px 15px 0px;
		}
		.message .message-body {
			position: relative;
			width: auto;
			max-width: calc(100% - 150px);
			float: left;
			background-color: #fff;
			border-radius: 4px;
			border: 1px solid #dbe3e8;
			margin: 0 5px 20px 15px;
			color: #788288;
		}
		.message.info:after, .message.info:before {
			border-right: 13px solid #e9ecef;
		}
			/*.message:after {
				content: "";
				position: absolute;
				top: 50px;
				left: 8px;
				float: left;
				z-index: 100;
				border-top: 10px solid transparent;
				border-left: none;
				border-bottom: 10px solid transparent;
				border-right: 13px solid #fff;
				}*/
				.message.my-message .message-body {
					float: right;
					margin: 0 15px 20px 5px;
					border-radius: 15px 15px 0px 15px;
				}
				.my-message .message-body {
					background: #003963;
					color: white;
					padding:6px;
					border-radius: 12px;
				}
		/*.message.my-message:after {
			content: "";
			position: absolute;
			top: 99px;
			left: auto;
			right: 10px;
			float: left;
			z-index: 100;
			border-top: 10px solid transparent;
			border-left: 13px solid #003963;
			border-bottom: 10px solid #ffffff;
			border-right: none;
			}*/
			.chat-footer {
				position: relative;
				width: 100%;
				/*top: 100px;*/
			}
			ul#myTab li a:hover {
				background: #8080800d;
				box-shadow: 0 0 1px 0 rgba(0,0,0,0.12) !important;
			}

			ul#myTab li a {
				background: white;
				/*border: 1px solid #f0f1f0;*/
				border-radius: 0px;
				padding:15px;
				padding-left: 7px;
			}
			/*li.nav-item {
				border: 1px solid #80808012;
				}*/
				.chat-footer .send-message-text {
					position: relative;
					display: block;
					width: 100%;
					min-height: 120px;
					max-height: 75px;
					background-color: #e9ecef;
					border-radius: 5px;
					padding: 5px 95px 5px 10px;
					font-size: 13px;
					resize: vertical;
					outline: none;
					border: 1px solid #e0e6eb;
				}
				button#sidebarCollapset {
					margin-top: 60px;
					margin-left: 27px;
				}
				button#sidebarCollapse i {
					font-size:30px;
				}
				#sidebar-wrapper.active button#sidebarCollapse {
					padding: 0px 10px 0px 10px;
					margin-left: -5px;
				}
				button#sidebarCollapse {
					padding: 0px 10px 0px 10px;
					margin-left: 52px;
				}
				.input_msg_write {
					position: relative;
					margin-bottom: 5px;
				}
				ul#myTab {
					border:1px solid #00000012 !important;
					max-height: 549px;
					overflow-y: auto;
					display: block;
				}	
				#mychat .msg_history {
					/* height: 180px; */
					overflow-y: scroll;

				}
				#myTab .m_title {
					font-weight: bold;
					color: #454F63;
					font-size: 14px;
				}
				#myTabContent {
					border-right: 1px solid #ebebeb;
					overflow: hidden;
				}
				/*.type_msg {
					position: fixed;
					width: 100%;
					}*/
					img.attachment1 {
						padding: 10px;
						border: 1px solid #8080802b;
						border-radius: 2px;
					}
					.sent_msg img.attachment1 {

						position: relative;
						left: 35%;
					}
					img.attachment4 {
						padding: 10px;
						border: 1px solid #8080802b;
						border-radius: 2px;
					}
					.sent_msg img.attachment4 {

						position: relative;
						left: 35%;
					}
					.for_chat img.attachment5 {
						padding: 10px;
						border: 1px solid #8080802b;
						border-radius: 2px;
						width: 220px;
					}
					.for_chat .sent_msg img.attachment5 {
						position: relative;
						right:90px;
					}
					/*sroll*/


					::-webkit-scrollbar {
						width: 10px;
					}

					/* Track */
					::-webkit-scrollbar-track {
						background: white; 
					}

					/* Handle */
					::-webkit-scrollbar-thumb {
						background:#D3D3D3; 
					}
					.upload-file {
						display: block;
						position: absolute;
						right: 90px;
						/* height: 30px; */
						font-size: 19px !important;
						top: 31px;
						margin: auto;
						opacity: 0.25;
					}
					.send-message-button {
						display: block;
						position: absolute;
						width:68px;
						height: 35px;
						right: 30px;
						top: 0px;
						bottom: 0;
						margin: auto;
						border: 1px solid rgba(0,0,0,0.05);
						outline: none;
						font-weight: 600;
						border-radius:6px;
						padding: 0;
						
					}
					button.send-message-button.btn-info i {
						font-size: 13px;
						padding-left: 7px;
					}
					.dchat_c .send-message-button {
						
						top: -4px;

					}
					button.send-message-button.btn-info {
						background-color: #50c7b8;
						border-color: #50c7b8;
					}
					button.send-message-button.btn-info:hover {
						background: #54a59c;
						border-color: #54a59c;
					}
					.cutom_btn_color {
						background-color: #50c7b8;
						border-color: #50c7b8;
						color: white;
					}
					.cutom_btn_color:hover {
						background: #54a59c;
						border-color: #54a59c;
						color: white;
					}
					.btn-info {
						color: #fff;
						background-color: #5bc0de;
						border-color: #46b8da;
					}
					.upload-file input[type="file"] {
						position: fixed;
						top: -1000px;
					}
					.emojionearea .emojionearea-button {
						left: 47px !important;
						top: 79px !important;

					}
					i.fas.fa-circle.online {
						color: #1ca91c;
						margin-left: 22px;
						position: relative;
						top: -19px;
						font-size: 13px;
					}
					.internalchatbox .message .message-body {
						position: relative;
						width: auto;
						max-width: calc(100% - 47px);
					}
					.emojionearea, .emojionearea.form-control{
						border-radius:unset !important;
						border:unset !important;
					}
					.mesgs {
						margin-top: -14px;
						border-top:unset !important;
						padding-top: 11px;
						margin-right: 15px;
					}


					.inbox_people {
						background: #f8f8f8 none repeat scroll 0 0;
						float: left;
						overflow: hidden;
						width: 40%; border-right:1px solid #c4c4c4;
					}
					.inbox_msg {
						border: 1px solid #c4c4c4;
						clear: both;
						overflow: hidden;
					}
					.top_spac{ margin: 20px 0 0;}


					.recent_heading {float: left; width:40%;}
					.srch_bar {
						display: inline-block;
						text-align: right;
						width: 60%; padding:
					}
					.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}

					.recent_heading h4 {
						color: #05728f;
						font-size: 21px;
						margin: auto;
					}
					.srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
					.srch_bar .input-group-addon button {
						background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
						border: medium none;
						padding: 0;
						color: #707070;
						font-size: 18px;
					}
					.srch_bar .input-group-addon { margin: 0 0 0 -27px;}

					.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
					.chat_ib h5 span{ font-size:13px; float:right;}
					.chat_ib p{ font-size:14px; color:#989898; margin:auto}
					.chat_img {
						float: left;
						width: 11%;
					}
					.chat_ib {
						float: left;
						padding: 0 0 0 15px;
						width: 88%;
					}

					.chat_people{ overflow:hidden; clear:both;}
					.chat_list {
						border-bottom: 1px solid #c4c4c4;
						margin: 0;
						padding: 18px 16px 10px;
					}
					.inbox_chat { height: 550px; overflow-y: scroll;}

					.active_chat{ background:#ebebeb;}

					.incoming_msg_img {
						display: inline-block;
						width: 6%;
					}
					.incoming_msg{
						position:relative;
					}
					.received_msg {
						display: inline-block;
						padding: 0 0 0 10px;
						vertical-align: top;
						width: 92%;
					}
					.received_withd_msg p {
						background: #ebebeb none repeat scroll 0 0;
						border-radius: 3px;
						color: #646464;
						font-size: 14px;
						margin: 0;
						padding: 5px 10px 5px 12px;
						width: 100%;
						border-radius: 12px;
					}
					.time_date {
						color: #747474;
						display: block;
						font-size: 12px;
						margin: 8px 0 0;
					}
					.received_withd_msg { width: 57%;}
					.received_withd_msg p {
						padding: 15px;
						border-radius: 20px 15px 15px 0px;
					}

					.sent_msg p {
						background: #003963 none repeat scroll 0 0;
						border-radius: 3px;
						font-size: 14px;
						margin: 0;
						color: #fff;
						padding: 5px 10px 5px 12px;
						width: 100%;
						border-radius: 12px;
					}
					.outgoing_msg{    
						margin-right: 17px;
						overflow: hidden;
					}
					.sent_msg {
						float: right;
						width: 46%;
					}
					.input_msg_write input {
						background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
						border: medium none;
						color: #4c4c4c;
						font-size: 15px;
						min-height: 48px;
						width: 100%;
					}

					/*.type_msg {border-top: 1px solid #c4c4c4;position: relative;}*/
					.msg_send_btn {
						background: #05728f none repeat scroll 0 0;
						border: medium none;
						border-radius: 50%;
						color: #fff;
						cursor: pointer;
						font-size: 17px;
						height: 33px;
						position: absolute;
						right: 0;
						top: 11px;
						width: 33px;
					}
					.messaging { padding: 0 0 50px 0;}
					.msg_history {
						height: 258px;
						overflow-y: scroll;
					}
					
					.emojionearea.emo.form-control {
						background: #ebebeb;
					}
					.sent_msg p {
						padding: 15px;
						border-radius: 15px 15px 0px 15px;
					}
					.dchat li {
						width: 50%;
					}

					.dchat li .active {
						color: #28a745 !important;
						background: unset !important;
						border-bottom: 3px solid #28a745;
						border-radius: unset;
					}
					.dchat .nav-link.text-center {
						color: #80808085;
					}
					.dchat .nav-item {
						border: unset;
					}
					.dchat_c i.fas.fa-circle.online {
						color: #1c88d8;
						position: relative;
						font-size: 13px;
						top: -17px;
						margin-left: 10px;
					}

					/*Custom chat*/
					.emojionearea.emodash.form-control {
						height: 118px;
						float: right;
						/*background: #ebebeb;*/
					}
					.dchat_c ul.nav.nav-tabs {
						display: block;
					}
					span.num {
						position: absolute;
						top: 0px;
						right: 155px;
						width: 15px;
						height: 15px;
						border-radius: 50%;
						background: #ff2c74;
						color: #fff;
						line-height: 15px;
						font-family: sans-serif;
						text-align: center;
						font-size: 10px;
					}
					.notification_section {
						position: relative;
					}
					span#notificationsBadge {
						position: relative;
						top: -10px;
					}
					.notifications .dropdown-toggle::after{
						display: none;
					}
					.notifications .dropdown-item.dropdown-notification:active, .dropdown-item.dropdown-notification.active {
						color: #1d1e1f;
						text-decoration: none;
						background-color: #f7f7f9;
					}

					.notifications .dropdown-notification:hover .notification-read {
						color: #34495E;
					}

					.notifications .dropdown-notification-all {
						text-align: center;
						padding-top: 5px;
						padding-bottom: 5px;
						font-style: oblique;
						background-color: #003963;
						color: white;
					}

					.notifications .dropdown-notification-all:hover {
						background-color: #34495E;
						color: white;
					}
					.notifications-container {
						max-height: 300px;
						overflow: auto;
						/*margin-bottom: 25px;*/
					}

					.notification-dropdown-menu {
						padding-bottom: 0;
						min-width:400px;
					}

					.notification-img {
						width: 48px;
						display: inline-block;
						vertical-align: top;
					}

					.notifications-body {
						display: inline-block;
					}

					.notification-texte {
						text-align: left;
						margin: 0;
					}

					.notification-read {
						margin: 0;
						height: 48px;
						vertical-align: top;
						line-height: 48px;
						padding-left: 15px;
						color: #bbb8b8;
						float: right;
					}

					.notification-date {
						text-align: left;
						color: #2980b9;
						margin: 0;
					}

					.notification-solo {
						margin-top: 1rem;
					}

					.notification-unread {
						text-decoration: none;
						background-color: #f7f7f9;
					}
					i#notificationsIcon {
						color: white;
					}
					.aem-notifications {
						top: 100% !important;
					}
					.notifications .dropdown-menu.notification-dropdown-menu.show {
						left: -128px !important;
						top: 7px !important;
					}
					.notifications .dropdown-header {
						color: #464b50;
						font-size: 20px;
						text-align: center;
					}
					.notifications .dropdown-item {
						background-color: #0000000a;
						border: 1px solid #8080800a;
						color:black;
					}

					/*Sidebar*/
					#sidebar-wrapper {
						min-width: 250px;
						max-width: 250px;
						background: #7386D5;
						color: #fff;
						transition: all 0.3s;
					}

					#sidebar-wrapper.active {
						min-width: 80px;
						max-width: 80px;
						text-align: center;
					}

					#sidebar-wrapper.active
					{
						display: none;
					}

					#sidebar-wrapper.active{
						display: block;
					}

					#sidebar-wrapper ul li a {
						text-align: left;
					}

					#sidebar-wrapper.active ul li a {
						padding: 20px 10px;
						text-align: center;
						font-size: 0.85em;
					}

					#sidebar-wrapper.active ul li a i {
						margin-right: 0;
						display: block;
						font-size:20px;
						
					}

					#sidebar-wrapper.active ul ul a {
						padding: 10px !important;
					}

					#sidebar-wrapper.active .dropdown-toggle::after {
						top: auto;
						bottom: 10px;
						right: 50%;
						-webkit-transform: translateX(50%);
						-ms-transform: translateX(50%);
						transform: translateX(50%);
					}

					#sidebar-wrapper {
						/*padding: 20px;*/
						background: #6d7fcc;
					}

		/*#sidebar-wrapper .sidebar-header strong {
			display: none;
			font-size: 1.8em;
			}*/

			#sidebar-wrapper ul.components {
				padding: 20px 0;
				border-bottom: 1px solid #47748b;
			}

			#sidebar-wrapper ul li a {
				padding: 10px;				
				display: block;
				font-size: .65rem !important;
				color: rgba(255,255,255,.8);
				text-align: center;
				position: relative;
			}
			#sidebar-wrapper ul li a.active {
				color: #fcff45;
				opacity: 1;
			}
			#sidebar-wrapper ul li a.active:after {
				position: absolute;
				display: inline-block;
				border-top: 23px solid transparent;
				border-left: 23px solid #003963;
				border-bottom: 23px solid transparent;
				left: 94px;
				top: 21px;
				content: '';
			}
			#sidebar-wrapper.active .profile img{
				width: 40px;
				height: 40px;
			}
			#sidebar-wrapper.active .username.m-1 {
				font-size: 14px;
				display: none;
			}
			#sidebar-wrapper.active ul li a span {
				display: none;
			}
			.my_contacts.for_dash.das_my h6 {
				background: #1c88d8;
				color: white;
				margin: 0px;
			}
			.my_contacts.for_dash.mentor_req h6 {
				background: #1c88d8;
				color: white;
				margin: 0px;
			}
			#sidebar-wrapper ul li a i {
				margin-right: 10px;
				font-size:20px;
			}
			button#sidebarCollapse {
				margin-top: 10px;
			}
			/*6-09-2019*/
			.internalchatbox .upload-file {
				left: 50px;
				bottom:60px;
				top:unset;
			}
			i.fas.fa-times.pull-right.cht_cross.backar {
				cursor: pointer;
			}

			i.fas.fa-arrow-left.backar {
				padding-left: 10px;
			}
			.backbtn {
				padding: 0px;
				border: 1px solid #8080802e;
				color: #1c88d8;
				background: aliceblue;
				margin-top: 8px;
			}
			.emojionearea .emojionearea-editor:empty:before{

				margin-top: 25px;
			}

			.emojionearea.emodash.form-control {
				height: 89px;
				float: right;
			}
			.emojionearea .emojionearea-button {
				left: 47px !important;
				top: 54px !important;
			}
			#mychat .emojionearea .emojionearea-button {
				left: 77% !important;
				top: 33px !important;
			}

			.show_when_chat_open .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
				border:unset;
			}
			.m_contacts{
				padding: .5rem 1rem;
				border: 1px solid #80808012;
			}
			.for_dash .internalchatbox .chat_body {
				position: relative;
				height: 354px;
				overflow-y: scroll;
			}
			a.m_check {
				color: #35b953;
				font-size: 25px;
				padding-right: 5px;
			}
			a.m_time {
				color: #b9353b;
				font-size: 25px;
				padding-right: 0px;
			}
			#mentee_request .m_title {
				font-size: 14px;
			}
			#mentee_request .m_desig {
				font-size: 10px;
				color: rgb(116, 123, 138);
				font-weight: bold;
			}
			#mentee_request .m_location {
				font-size: 9px;
			}
			.skills span {
				margin: 3px;
			}

			/*Schedule Calendar*/
			.schedule .cal-cell-row.cal-header.ng-star-inserted {
				background: #80808038;
				color: grey;
				font-weight: 500;
				border: 1px solid #80808052;
				font-size: 14px;
			}
			.schedule .cal-month-view .cal-day-number {
				font-size: 14px !important;

			}
			.schedule .cal-month-view .cal-day-cell.cal-today {
				background-color: #e1e1e1 !important;
			}
			.schedule .cal-time.ng-star-inserted {
				font-weight: bold;
				padding-top: 5px;
				width: 70px;
				text-align: center;
			}
			.schedule .btn-primary {
				color: #6c757d;
				background-color: #f6f6f6;
				border-color: rgba(0, 0, 0, 0.17);
			}
			.schedule .btn-outline-secondary {
				border-color: rgba(0, 0, 0, 0.17);
			}
			.schedule .btn-group {
				float: left;
			}
			.schedule .btn.btn-primary.active {
				background: unset !important;
				color:#007bff !important;
				border-color: rgba(0, 0, 0, 0.17) !important;
			}
			.schedule .btn.btn-outline-secondary {
				color:#007bff !important;
			}
			.schedule .btn-primary:hover {
				color: #fff;
				background-color: #003963;
				border-color: #003963;
			}
			.schedule .btn-primary:not(:disabled):not(.disabled).active,.schedule .btn-primary:not(:disabled):not(.disabled):active, .show>.schedule .btn-primary.dropdown-toggle {
				color: #fff;
				background-color: #003963;
				border-color: #003963;
			}
			.schedule .btn-outline-secondary:hover {
				color: #fff !important;
				background-color: #003963;
				border-color: #003963;
			}
			.schedule h3 {
				font-size:18px;
				color: #6c757d;
			}
			a.m_check.btn.btn-success {
				color: white;
				font-size: 14px;
				padding-right: 10px;
			}
			a.m_time.btn.btn-danger {
				color: white;
				font-size: 11px;
				padding-right: 10px;
			}
			a.m_time.btn.btn-success {
				color: white;
				font-size: 11px;
				padding-right: 10px;
			}
			/*Tagify*/
			.customSuggestionsList {
				width: 100%;
				margin-top: 1rem;
			}
			.tagify__dropdown__item {
				display: inline-block;
				background: #003963;
				color: white;
				border-radius: 12px;
				margin-top: 20px;
			}
			.tagify__tag>div{
				border-radius: 12px;
				color: #fff;
			}
			.tagify {
				--tag-bg: #28a745;
				background: white;
				width: 61%;
				border-radius: 12px;
			}
			x.tagify__tag__removeBtn {
				color: white;
			}
			span.tagify__tag-text:hover {
				color: black;
			}
			.tagify__tag__removeBtn:hover {
				color:black !important;
				background: rgb(199, 119, 119);
			}
			i.fas.fa-calendar-alt.ml-3.cal {
				cursor: pointer;
			}

			.notification-date-popup {
				font-size: 11px;
				color: #aaaaaa;
			}
			.popover-400 {
				top: 100% !important;
				min-width: 250px;
				max-width: 400px !important;
			}
			.input_msg_write .emojionearea .emojionearea-editor{
				padding-right: 190px;
			}
.font-size-13 {
	font-size: 13px;
}
.my-contacts-cursor {
	cursor: pointer;
}
#contentwrapper{
	padding-top: 7%;
	padding-left: 7.5%;
}