html {
	height: 100%;
	}

	body {
	min-height: 100%;
	height: auto;
	overflow-y: auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem ;
	line-height: 1.375rem ;
	-webkit-overflow-scrolling: touch;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff!important;
	}
	
	
 
@media screen and (max-width: 320px){
.login-logo {    position: absolute;    top: 273px;    left: 140px;}
.login-logo img{width:100px;height:100px;}
.row .block {position: absolute;    top: 191px;    left: 87px;}
}

@media screen and (min-width: 375px){
.login-logo {    position: absolute;    } 
.login-logo img{width:100px;height:100px;} 
.row .block {position: absolute;       top: 208px;    left: 118px;}  
}



@media screen and (min-width:411px)   { 
.login-logo {   position: absolute;	 }
.login-logo img{width:100px;height:100px;}
.row .block {position: absolute;  	top: 251px;    left: 127px;}
}

@media screen and (min-width: 425px){
.login-logo {    position: absolute;    } 
.login-logo img{width:100px;height:100px;} 
.row .block {position: absolute;           top: 274px;    left: 142px;}  
}


@media screen and (min-width: 768px) and (max-width: 1023px){
.login-logo {    position: absolute;    top: 273px;    left: 140px;} 
.login-logo img{width:150px;height:150px;} 
.row .block {position: absolute;         top: 513px;    left: 297px;}  
.hovicon{    width: 160px!important;    height: 160px!important;}
.loginheadingtext{
    margin-top: 63px;

}
}



 

select
{
	line-height:21px !important;
}
.larg-title{
    font-weight: 400;
	line-height: 46px;
}
	
.headertext{
color: #007acd;
 font-size: 1.375rem ;
 float:left;
}
.custom-file-control:invalid, .form-control:invalid{
background:none
}
.light-blue-bg{
background: aliceblue;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #e16983!important;
 
}

.btn-primary.custom-file-control:before, .btn.btn-primary {
    color: #000!important;
    background-color: transparent;
    border-color: #ccc;
}

.dark-blue{
color:#027acf!important;
}
.blue-color{
color:#069ee8;
}
.header-priview {

float:left;
padding-right:15px;
}

.top-header{
float:left;
background:#fff;
width:100%;
padding:15px!important;
}


.search {
    border-radius: 0.313rem ;
    padding: 0.313rem ;
    padding-left: 40px;
    color: #62909F;
    height: 44px;
	border:none!important;
}




	.tophead-title h5 {
	float: left;
	}


	a:hover {
	color: #004a43;
	text-decoration: blink;
	}

	.year-icon{
	width:22px;
	float:left;
	}
 

 
 
	.bg-red2-light {
	background-color: #ED5565!important;
	color: #FFFFFF!important;
	}
	.demo-buttons a {
	margin-bottom: 0.938rem ;
	width: 29%;
	text-align: center;
	/*   margin-right: 4%;*/
	}
 


	.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle
	{

	background-color: #E16983;
	border-color: #E16983;
	}



	img.upload {
	position: absolute;
	margin-left: -84px;
	margin-top: 97px;
	border-radius: 50%;
	background: #fff;
	padding: 0.375rem ;
	box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
	}


	.approvebadge span{
	position: absolute!important;
	top: 16%!important;
	right: 0.625rem !important;  
	background: #FFEBB4!important; 
	color:black!important;
	border-radius: 1.875rem !important;
	font-weight: 400!important;
	padding-left: 0.625rem !important;
	padding-right: 0.625rem !important;
	padding-top:2px!important;
	padding-bottom:2px!important;
	font-size:10px;


	}

.member-type-conver {
    text-align: left;
    background-color: #FFF8E6;
    border: 0.063rem solid #F1E6CA;
    border-radius: 0.438rem ;
    padding: 0.625rem ;
    font-size: 1.125rem ;
}


	.br-line{
	border-right:0.063rem #000 silid;
	}

	/******** Header open********/


	.header{
	background:#fff;
	}

	.head-blu {
	color: #007acd;
	}

	.boxshadow {
	box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
	}

	.header-back-arrow{

	}

	.heater-title{

	}

	.header-user-icon{


	} 
	/***** Header close*******/
	/****** banner open******/ 

	.banner-header{

	}
	.banner-img{

	}

	.banner-p{

	} 
	
	.product-image{
	padding:0px;
	}
	/******banner open *******/
	/******body content open*/

	.mainbody{

	}

	.mainbody-header-text{
	/* font-size:100%; */font-size:1.25rem ;
	}
	.mainbody-p{

	}
	.mainbody-img{

	}

	/* other field */
	.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	color: #fff!important;
	background-color: #E16983!important;
	border-color: #E16983!important;
	}
	.membertype {
	display: block;
	width: 100%;
	height:calc(1.5em + .75rem + 2px)!important;
	padding: .375rem .75rem;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 0.125rem solid #879eb5!important;
	border-radius: 0;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}

	input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	display: none;
	}

	.selectbtn{
	color: #6a8094!important;
	background-color: #ffffff;
	border: 0.063rem solid #6a8094; 
	width: 100%;
	float: left;
	font-size:14px!important;
	}

	.selectbtn:hover{
	color: #6a8094!important;
	background-color: #ffffff;
	border: 0.063rem solid #6a8094; 
	width: 100%;
	float: left;
	font-size:14px!important;
	}

	.select-opction {
	border: 0.063rem solid #879eb5!important;
	font-size: 1rem !important;
	height: 3em;
	padding-left: 0.438rem ;
	}

	.formbg{
	background: #fff;
	border-radius: 0.938rem ;
	margin-top: -221px;
	}

	/* date */

	.subtex{
	color:#879eb5;
	font-size:16px;
	}
	.full-width{
	width:100%;
	}

	.border-color{
	border:0.063rem solid #879eb5;
	}
	hr { height:0px;background:#ffffff; width:100%;border-top: 0.063rem solid rgba(0,0,0,.1) !important;}


	.calendaricon{
	position: absolute;
	padding-top: 0.313rem ;
	padding-left: 0.313rem ;
	margin-top: 0.75rem ;
	padding-right: 0.313rem ;
	border-right: 0.063rem solid #738faa;
	}


	.greenright-user{
	width:38px;
	padding-left:15px;   }
	.user-icon-po-up{
	width:32px;
	}
	.mapbg{
	background-image:
	linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(249, 249, 249, 10)),
	url('../../assets/images/map.jpg');background-repeat:no-repeat;width: 100%;height: 311px;
	background-size: cover;
	}


	.countbox{
	max-width:100px;
	}


	.labletext{
	float:left;
	clear:both;
	}
	
	.search-loct  input{
	font-size: 1rem !important;
    font-weight: 600;
	}




	/* slider */

	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 0.25rem ;
	/* display: none; */
	}

	.settingmenu{
	padding-top:15px;
	}
	.settingmenu a{
	color:#000!important;

	}

	.settingmenu h5{
	font-size:16px!important;
	}

	.footer .centerbutton {
	height: 80px;
	line-height: 78px;
	width: 80px;
	border-radius: 100px;
	background: #2fd470;
	margin: 0 40px;
	margin-top: -37px;
	}
	.membertype{
	height: calc(1.5em + .75rem + 2px)!important;

	}


	.dateicon {
	float: left;
	position: absolute;
	padding-top: 0.375rem ;
	padding-left: 0.375rem ;
	width: 8%;
	}

	.border-bottom-radus{
	border-bottom-right-radius:0px!important;
	border-bottom-left-radius:0px!important;
	}
	.editicon{ 
	background:#E16983;
	text-align: center;
	}

	.editicon i{ 
	background:#E16983;
	color:#fff;
	padding: 0.125rem 0.563rem ;
	}

	.copy-icon{
	width:22px;
	}

	.dislevel{ 
	color:#62909F;
	font-style: italic;
	}

	.privbtnh {
	float: left;
	}

	.search-filter img {
	width: 36px!important;
	vertical-align: middle;
	}



	@media only screen and (max-device-width: 320px){
	.tab-card-header > .nav-tabs > li > a {
	font-size: 0.75rem !important;
	padding: 0.125rem 0.313rem !important;
	}
	label {
    font-size: 0.813rem ;
    font-weight: 500;
}
	
	
	.larg-title {
    font-weight: 400;
    line-height: 1.625rem ;
	font-size:18px
}


	
	.breadcrumb-item a {
    color: #355d84!important;
    font-weight: 600!important;
    font-size: 0.875rem !important;
}
	
	.card-head-text{
font-size:16px; 
padding-top:5px;
}


	.status {
    color: #62909F;
    background-color: #d9e6f5;
    padding: 0.625rem  auto;
    font-size: 0.75rem ;
}
.activities-count{
font-size:16px;
color:#000;
font-weight:600;
}

	}




	/****** body content close*******/

	/***** footer open ******/
	.continu-row{
	background:#fff;
	padding-top:10px;
	padding-bottom:10px;
	}

	.continue-btn-defalut{
	background: #888888;
	color: #fff!important;
	padding: 1rem  0.938rem ;
	text-align: center;
	width: 100%;
	float: left;
	}

	.continue-btn{
	background: #2EB2F2;
	color: #fff!important;
	padding: 1rem  0.938rem ;
	text-align: center;
	width: 100%;
	float: left;
	}

	.continue-btn:hover{
	background: #068bcc;
	color: #fff!important;
	padding: 1rem  0.938rem ;
	text-align: center;
	width: 100%;
	float: left;
	box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28); 
	}

	.continue-btn a{color:#fff;text-decoration:none;} 
	.continue-btn a:hover{color:#fff;text-decoration:none;} 

	.footer{

	}
	.bottom-fixed{
	position:fixed;
	}

	.footer-prv{    text-align: center;    padding: 0.5rem ;    background: #fff;}


	.footer-img{

	}
	.footer-text{

	}

	.footer-icon{

	}

	/****** footer close *******/


	.form-control-lg, .input-group-lg>.custom-file-control, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.custom-file-control:before, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.custom-file-control:before, .input-group-lg>.input-group-prepend>.input-group-text {

	font-size: 1rem!important;

	}
	
	.small {
    font-size: 100%;
    font-weight: 400;
}

	.footer .gray-defalut{
	height: 80px!important;
	line-height: 78px!important;
	width: 80px!important;
	border-radius: 100px!important;
	background: #c5c5c5!important;
	margin: 0 40px!important;
	margin-top: -37px!important;
	}
	.gray-defalut i{
	color:#f3ebeb!important;
	}

	.footer .centerbutton-blue{
	height: 80px!important;
	line-height: 78px!important;
	width: 80px!important;
	border-radius: 100px !important;
	background: #2eb2f2!important;
	margin: 0  auto!important;
	margin-top: -37px!important;
	}


	.bottomblock i{

	color:#fff;
	background:#d41212;
	padding:5px;
	border-radius:50%;

	}

	p {
	font-weight: normal;
	}

	.Approve-icon img{
	width:100%;
	}

	.filtersearch{

	position:absolute;
	padding-top: 0.75rem ;
	padding-left: 0.313rem ;
	}

	.serchbar{
	float:left;width:100%;
	}
	.searchnxt{
	position: absolute;
	padding-top: 0.375rem ;
	padding-left: 0.625rem ;
	padding-right: 0.313rem ;
	margin-left: -35px;
	margin-top: 0.313rem ;
	background: white;
	margin-right: 0.313rem ;
	font-size:12px;	
	}

	.btnlogn a{
	color:#fff;
	text-decoration:none;
	display: block;
	padding: 0.813rem ;
	}
	/* primary colors */
	.bg-primary,
	.badge-primary {
	background-color: #0D76FF !important
	}

	.text-primary {
	color: #0D76FF !important
	}

	.text-default {
	color: #FF0068 !important
	}

	.bg-primary-light {
	background-color: #CEE3FF !important
	}

	.bg-success,
	.badge-success {
	background-color: #00BE7D !important
	}

	.text-success {
	color: #00BE7D !important
	}

	.bg-succss-light {
	background-color: #C0E9DB !important
	}

	.bg-warning,
	.badge-warning {
	background-color: #FFC400 !important
	}

	.text-warning {
	color: #FFC400 !important
	}

	.bg-warning-light {
	background-color: #FFF0C1 !important
	}

	.bg-orange,
	.badge-orange {
	background-color: #FF6F00 !important
	}

	.bg-orange-light {
	background-color: #FFE5D1 !important
	}

	.bg-grey,
	.badge-grey {
	background-color: #999999 !important
	}

	.bg-grey-light {
	background-color: #BBBBBB !important
	}

	.text-white a {
	color: #ffffff !important
	}

	.row.proh {
	position: relative;
	overflow-x: hidden;
	}

	.text-mute {

	margin-bottom: 0.5rem ;
	color: #62909F;
	}

	.text-mute.big
	{
	font-size: 0.875rem ;
	color:#355D84;
	}
	h5.small
	{
	color: black;
	font-size: 1rem ;
	font-weight: 600;
	}

	.wrapper {
	height: auto;
	width: 100%;
	position: relative;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	margin-left: 0;
	/* z-index: 1; */
	min-height: 100vh;
	padding-bottom: 80px;
	overflow: hidden;
	}

	p.small {
	line-height: 1.45em;
	}




	.sent-approver {
	background: #000;
	color: #fff;
	padding: 0.938rem ;
	font-size: 1rem ;
	border-radius: 0.438rem ; 
	}





	p:last-child {
	margin-bottom: 0;
	}

	sup {
	top: -.2em;
	}

	.background {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	opacity: 1;
	z-index: 0;
	}

	.background + div {
	position: relative;
	z-index: 1
	}

	/* sideabr  */
	body.menuactive {
	overflow: hidden;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	}

	html.menuactive {
	height: 100%;
	width: 100%;
	overflow: hidden;
	}

	body.menuactive .wrapper {
	overflow: hidden;
	height: 100vh;
	}

	body.sidemenu-open .wrapper {
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	box-shadow: 0px 0.313rem  0.938rem  rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0.313rem  0.938rem  rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0.313rem  0.938rem  rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0.313rem  0.938rem  rgba(0, 0, 0, 0.2);
	margin-left: 240px;
	border-radius: 0.625rem ;
	}

	body.sidemenu-open .wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
	user-select: none;
	-webkit-user-select: none;
	z-index: 10;
	cursor: pointer
	}

	.sidebar {
	position: absolute;
	padding-top: env(safe-area-inset-top);
	width: 250px;
	height: 100%;
	z-index: 0;
	left: -260px;
	top: 0;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	overflow-y: auto;
	}


	.sidebar .main-menu .list-group-item {
	background-color: transparent;
	font-size: 1rem ;
	border: 0;
	border-radius: 0.625rem ;
	}

	.sidebar .main-menu .list-group-item:hover {
	background-color: rgba(255, 255, 255, 0.15);
	}

	.sidebar .main-menu .list-group-item.active {
	background-color: rgba(255, 255, 255, 0.25);
	}

	body.sidemenu-open .sidebar {
	left: 0;
	}


	.sidebar .figure-menu {
	height: 100px;
	width: 100px;
	border-radius: 50px;
	padding: 0.313rem ;
	display: block;
	margin: 45px auto 1.25rem  auto;
	background-color: #ffffff;
	}

	.sidebar .figure-menu figure {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 50%;
	}


	.banner-b-yell {
	margin-top: -45px;

	}
	.banner-b-yell img{
	width:100%;
	float:left;

	}

	.sidebar .figure-menu figure img {
	width: 100%;
	}

	/* Loader css */
	.breadcrumb-item.active {
	color: #b9b9b9;
	}

	/* Loader css */
	.laoderhorizontal {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	}

	.laoderhorizontal div {
	position: absolute;
	top: 1.688rem ;
	width: 0.688rem ;
	height: 0.688rem ;
	border-radius: 50%;
	background: #fff;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
	}

	.laoderhorizontal div:nth-child(1) {
	left: 0.375rem ;
	animation: laoderhorizontal1 0.6s infinite;
	}

	.laoderhorizontal div:nth-child(2) {
	left: 0.375rem ;
	animation: laoderhorizontal2 0.6s infinite;
	}

	.laoderhorizontal div:nth-child(3) {
	left: 1.625rem ;
	animation: laoderhorizontal2 0.6s infinite;
	}

	.laoderhorizontal div:nth-child(4) {
	left: 45px;
	animation: laoderhorizontal3 0.6s infinite;
	}


	@keyframes laoderhorizontal1 {
	0% {
	transform: scale(0);
	}

	100% {
	transform: scale(1);
	}
	}

	@keyframes laoderhorizontal3 {
	0% {
	transform: scale(1);
	}

	100% {
	transform: scale(0);
	}
	}

	@keyframes laoderhorizontal2 {
	0% {
	transform: translate(0, 0);
	}

	100% {
	transform: translate(19px, 0);
	}
	}

	.btn-loader {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	width: 1.875rem ;
	height: 1.875rem ;
	}

	.btn-loader div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 1.5rem ;
	height: 1.5rem ;
	margin: 0.188rem ;
	border: 0.25rem  solid #fff;
	border-radius: 50%;
	animation: btnloader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #ffffff transparent transparent transparent;
	}

	.btn-loader div:nth-child(1) {
	animation-delay: -0.45s;
	}

	.btn-loader div:nth-child(2) {
	animation-delay: -0.3s;
	}

	.btn-loader div:nth-child(3) {
	animation-delay: -0.15s;
	}

	@keyframes btnloader {
	0% {
	transform: rotate(0deg);
	}

	100% {
	transform: rotate(360deg);
	}
	}

	.loader-screen {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 99;
	background-color: #2EB2F2;
	background: rgba(255, 255, 255, 0.9) !important;
	 
	}

	.welcome-loader-screen {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 99;
		background-color: #2EB2F2;
		 
		}

	/* introduction swiper slider css */
	.demo-swiper,
	.swiper-init {
	height: 450px;
	margin-top: 1.875rem ;
	}

	.demo-swiper .swiper-slide,
	.swiper-init .swiper-slide {
	background-color: #ffffff
	}

	.demo-swiper .swiper-slide,
	.swiper-init .swiper-slide {
	background-size: cover
	}

	.demo-swiper-gallery-top {
	height: 350px;
	margin-top: 1.875rem ;
	}

	.demo-swiper-gallery-top .swiper-slide {
	background-size: cover
	}

	.demo-swiper-gallery-thumbs {
	height: 80px;
	}

	.demo-swiper-gallery-thumbs .swiper-slide > div {
	height: 100%;
	width: 100%;
	background-size: cover;
	}

	.swiper-pagination-bullet-active {
	opacity: 1;
	background: #2eb2f2;
	}

	.introduction.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 35px;
	margin-bottom: env(safe-area-inset-bottom);
	}

	.introduction .swiper-slide {
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
	padding-top: env(safe-area-inset-bottom);
	}

	.right-image {
	position: absolute;
	z-index: 0;
	right: 0;
	top: auto;
	bottom: auto;
	height: 600px;
	}

	.right-image + div {
	z-index: 1
	}

	.orange-slice {
	margin-right: -200px;
	}

	.pinapple {
	margin-right: -120px;
	}

	.banana {
	margin-right: -190px;
	}

	.apple {
	margin-right: -280px;
	}


	/* form elements */
	select.form-control option,
	select.form-control optgroup {
	color: #000000
	}

	.form-control:focus {
	box-shadow: none;
	-ms-box-shadow: none;
	}

	.form-control::placeholder {
	color: #bbbbbb;
	}

	.float-label {
	padding-top: 0.938rem ;
	position: relative;
	}

	.form-group .form-control-label {
	font-size: 0.813rem ;
	line-height: 1.125rem ;
	color: #BBBBBB;
	}

	.float-label .form-control-label {
	position: absolute;
	left: 0;
	top: 1.5rem ;
	margin: 0;
	line-height: 1.25rem ;
	color: #BBBBBB;
	font-size: 0.938rem ;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
	-moz-transition: ease all 0.5s;
	z-index: 0;
	}

	.float-label .form-control,
	.float-label .chosen-container .chosen-choices,
	.float-label .chosen-container .chosen-single {
	background-color: transparent;
	border-width: 0 0 0.063rem 0;
	border-radius: 0;
	z-index: 1;
	position: relative;
	padding-left: 0;
	padding-right: 0;
	background-image: none;
	}

	.float-label .form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	outline: none;
	}

	.float-label .form-control:focus + .form-control-label,
	.float-label.active label {
	top: 0;
	font-size: 0.813rem ;
	line-height: 1.25rem ;
	}

	.form-control-lg {
	font-size: 1.125rem ;
	}

	.search {
	border-radius: 0.313rem !important;
	background: url('../img/search.png') no-repeat center right #fff;
	border-color: #ffffff;

	}

	.mainsearch {
	border-radius: 0.313rem ;
	background: url(../img/search.png) no-repeat center right #fff;

	padding-left: 45px;
	width: 100%;
	border: 0.063rem solid;
	border-style: none;

	}

	.chosen-container-active .chosen-choices,
	.chosen-container .chosen-single,
	.chosen-container-active.chosen-with-drop .chosen-single {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	}

	.chosen-container-multi .chosen-choices,
	.chosen-container .chosen-single {
	padding: 0.313rem ;
	height: auto;
	border-color: #ced4da;
	}

	.chosen-container-multi .chosen-choices li.search-choice,
	.chosen-container .chosen-single li.search-choice {
	position: relative;
	padding: 0.313rem  1.563rem  0.313rem  0.938rem ;
	line-height: 1.125rem ;
	border: 0px none;
	border-radius: 1.875rem ;
	background-image: none;
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	outline: none;
	}

	.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 0.5rem ;
	right: 0.375rem ;
	width: 0.75rem ;
	height: 0.75rem ;
	border-radius: 1.25rem ;
	padding: 0.313rem ;
	}

	.chosen-container.chosen-with-drop .chosen-drop {
	border: 0;
	}

	.chosen-container .chosen-results li.highlighted {
	background-image: none;
	}











	/* search */

	.search {
	border-radius: 0.313rem ;
	padding: 0.313rem ;
	padding-left: 40px;
	color: #62909F;
	}

	.searchicon {
	float: left;
	margin-top: 1rem ;
	position: absolute;
	margin-left: 0.75rem ;
	color: #62909F;
	}

	.shadow-new {
	box-shadow: 0 .125rem 1.25rem rgba(0,0,0,.095)!important;
	}

	.search-filter {
	text-align: center;
	padding: 0.313rem ;
	border-radius: 0.313rem ;
	width: 100%;
	}
	.search-filter img {
	width: 1.875rem !important;
	vertical-align: middle;
	}
	.search-notification {
	height: 0.5rem ;
	width: 0.5rem ;
	border-radius: 0.375rem ;
	background-color: #ff5151;
	display: block;
	position: absolute;
	top: 0px;
	right: 1rem ;
	}





	a{
	color:#000;
	}

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

	.heighttextara{
	width:100%;
	height:auto!important;
	}






	/* button */
	button.btn{
		height: 2.8rem;
	}
	.btn {
		font-size: 1rem;
	/* text-transform: uppercase; */
	font-weight: 400;
	border-width: 0;
	}

	[class*="outline"] {
	border-width: 1px;
	}

	body a.btn-primary,
	body a.btn-warning,
	body a.btn-danger,
	body a.btn-success {
	color: #ffffff;
	}

	.btn-lg {
	padding: .815rem 1.5rem;
	}

	.btn-sm {
	font-size: 0.875rem ;
	}

	.btn i,
	.btn span,
	a i {
	vertical-align: middle
	}

	.btn img {
	max-width: 34px;
	vertical-align: middle;
	}

	.btn:focus {
	box-shadow: none;
	-ms-box-shadow: none;
	}

	.btn i:first-child {
	margin-right: 0.313rem ;
	margin-left: -4px;
	}

	.btn i:last-child {
	margin-left: 0.313rem ;
	margin-right: -4px;
	}

	.btn i:last-child:first-child {
	margin-left: 0px;
	margin-right: 0px;
	}

	.button-rounded-54 {
	height: 54px;
	width: 54px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	border-radius: 1.75rem ;
	}

	.button-rounded-36 {
	height: 36px;
	width: 36px;
	line-height: 2rem ;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	border-radius: 1.75rem ;
	}

	.button-rounded-26 {
	height: 1.625rem ;
	width: 1.625rem ;
	line-height: 1.375rem ;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	border-radius: 0.813rem ;
	}

	.float-bottom-right {
	position: absolute;
	right: 0.938rem ;
	bottom: 42px;
	z-index: 2;
	margin-bottom: env(safe-area-inset-bottom);
	}

	.btn-rounded {
	border-radius: 1.875rem ;
	}

	.btn-rounded-15 {
	border-radius: 0.938rem ;
	}
	/*
	.btn-default,
	body .btn.btn-secondary {
	color: #ffffff;
	border: 0.063rem solid #2fd470;

	}
	*/
	.btn-warning {
	background-color: #FFC400;
	color: #ffffff;
	}

	.btn-warning:focus,
	.btn-warning:active,
	.btn-warning:hover {
	background-color: #f0b000;
	color: #ffffff !important;
	}

	.btn.btn-link-default {
	color: #bbbbbb;
	}

	.btn.shadow-sm {
	box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .2) !important;
	-webkit-box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .2) !important;
	-moz-box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .2) !important;
	-ms-box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .2) !important;
	}

	.btn.shadow-xs {
	box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .1) !important;
	-webkit-box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .1) !important;
	-moz-box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .1) !important;
	-ms-box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .1) !important;
	}

	.btn-light,
	body a.btn-light {
	background-color: #ffffff;
	color: #999999;
	}

	.btn-light-grey,
	body a.btn-light-grey {
	background-color: #E3EAF1;
	color: #BBBBBB;
	border-color: #F3F6F8
	}

	.btn-group > .btn:first-child,
	.btn-group > .btn:first-of-type,
	.btn-group > .btn-group:first-child > .btn {
	border-top-left-radius: 1.875rem ;
	border-bottom-left-radius: 1.875rem ;
	}

	.btn-group > .btn:last-child,
	.btn-group > .btn:last-of-type,
	.btn-group > .btn-group:last-child > .btn {
	border-top-right-radius: 1.875rem ;
	border-bottom-right-radius: 1.875rem ;
	}


	.btn h6,
	.btn h5,
	.btn h4,
	.btn h3,
	.btn h2,
	.btn h1 {
	vertical-align: middle
	}

	.vm {
	vertical-align: middle
	}

	.input-group > .input-group-append > .btn,
	.input-group > .input-group-append > .input-group-text,
	.input-group > .input-group-prepend:not(:first-child) > .btn,
	.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
	border-top-right-radius: 1.875rem ;
	border-bottom-right-radius: 1.875rem ;
	}

	.input-group > .input-group-append:not(:last-child) > .btn,
	.input-group > .input-group-append:not(:last-child) > .input-group-text,
	.input-group > .input-group-prepend > .btn,
	.input-group > .input-group-prepend > .input-group-text {
	border-top-left-radius: 1.875rem ;
	border-bottom-left-radius: 1.875rem ;
	}

	.input-group > .form-control:first-child {
	border-top-left-radius: 1.875rem ;
	border-bottom-left-radius: 1.875rem ;
	}

	.input-group > .form-control:last-child {
	border-top-right-radius: 1.875rem ;
	border-bottom-right-radius: 1.875rem ;
	}

	.input-group > .input-group-prepend > .input-group-text + .input-group-text {
	border-radius: 0;
	}


	.bmd-form-group .custom-file-control, .bmd-form-group .form-control, .bmd-form-group input::placeholder, .bmd-form-group label {
	line-height: 1;
	color: #7b7b7b;
	}



	.w-45 {
	width: 45px !important;
	text-align: center
	}

	.w-35 {
	width: 35px !important;
	text-align: center
	}

	.input-group.input-group-sm > .form-control {
	height: calc(1.6em + .5rem + 2px);
	border-color: #E3EAF1;
	}

	.border-top-dashed {
	border-top: 0.125rem dashed #e3ead7 !important;
	}

	.progress {
	background-color: rgba(0, 0, 0, 0.05)
	}

	/* heights  */
	.h-2 {
	height: 2px;
	}

	.h-4 {
	height: 0.25rem ;
	}

	.h-6 {
	height: 0.375rem ;
	}

	.h-8 {
	height: 0.5rem ;
	}

	.h-10 {
	height: 0.625rem ;
	}

	/* popover  */
	.popover {
	border: 0;
	box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.10);
	}

	/* Notifications  */
	.new-notification {
	height: 0.625rem ;
	width: 0.625rem ;
	border-radius: 0.375rem ;
	background-color: #FF0068;
	display: block;
	position: absolute;
	top: 1.438rem ;
	right: 0.313rem ;
	border: 0.125rem solid #ffffff;
	}

	/* List items  */
	.list-items {
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	}

	.list-items li {
	margin-bottom: 0.313rem ;
	border-radius: 0.625rem ;
	background-color: #eef2f5;
	width: 100%;
	display: block;
	padding: 0.625rem  0.938rem ;
	line-height: 1.25rem ;
	}

	.list-items li:last-child {
	margin-bottom: 0
	}

	.list-group .list-group-item {
	padding: 0.75rem 0.938rem ;
	}

	/*.list-group .list-group-item:hover {
	background-color: #FF0068;
	}

	.list-group .list-group-item:hover * {
	color: #FFFFFF !important
	}
	.list-group .list-group-item:hover .form-control{
	color: #000000 !important ;
	}*/
	.list-group-item.active {
	z-index: 2;
	color: #343a40;
	background-color: #e3eaf1;
	border-color: #ffffff;
	}

	.list-group-item.active:hover * {
	color: #343a40 !important;
	}

	/* Nav tabs  */
	.nav-tabs {
	z-index: 0;
	border: 0;
	margin-bottom: -11px;
	}

	.card .card-header .nav-tabs {
	margin-bottom: -1px;
	text-align: center
	}

	.card-img:first-child {
	border-radius: 0.625rem  0.625rem  0 0;
	}

	.nav-tabs .nav-link {
	padding: 0.938rem  0.938rem  1.563rem  0.938rem ;
	border: 0;
	border-radius: 0.938rem  0.938rem  0 0;
	}

	.card .card-header .nav-tabs .nav-link {
	padding: 0.938rem ;
	}
	.navetab{
	font-size: 0.688rem !important;
	padding: 0.125rem 0px!important;
	}


	.nav-tabs .nav-link.active {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	-ms-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	}

	.card .card-header .nav-tabs .nav-link.active {
	box-shadow: 0 -0.125rem .125rem rgba(0, 0, 0, .075);
	-webkit-box-shadow: 0 -0.125rem .125rem rgba(0, 0, 0, .075);
	-moz-box-shadow: 0 -0.125rem .125rem rgba(0, 0, 0, .075);
	-ms-box-shadow: 0 -0.125rem .125rem rgba(0, 0, 0, .075);
	}

	.callred{
	position: absolute;

	margin-left: 22em;
	top: -4em;
	}
	}

	.card .card-header {
	border: 0;
	border-radius: 0.875rem ;
	}

	.card .card-footer {
	border: 0;
	border-radius: 0 0 0.75rem  0.75rem ;
	}

	.card .card-header .card-title {
	margin-bottom: 0;
	}

	.tab-content {
	position: relative;
	z-index: 1;
	}

	.tab-content .tab-pane {
	padding: 0.313rem ;
	background-color: #ffffff;
	box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .075);
	-webkit-box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .075);
	-moz-box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .075);
	-ms-box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .075);
	border-radius: 0.938rem ;
	}

	.card .tab-content .tab-pane {
	padding: 0;
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	}
	.notification-bottom{
	background:#000;
	color:#fff;
	border-radius:7px;padding:5px;
	font-size:15px;
	}
	/* Notification */
	.notification {
	padding: 0.938rem ;
	background-color: #ffffff;
	position: fixed;
	top: -30%;
	width: 84%;
	max-width: 400px;
	margin: 0 auto;
	left: 0;
	right: 0;
	border-left-width: 0.188rem ;
	border-left-style: solid;
	z-index: 10;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	border-radius: 0.625rem ;
	overflow: hidden;
	}

	.notification.active {
	top: 1.875rem ;
	opacity: 1;

	}

	.cardlist .shareicn {
    width: 1.563rem ;
    margin-top: 0.938rem ;
    margin-right: 0.938rem ;
    float: right;
    margin-bottom: 0.313rem ;
}


	.notification.bottom {
	bottom: -30%;
	opacity: 0;
	top: auto;
	}

	.notification.bottom.active {
	bottom: 1.875rem ;
	opacity: 1;

	}

	/* header */

	.header {
	width: 100%;
	height: auto;
	/*  position: fixed;*/
	padding: env(safe-area-inset-top);
	top: 0;
	left: 0;
	z-index: 9;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	}

	.header.active {
	box-shadow: 0px 0.188rem  0.625rem  rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0.188rem  0.625rem  rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0.188rem  0.625rem  rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0.188rem  0.625rem  rgba(0, 0, 0, 0.1);
	}

	.header-logo {
	/* height: 70%;*/
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
	/*  margin: 0.375rem  auto 0px auto;*/
	width: 60px;
	}

	.loggedlogo
	{
	top:0.313rem !important;
	}

	.loggedlogo .header-logo 
	{
	width:60px
	}
	
	/* .swiper-slide-active{
	
	width:100%!important;
	} */
	.header .btn {
	/* height: 54px; */
	width: 54px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	/* line-height: 50px; */
	}

	.header + div {
	padding-top: 10 px;
	}

	.smll{
	font-size:9px;
	color:#F94747;
	text-align:center;
	}
	.quotebg
	{
	background-image:url(../../assets/images/img/quotes_bg.png);
	background-size: cover;
	background-position: left top;
	 height: 265px; 
	background-repeat: no-repeat;
	margin-top: 0.313rem ;
	/*

	height: 100%;
	min-height:230px;*/
	}

	/* footer */
	.footer {
	width: 100%;
	height: auto;
	position: fixed;
	padding: env(safe-area-inset-bottom);
	bottom: 0;
	left: 0;
	z-index: 9;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	background: #ffffff;
	box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
	}



	.card-header{
	border-bottom: 0px solid rgba(0,0,0,.125);
	}



	.footer .centerbutton {
	height: 80px;
	line-height: 78px;
	width: 80px;
	border-radius: 100px;
	background: #2fd470;
	margin: 0 40px;
	margin-top: -37px;
	}
#guidelinesAlert ul{
	padding-left: 1.563rem  !important;
}
























	.footer .btn {
	/*  width: 60px;*/
	height: 42px;
	line-height: 54px;
	padding: 0;
	text-align: center;
	display: block;
	vertical-align: middle;
	}

	.footer .btn i {
	/* width: 1.375rem ;*/
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
	font-size: 2rem ;
	color: #fff;
	}

	.footer .centerbutton {
	height: 80px;
	line-height: 78px;
	width: 80px;
	border-radius: 100px;
	margin: 0 40px;
	margin-top: -37px;
	}

	/* page specific */
	.subtitle {
	font-size: 1.05rem;
	line-height: 1.8rem;
	margin-top: 1.25rem ;
	margin-bottom: 0.625rem ;
	font-weight:600;
	}

	.subtitle span {
	vertical-align: middle;
	display: inline-block;
	line-height: 1.625rem ;
	border-bottom: 0.125rem solid #ffffff;
	}
	.border-lr{
	border-left:0.063rem solid #84807e;
	border-right:0.063rem solid #84807e;
	}
	.calendar-icon{
	width:1.01rem;
	float:left;
	}
	.logo-small {
	width: 122px;
	}

	.form-signin {
	border-radius: 1.25rem ;
	background-color: #ffffff;
	padding: 1.25rem ;
	margin: 1.875rem  auto;
	max-width: 320px;
	}
	.mbtt{
	    border-bottom: 0.063rem solid #e5e5e5;
	}

	.border-bottom-0{
	border-bottom:0px solid #84807e;
	}




	/* product */

	.swiper-slide .card
	{
	border-radius: 0.625rem ;
	}

	.small-slide {
	height: 150px;
	}

	.small-slide .swiper-slide {
	width: 165px;
	padding-bottom: 0.625rem ;
	padding-right: 0.938rem ;
	}

	.small-slide .swiper-slide .card {
	border-radius: 0.938rem ;
	margin-left: 0.938rem ;
	height: 100%;
	width: 92%;
	}

	.small-slide .swiper-slide .card-body {
	position: relative
	}

	.small-slide .swiper-slide .small-slide-right {
	max-height: 100%;
	margin-right: -45px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	}

	.badge {
	border-radius: 1.875rem ;
	font-weight: 400;
	padding-left: 0.625rem ;
	padding-right: 0.625rem ;

	}
	.badge-footer {
	border-radius: 1.875rem ;
	font-weight: 400;
	padding-left: 0.438rem ;
	padding-right: 0.375rem ;
	top: 0em;
	left: 6em;
	position: absolute;
	z-index: 99999;
	font-size: 0.625rem ;
	}


	.product-image {
	height: 80px;
	width: 100%;
	display: block;
	text-align: center;
	/* margin: 0.625rem  auto; */
	max-width: 100px;

	}

	.product-image img {
	max-height: 100%;
	max-width: 100%;
	border-radius: 0.313rem ;

	}

	.news-slide {
	height: 280px;
	padding-bottom: 0.5rem ;
	margin-bottom: 1.563rem ;
	}

	.news-slide .swiper-slide {
	padding: 0 0.938rem  0.625rem  0.938rem ;
	}

	.news-slide .swiper-slide .card {
	overflow: hidden;
	height: 100%;
	margin: 0;
	}

	.news-slide.swiper-container-horizontal > .swiper-pagination-bullets {
	margin-top: 0px;
	top: -6px;
	}



	.sliderbner{
	height:auto!important;
	}

	.sssvip {
	background: #ced7f1;
	padding: 0.125rem 0.625rem ;
	border-radius: 1rem ;
	font-size: 0.875rem ;
	}

	.dist-activity i {
	color: #14a5c5;
	}


	/* card */
	.card {
	border-radius: 0.5rem ;
	}

	.card .card-body {
	padding: 0.938rem ;
	}

	/* Rules for sizing the icon. */
	.material-icons.md-18 {
	font-size: 1.125rem ;
	}

	.material-icons.md-24 {
	font-size: 1.5rem ;
	}

	.material-icons.md-36 {
	font-size: 36px;
	}

	.material-icons.md-48 {
	font-size: 48px;
	}

	/*  filter */
	.filter {
	height: 100%;
	width: 280px;
	position: fixed;
	right: -280px;
	top: 0;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	z-index: 11;
	padding-bottom: env(safe-area-inset-bottom);
	}

	.filtermenu-open .filter {
	right: 0;
	box-shadow: -5px 0px 0.938rem  rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: -5px 0px 0.938rem  rgba(0, 0, 0, 0.25);
	-moz-box-shadow: -5px 0px 0.938rem  rgba(0, 0, 0, 0.25);
	-ms-box-shadow: -5px 0px 0.938rem  rgba(0, 0, 0, 0.25);
	}

	.filter > .filter-btn {
	border-radius: 1.875rem  0 0 1.875rem ;
	width: 40px;
	text-align: left;
	position: absolute;
	left: -39px;
	top: 135px;
	}

	.text-normal {
	text-transform: none
	}

	@media screen and (max-width:610px) {
	.filter-group {
	margin-right: 50px;
	}

	.filter > .filter-btn {
	width: 50px;
	left: -49px;
	}
	}

	.filters-container {
	height: 100%;
	overflow-y: auto;
	width: 100%;
	display: block;
	}

	/* range slider */
	.noUi-target {
	background: #ffffffa1;
	border-radius: 0.25rem ;
	border: none;
	box-shadow: none;
	}

	.noUi-horizontal {
	height: 0.625rem ;
	}

	.noUi-connect {
	background: #000000;
	}

	.noUi-horizontal .noUi-handle {
	width: 1.25rem ;
	height: 1.25rem ;
	border-radius: 60px;
	}

	.noUi-horizontal .noUi-handle:after,
	.noUi-horizontal .noUi-handle:before {
	display: none
	}

	/* progress bar */
	.progress-bar {
	border-radius: 0.625rem ;
	}

	.progress-sm {
	height: 0.5rem ;
	padding: 2px;
	}

	/* product details  */
	.product-details {
	height: 300px;
	}

	.product-details {}

	.product-details .swiper-slide {
	padding: 1.25rem  0.938rem  40px 0.938rem ;
	line-height: 200px;
	text-align: center
	}

	.product-details .swiper-slide > img {
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;

	}


	/* avatar */

	.avatar {
	border-radius: 200px;
	display: inline-block;
	margin: 0px auto;
	background-color: #ffffff;
	overflow: hidden;
	border: 0.188rem  solid #ffffff;
	vertical-align: top;
	text-align: center;
	box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.1);
	}

	.avatar img {
	width: 100%;
	vertical-align: top
	}

	.avatar-20 {
	height: 1.25rem ;
	width: 1.25rem ;
	}

	.avatar-40 {
	height: 40px;
	width: 40px;
	}

	.avatar-60 {
	height: 60px;
	width: 60px;
	}

	.avatar-80 {
	height: 80px;
	width: 80px;
	}

	.avatar-100 {
	height: 100px;
	width: 100px;
	}

	.avatar-120 {
	height: 120px;
	width: 120px;
	}

	.avatar-50 {
	height: 50px;
	width: 50px;
	}

	.avatar-70 {
	height: 70px;
	width: 70px;
	}

	.avatar-90 {
	height: 90px;
	width: 90px;
	}

	.figure-profile {
	height: 178px;
	width: 178px;
	border-radius: 90px;
	border: 0.625rem  solid #FF0068;
	margin: 0 auto;
	position: relative;
	}

	.figure-profile figure {
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: 50%;
	}

	.figure-profile figure img {
	width: 100%;
	min-height: 100%;
	}

	.figure-profile > .floating-btn {
	border-radius: 50%;
	height: 40px;
	width: 40px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	line-height: 38px;
	box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0.313rem  0.625rem  rgba(0, 0, 0, 0.1);
	position: absolute;
	z-index: 2;
	right: 0px;
	bottom: 0px;
	}

	.figure-profile .floating-btn i {
	font-size: 1.375rem ;
	margin: 0;
	}

	.float-file {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: block;
	z-index: 1;
	opacity: 0
	}

	.cart_counter {
	height: 1.25rem ;
	line-height: 1.25rem ;
	width: 1.25rem ;
	border-radius: 0.625rem ;
	background: #000000;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0.813rem ;
	}

	pre {
	background: #e8f4ff;
	padding: 0.938rem ;
	}

	.modal-content {
	border-radius: 0.938rem ;
	border: none;
	}

	.modal-dialog-end {
	display: -ms-flexbox;
	display: -moz-flexbox;
	display: -webkit-flexbox;
	display: flex;
	-ms-flex-align: flex-end;
	-moz-flex-align: flex-end;
	-webkit-flex-align: flex-end;
	align-items: flex-end;
	min-height: calc(100% - 3.5rem);
	}

	/* theme color pink  */

	.pink-theme .bg-background,
	.pink-theme .header.active,
	.pink-theme .list-group-item.active {
	background-color: #E3EAF1
	}

	.pink-theme .wrapper {
	background-color: #E3EAF1;
	background-image: -moz-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #E3EAF1 100%);
	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250, 250, 250, 1)), color-stop(100%, #E3EAF1));
	background-image: -webkit-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #E3EAF1 100%);
	background-image: -o-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #E3EAF1 100%);
	background-image: -ms-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #E3EAF1 100%);
	background-image: radial-gradient(ellipse at center, rgba(250, 250, 250, 1) 0%, #E3EAF1 100%);
	background-attachment: inherit;
	background-position: center top;
	background-size: 100% 100%;
	}

	.pink-theme body,
	.pink-theme body.sidemenu-open,
	.pink-theme .bg-template,
	.pink-theme .btn-default,
	.pink-theme .custom-control-input:checked ~ .custom-control-label::before,
	.pink-theme .small-slide .swiper-slide .card:hover,
	.pink-theme .small-slide .swiper-slide .card:focus,
	.pink-theme .filter,
	.pink-theme .chosen-container .chosen-results li.highlighted,
	.pink-theme .page-item.active .page-link,
	.pink-theme .nav-pills .nav-link.active,
	.pink-theme .nav-pills .show > .nav-link,
	.pink-theme .loader-screen {
	background-color: #FF0068;

	}

	.pink-theme .filter,
	.pink-theme .filter .form-control,
	.pink-theme .filter .form-group label,
	.pink-theme .float-label .chosen-container-multi .chosen-choices,
	.pink-theme .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
	.pink-theme .filter .chosen-container-multi .chosen-choices li.search-choice,
	.pink-theme .btn-default,
	.pink-theme .sidebar,
	.pink-theme .sidebar .main-menu .list-group-item,
	.pink-theme .small-slide .swiper-slide .card:hover *,
	.pink-theme .small-slide .swiper-slide .card:focus * {
	color: #ffff !important;
	}

	.pink-theme .filter .form-group label {
	opacity: 0.85;
	}

	.pink-theme .btn-default:hover,
	.pink-theme .btn-default:focus {
	color: #ffffff;
	background-color: #dd015b;
	}

	.pink-theme .figure-profile,
	.pink-theme .form-control:focus,
	.pink-theme .custom-control-input:focus ~ .custom-control-label::before,
	.pink-theme .custom-control-input:checked ~ .custom-control-label::before,
	.pink-theme .float-label .form-control:focus,
	.pink-theme .page-item.active .page-link,
	.pink-theme .btn-outline-default {
	border-color: #FF0068
	}

	.pink-theme .filter .form-control:focus,
	.pink-theme .filter .custom-control-input:focus ~ .custom-control-label::before,
	.pink-theme .filter .custom-control-input:checked ~ .custom-control-label::before,
	.pink-theme .filter .float-label .form-control:focus {
	border-color: #ffffff
	}

	.pink-theme .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(255, 0, 104, 0.3);
	}

	.pink-theme .btn-light:hover,
	.pink-theme .btn-light:focus,
	.pink-theme .btn-light:not(:disabled):not(.disabled).active,
	.pink-theme .bg-template-light {
	background-color: #FFE5F0
	}

	.pink-theme .text-template,
	.pink-theme .btn-link,
	.pink-theme a,
	.pink-theme .float-label .form-control:focus + .form-control-label,
	.pink-theme .btn-light:hover,
	.pink-theme .btn-light:focus,
	.pink-theme .btn-light:not(:disabled):not(.disabled).active,
	.pink-theme .btn.btn-link-default:hover,
	.pink-theme .btn.btn-link-default:focus,
	.pink-theme .btn.btn-link-default.active {
	color: #FF0068;
	}

	/* brown theme */
	.brown-theme .bg-background,
	.brown-theme .header.active,
	.brown-theme .list-group-item.active {
	background-color: #f1ecdf
	}

	.brown-theme .wrapper {
	background-color: #f1ecdf;
	background-image: -moz-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #f1ecdf 100%);
	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250, 250, 250, 1)), color-stop(100%, #f1ecdf));
	background-image: -webkit-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #f1ecdf 100%);
	background-image: -o-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #f1ecdf 100%);
	background-image: -ms-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #f1ecdf 100%);
	background-image: radial-gradient(ellipse at center, rgba(250, 250, 250, 1) 0%, #f1ecdf 100%);
	background-attachment: inherit;
	background-position: center top;
	background-size: 100% 100%;
	}

	.brown-theme body,
	.brown-theme body.sidemenu-open,
	.brown-theme .bg-template,
	.brown-theme .btn-default,
	.brown-theme .custom-control-input:checked ~ .custom-control-label::before,
	.brown-theme .small-slide .swiper-slide .card:hover,
	.brown-theme .small-slide .swiper-slide .card:focus,
	.brown-theme .filter,
	.brown-theme .chosen-container .chosen-results li.highlighted,
	.brown-theme .page-item.active .page-link,
	.brown-theme .nav-pills .nav-link.active,
	.brown-theme .nav-pills .show > .nav-link,
	.brown-theme .loader-screen {
	background-color: #805433;
	}

	.brown-theme .filter,
	.brown-theme .filter .form-control,
	.brown-theme .filter .form-group label,
	.brown-theme .float-label .chosen-container-multi .chosen-choices,
	.brown-theme .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
	.brown-theme .filter .chosen-container-multi .chosen-choices li.search-choice,
	.brown-theme .btn-default,
	.brown-theme .sidebar,
	.brown-theme .sidebar .main-menu .list-group-item,
	.brown-theme .small-slide .swiper-slide .card:hover *,
	.brown-theme .small-slide .swiper-slide .card:focus * {
	color: #ffff !important;
	}

	.brown-theme .filter .form-group label {
	opacity: 0.85;
	}

	.brown-theme .btn-default:hover,
	.brown-theme .btn-default:focus {
	color: #ffffff;
	background-color: #502d13;
	}

	.brown-theme .figure-profile,
	.brown-theme .form-control:focus,
	.brown-theme .custom-control-input:focus ~ .custom-control-label::before,
	.brown-theme .custom-control-input:checked ~ .custom-control-label::before,
	.brown-theme .float-label .form-control:focus,
	.brown-theme .page-item.active .page-link,
	.brown-theme .btn-outline-default {
	border-color: #805433
	}

	.brown-theme .filter .form-control:focus,
	.brown-theme .filter .custom-control-input:focus ~ .custom-control-label::before,
	.brown-theme .filter .custom-control-input:checked ~ .custom-control-label::before,
	.brown-theme .filter .float-label .form-control:focus {
	border-color: #ffffff
	}

	.brown-theme .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(255, 0, 104, 0.3);
	}

	.brown-theme .btn-light:hover,
	.brown-theme .btn-light:focus,
	.brown-theme .btn-light:not(:disabled):not(.disabled).active,
	.brown-theme .bg-template-light {
	background-color: #f0e6de
	}

	.brown-theme .text-template,
	.brown-theme .btn-link,
	.brown-theme a,
	.brown-theme .float-label .form-control:focus + .form-control-label,
	.brown-theme .btn-light:hover,
	.brown-theme .btn-light:focus,
	.brown-theme .btn-light:not(:disabled):not(.disabled).active,
	.brown-theme .btn.btn-link-default:hover,
	.brown-theme .btn.btn-link-default:focus,
	.brown-theme .btn.btn-link-default.active {
	color: #805433;
	}

	.brown-theme .bg-warning,
	.brown-theme .badge-warning {
	background-color: #ead68e !important;
	}

	.brown-theme .bg-success,
	.brown-theme .badge-success {
	background-color: #9fd8c5 !important;
	}

	.brown-theme .bg-orange,
	.brown-theme .badge-orange {
	background-color: #e6b793 !important;
	}

	.brown-theme .bg-primary,
	.brown-theme .badge-primary {
	background-color: #8db3e4 !important;
	}

	.brown-theme .orange-slice {
	margin-right: -110px;
	}

	/* blue theme */
	.blue-theme .bg-background,
	.blue-theme .header.active,
	.blue-theme .list-group-item.active {
	background-color: #e7efff
	}

	.blue-theme .wrapper {
	background-color: #ffffff;
	/*  background-image: -moz-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #e7efff 100%);
	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250, 250, 250, 1)), color-stop(100%, #e7efff));
	background-image: -webkit-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #e7efff 100%);
	background-image: -o-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #e7efff 100%);
	background-image: -ms-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #e7efff 100%);
	background-image: radial-gradient(ellipse at center, rgba(250, 250, 250, 1) 0%, #e7efff 100%);*/
	background-attachment: inherit;
	background-position: center top;
	background-size: 100% 100%;
	}


	.blue-theme .bg-template,
	.blue-theme .custom-control-input:checked ~ .custom-control-label::before,
	.blue-theme .small-slide .swiper-slide .card:hover,
	.blue-theme .small-slide .swiper-slide .card:focus,
	.blue-theme .filter,
	.blue-theme .chosen-container .chosen-results li.highlighted,
	.blue-theme .page-item.active .page-link,
	.blue-theme .nav-pills .nav-link.active,
	.blue-theme .nav-pills .show > .nav-link,
	.blue-theme .loader-screen, .blue-theme .round-btn {
	background-color: #2EB2F2;
	}

	.blue-theme .filter,
	.blue-theme .filter .form-control,
	.blue-theme .filter .form-group label,
	.blue-theme .float-label .chosen-container-multi .chosen-choices,
	.blue-theme .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
	.blue-theme .filter .chosen-container-multi .chosen-choices li.search-choice,
	.blue-theme .btn-default,
	.blue-theme .sidebar,
	.blue-theme .sidebar .main-menu .list-group-item,
	.blue-theme .small-slide .swiper-slide .card:hover *,
	.blue-theme .small-slide .swiper-slide .card:focus * {
	color: #ffff !important;
	}

	.blue-theme .filter .form-group label {
	opacity: 0.85;
	}

	.blue-theme .btn-default:hover,
	.blue-theme .btn-default:focus {
	color: #ffffff;
	background-color: #e16983;
	}

	.blue-theme .btn-default:hover, .blue-theme .btn-default:focus {
	color: #ffffff;
	border-color: #e16983;
	}

	.blue-theme .figure-profile,
	.blue-theme .form-control:focus,
	.blue-theme .custom-control-input:focus ~ .custom-control-label::before,
	.blue-theme .custom-control-input:checked ~ .custom-control-label::before,
	.blue-theme .float-label .form-control:focus,
	.blue-theme .page-item.active .page-link,
	.blue-theme .btn-outline-default {
	border-color: #e16983;
	}

	.blue-theme .filter .form-control:focus,
	.blue-theme .filter .custom-control-input:focus ~ .custom-control-label::before,
	.blue-theme .filter .custom-control-input:checked ~ .custom-control-label::before,
	.blue-theme .filter .float-label .form-control:focus {
	border-color: #ffffff;
	}

	.blue-theme .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(255, 0, 104, 0.3);
	}

	.blue-theme .btn-light:hover,
	.blue-theme .btn-light:focus,
	.blue-theme .btn-light:not(:disabled):not(.disabled).active,
	.blue-theme .bg-template-light {
	background-color: #e1698;
	}

	.blue-theme .text-template,
	.blue-theme .btn-link,
	.blue-theme a,
	.blue-theme .float-label .form-control:focus + .form-control-label,
	.blue-theme .btn-light:hover,
	.blue-theme .btn-light:focus,
	.blue-theme .btn-light:not(:disabled):not(.disabled).active,
	.blue-theme .btn.btn-link-default:hover,
	.blue-theme .btn.btn-link-default:focus,
	.blue-theme .btn.btn-link-default.active {
	color: #2eb2f2;
	}

	.blue-theme .bg-warning,
	.blue-theme .badge-warning {
	background-color: #FDD835 !important;
	}

	.blue-theme .bg-success,
	.blue-theme .badge-success {
	/* background-color: #5fefa1 !important; */
	}

	.blue-theme .bg-orange,
	.blue-theme .badge-orange {
	background-color: #ff9133 !important;
	}

	.blue-theme .bg-primary,
	.blue-theme .badge-primary {
	background-color: #3fa7ff !important;
	}

	.blue-theme .orange-slice {
	margin-right: -110px;
	}

	/* purple theme */
	.purple-theme .bg-background,
	.purple-theme .header.active,
	.purple-theme .list-group-item.active {
	background-color: #ebe2f4
	}

	.purple-theme .wrapper {
	background-color: #ebe2f4;
	background-image: -moz-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #ebe2f4 100%);
	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250, 250, 250, 1)), color-stop(100%, #ebe2f4));
	background-image: -webkit-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #ebe2f4 100%);
	background-image: -o-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #ebe2f4 100%);
	background-image: -ms-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #ebe2f4 100%);
	background-image: radial-gradient(ellipse at center, rgba(250, 250, 250, 1) 0%, #ebe2f4 100%);
	background-attachment: inherit;
	background-position: center top;
	background-size: 100% 100%;
	}

	.purple-theme body,
	.purple-theme body.sidemenu-open,
	.purple-theme .bg-template,
	.purple-theme .btn-default,
	.purple-theme .custom-control-input:checked ~ .custom-control-label::before,
	.purple-theme .small-slide .swiper-slide .card:hover,
	.purple-theme .small-slide .swiper-slide .card:focus,
	.purple-theme .filter,
	.purple-theme .chosen-container .chosen-results li.highlighted,
	.purple-theme .page-item.active .page-link,
	.purple-theme .nav-pills .nav-link.active,
	.purple-theme .nav-pills .show > .nav-link,
	.purple-theme .loader-screen {
	background-color: #791ed3;
	}

	.purple-theme .filter,
	.purple-theme .filter .form-control,
	.purple-theme .filter .form-group label,
	.purple-theme .float-label .chosen-container-multi .chosen-choices,
	.purple-theme .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
	.purple-theme .filter .chosen-container-multi .chosen-choices li.search-choice,
	.purple-theme .btn-default,
	.purple-theme .sidebar,
	.purple-theme .sidebar .main-menu .list-group-item,
	.purple-theme .small-slide .swiper-slide .card:hover *,
	.purple-theme .small-slide .swiper-slide .card:focus * {
	color: #ffff !important;
	}

	.purple-theme .filter .form-group label {
	opacity: 0.85;
	}

	.purple-theme .btn-default:hover,
	.purple-theme .btn-default:focus {
	color: #ffffff;
	background-color: #5908aa;
	}

	.purple-theme .figure-profile,
	.purple-theme .form-control:focus,
	.purple-theme .custom-control-input:focus ~ .custom-control-label::before,
	.purple-theme .custom-control-input:checked ~ .custom-control-label::before,
	.purple-theme .float-label .form-control:focus,
	.purple-theme .page-item.active .page-link,
	.purple-theme .btn-outline-default {
	border-color: #791ed3
	}

	.purple-theme .filter .form-control:focus,
	.purple-theme .filter .custom-control-input:focus ~ .custom-control-label::before,
	.purple-theme .filter .custom-control-input:checked ~ .custom-control-label::before,
	.purple-theme .filter .float-label .form-control:focus {
	border-color: #ffffff
	}

	.purple-theme .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(255, 0, 104, 0.3);
	}

	.purple-theme .btn-light:hover,
	.purple-theme .btn-light:focus,
	.purple-theme .btn-light:not(:disabled):not(.disabled).active,
	.purple-theme .bg-template-light {
	background-color: #e3cdf8
	}

	.purple-theme .text-template,
	.purple-theme .btn-link,
	.purple-theme a,
	.purple-theme .float-label .form-control:focus + .form-control-label,
	.purple-theme .btn-light:hover,
	.purple-theme .btn-light:focus,
	.purple-theme .btn-light:not(:disabled):not(.disabled).active,
	.purple-theme .btn.btn-link-default:hover,
	.purple-theme .btn.btn-link-default:focus,
	.purple-theme .btn.btn-link-default.active {
	color: #791ed3;
	}

	.purple-theme .bg-warning,
	.purple-theme .badge-warning {
	background-color: #FDD835 !important;
	}

	.purple-theme .bg-success,
	.purple-theme .badge-success {
	background-color: #5fefa1 !important;
	}

	.purple-theme .bg-orange,
	.purple-theme .badge-orange {
	background-color: #ff9133 !important;
	}

	.purple-theme .bg-primary,
	.purple-theme .badge-primary {
	background-color: #3fa7ff !important;
	}

	.purple-theme .orange-slice {
	margin-right: -110px;
	}

	/* green theme */
	.green-theme .bg-background,
	.green-theme .header.active,
	.green-theme .list-group-item.active {
	background-color: #e4f7ed
	}

	.green-theme .wrapper {
	background-color: #e4f7ed;
	background-image: -moz-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #e4f7ed 100%);
	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250, 250, 250, 1)), color-stop(100%, #e4f7ed));
	background-image: -webkit-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #e4f7ed 100%);
	background-image: -o-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #e4f7ed 100%);
	background-image: -ms-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, #e4f7ed 100%);
	background-image: radial-gradient(ellipse at center, rgba(250, 250, 250, 1) 0%, #e4f7ed 100%);
	background-attachment: inherit;
	background-position: center top;
	background-size: 100% 100%;
	}

	.green-theme body,
	.green-theme body.sidemenu-open,
	.green-theme .bg-template,
	.green-theme .btn-default,
	.green-theme .custom-control-input:checked ~ .custom-control-label::before,
	.green-theme .small-slide .swiper-slide .card:hover,
	.green-theme .small-slide .swiper-slide .card:focus,
	.green-theme .filter,
	.green-theme .chosen-container .chosen-results li.highlighted,
	.green-theme .page-item.active .page-link,
	.green-theme .nav-pills .nav-link.active,
	.green-theme .nav-pills .show > .nav-link,
	.green-theme .loader-screen {
	background-color: #00d169;
	}

	.green-theme .filter,
	.green-theme .filter .form-control,
	.green-theme .filter .form-group label,
	.green-theme .float-label .chosen-container-multi .chosen-choices,
	.green-theme .float-label .chosen-container-multi .chosen-choices li.search-field input[type=text],
	.green-theme .filter .chosen-container-multi .chosen-choices li.search-choice,
	.green-theme .btn-default,
	.green-theme .sidebar,
	.green-theme .sidebar .main-menu .list-group-item,
	.green-theme .small-slide .swiper-slide .card:hover *,
	.green-theme .small-slide .swiper-slide .card:focus * {
	color: #ffff !important;
	}

	.green-theme .filter .form-group label {
	opacity: 0.85;
	}

	.green-theme .btn-default:hover,
	.green-theme .btn-default:focus {
	color: #ffffff;
	background-color: #00a352;
	}

	.green-theme .figure-profile,
	.green-theme .form-control:focus,
	.green-theme .custom-control-input:focus ~ .custom-control-label::before,
	.green-theme .custom-control-input:checked ~ .custom-control-label::before,
	.green-theme .float-label .form-control:focus,
	.green-theme .page-item.active .page-link,
	.green-theme .btn-outline-default {
	border-color: #00d169
	}

	.green-theme .filter .form-control:focus,
	.green-theme .filter .custom-control-input:focus ~ .custom-control-label::before,
	.green-theme .filter .custom-control-input:checked ~ .custom-control-label::before,
	.green-theme .filter .float-label .form-control:focus {
	border-color: #ffffff
	}

	.green-theme .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(255, 0, 104, 0.3);
	}

	.green-theme .btn-light:hover,
	.green-theme .btn-light:focus,
	.green-theme .btn-light:not(:disabled):not(.disabled).active,
	.green-theme .bg-template-light {
	background-color: #a9e8c9
	}

	.green-theme .text-template,
	.green-theme .btn-link,
	.green-theme a,
	.green-theme .float-label .form-control:focus + .form-control-label,
	.green-theme .btn-light:hover,
	.green-theme .btn-light:focus,
	.green-theme .btn-light:not(:disabled):not(.disabled).active,
	.green-theme .btn.btn-link-default:hover,
	.green-theme .btn.btn-link-default:focus,
	.green-theme .btn.btn-link-default.active {
	color: #00d169;
	}

	.green-theme .bg-warning,
	.green-theme .badge-warning {
	background-color: #FDD835 !important;
	}

	.green-theme .bg-success,
	.green-theme .badge-success {
	background-color: #5fefa1 !important;
	}

	.green-theme .bg-orange,
	.green-theme .badge-orange {
	background-color: #ff9133 !important;
	}

	.green-theme .bg-primary,
	.green-theme .badge-primary {
	background-color: #3fa7ff !important;
	}

	.purple-theme .orange-slice {
	margin-right: -110px;
	}


	/* media query */

.bannercode-ethics{
margin-top:51px;

}

	@media screen and (min-width:993px) {
	.sidebar {
	width: 280px;
	left: -290px;
	}
	}

	@media screen and (min-width:1180px) {
	.sidebar {
	width: 290px;
	left: -300px;
	}
	}


	@media screen  and (min-width:375px)   { 
	.username-id p {
    font-size: 1.25rem !important;
    padding-left: 0.5rem ;
    float: left;
    padding-right: 0.5rem ;
}.loginscreenborder {
    margin-top: -70px!important;
}


	.loginscreenborder img {
	margin-top: -96px!important;
	}
		
	.status {
    color: #62909F;
    background-color: #d9e6f5;
    padding: 0.625rem  auto;
    font-size: 0.875rem ;
}
.cardpra{ 
font-size:12px;
margin:0px;
    line-height: normal;
}
.lightblue{
color:#62909f;
 }
 
 .card-location{
 float:left;
 width:16px;
 margin-right:7px;
 }
 
 
 
 
 
.activities-count{
font-size:16px;
color:#000;
font-weight:600;
}

	}
	@media screen  and (max-width:424px) and (min-width:320px)   { 
				.cardfoter .col-5 p.cardpra
	{
	padding-top: 0.75rem ;
	font-size:15px;
	}
	
	.demo-buttons a {
    margin-bottom: 0.938rem ;
    width: 29%;
    text-align: center;
    /* margin-right: 4%; */
    position: absolute;
    left: 36%;
    top: 67%;
}
label {
    font-size: 0.813rem ;
    font-weight: 500;
}
	 	.larg-title {
    font-weight: 400;
    line-height: 1.625rem ;
	font-size:18px
}
	.loginscnlogo img.emblem{
	width:115px!important; 
	height:115px!important;   
	margin-top: -114px!important;
	}

	.cardpra{ 
    font-size: 0.75rem ;
    margin: 0px;
    line-height: initial;
    margin-bottom: 0.313rem ;
    margin-bottom: 0.313rem ;
}
.lightblue{
color:#62909f;
 }
 
 .card-location{
 float:left;
 width:11px;
 margin-right:4px;
 }
 
 
 
	.loginscreenborder img {
	margin-top: -96px!important;
	}

.quotebg {
    height: 230px !important;
    margin-top: 0.938rem ;
}
	.button-m {
	padding: 0.625rem  1.875rem !important;
	font-size: 0.875rem ;
	}

	.activities-count{
font-size:16px;
color:#000;
font-weight:600;
}
	
	
}
	.modal-header img {  margin: -50px 130px!important;}
	.footer .btn:not(.centerbutton) {   /*   width: 50px;*/    }
 
	h2.quote-text {    font-size: 1rem  !important;font-weight:600;}
	}


	.alrtfront {
	padding-right: 1rem ;
	font-size: 1.125rem ;
	/* width: 1.5rem !important; */

	}


	.modal-header{
	border-bottom: 0px solid #dee2e6;
	text-align:center;
	}
	.propose-btn a{

	color:#fff;
	}
	.redc{
	color:red;
	}


	.selectbtn-alumini {
	color: #6a8094!important;
	background-color: #ffffff;
	border: 0.063rem solid #6a8094;
	width: 100%;
	border-radius: 0px;
	float: left;
	line-height: 1.5rem ;
	font-size: 0.75rem !important;  
	}

	.select-bg{
	background:#d2edf7;
	}


	.btn-secondary.disabled, .btn-secondary:disabled{
	background:#fff;
	border:0.063rem solid #000;
	color:#000;
	}





	.form-group input{
	font-size:16px;
	font-weight:600;
	border-radius: 0;
	}



	@media (min-width:414px)  { 
	.loginscreenborder img {
	margin-top: -4em!important;
	}


	}

	.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
	font-size: 1rem;
	}


	@media   (min-width:320px)  { 
	
		.navloction {
    background: #eff6fe;
    padding: 1.188rem  0.938rem ;
    border-top-right-radius: 1.25rem ;
    border-top-left-radius: 1.25rem ;
    box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
    margin: 0px;
    position: fixed;
    bottom: 60px;
      width: 100%;
    left: 0px;
	z-index: 9;
}	
	
	.bd-bgroup {
    background-color: rgba(228, 221, 221, 0.3);
    position: absolute;
    width: 100%;
    margin-top: -2.2em !important;
    padding: 0.688rem  0px!important;
}
	
		.home-center-logo {
    top: 0.313rem ;
}
.home-center-logo img{ width:90px;}
 
.button-m {
    padding: 0.375rem  0.938rem !important;
    font-size: 0.75rem ;
}

.header-text{
    color: #007acd;
    font-size: 1.375rem ;
	float:left;
}
 
	
	.bannercode-ethics{
margin-top:22px;

}
	
	.footer .centerbutton {
height: 70px;
    line-height: 68px;
    width: 70px;
    border-radius: 100px;
    margin: 0 1.875rem ;
    margin-top: -30px;
}



.footer-prev {
    width: 100%;
    height: auto;
    position: fixed;
    /* padding-top: 0.25rem ; */
    bottom: 0px;
    left: 0;
    z-index: 9;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    background: #ffffff;
    /* box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1); */
    /* -webkit-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1); */
    -moz-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
}
.footer-prev img {
    box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
    padding: 0.5rem  1.125rem ;
    background: #fff;
}

.join{
padding:0.125rem 0.625rem ;
margin-top:25px;
}


.big-f {
    font-size: 40px;
    color: #007acd;
    font-weight: 900;
    text-align: center;
    line-height: 39px!important;
}

.bluecard {
    background-color: #EFF6FE !important;
}

.news-slide .swiper-slide .card {
    overflow: hidden;
    height: 100%;
    max-height: 145px;
    margin: 0;
}



	.children h3, .youth h3{
	font-size:1.25rem !important;
	}
	
	p.normalnum {
    line-height: 0.875rem ;
}

p.boldnum {
    font-size: 1.375rem ;
    font-weight: 600;
margin-bottom: 0.5rem ;
}

	
	
	.news-slide {
    height: 295px;
    padding-bottom: 0.5rem ; 
	    margin-bottom: -45px;
}
}

.blue-theme .badgefloat {
    position: absolute;
    bottom: 36%;
    right: 1.438rem ;
    background-color: #060606a6 !important;
}


.spker-icon img{



}


.float-bottom-right {
    position: absolute;
    right: 0.938rem ;
   bottom: 0!important;
    z-index: 2;
    margin-bottom: env(safe-area-inset-bottom);
	    top: 0.813rem ;
}



	
	.ablue {
    color: #007bff!important;
    text-decoration: underline!important;
}
	.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
	font-size: .8rem!important;
	}


	.blodgroup .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #E16983;
	border-color: #E16983;
	/* padding: 0.313rem ; */

	}

	.blodgroup .btn-primary {
	color: #355D84;
	border-radius: 0px;
	background-color: #ffffff;
	border: 0.063rem solid #355D84;
	width: 100%;
	font-size: 0.75rem ;

	}

	input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	display: none;
	}

	
	
	
	.select-opction {
    border: 0.063rem solid #879eb5!important;
    font-size: 1rem !important;
    height: 3em;
    padding-left: 0.438rem ;
    margin-top: 1em;
	border-radius:0px;
}
 

	.form-control-lg, .input-group-lg>.custom-file-control, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.custom-file-control:before, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.custom-file-control:before, .input-group-lg>.input-group-prepend>.input-group-text {
border-radius: inherit;
	font-size: .8rem!important;

	}


	.bottom-location-nav li a{
	font-size:12px!important;
	}

	.addresscard span{
	font-size:10px!important;
	}
	
	.cardfotername {
    font-size: 0.625rem !important;
    font-style: italic;
    font-weight: 400;
    color: #62909f;
}

.cardfotertext {
    font-size: 0.625rem !important;
    margin-bottom: 0px;
}

	.loginnextbtnblue{
	text-align:center; 
	} 

	.loginnextbtnblue img{
	width:65px!important; 
	height:65px!important; 

	} 
	
	.next-button-orange{
	background:#e16983;
	border-radius:50%;
	height:54px;
	width:54px; 
	margin:0 auto;
	}
	.next-button-orange:hover{
		background:#2eb2f2;
	border-radius:50%;
	height:54px;
	width:54px; 
	margin:0 auto;
	}

	.next-button-blue{
	background:#2eb2f2;
	border-radius:50%;
	height:65px;
	width:65px; 
	margin:0 auto;
	}
	.next-button-blue:hover{
	background:#e16983;
	border-radius:50%;
	height:65px;
	width:65px; 
	margin:0 auto;
	}


.Searchimg img {
    width: 49px;
    float: right;
}
	

	.bg-lgray {
	background: #F1F1F1;
	}



	.icon-center{
	margin:0 auto;
	text-align:center;
	}

	.subtext {
	font-size: 1.25rem ;
	font-weight: 400;
	}
.subtext-color{
	font-size: 1rem ;
    font-weight: 400;
    color: #148098;
}

	.btn-secondary{
	border: 0.063rem #337bbb solid!important;
	background-color: #ffffff;
	}

	.continue-button-blue{
	background:#2eb2f2;
	color:#fff;
	padding:10px;
	height: 2.8rem;
    line-height: 1.8rem;
	

	}
	.fillwidth{
	float:left;
	width:100%;
	}
	.continue-button-blue:hover{
	background:#e16983; 
	color:#fff;
	padding:10px;
	}

.proposed-card{
    text-align: left;
    background-color: #d7edff;
    border: 0.063rem solid #b9daff;
    border-radius: 0.438rem ;
    padding: 0.625rem ;
    font-size: 1.125rem ;
}

	.next-button-blue img{ 
	padding: 0.625rem ;
	width: 100%;
	}


	.loginnextbtn  {
	text-align:center;
	}
	.loginnextbtn img{
	width: 45px!important;
	height: 45px!important;
	}




	.loginbtnround img{
	width:65px!important; 
	height:65px!important; 
	}
	

	.loginscnlogo {
	margin-top: 2px!important;
	text-align:center;
	}






	.loginscreenborder {
	margin-top: -85px!important;
	}

	 


	.login p {
	color: #355d84;
	font-weight: 500!important;
	font-size: 0.938rem !important;
	}

	.headingtext {
	color: #007acd;
	font-weight: 400;
	font-size: 1.438rem ;
	}


	.loginheadingtext {
	color: #e16983!important;
	font-weight: 400;
	font-size: 1.438rem ;
	}


	.backtohome{    text-decoration: underline;
	font-size: 1rem ;
	color: #2eb2f2;
	}

	.backtohome a{ 
	color: #196dc7!important;
    font-size: 0.938rem ;
    font-weight: 500;
	}
	.selectbtn {
	color: #6a8094!important;
	background-color: #ffffff;
	border: 0.063rem solid #6a8094;
	width: 100%;
	border-radius: 0px;
	float: left;
	line-height: 1.5rem ;
	/* font-size: 0.75rem !important; */
	}

	.selectbtn-alumini {
	color: #6a8094!important;
	background-color: #ffffff;
	border: 0.063rem solid #6a8094;
	width: 95%;
	border-radius: 0px;
	float: left;
	line-height: 1.5rem ;
	font-size: 0.625rem !important;  
	}







	}


	.fter{
	background:#E8F8FC;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}



	@media screen and (max-width:320px) {
	p{
	font-size: 0.875rem ; 
	}
	.loginscnlogo img.emblem {
    width: 110px!important;
    height: 110px!important;
    margin-top: -118px!important;
}
	
	

canvas#cropzee-hidden-canvas {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    left: 79px!important;
}
	
	.light-modal-content {
    background: #fff;
    color: #fff;
    width: 108vw!important;
    border-radius: .2em;
    position: relative;
    max-height: calc(100vh - 150px);
    line-height: 1.4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100px;
    margin-top: -185px;
}

	.callred {
	position: absolute;
	margin-left: 1em;
	top: -3em;

	}

	.loginscreenborder img {
	margin-top: -3em!important;
	}

	.modal-header img {
	margin: -50px 106px!important;
	}

	.head-blu{
	font-size:16px;
	}




	.quotebg
	{
height: 200px !important;
	}
h2.quote-text {
    font-size: 0.938rem  !important;
	font-weight: 600;
}

}
   

	.otpbox button.btn.btn-primary.btn-embossed {
	border-radius: 0px;
	text-transform: none;
	padding: 0.313rem  1.5rem ;
	font-weight: 400;
	font-size: 1.125rem ;
	background: #2EB2F2;
	color:#fff!important;
	}


	.normal-font{
	font-size:18px;
	} 

	.footer img{ 
	width:32px;
	}


	.width-full{
	width:100%!important;

	}

	.bottom-more img{
	width:auto!important;
	}

	
	
	
	@media screen and (max-width:768px) 
	{
		.bghomeap2 .cardwit
		{
			    height: 142px;
		}
	}
 
	
	
	@media screen and (min-width:375px) and (max-width:424px)  {
	
		.navloction {
    background: #eff6fe;
    padding: 1.188rem  0.938rem ;
    border-top-right-radius: 1.25rem ;
    border-top-left-radius: 1.25rem ;
    box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
    margin: 0px;
    position: fixed;
    bottom: 60px;
      width: 100%;
    left: 0px;
	z-index: 9;
}	
	
	
	
	
canvas#cropzee-hidden-canvas {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    left: 108px!important;
}
	
	.light-modal-content {
    background: #fff;
    color: #fff;
    width: 108vw!important;
    border-radius: .2em;
    position: relative;
    max-height: calc(100vh - 150px);
    line-height: 1.4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100px;
    margin-top: -185px;
}



 
.home-center-logo{top: 34px;}
.home-center-logo img{ width:120px;}

	.modal-header img {
	/* margin: -50px 158px!important; */
	}
	
	.button-m {
    padding: 0.625rem  1.875rem !important;
    font-size: 0.875rem ;
}

  

.quotebg {
    height: 240px !important;
    margin-top: 0.938rem ;
}
.header-background-size {
padding-bottom:15px
}

	.loginbtnround img{
	width:65px; 
	height:65px; 
	}

	.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
	font-size: .8rem!important;
	}


	.form-control-lg, .input-group-lg>.custom-file-control, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.custom-file-control:before, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.custom-file-control:before, .input-group-lg>.input-group-prepend>.input-group-text {
	font-size: .8rem!important;

	}

	}

	/* Chrome safari scrollbar */
	::-webkit-scrollbar {
	width: 0.25rem ;
	height: 0.25rem ;
	}

	::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0.313rem ;
	border-radius: 0.313rem ;
	background: rgba(255, 255, 255, 0.5);
	}

	::-webkit-scrollbar-track {
	border-radius: 0.313rem ;
	background: rgba(230, 230, 230, 0.4);
	}

	.bg-red2-light {
	background-color: #ED5565!important;
	color: #FFFFFF!important;
	}
 

	.shadow-small {
	box-shadow: 0 0.25rem  0.625rem  0 rgba(0,0,0,.1)!important;
	}
	.bg-pink1-dark {
	background-color: #D770AD!important;
	color: #FFFFFF!important;
	}
	h2.quote-text
	{
	font-size:1.25rem ;
	padding-top: 1.125rem ;
	font-weight:600;
	}
	.swipercontentcard
	{
	position: absolute;
	top: 70%;
	width: 94%;
	height: 120px !important;
	}

	.locat-text span{
	font-size: 1rem ;
	color:#62909F; 
	}
	.locat-text img{
	width: 1.125rem ;
	}
	.menuactive span
	{
	color:black;
	}

	.menuactive
	{
	/* border-bottom:0.125rem solid #E16983; */
	}
	.bluecard
	{
	background-color: #EFF6FE !important;
	}
	.boldnum
	{
	font-size:30px;  
	color:#007ACD;
	font-weight:600;
	}
	.normalnum
	{
	font-size:12px;  
	color:#355D84;
	line-height: 1rem ;
	}
	.pad-5
	{
	padding: 0px 0.5rem ;  
	}
	.ht100
	{
	height:100px;
	}
	.blue-theme .badgefloat
	{
	position: absolute;
	bottom: 36%;
	right: 1.438rem ;  
	background-color: #060606a6 !important; 
	}

	.blue-theme .badgefloat1
	{
	position: absolute;
	bottom: 30%;
	right: 1.438rem ;  
	background-color: #060606a6 !important; 
	}

	.b-radius-none{
	border-radius:0!important;
	}

	.dist-activity


	.blue-theme .notiffloat
	{
	background-color: #F94747 !important;
	position: absolute;
	top: 9%;
	right: -1px;
	padding-left: 0.313rem ;
	padding-right: 0.313rem ;
	font-size: 0.688rem ;
	}

	.footer-noft{
	border-radius: 1.875rem ;
	font-weight: 400;
	padding-left: 0.625rem ;
	padding-right: 0.625rem ;
	position: absolute;
	top: 13%;
	float:right;
	}


	.footer-name{

	font-size:14px!important;
	color:#000;
	font-decoration:italic;
	}

	.cardhead h6{
	padding-left:15px;
	float:left;
	}
	.cardimg{
	float:left;
	}


	.product-image {
	height: 80px;
	width: 100%;
	display: block;
	text-align: center;
	/* margin: 0.625rem  auto; */
	/* max-width: 100px; */
	}

	.d-block a{
	color:#000;
	}

	.notificationimg{
	float:left;
	}
	.notificationimg img{
	width:60px;
	border-radius:50%;
	}

	.notificationtext{
	float:left;
	}

	.notificard{
	border-bottom:0.063rem solid #dee2e6;
	float:left;
	padding-bottom:15px;
	padding-top:15px;	
	width:100%;
	}

	.bgcard{


	}

	.seniors {
	background: #eff6fe;
	padding: 0.313rem ;
	border-top-right-radius: 0.625rem ;
	border-top-left-radius: 0.625rem ;

	}


	.form-control{
	border-radius: 0px;	
	}


	/* popup */


	.bgcardscll{
	color:#000;
	}

	.menu-btn h5{
	color:#167bcd;
	}

	.top-prv i{
	color:#000;	
	}
	.top-prv h5{
	color:#167bcd;
	margin-bottom:0px;
	}

	.top-prv {
	padding:0px;
	position: absolute;
	width: 100%;
	background: #fff;
	z-index: 9999999999;
	}

	.blue{
	    color: #2eb2f2;
	}


	.top-prv-head img{
	width: 0.75rem ;
	margin-left: 0.438rem ;

	}

	.top-prv-head span {
	color: #fff;
	padding-left: 0.938rem ;
	font-size: 1.063rem ;
	}


	.groupselect{

	text-transform: uppercase!important;
	}

	.alrticon{

	margin:0 auto;
	width:58px;
	text-align:center;
	}


	.footer-prev{
	position:fixed;
	z-index:99999999;

	}

	.mobilenumber{	font-size:1.25rem ;
		letter-spacing: 1.5px;
	}


	.cardpro p {
font-size: 0.875rem ;
    margin-bottom: 0px;
    color: grey;

	}

	.cardpro h5 {

	margin-bottom:0px;

	}



	.profilethumb img{
	width:44px;
	float:left;
	border-radius:50%;

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


	.profilethumbs img{
	width:44px;
	float:left;
	border-radius:50%;

	}
	.profilethumbs{
	float:left;
	position:absolute
	}




	.header-text{

	float:left;
	width:100%;


	}
	.header-text p{

	font-size:12px;
	}

	.settingmenubtm{
	font-size:16px!important;

	}


	/* muliti dropdown */

	.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #067dce!important;
	border: 0.063rem solid #f9f7f7;
	border-radius: 0.25rem ;
	cursor: default;
	float: left;
	margin-right: 0.313rem ;
	color: #fff;
	margin-top: 0.313rem ;
	padding: 0 0.313rem ;
	font-size: 0.75rem ;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff!important;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px;
	}



	.bg-full-light{
	background:#f4f7fc
	}

	.daytimeopen{
	width:48%;
	float:left;
	}




	.ablue{
	color:#007bff!important;
	text-decoration: underline!important;

	}

	.usreeticon img{
	text-align:center;
	margin-top: 0.625rem !important;
	margin-left: 0.625rem !important;
	}

	.infotxt {
	color: #BE7D1F;
	font-size:10px;
	}
	.infotxt img{
	padding-right:5px;
	}



	.form1 .plan input, .form .payment-plan1 input, .form .payment-type1 input{
	display: none;
	}

	.form1 label{
	position: relative;
	color: #000;
	background-color: #fff;
	border: 0.063rem solid #1a97ab;
	font-size: 1.375rem ;
	text-align: center;
	line-height: 55px;
	display: block;
	cursor: pointer; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

	.form1 .plan input:checked + label, .form .payment-plan1 input:checked + label, .form .payment-type1 input:checked + label{
	background-color: #e16983;
	color:#fff!important;
	border: none;
	}

	.groups label {
	position: relative;
	color: #000;
	background-color: #fff;
	border: 0.063rem solid #1a97ab;
	font-size: 1rem ;
	text-align: center;
	line-height: 55px;
	display: block;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	.blodgroup .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	color: #fff!important;
	background-color: #E16983;
	border-color: #E16983;
	/* padding: 0.313rem ; */

	}

	.blodgroup .btn-primary {
	color: #b1c4d9 !important;
	border-radius: 0px;
	background-color: #ffffff;
	border: 0.063rem solid #355D84;
	width: 65%;
	font-size: 0.938rem ;

	}

	.balvgroup  .btn-primary {
	color: #355D84;
	border-radius: 0px;
	background-color: #ffffff;
	border: 0.063rem solid #355D84;
	width: 100%;
	font-size: 0.75rem ;
	text-transform: uppercase;

	}

	.yesgroup .btn-primary {
	color: #355D84;
	border-radius: 0px;
	background-color: #ffffff;
	border: 0.063rem solid #355D84;
	/* width: 65%; */
	font-size: 0.75rem ;

	}

	.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #e16983 !important;
    border-color: #e16983 !important;
}

	input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	display: none;
	}




	.footer-prevs {
	width: 100%;
	height: auto;
	position: fixed;
	/* padding: env(safe-area-inset-bottom); */
	/* bottom: 66px; */
	left: 0.938rem !important;
	/* padding-top: 0.25rem ; */
	left: 0;
	z-index: 9;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	background: #ffffff;
	/* box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1); */
	/* -webkit-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1); */
	-moz-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
	}
	.footer-prevs img {
	box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
	padding: 0.625rem  1.125rem ;
	background: #fff;
	}

	#show_bg_2 {
		background: url(../images/footer-bg.png);
		width: 100%;
		height: 176px;
		padding-top: 1.563rem ;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.bd-bgroup img{
	float:left;
	padding-right:15px;

	}
	.bd-bgroup{
	background-color: rgba(228, 221, 221, 0.3);
	position: absolute;
	width: 100%;
	margin-top: -2.2em !important;
	padding: 0.563rem  0px;
	}
	.cw {
	color: #fff;
	}
	.footer-prev {
	width: 100%;
	height: auto;
	position: fixed;
	/* padding: env(safe-area-inset-bottom); 
	bottom: 66px;
	left: 0.938rem !important;*/
	/* padding-top: 0.25rem ; */
	bottom:0px;
	left: 0;
	z-index: 9;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	background: #ffffff;
	/* box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1); */
	/* -webkit-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1); */
	-moz-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
	}

	.footer-prev img {
	box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
	padding: 0.5rem  1.125rem ;
	background:#fff;
	}
	.submit {
	background: #2EB2F2;
	color: #fff!important;
	padding: 0.688rem  0.938rem ;
	text-align: center;
	width: 100%;
	font-size: 1rem ;
	float: left;
	}

	.submit a {

	color: #fff!important;

	}

	.matrialinfo {
	margin: 0 auto;
	font-size: 60px;
	color: #eab680;
	}
	.matrialinfosmall {
	margin: 0 auto;
	font-size: 1.5rem ;
	color: #eab680;
	}
	.settingmenubtm  a{

	color:#000;
	}

	.top-prv-head span {

	color: #fff;
    font-size: 1.25rem ;
    line-height: 1.375rem ;
    margin-top: 0.875rem  !important;
    margin-left: 0.625rem ;
    padding-left: 0px;
    vertical-align: middle;
}



	/* login screen */

	.loginscreenborder img {
	float: left;
	width: 100%;
	margin-top: 1em;
	}
	.loginbtnround {
	margin: 0 auto;
	text-align: center;
	width: 38%;
	/*margin-top: 8em;*/
	}
	.loginbtnsun {
	margin: 0 auto;
	}

	.lblue{
	background:#f0f9ff;
	border-radius:7px;
	}

	.yellowcard{
	background:#FFF8E6;
	border-radius:10px;
	}

	.activity-feed {
	padding: 0.938rem ;
	}
	.activity-feed .feed-item {
	position: relative;
	padding-bottom: 0.75rem ;
	padding-left: 1.875rem ;
	border-left: 0.125rem solid #e4e8eb;
	}
	.activity-feed .feed-item:last-child {
	border-color: transparent;
	}
	.activity-feed .feed-item:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -6px;
	width: 0.625rem ;
	height: 0.625rem ;
	border-radius: 0.375rem ;
	background: #fff;
	border: 0.063rem solid #f37167;
	}
	.activity-feed .feed-item .date {
	position: relative;
	top: -5px;
	color: #8c96a3;
	text-transform: uppercase;
	font-size: 0.813rem ;
	}
	.activity-feed .feed-item .text {
	position: relative;
	top: -3px;
	}

	.alert-dark{
	background:#000;
	color:#fff;
	}


	.defalutreject{
	background: #616161;
	color:#fff;
	border-radius:50%;
	padding:5px;
	}


	.fff{
	color:#fff!important;
	}





	@media screen and (max-width:769px) and(min-width:980px) {
	 
.header-logo {
    /* height: 70%; */
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
    /* margin: 0.375rem  auto 0px auto; */
    width: 60px;
}
 
	}
	
	
 
	@media screen and (min-width:425px)  { 
		.cardfoter .col-5 p.cardpra
	{
	padding-top: 0.75rem ;
	}
	.loginscreenborder img {
    margin-top: -6em!important;
}

.banner-b-yell {
    margin-top: -47px;
}
.loginscnlogo {
    margin-top: -175px!important;
    text-align: center;
}
.demo-buttons a {
    margin-bottom: 0.938rem ;
    width: 29%;
    text-align: center;
    /* margin-right: 4%; */
    position: absolute;
    left: 36%;
    top: 69%;
}
		.cardpra {
    font-size: 0.875rem ;
    margin: 0px;
    line-height: 1.5rem ;
}
canvas#cropzee-hidden-canvas {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    left: 132px!important;
}
	
	.light-modal-content {
    background: #fff;
    color: #fff;
    width: 108vw!important;
    border-radius: .2em;
    position: relative;
    max-height: calc(100vh - 150px);
    line-height: 1.4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100px;
    margin-top: -185px;
}



 
.card-head-text{
font-size:22px; 
padding-top:10px;
}

}

@media screen and (min-width:768px) and (max-width:990px) 
{
	.loginscnlogo {
		margin-top: -160px!important;
	}
h2.quote-text {
    font-size: 1.75rem  !important;
    padding-top: 0.75rem ;
    margin-top: 1rem ;
    font-weight: 700;
}
.button-m {
    padding: 0.625rem  1.875rem !important;
    font-size: 1.313rem  !important;
}
.swipercontentcard {
    width: 96% !important;
    }
    .loggedlogo .header-logo {
    width: 60px !important;
    /* padding-bottom: 4em; */
}
.header a.btn img
{
	width: 35px !important;
	margin-top:8px;
}
.header .badge 
{
width: 90px;
    height: 38px !important;
    margin-top: 1.25rem  !important;
    font-size: 1.563rem  !important;
}
.header .badge img
{
width: 1.375rem ;
}

}
 
 @media screen and (min-width:769px) and (max-width:1024px) 
 {
	.loginscnlogo {
		margin-top: -160px!important;
	}

 .demo-buttons a {
    margin-bottom: 0.938rem ;
    width: 29%;
    text-align: center;
    /* margin-right: 4%; */
    position: absolute;
    left: 36%;
    top: 72%;
}
.loggedlogo .header-logo {
    width:  60px !important;
   padding-bottom: 2em; 
}
.loggedlogo {
    top: 0.938rem  !important;
    left: 2em;
}
 
 }
 @media screen and (min-width:420px) and (max-width:480px) 
 {.loginscreenborder {
	margin-top: -105px!important;
}
 }
 @media screen and (min-width:480px) and (max-width:580px) 
 {.loginscreenborder {
	margin-top:-128px!important;
}
 }
 @media screen and (min-width:580px) and (max-width:768px) 
 {.loginscreenborder {
	margin-top: -140px!important;
}
 }
 @media screen and (max-width:419px){
	.loginscreenborder {
		margin-top: -58px!important;
	}
 }
	 
	@media screen and (min-width:768px)  {
		
		.loginscnlogo {
			margin-top: -115px!important;
		}

	.budget {
    width: 100%;
}
	.loggedlogo .header-logo {
    width:  60px;
   /*  padding-bottom: 4em; */
}
/* .loggedlogo {
    top: 1.625rem  !important;
    left: 2em;
} */

p.card-head-text.p-2 {
    font-size: 1.75rem ;
    margin-top: 0.625rem ;
    margin-left: 1.25rem ;
}
.navloction {
    background: #eff6fe;
    padding: 1.188rem  0.938rem ;
    border-top-right-radius: 1.25rem ;
    border-top-left-radius: 1.25rem ;
    box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
    margin: 0px;
    position: fixed;
    bottom: 60px;
      width: 100%;
    left: 0px;
	z-index: 9;
}	
	
	canvas#cropzee-hidden-canvas {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    left: 279px!important;
}
	
	.light-modal-content {
    background: #fff;
    color: #fff;
    width: 108vw!important;
    border-radius: .2em;
    position: relative;
    max-height: calc(100vh - 150px);
    line-height: 1.4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100px;
    margin-top: -185px;
}


.dateicon {
    float: left;
    position: absolute;
    padding-top: 0.375rem ;
    padding-left: 0.375rem ;
    width: 4%;
}


	.status {
    color: #62909F;
    background-color: #d9e6f5;
    padding: 0.625rem  auto;
    font-size: 0.938rem ;
	margin:0 0.688rem ;
}
.cardpra {
 
	    font-size: 1rem ;
    margin: 0px;
    line-height: 1.625rem ;
}

		.button-m {
	padding: 0.625rem  1.875rem !important;
	font-size: 0.875rem ;
	}
	
	.home-center-logo img {
    width: 157px!important;
}



	.modal-header img {
	margin: -50px 332px!important;
	}
	.bannercode-ethics{
margin-top:70px;

}

h5.small {
    color: black;
    font-size: 1.25rem ;
    font-weight: 600;
}
	
	 
.cardbanner-sai{
padding-top:30px;
}
	.username-id {
    box-shadow: 0 .25rem 0.85rem rgba(0,0,0,.10)!important;
    float: left;
    width: 57%!important;
    border-radius: 55px;
    padding: 0.188rem  0.688rem ;
    background: #fff;
    margin-top: -26px;
    height: 46px;
    margin-left: 7em;
}

	.footer .centerbutton {
    height: 80px;
    line-height: 78px;
    width: 80px;
    border-radius: 100px;
    margin: 0 75px;
    margin-top: -37px;
}
 

 

.quotebg {
    background-image: url(../../assets/images/img/quotes_bg.png);
    background-size: cover;
    background-position: left top;
   height: 473px !important; 
    background-repeat: no-repeat;
 
}
.header-background-size{
padding-bottom: 50px;
}



h2.quote-text {
  /*  font-size: 1.125rem  !important;*/
    padding-top: 0.75rem ;
    margin-top: 1rem ;
    font-weight: 700;
}

 

	.loginscreenborder {
	margin-top: -276px!important;
	}


	.bottom-location-nav li a{
	font-size:22px!important;
	}

	.banner-b-yell {
	margin-top: -107px!important;
	}


	.loginscreenborder img{
	margin-top: -298px!important;
	}

	.username-id p {
	font-size: 1.125rem ;
	padding-left: 0.5rem ;
	float: left;
	padding-right: 0.5rem ;
	}

	.loginbtnround {
	margin: 0 auto;
	text-align: center;
	width: 38%;
	/* margin-top: 9em!important; */
	}
	.form-control { 
	/* height: calc(1.5em + .75rem + 2px)!important;  */
	}

	.profilefeed input {
	padding: 1.313rem  0.938rem !important;  
	}

	.loginscnlogo img { 
	margin-top:-145px!important;
	} 
	.banner-b-yell img {
	margin-top: 0em!important;
	}
	


	.logobganim {
	margin-top: -92px;
	position: absolute;
	z-index: 1;
	margin-left: -115px;
	}


	.loginscreenborder img { 
	margin-top: -3em!important;
	}


	.modal.show .modal-dialog{ 
	margin: 0 auto!important; 
	}
	.dfont{
	font-size: 1.375rem ;
	padding-left:15px!important;
	padding-top:10px!important;
	}
	.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
	top: 362.75px;
	left: 462px!important;
	z-index: 10;
	display: block;
	padding: 1.563rem ;
	}


	}
	
	




	
		@media screen  and (min-width:1024px) {
		.banner-b-yell img {
    width: 100%!important;
    float: left!important;
    margin-top: -2em!important;
}
 
.row .block {
    position: absolute;
       top: 295px!important;
    left: 432px!important; 
}
 .login-logo img {
    width: 150px;
    height: 150px;
}
.hovicon {
 
    width: 150px!important;
    height: 150px!important;
	}

.request {
    background: #2EB2F2;
    color: #fff!important;
    padding: 0.688rem  0.938rem ;
    text-align: center;
    /* margin: auto 56px; */
    width: 48%!important;
    /* float: left; */
    margin-left: 242px;
}
		 .loginscnlogo {
    margin-top: -50px!important;
    text-align: center;
} 

 .header-background-size {
    padding-bottom: 0px;
}
.loggedlogo .header-logo {
    width:  60px !important;
   padding-bottom: 2em; 
}
.loggedlogo {
    top: 0.938rem  !important;
    left: 2em;
}
 
 
 

			canvas#cropzee-hidden-canvas {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    left:160px!important;
}
	
	.light-modal-content {
    background: #fff;
    color: #fff;
    width: 108vw!important;
    border-radius: .2em;
    position: relative;
    max-height: calc(100vh - 150px);
    line-height: 1.4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100px;
    margin-top: -185px;
}

.loginscreenborder {
    margin-top: -34px !important;
}

p.cardpra.lightblue {
    line-height: 1.25rem ;
	
}

p.text-secondary.mb-1 {
    font-size: 1.188rem ;
}

.footer-prev{
bottom:15px;
}

 


.cardpra {
    font-size: 0.938rem ;
	line-height: 1.25rem ;
	}
		}
		
		
		@media screen  and (min-width:1320px) and (max-width:1900px) {
		
.row .login-logo {
    position: absolute;
    top: 256px!important;
    left: 43% !important;
}
		
		}
		
		@media screen and (max-width:768px) and (min-width:1024px) {
		
 

.navloction {
    background: #eff6fe;
    padding: 1.188rem  0.938rem ;
    border-top-right-radius: 1.25rem ;
    border-top-left-radius: 1.25rem ;
    box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
    margin: 0px;
    position: fixed;
    bottom: 60px;
        width: 25%;
    left: 720px;
	z-index: 9;
}
 


		h2.quote-text {
    font-size: 1.25rem  !important;
    padding-top: 0.75rem ;
    margin-top: 0.75rem ;
    font-weight: 700;
}


.quotebg {
    background-image: url(../../assets/images/img/quotes_bg.png);
    background-size: cover;
    background-position: left top;
    height: 473px !important; 
    background-repeat: no-repeat;
}


	.button-m {
	padding: 0.625rem  1.875rem !important;
	font-size: 0.875rem ;
	}

	
 


		}


	.apply-btn {
	background: #2EB2F2;
	padding: 0.938rem ;

	}

	.apply-btn { 
	background: #2EB2F2;
	padding: 0.938rem ;
	}



	.studnt-card-icon{
	width: 2rem ;
	position: absolute;
	margin-top: -0.4em;
	right: .5em;

	}
	.form-group {
	margin-bottom: 1rem!important;
	}

	@media screen and (min-width:1601px) and (max-width:2560px){
	body
	{
	width:480px;
	margin: 0px auto!important;
	box-shadow: 0px 0.438rem  0.563rem  0px #dcdbdb;
	}
	.product-image {
    height: 111px;
	}
	p.cardpra.lightblue {
    line-height: 1.375rem ;
    font-size: 1rem ;
    margin-bottom: 0.5rem ;
}
.full-width {
    width: 43%;
    margin-left: 318px;
}
.cardpra {
    font-size: 1.125rem ;
    margin: 0px;
    line-height: 38px;
}

.top-prv{
width: 25%;
}
	
.navloction {
    background: #eff6fe;
    padding: 1.188rem  0.938rem ;
    border-top-right-radius: 1.25rem ;
    border-top-left-radius: 1.25rem ;
    box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
    margin: 0px;
    position: fixed;
    bottom: 60px;
        width: 25%;
    left: 720px;
	z-index: 9;
}

.loggedlogo .header-logo {
    width:  60px;
}
.loginscnlogo img {
    margin-top: -11px!important;
}
.banner-b-yell img {
    width: 100%!important;
    float: left!important;
    margin-top: 0em!important;
}

.loginscreenborder img {
    float: left;
    width: 100%;
    margin-top: -5em!important;
}

 
p.text-secondary.mb-1 {
    font-size: 1.313rem ;
}
	.header {
	width: 481px;
    height: auto;
    /* position: fixed; */
    padding: env(safe-area-inset-top);
    top: 0;
    left: 0px;
    z-index: 9;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
}


.loginscreenborder {
    margin-top:-154px!important;
}

.banner-b-yell {
    margin-top: -53px!important;
}

.demo-buttons a {
    margin-bottom: 0.938rem ;
    width: 29%;
    text-align: center;
    /* margin-right: 4%; */
    position: absolute;
    left: 36%;
    top: 72%;
}

img.my-1.search-next.float-right {
position: absolute;
    right: 1.125rem ;
    top: -5px;
 
}
 
	.footer-prev {
    width: 450px;
    height: auto;
    position: fixed;
    /* padding-top: 0.25rem ; */
    bottom: 69px;
    left: 748px;
    z-index: 9;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    background: #ffffff;
    /* box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1); */
    /* -webkit-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1); */
    -moz-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px -3px 0.625rem  rgba(0, 0, 0, 0.1);
}

.quotebg {
    background-image: url(../../assets/images/img/quotes_bg.png);
    background-size: cover;
    background-position: left top;
    height: 316px !important;
    background-repeat: no-repeat;
}

h2.quote-text {
    font-size: 1.313rem  !important;
    padding-top: 0.75rem ;
    margin-top: 1.688rem ;
    font-weight: 700;
}

.modal .modal-bottom>.modal-content {
    height: 100%;
    border-color: #fff;
    margin: 0;
    border-top-right-radius: 0.625rem ;
    border-top-left-radius: 0.625rem ;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 476px;
    left: 722px;
}

.modal-header img {
    margin: -50px 180px!important;
}
	
		.footer
	{
	width:480px;
	margin:0px auto;
	left: 37.5% !important;
	}
	
	.loggedlogo .header-logo {
    width:  60px;
    padding-bottom: 1em;
}
	.header-logo {
	
	
    /* height: 70%; */
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
    /* margin: 0.375rem  auto 0px auto; */
    width:  60px;
}

.footer .centerbutton {
    height: 80px;
    line-height: 78px;
    width: 80px;
    border-radius: 100px;
    margin: 0px 37px;
    margin-top: -37px;
}

.username-id {
    box-shadow: 0 .25rem 0.85rem rgba(0,0,0,.10)!important;
    float: left;
    width: 83%!important;
    border-radius: 55px;
    padding: 0.188rem  0.688rem ;
    background: #fff;
    margin-top: -26px;
    height: 46px;
    margin-left: 2em;
}



}

@media screen and (min-width:376px) and (max-width:420px)
{
.quotebg {
height: 258px !important;
margin-top: 0.938rem ;
}
}


@media screen and (min-width:769px) and (max-width:1900px)
{
p.cardpra 
{
line-height: 1.438rem  !important;
padding-top: 0.313rem ;
}
.cardfoter
{
    padding: 0.375rem  1.563rem ;

}

.cardfoter .col-5 p.cardpra
{
	font-size: 1.063rem ;
	    padding-top: 0.75rem  !important;
}

.loggedlogo img
{
	width:30% !important;
}

.loginscreenborder img {
    margin-top: -12em!important;
}
 

.demo-buttons a {
    margin-bottom: 0.938rem ;
    width: 29%;
    text-align: center;
    /* margin-right: 4%; */
    position: absolute;
    left: 36%;
    top: 72%;
}

	p.card-head-text.p-2 {
    font-size: 1.375rem ;
    margin-top: 0.625rem ;
    margin-left: 1.875rem ;
}
	.quotebg {
    background-image: url(../../assets/images/img/quotes_bg.png);
    background-size: cover;
    background-position: left top;
    height: 304px !important;
    background-repeat: no-repeat;
}

	
.navloction {
    background: #eff6fe;
    padding: 1.188rem  0.938rem ;
    border-top-right-radius: 1.25rem ;
    border-top-left-radius: 1.25rem ;
    box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
    margin: 0px;
    position: fixed;
    bottom: 60px;
        width: 25%;
    left: 720px;
	z-index: 9;
}
	
 
		.footer .centerbutton {
   height: 70px;
    line-height: 70px;
    width: 70px;
    border-radius: 100px;
    margin: 0px 37px;
    margin-top: -32px;
}

.username-id {
    box-shadow: 0 .25rem 0.85rem rgba(0,0,0,.10)!important;
    float: left;
    width: 78%!important;
    border-radius: 55px;
    padding: 0.188rem  0.688rem ;
    background: #fff;
    margin-top: -26px;
    height: 46px;
    margin-left: 2em;
}

	.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
	font-size: 1rem!important;
	}

	.bottom-location-nav li a{
	font-size:22px!important;
	}
	.tab-card-header > .nav-tabs > li > a {
	border: 0!important;
	border-bottom: 0.125rem solid transparent!important;
	margin-right: 0!important;
	font-weight: 600;
	padding: 0.125rem 1.063rem !important;
	}

	.plzwit {

	padding-top: 1.375rem ;

	}	
	.otpbox button.btn.btn-primary.btn-embossed{
	margin-top: 1.375rem ;
	}	

	.loginnextbtnblue{
	text-align:center; 
	} 

	.loginnextbtnblue img{
	width:65px!important; 
	height:65px!important; 
	}

	.loginnextbtn  {
	text-align:center;
	}
	.loginnextbtn img{
	width:65px!important; 
	height:65px!important; 
	}



	body
	{
	width:480px;
	margin: 0px auto!important;
	box-shadow: 0px 0.438rem  0.563rem  0px #dcdbdb;
	}
	.header
	{
	width:480px;
	margin:0px auto;
	/* left: 50%; */

	}
	.continu-row{
	width:480px!important;
	margin:0px auto;
	}


	.username-id p {
	font-size: 1.125rem !important;
	padding-left: 0.5rem ;
	float: left;
	padding-right: 0.5rem ;
	}

	.balvikas-head {
	padding-top:8px;
	}
	.modal-header img{
	margin: -50px 183px!important;
	}

	.loader-screen {
	width:480px !important;
	margin:0px auto !important;
	left: 50% !important;
	transform: translate(-50%, 0);
	background-color: #2EB2F2;
	background: rgba(255, 255, 255, 0.9) !important;
	}

	.welcome-loader-screen {
	width:480px !important;
	margin:0px auto !important;
	left: 50% !important;
	transform: translate(-50%, 0);
	background-color: #2EB2F2;
	}
	 
	.modal .modal-bottom-selectloc
	{
	width:100%;
	margin: 0;
	margin-top: auto;
	padding: 0;
	position: absolute;
	bottom: 0;
	top: auto;
	left: auto;
	right: 0;
	height: calc(50% + 0.625rem  ) !important;  
	}
	.modal .modal-bottom-forgotpw {
	margin: 0;
	margin-top: auto;
	padding: 0;
	position: absolute;
	bottom: 0;
	top: auto;
	left: auto;
	right: 0;
	height: calc(64% + 0.625rem  ) !important;
	}
 
 
	
	.footer, .wrapper .footer-prev, .fexied-main, .top-prv, .navloction
	{
	width:480px !important;
	margin:0px auto !important;
	left: 50% !important;
	transform: translate(-50%, 0);
	}
	.modal
	{
	width: 480px !important;
	left: 50% !important;
	transform: translate(-50%, 0);
	}
	.intro-banner-vdo-play-btn
	{
	left: 31.5%;
	}
	.loginbtnround {
	margin: 0 auto;
	text-align: center;
	width: 32% !important;
	/* margin-top: 6em !important; */
	}


	.modal.show .modal-dialog{ 
	margin: 0 auto!important; 
	}

	.profilefeed input {
	padding: 0.688rem  0.938rem !important; 
	} 
	}


	.form-control { 
	/* height: calc(1.5em + .75rem + 2px)!important; */

	}

	/* home logo 
	.loginscnlogo img.emblem{
	margin-top: -137px!important;
	}*/


	}



	@media screen and (min-width: 1340px) 
	{
.row .block {
    position: absolute;
    top: 263px!important;
    left: 43% !important;
}
	
}	
	
	@media screen and (min-width:1600px)
	{
	.loggedlogo .header-logo {
    width:  60px;
}

	.loginscreenborder {
	margin-top: -110px!important;
	}


	.header
	{
	width:480px;
	margin:0px auto;
	/* left:31.5% !important; */
	}
	.footer
	{
	width:480px;
	margin:0px auto;
	/* left:31.5% !important; */
	}

	.bd-bgroup {
	background-color: rgba(228, 221, 221, 0.3);
	position: absolute;
	width: 100%;
	margin-top: -2.2em;
	padding: 0.563rem  0px;
	}

	.cw {
	color: #fff;
	}
	.bd-bgroup img{
	float:left;
	padding-right:15px;

	}



	}


	.loginscreenborder {
	margin-top: -107px;
	}
 
	.loginbtnsun img {
	width: 65px!important;
	height: 65px!important;
	max-width: 100%!important;
	}

	.modal .modal-bottom-forgotpw {
	margin: 0;
	margin-top: auto;
	padding: 0;
	position: absolute;
	bottom: 0;
	top: auto;
	left: auto;
	right: 0;
	height: calc(54% + 0.625rem  );
	}
	.modal .modal-bottom-selectloc
	{
	width:100%;
	margin: 0;
	margin-top: auto;
	padding: 0;
	position: absolute;
	bottom: 0;
	top: auto;
	left: auto;
	right: 0;
	height: calc(43% + 0.625rem  );  
	}
	a
	{
	cursor:pointer;
	}
	p.usernameid
	{
	font-size:1.5625rem;
	line-height: 1.5625rem;
	font-weight:normal;
	margin-bottom:0px;
	}
	select.scrollspy-example
	{
	height: 150px !important;
	}

	/* #file-input{ */
	/* opacity: 0; */
	/* position: absolute; */
	/* margin: 0 auto; */
	/* padding: 66px; */
	/* } */




	.search-noicon{
	box-shadow:0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28)!important;
	border:0px;
	border-radius:7px;
	line-height:22px;
	width:100%;
	float:left;
	padding:10px;
	}


	.border-radius{
	border-radius: 0.625rem !important;
	}

.location-icon{
width:16px;
}

.scroll-height{
height:32px;
}
.anyClass {
  height:150px;
  overflow-y: scroll;
}

	/* km range */



	*,:after,:before{box-sizing:border-box}
	.pull-left{float:left}
	.pull-right{float:right}
	.clearfix:after,.clearfix:before{content:'';display:table}
	.clearfix:after{clear:both;display:block}

	.rangeslider,
	.rangeslider__fill {
	display:block;
	border-radius:10px;
	}

	.rangeslider {
	position:relative;
	}
	.rangeslider:after{
	top:50%;
	left:0;
	right:0;
	content:'';
	width:100%;
	height:5px;
	margin-top:-2.5px;
	border-radius:5px;
	position:absolute;
	background:#d5d5d8;
	}

	.rangeslider--horizontal{
	width:100%;
	height:28px;
	}

	.rangeslider--vertical{
	width:5px;
	min-height:150px;
	max-height:100%;
	}
	.rangeslider--disabled{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity:0.4;
	}

	.rangeslider__fill{
	position:absolute;
	background:#2eb2f2;
	}
	.rangeslider--horizontal .rangeslider__fill{
	top:0;
	height:100%;
	}
	.rangeslider--vertical .rangeslider__fill{
	bottom:0;
	width:100%;
	}

	.rangeslider__handle{
	top:50%;
	width:28px;
	height:28px;
	cursor:pointer;
	margin-top:-14px;
	background:white;
	position:absolute;
	background:#2eb2f2;
	border-radius:50%;
	display:inline-block;
	}
	.rangeslider__handle:active{
	background:#2eb2f2;
	}

	.rangeslider__fill,
	.rangeslider__handle{
	z-index:1;
	}
	.rangeslider--horizontal .rangeslider__fill{
	top:50%;
	height:5px;
	margin-top:-2.5px;
	}

	/* Budget */
	.budget-wrap{
	padding:0.625rem 1.25rem ;
	/* background:#292942; */
	/* box-shadow:0 1.563rem  55px 0 rgba(0,0,0,.21),0 1rem  1.75rem  0 rgba(0,0,0,.22); */
	}
	.budget-wrap .header .title{
	color:#155473;
	font-size:18px;
	margin-bottom:7px;
	}
	.budget-wrap .header .title .pull-right{
	color: #fff;
	background: #2eb2f2;
	font-size: 1.063rem ;
	font-weight: 400;
	padding: 0px 0.625rem ;
	border-radius: 0.75rem ;
	}
	.budget-wrap .footer{
	margin-top:30px;
	}
	.budget-wrap .footer .btn{
	color:inherit;
	padding:0.75rem 1.5rem ;
	border-radius:50px;
	display:inline-block;
	text-decoration:none;
	}
	.budget-wrap .footer .btn.btn-def{
	color:#525263;
	}
	/* .budget-wrap .footer .btn.btn-pri{ */
	/* color:#eee; */
	/* background:#ff5a84; */
	/* } */

.cardpro {
    border-bottom: 0.125rem solid #49bbf3;
    box-shadow: 0 0.188rem  0.313rem  0 rgba(32, 33, 36, .28);
}
.cardpro h5 {
    margin-bottom: 0px;
}








/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
width: 51px;
    height: 1.5rem ;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
height: 1rem ;
    width: 1rem ;	
  left: 0.25rem ;
  bottom: 0.25rem ;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}


input:checked + .slider {
  background-color: #e16983;
}

input:focus + .slider {
  box-shadow: 0 0 0.063rem #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


.loader-screen img{
width:150px;
}


.cw{
color:#fff;
}



/* .navloction {
    background: #eff6fe;
    padding: 1.188rem  0.938rem ;
    border-top-right-radius: 1.25rem ;
    border-top-left-radius: 1.25rem ;
    box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28);
    margin: 0px;
    position: fixed;
    bottom: 60px;
    width: 100%;
    left: 0;
	z-index: 9;
} */

.navloction h2{
    color: #355d84;
    font-size: 1.625rem ;
    font-weight: 700;
    padding-left: 36px;
}



.date-input{

}

.bgcardscll h2 p{
color:#000!important;
font-size:22px;
font-weight:600;
}

.form-control {
   
    border: 0.063rem solid #568aa2;

}
.headerlocation{
color:#fff;
}
.headerlocation img{
width:12px;
margin-right:10px;
}




/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.custom-scrollbar-js,
.custom-scrollbar-css {
  height: 200px;
}


/* Custom Scrollbar using CSS */
.custom-scrollbar-css {
  overflow-y: scroll;
}

/* scrollbar width */
.custom-scrollbar-css::-webkit-scrollbar {
  width: 0.313rem ;
}

/* scrollbar track */
.custom-scrollbar-css::-webkit-scrollbar-track {
  background: #eee;
}

/* scrollbar handle */
.custom-scrollbar-css::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #00d2ff;
  background-image: linear-gradient(to top, #00d2ff 0%, #3a7bd5 100%);
}
.border{
border:0.063rem solid #F00;
}

.footer-notifibadge {
    background-color: #F94747 !important;
    position: absolute!important;
    top: 16%!important;
    right: 0.625rem !important;
    padding-left: 0.313rem !important;
    padding-right: 0.313rem !important;
    font-size: 0.688rem !important;border-radius:15px;
}



/* time line */

.isteColor{
    color: #cd2147;
  }
  .isteColor:hover{
    color: #353A40;
  }
/*haber akışı list*/
ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 1.813rem ;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline > li {
  margin: 1.25rem  0;
  padding-left: 1.25rem ;
}
ul.timeline > green:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 0.188rem  solid #cd2147;
  left: 1.25rem ;
  width: 1.25rem ;
  height: 1.25rem ;
  z-index: 400;
}


/*vertical carousel*/
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}




.clear-filter{
float:right;
font-weight:700;
}


.closebtns-disabled{
background:#888787;
border-radius:50%;
height:22px;
width:22px;
color:#fff;
padding:6px;
}



.btn-primary.custom-file-control:before, .btn.btn-primary {
    /* color: #000000!important; */
    background-color: transparent;
    border-color: #ccc;
}


.morebtncenter{
background:#2eb2f2!important;
 
}
.morebtncenter:hover{
background:#e16983!important;
}



	/* **********==== material======*************** */




  
	
/* matial design */

@import url(https://fonts.googleapis.com/css?family=Roboto);
 
  
.button-container {
  text-align: center;
}

fieldset {
  margin: 0 0 3rem;
  padding: 0;
  border: none;
}




/* select dropdown here */

.select2 .selection .select2-selection--single, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-width: 0 0 0.063rem 0 !important;
    border-radius: 0 !important;
    /* height: 2.05rem; */

}


.select2-container .select2-selection--single 

{
	
	    height: 1.188rem !important;
	
}

.input-field {
    line-height: 0.6;
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-width: 0 0 0.063rem 0 !important;
    border-radius: 0 !important;
}

.select2-results__option {
    color: #171717;
    padding: 0.5rem  1rem ;
    font-size: 1rem ;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eee !important;
    color: #171717!important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e1e1e1 !important;
}

.select2-dropdown {
    border: none !important;
    box-shadow: 0 0.125rem 0.313rem  0 rgba(0,0,0,0.16),0 0.125rem 0.625rem  0 rgba(0,0,0,0.12);
	z-index: 99999999!important;
}

.select2-container--default .select2-results__option[role=group] .select2-results__group {
    background-color: #333333;
    color: #fff;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
}

.select2-container .select2-search--inline .select2-search__field:focus {
    border-bottom: none !important;
    box-shadow: none !important;
}

.select2-container .select2-selection--multiple {
    min-height: 2.05rem !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #ddd !important;
    color: rgba(0,0,0,0.26);
    border-bottom: 0.063rem dotted rgba(0,0,0,0.26);
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  &.valid + label::after,
  &.invalid + label::after,
  &:focus.valid + label::after,
  &:focus.invalid + label::after {
    white-space: pre;
  }
  &.empty {
    &:not(:focus).valid + label::after,
    &:not(:focus).invalid + label::after {
      top: 2.8rem;

    } 
  }
}





/* add new */


#myModalRight{
	margin-top:1em;
float:right;
}





.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 1.75rem ;
    margin-top: 0.625rem ;
}

 .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0.063rem solid #aaa;
    font-size: 1.125rem ;
    font-weight: 600;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 1.75rem ;
	    font-size: 1rem ;
    font-weight: 600;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 1.75rem ;
    padding-left: 0px!important;
}


 
 
 
 
 
 
 /* select */
 
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff!important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #2eb2f2!important;
    border: 0.063rem solid #2eb2f2!important;
    border-radius: 0.25rem ;
    cursor: default;
    float: left;
    margin-right: 0.313rem ;
    margin-top: 0.313rem ;
    color: #fff!important;
    padding: 0.375rem  0.313rem !important;
	font-size:10px!important;
}	

 .titlehed{
	 
	    font-size: 0.813rem !important;
    color: #777!important;
 }
 
 .btn-primary {
    color: #fff;
    background-color: #4CAF50; 
	    border-radius: 1.875rem ;
	
 }
 
 
 .toggle-off.btn {
    padding-left: 1.5rem ;
    background: gainsboro;
    color: #000;
	    border-radius: 1.875rem ;
}




 
 
 .inputlable{
     font-size: 1.125rem !important;
    color: #9a9a9a!important;
    font-weight: 600!important;
 
 }
 
 
 
 .inputlable input {
    font-size: 1rem !important;
    color: #000 !important;
    font-weight: 500 !important;
 line-height: 38px; 

}

.form-radio, .form-group {
    position: relative;
    margin-bottom: 1.25rem;
    line-height: 0.7;
}
 
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice{
	border-radius:13px!important; 
 }
 
 
 .select2-container--default .select2-selection--single .select2-selection__rendered {
   font-size: 0.875rem !important;
    color: #333!important;
    font-weight: 600!important;
	    margin-top: 0px!important;
		line-height: 1rem !important;
}

.audit-historyiconp img{
	
     width: 1.313rem ;
}

.audit-historyiconp {
	
     font-size: 0.688rem ;
}
.control-label {
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
	
 
}
 
 
label.btn.btn-default.btn-xs.active.toggle-off {
    font-size: 0.625rem ;
	margin-top: -4px;
}
label.btn.btn-primary.btn-xs.toggle-on {
    font-size: 0.5rem ;
	    margin-top: -4px;
}

.toggle.btn.btn-primary.btn-xs {
    width: 73.0938px!important;
    height: 1.375rem !important;
	border-radius: 0.938rem ;
	
}

.toggle.btn.btn-default.btn-xs {
    width: 73.0938px!important;
    height: 1.375rem !important;
	border-radius: 0.938rem ;
	
}

/* .round{ */
/* background: #fff;  */
    /* border-radius: 50%; */
    /* width: 0.75rem ; */
    /* height: 0.75rem ; */
    /* position: absolute; */
    /* margin-top: -17px; */
    /* margin-left: 0.25rem ; */
/* } */


label.btn.btn-primary.toggle-on {
    font-size: 0.5rem ;
	line-height: 0;
	padding-left: 0px;
}

label.btn.btn-default.active.toggle-off {
    font-size: 0.5rem ;
	line-height:0;
	padding-left: 0px;
}




.toggle.btn.btn-primary {
    width: 63px!important;
    height: 1.125rem !important;
	margin-left: 1.063rem ;
}


.actiivicon{
	margin-left: -2px!important;
    margin-right: 0.375rem !important;
	    line-height: 0;

}
.toggle.btn {
    min-width: 59px!important;
    min-height: 1.125rem !important;
}

.toggle.btn.btn-default {
    width: 63px!important;
    height: 1.125rem !important;
	margin-left: 1.063rem ;
}

.toggle.btn {
    min-width: 59px!important;
    min-height: 1.125rem !important;
}

.toggle-on {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 35%!important;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.toggle-off {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 55%!important;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
}



.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1.625rem ;
    position: absolute;
    top: -5px!important;
    right: 1px;
    width: 1.25rem ;
}







/* vp select dropdown edit */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
	line-height: 1.375rem !important;
    font-size: 0.938rem !important;
    font-weight: 500!important;
    padding-left: 0px!important;
}

.select2-container--default .select2-selection--single{
    padding-bottom: 1.688rem !important;
	
}








/* top move animation  text none*/


 
 
 
.form-group select ~ .control-label, .form-group input:focus ~ .control-label, .form-group input:valid ~ .control-label, .form-group input.form-file ~ .control-label, .form-group input.has-value ~ .control-label, .form-group textarea:focus ~ .control-label, .form-group textarea:valid ~ .control-label, .form-group textarea.form-file ~ .control-label, .form-group textarea.has-value ~ .control-label {
    font-size: 0.8rem;
    color: gray;
    top: 0rem;
    display: none;
    left: 0;
}


/* VP */

.material-search i{
/* z-index:99999; */
position:absolute;
left:0px;
margin-top: 0.375rem ;
padding-left: 1.063rem ;
}
.material-search  input{
    padding-left: 38px;
	font-size:22px;
	line-height:15px
}

.material-search   .form-group .control-label{
    left: 38px;
	 
}

.material-date .date img{
width:22px;
}
.material-date .date{
z-index:98; 
position:absolute;
left:0px;
margin-top: 0.375rem ;
padding-left: 1.063rem ;
}

.material-date input{
 padding-left: 38px;
	font-size:22px;
	line-height:15px
}

   
.material-date   .form-group .control-label{
    left: 38px;
}

.Pincode{

}
.form-group.inputlable.mt-0.mb-2.pincode {
    top: -14px;
}


.search-notification {
    height: 0.5rem ;
    width: 0.5rem ;
    border-radius: 0.375rem ;
    background-color: #ff5151;
    display: block;
    position: absolute;
    top: 0.25rem !important;
    right: 1.125rem !important;
}


.phonenumber{
 font-size:22px;
}

.darkblue{
color:#2eb2f2;
}

















/* images crop */


   /*!
   light-modal v1.1.0: A new lightweight css modal.
   (c) 2017 
   MIT License
   git+https://github.com/hunzaboy/Light-Modal.git
*/
.button {
  display: block;
  cursor: pointer;
  padding: 0.625rem  1.25rem ;
  margin: 0.625rem  0;
  background: #4C7CC4;
  clear: both;
  color: #FFF;
}
.light-modal {
    display: none;
    position: fixed;
    background: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    z-index: 9000;
    transition: background 1s;
    font-size: 1rem ;
    visibility: hidden;
}

.light-modal-content {
    background: #fff;
    color: #fff;
    width: 30vw;
    border-radius: .2em;
    position: relative;
    max-height: calc(100vh - 150px);
    line-height: 1.4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
min-height: 100px;
    margin-top: -185px;
}

.light-modal-content img {
    max-width: 100%;
    border-radius: .2em;
}

.light-modal-content.large-content {
    width: 50vw;
}

.light-modal-header {
    padding: 1.25rem  1.25rem  1.25rem  1.25rem ;
    background: rgba(0, 0, 0, 0.2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.light-modal-heading {
    margin: 0;
    font-size: 1.5em;
}

.light-modal-heading + .light-modal-close-icon {
    position: static;
}

.light-modal-body {
    padding: 1.25rem ;
    overflow: auto;
    max-height: 450px;
}

.light-modal-footer {
    position: relative;
    padding: 1.25rem  1.25rem  1.25rem  1.25rem ;
    text-align: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.light-modal-footer .image-rotate-value {
    position: absolute;
    border: 0;
    text-align: center;
    top: 0;
    width: calc(100% - 40px);
}

.light-modal-footer .image-rotate {
    margin: 0 0.625rem ;
}

.light-modal-close-icon, .light-modal-close-btn {
    text-decoration: none;
    color: #fff;
    padding: 0.313rem  0.625rem ;
    border-radius: .2em;
    background: #4C7CC4;
    font-size: 1.5em;
    line-height: 1;
    transition: background .2s ease-in-out;
}

.light-modal-close-icon:hover, .light-modal-close-btn:hover {
    background: #46BF46;
}

.light-modal-close-icon {
    position: absolute;
    top: -15px;
    right: -15px;
}

.light-modal-close-btn {
    font-size: 1em;
}

.light-modal-caption {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    padding: 0.625rem  0;
    background: rgba(0, 0, 0, 0.2);
    border-radius: .2em;
    width: 100%;
    text-align: center;
    margin-top: 0.313rem ;
}

.light-modal:target {
    background: rgba(0, 0, 0, 0.5);
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
}

.light-modal-navigation .navigation-next,
.light-modal-navigation .navigation-prev {
    width: 2rem ;
    height: 2rem ;
    border-color: #fff;
    transition: border-color .2s;
}

.light-modal-navigation .navigation-next:hover,
.light-modal-navigation .navigation-prev:hover {
    border-color: rgba(255, 255, 255, 0.7);
}

.light-modal-navigation .navigation-next {
    position: absolute;
    right: -50px;
    top: 50%;
    border-bottom: 0.063rem solid;
    border-left: 0.063rem solid;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.light-modal-navigation .navigation-prev {
    position: absolute;
    left: -50px;
    top: 50%;
    border-bottom: 0.063rem solid;
    border-left: 0.063rem solid;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
 
input#crop {
    position: absolute;
    right: 135px;
    /* top: 0.313rem ; */
    margin-top: 65px;
    opacity: .01;
}


canvas#cropzee-hidden-canvas {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    left: 159px;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 999999999999999999999999;
}

.card-body .text-secondary
{
	color: #2b2b2b!important;
}
h4.larg-title
{
	font-size: 1.05rem;
}
.btn-group label.btn-secondary
{
	width:0.938rem !important;
}







/* lotust anumatio */
.flower-anim{
 text-align:center;
  position: relative;
  animation-name: example;
  animation-duration: 3s;  
  animation-fill-mode: forwards;
 }
@keyframes example {
  from {bottom:-400px;}
  to {bottom:1.25rem ; }
}
 
 
 
.hovicon {
    display: inline-block;
    font-size: 45px;
    line-height: 90px;
    cursor: pointer;
    margin: 1.25rem ;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
}
 
.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
   
/* Effect 8 */
 .hovicon.effect-8 {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}
.hovicon.effect-8:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 0.125rem rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.hovicon.effect-8:hover {
    background: rgba(255, 255, 255, 0.05);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;
}
.hovicon.effect-8:hover i {
    color: #fff;
}
.hovicon.effect-8:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.125rem rgba(255, 255, 255, 0.1), 0 0 0.625rem  0.625rem  #fff, 0 0 0 0.625rem  rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 0.125rem rgba(255, 255, 255, 0.1), 0 0 0.625rem  0.625rem  #fff, 0 0 0 0.625rem  rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.125rem rgba(255, 255, 255, 0.1), 0 0 0.625rem  0.625rem  #fff, 0 0 0 0.625rem  rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 0.125rem rgba(255, 255, 255, 0.1), 0 0 0.625rem  0.625rem  #fff, 0 0 0 0.625rem  rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0.125rem rgba(255, 255, 255, 0.1), 0 0 0.625rem  0.625rem  #fff, 0 0 0 0.625rem  rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 0.125rem rgba(255, 255, 255, 0.1), 0 0 0.625rem  0.625rem  #fff, 0 0 0 0.625rem  rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
 
 
 
 
 
 
 

.slideshow {
  height:200px;
   width: 320px;
  position: relative;
  overflow: hidden;
      margin: 0 auto;
}
.images {
  
  position: absolute;
  
  top: 0;
  height:auto;
  width: 100%;
  animation: slideshow 10s linear infinite;
  animation-timing-function: 10s linear;
}

.cover{
  height:200px;
  width:100%;
  background-color:wite;
  position:absolute;
  top:-10px;
  
}
.images img{
  height:200px;
width: 100%; 
  margin:0.625rem 0;
  transition:transform 2s ease-in-out;
  
}

.images img:hover{
  transform:scale(1.1);
  opacity:0.5;
}
@keyframes slideshow {
  0%    { top: +20%; }
  25%  { top: +10%; }
   50%    { top: -0%; }
  100%  { top: -10%; }
}

.slideshow:hover .images {
  animation-duration: 10s;
} 
.olli li{

margin-bottom:15px;
}
 
 
 .w100{
 width:100% !important;
 }
 
 .opthead {
    font-size:1.3rem !important;
    line-height: initial;
    color: #7b7b7b;
}
.noofsam
{
	text-align: center;
}
.loginscnlogo .custom-control-label
{
	text-align: left;
}


 
 
 
/* Essence Page */

.top50
{
margin-top: 65vh;
    color: white;
    font-family: auto;
}


.theessence-bg{
 background-image:url('../images/essence/saiphoto.jpg');  
background-repeat: no-repeat;
background-size: cover; 

 height: 100vh;  
}
.title{color:#fff;font-family: auto;}
.logosai{position: static;}
.foter-text{color:#fff;    font-family: auto;}

.norw-text {
  font-family: auto;
    padding:1.25rem 0px !important;
    font-size: 0.875rem ;
}

/* Smartphones (portrait) ---------- */
@media screen and (max-width: 320px){ 

.logosai{width:58px;padding-top:15px;}
.title h1{font-size:22px;font-weight:500;}
.foter-text{ top:400px;padding:15px;position: absolute;text-align:center;}


.about-title {  color: #f36e24;   font-family: auto;    margin-top: 1em; margin-bottom:15px;   font-size: 1.625rem ;    font-weight: 500;}  
.sub-title {    color: #f36e24;    font-family: auto;   }

  
.nor-text{       font-size: 0.875rem ;  text-align: justify;   padding: 0px;margin-bottom:0px;     padding-bottom: 0.938rem ;} 
.italic-text{font-family:auto;font-size:14px;text-align: center; font-weight:600; padding-top: 0.938rem ; } 
p.sub-text {  font-size: 0.625rem ;    text-align: right;    line-height: 1rem ;}

.pagenumber{width:50px; margin-top:1.25rem ;}
}

/* Smartphones (portrait) ---------- */
@media screen and (min-width: 375px){ 

.logosai{width:58px;padding-top:40px;}
.title h1{font-size:22px;font-weight:500;}
.foter-text{ top:480px;padding:15px;position: absolute;text-align:center;    padding-left: 1.375rem ;}
.foter-text h5{ font-size:22px; text-align:center;}


.about-title {  color: #f36e24;   font-family: auto;    margin-top: 1em; margin-bottom:15px;   font-size: 1.625rem ;    font-weight: 500;}  
.sub-title {    color: #f36e24;    font-family: auto;   }

  
.nor-text{     font-size: 0.875rem ; text-align: justify;    padding: 0px;margin-bottom:0px;line-height: 1.125rem ;     padding-bottom: 0.938rem ;} 
.italic-text{font-family:auto;font-size:14px;text-align: center; font-weight:600; padding-top: 0.938rem ;} 
p.sub-text {   font-size: 0.625rem ;     text-align: center;   line-height: 0.75rem ;margin-bottom: 0;}


.pagenumber{width:50px; margin-top:1.25rem ;}


}

@media screen and (min-width: 411px){ 
.title h1 {  font-size: 1.75rem ;    font-weight: 500;} 
.logosai { width: 72px; padding-top: 1.938rem ;}
.foter-text h5{ font-size:24px; text-align:center;}

.foter-text { top: 523px;}
.pagenumber{width:50px; margin-top:1.25rem ;}
.italic-text{padding-top: 0.938rem ; }
}

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

.title h1 {  font-size: 1.75rem ;    font-weight: 500;} 
.logosai { width: 72px; padding-top: 1.938rem ;}
.foter-text h5{ font-size:26px; text-align:center;} 
.foter-text { top: 538px;}
.italic-text{padding-top: 0.938rem ; }
.pagenumber{width:50px; margin-top:1.25rem ;}
}


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

.logosai {width: 137px;    padding-top: 52px;}
.title h1 {font-size:54px;    font-weight: 500;}
.foter-text { top: 996px;}
.foter-text h5 {font-size: 41px; text-align: center;    padding-left: 59px;}

.about-title {  color: #f36e24;   font-family: auto;    margin-top: 1em; margin-bottom:15px;   font-size: 1.625rem ;    font-weight: 600;}  
.sub-title {    color: #f36e24;    font-family: auto; margin: auto 0px;  }

  
.nor-text{     font-size: 0.875rem ; text-align: justify;    padding: 0px;margin-bottom:0px;     padding-bottom: 0.938rem ;margin: auto 0px;} 
.italic-text{font-family:auto;font-size:14px;text-align: center; font-weight:600;margin: auto 0px; padding-top: 0.938rem ; } 
p.sub-text {   font-size: 0.813rem ;  text-align: right;margin: auto 1.25rem ; }

.pagenumber{width:50px; margin-top:1.25rem ;}


}
@media screen and (min-width:320px) and (max-width:359px){ 
.top50 {
    margin-top: 70vh !important;
    color: white;
    font-family: auto;
}
}
@media screen and (min-width:360px) and (max-width:370px){ 
.top50 {
    margin-top: 60vh !important;
    color: white;
    font-family: auto;
}
}
@media screen and (min-width:768px) and (max-width:990px){ 
.top50 {
    margin-top: 62vh !important;
    color: white;
    font-family: auto;
}
}

@media screen and (min-width: 370px) and (max-width:420px){ 
.top50 {
    margin-top: 74vh !important;
    color: white;
    font-family: auto;
}
}



@media screen and (min-width:1024px){ 
.theessence-bg { height: 100vh;}
.logosai {width: 97px;    padding-top: 1.875rem ;}
.title h1 { font-size: 38px;    font-weight: 500;}
.foter-text { top: 600px;}
.foter-text h5 {    font-size: 1.938rem ; text-align: center; padding-left: 0;}

.nor-text{ line-height: 1.125rem ;padding-top: 0.625rem ;}
.italic-text{  line-height: 1.188rem ;padding-top: 0.938rem ;}

p.sub-text {    font-size: 0.75rem ;    text-align: right; text-align: center;   margin: auto 1.25rem ;    line-height: 1rem ;    margin-top: 2px;}

}

@media screen and (min-width:1224px){ 
.top50 h5
{
	font-size:25px;
}
.logosai {width: 97px;    padding-top: 1.875rem ;}
.title h1 { font-size: 34px;    font-weight: 500;}
.foter-text { top: 600px;}
.foter-text h5 {    font-size: 1.938rem ; text-align: center; padding-left: 0;}
.full-width {    width: 100%;    margin-left: 0px; 
}
.pagenumber{width:50px; margin-top:1.25rem ;}
.italic-text{  line-height: 1.125rem ;padding-top: 0.938rem ;}
}


.bg-yellow{
background-color:#fffac2;
}
 
 .esence-logo-23{
 max-width:300px;
 }
 .side-img{
 
 }
 
.medium-header{

font-size: 1.3rem;
    font-weight: 600;
}
 .line-dark{
 height:1px;
 background:#000;
 width:100%;
 
 }
 
 .big-font{
color:#f36e24;
font-size:75px;
float:left;
margin:0px;
padding:5px;
font-family:auto; 
line-height: 42px;
 
 }
 
 .m-big-font{
 color:#f36e24;
font-size:55px;
float:left;
margin:0px;
padding:5px;
font-family:auto; 
line-height: 42px;
 }
 
 .bigdot{
  color:#f36e24;
 
 }
 
 dl, ol, ul {
    margin-top: 0;
    padding-left: 0px;
    margin-bottom: 1rem;
 }
 .languageselect{
	float:right;margin-bottom: -31px;z-index: 1;position: relative;margin-right: 0.313rem ;margin-top: 0px;
}
.bmd-form-group select.lang , .lang{	
	-webkit-appearance: none;	
    -moz-appearance: none;	
    background: transparent;	
    background-image: url("../images/icon/drop-btn.svg");	
    background-repeat: no-repeat;	
    background-position-x: 100%;	
    background-position-y: 1px;	
    border: 0px solid #dfdfdf;	
    margin-right: 0rem;	
    padding-right: 1.5rem  !important;	
    padding: 0.188rem  1.25rem  0.188rem  0px !important;	
    color: #2eb2f2 !important;	
    font-size: 0.9rem !important;	
    font-weight: 500 !important;	
    font-family: 'Open Sans', sans-serif;

}

.step1{
    border-radius: 50%;
    width: 206px;
    height: 206px;
    display: -webkit-box;
    margin: 0 auto;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    background-image: linear-gradient(30deg,#ffeb3bc2 20%,transparent 30%),linear-gradient(18deg,#ff572200 40%,#ff980000 40%),linear-gradient(45deg,#ff572200 40%,#cddc3900 20%);
    background-image: -webkit-linear-gradient(30deg,#ffeb3bc2 20%,transparent 30%),-webkit-linear-gradient(18deg,#ff572200 40%,#ff980000 40%),-webkit-linear-gradient(45deg,#ff572200 40%,#cddc3900 20%);
}
.step2{
		border-radius: 50%;
width: 76px;
margin: 0 auto;
height: 76px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-image: linear-gradient(30deg,#ffeb3bc2 20%,transparent 30%),linear-gradient(18deg,#ff9800 40%,#ff572200 40%),linear-gradient(45deg,#ff572200 40%,#cddc3900 20%);
background-image: -webkit-linear-gradient(30deg,#ffeb3bc2 20%,transparent 30%),-webkit-linear-gradient(18deg,#ff9800 40%,#ff572200 40%),-webkit-linear-gradient(45deg,#ff572200 40%,#cddc3900 20%);
}
.step3{
border-radius: 50%;
width: 76px;
height: 76px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-image: linear-gradient(30deg,#ffeb3bc2 20%,transparent 30%),linear-gradient(30deg,#ff9800 50%,#ff572200 40%),linear-gradient(45deg,#ff572200 40%,#cddc3900 20%);
background-image: -webkit-linear-gradient(30deg,#ffeb3bc2 20%,transparent 30%),-webkit-linear-gradient(30deg,#ff9800 50%,#ff572200 40%),-webkit-linear-gradient(45deg,#ff572200 40%,#cddc3900 20%);
}
.step4{
	border-radius: 50%;
width: 76px;
height: 76px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-image: linear-gradient(30deg,#ffeb3bc2 20%,transparent 30%),linear-gradient(30deg,#ff9800 60%,#ff572200 40%),linear-gradient(45deg,#ff572200 40%,#cddc3900 20%);
background-image: -webkit-linear-gradient(30deg,#ffeb3bc2 20%,transparent 30%),-webkit-linear-gradient(30deg,#ff9800 60%,#ff572200 40%),-webkit-linear-gradient(45deg,#ff572200 40%,#cddc3900 20%);
}
.step5{
	border-radius: 50%;
width: 136px;
height: 136px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-image: linear-gradient(30deg,#ffeb3bc2 20%,#00000000 30%),linear-gradient(30deg,#ff9800 60%,#ff5722 40%),linear-gradient(30deg,#ff5722 10%,#ff5722 30%);
background-image: -webkit-linear-gradient(30deg,#ffeb3bc2 20%,#00000000 30%),-webkit-linear-gradient(30deg,#ff9800 60%,#ff5722 40%),-webkit-linear-gradient(30deg,#ff5722 10%,#ff5722 30%);
-webkit-box-shadow: 0px 1rem  39px -12px rgba(255,153,0,0.76);
    -moz-box-shadow: 0px 1rem  39px -12px rgba(255,153,0,0.76);
    box-shadow: 0px 1rem  39px -12px rgba(255,153,0,0.76);
}
.profileImg{
	width: 200px !important;
    height: 200px !important;
    border: 0px !important;
    border-radius: 50% !important;
    margin-top: 0.188rem  !important;
    margin-left: 0.188rem  !important;
}

.profileImg1{
	width: 70px !important;
    height: 70px !important;
    border: 0px !important;
    border-radius: 50% !important;
	margin-left: 0.188rem  !important;
	margin-top: 0.188rem  !important;
}
.profileImg2{
	width: 130px !important;
    height: 130px !important;
    border: 0px !important;
    border-radius: 50% !important;
    margin-top: 0.188rem  !important;
    margin-left: 0.188rem  !important;
}
.larg-titlestl {
    font-weight: 600;
    line-height: 1.688rem ;
    font-size: 0.938rem  !important;
	margin-bottom: 0px;
}
.bmd-form-group label.bmd-label-floating{
	left: 0px;
}
.form-group.bmd-form-group input.form-control{
	border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.form-group.bmd-form-group .bmd-label-floating{
	font-size: 0.9rem !important;
    font-weight: 500;
}
.form-group.bmd-form-group.is-filled .bmd-label-floating, .form-group.bmd-form-group.is-focused .bmd-label-floating {
    font-size: 0.8rem !important;
    font-weight: 500;
}
.form-group.bmd-form-group input.form-control {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.form-group input.form-control{
    height: 2.25rem !important;
}
.quoteDiv{
    border-left: 0.063rem solid  #ae8c34;
    margin-left: 0px;
    border-right: 0.063rem solid  #ae8c34;
    background: #ffe5a5;
    margin-top: -1px;
    margin-bottom: -1px;
}
.datequtionAlign{
	width: 100%;
    margin-right: 1.875rem ;
    margin-top: -22px;
}
.qutionImg{
	margin-left: 40px;
    margin-top: -20px;
}
.qutionImg img{
	height: 1.563rem ;
}
/* .quoteText{	
	padding: 0.313rem  0.938rem ;	
	font-size: 1.8rem;	
	font-weight: 500;	
	text-align: center;	
	font-family: 'Sacramento';	
} */

.textSecondary{
	width: 90%;
    margin: 0 auto;
}
.textSecondary .cardbanner-sai{
	padding-bottom: 0px !important;
}
.quoteImgwidth{
	width: 1.875rem ;
}
.cntQuoteT{width: 100%; border-top: 0.063rem solid  #ae8c34; background: #ffe5a5;}
.cntQuoteB{width: 100%; border-bottom: 0.063rem solid  #ae8c34; background: #ffe5a5;}
.borderAccodion .card-body{
	width: 100% !important;
}
.borderAccodion .faqbottomborder{
	border-bottom:0px !important;
}
.card.borderAccodion{
	border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px !important;
}
.IconPtn{
	float: right;
}
.collapsed .keyboard_arrow_up {
	display: none;
}
.collapsed .keyboard_arrow_down {
	display: block;
}
.keyboard_arrow_down{
	display: none;
}
.keyboard_arrow_up {
	display: block;
}
.faqbtm{
	text-align: center;
    font-size: 0.875rem ;
    line-height: 1.375rem ;
}
.traingImg{
	width: 90% !important;
    margin-left: 5% !important;
}
.pageLink{
	margin-right: 0.313rem ;
    padding: 0.188rem  0.5rem ;
    font-size: 0.813rem ;
}
.modelDesign .modal-header p.text-center{
	width: 100% !important;
	margin-bottom: 0px;

}
.modelDesign .modal-header img.alrticon{
	margin: 0px auto !important;
    position: unset !important;
    box-shadow: none;
    padding: 0px !important;
    width: 40px !important;
    height: 40px !important;
}
.modelDesign .modal-body ul{
	list-style: decimal;
    padding: 0px 0.938rem ;
    text-align: justify;
    line-height: 1.375rem ;
    font-size: 0.875rem ;
}
.modelDesign .modal-body ul li{
	padding-bottom: 0.313rem ;
}
.modelDesign .modal-footer button.confirm-not{
	width: 100%;
}
.addressData{
	font-size: 0.875rem ;
}.addresstitlecls{
	font-size: 1rem ;
    font-weight: 600;
}
.changebtn{   padding: 0.25rem  0.313rem  !important;
    width: auto !important;
    margin-bottom: -18px !important;
    border-radius: 0px;
    float: right;
    height: 1.375rem ;
    font-size: 0.75rem ;
    line-height: 0.813rem ;
    background: #e16882;}
	
	.fontLineheight{
		line-height: 1.438rem  !important;
	}

	.otpNumber .inputs {
		font-size: 1.4rem !important;
		color: #000 !important;
		font-weight: 500 !important;
		line-height: 38px;
		margin-right: 2px;
		outline: none;
	}
	.otpNumber input.inputs:focus {
		border-bottom: 0.063rem solid #2eb2f2 !important;
	}
	.ph {
		font-size: 1.375rem ;
		letter-spacing: 1.5px;
	}
	.btn{
		border-radius: 0px !important;
	}
	.label_btn{
		width: 50px !important;
		padding: 0.313rem  !important;
		height: 2.8rem;
		line-height: 2.1rem;
		}
		#pac-container,  #pac-container input, .outline_none ,.outline_none span{
			outline: none;
		}
		.btn_cls.btn.btn-primary{
			height: 2.8rem;
			line-height: 2.4rem;
    border: 0.063rem solid #abb1b8 !important;
    color: #b1c4d9 !important;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 2px;
    min-width: 50px;
		}
		.btn_cls.btn-primary:not(:disabled):not(.disabled).active:focus, .btn_cls.btn-primary:not(:disabled):not(.disabled):active:focus, .btn_cls.show>.btn-primary.dropdown-toggle:focus {
			box-shadow:none !important;
		}
		.cardpro h6{
font-weight: 700;
		}
		
.tooltip_cls .tooltiptext {
	visibility: visible;
	  width: 70px;
	  height: 1.563rem ;
	  background-color: #2eb2f2;
	  color: #fff;
	  text-align: center;
	  border-radius: 1.563rem ;
	  padding: 0.125rem 0;
	  position: absolute;
	  z-index: 1;
	  bottom: 60%;
	  font-size: 0.875rem ;
	  right: 2%;
	  margin-left: -60px;
	  opacity: 1;
	  transition: opacity 0.3s;
  }
  
  .tooltip_cls .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 0.313rem ;
	border-style: solid;
	border-color: #2eb2f2  transparent transparent transparent;
  }
  
  .tooltip_cls:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
  }

  @media screen and (min-width: 450px){
	.btn_cls.balvikasgrp{
		font-size: 0.9rem !important;
	  }
}
@media screen and (min-width: 380px) and (max-width: 450px){
	.btn_cls.balvikasgrp{
		font-size: 0.8rem !important;
	  }
}
@media screen and (max-width: 380px){
	.btn_cls.balvikasgrp{
		font-size: 0.68rem !important;
    padding: 0px !important;
	  }
}
.bd-bgroup .col-6{
	text-align: center !important;
}
#alumnigrpyear{
	border: 0px !important;
}

select.inputlable, #photoIdentityId {
	font-weight: 400!important;
    border: 0px !important;
    border-bottom: 0.063rem solid #dedede !important;
    color: #111111!important;
    width: 100%;
    border-radius: 0px !important;
    padding: 0.438rem  0px;
    line-height: 1.063rem ;
	font-size: 0.938rem  !important;
	margin-top: 0.5rem ;
}
 #education,#emptype, #occupation {
    font-size: 1.125rem !important;
    color: #111111!important;
    width: 100%;
	border: 0px !important;
	border-radius: 0px !important;
    padding: 0.438rem  0px;
    line-height: 1.063rem ;
    font-size: 0.938rem  !important;
}
select.inputlable:focus{
	outline: none !important;
}
select:focus{
	outline: none !important;
}
:focus{
	outline: none !important;
}
.menuactive .blueImg{
	display: none;

}.menuactive .blackImg{
	display: block;
    margin: 0 auto;
}

.blackImg{
	display: none;
}
.modal .modal-body,.modal .modal-content, #errorAlert{
	font-family: 'Open Sans', sans-serif !important;
}
.icon_img{
	width: 42px !important;
    height: 42px !important;
    border: 0.063rem solid rgb(207, 186, 53) !important;
    padding: 0.313rem  !important;
    border-radius: 1.563rem  !important;
    background: rgb(255, 255, 255) !important;
    line-height: 1.25rem  !important;
    backface-visibility: visible !important;
    z-index: 0 !important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important;
    margin: 0 auto !important;
}
.icon_img .img_edit{
	width: 1.813rem  !important;
    border: 0px !important;
    border-radius: 0px !important;
    margin-top: 0.125rem !important;
}
#errorAlert,#errorredirectAlert,#reloadAlert,#commonFont,#draftAlert,.errorAlert, .errorredirectAlert,.reloadAlert,.commonFont,.draftAlert{
	font-family: 'Open Sans', sans-serif;
    font-size: 1rem ;
    line-height: 1.25rem ;
}
.modal-footer{
	border-top:0px !important;
}

.bmd-form-group select{
	font-size: 1rem !important;
    font-weight: 500 !important;
	font-family: 'Open Sans', sans-serif;
	color: #000 !important;
}
.common_labal_fnt{	
	font-size: 1.1rem !important;	
    font-family: 'Open Sans', sans-serif !important;	
    font-weight: 500 !important;	
}	
.common_labal_fnt_Sub{	
	font-size: 1rem !important;	
    font-family: 'Open Sans', sans-serif !important;	
    font-weight: 400 !important;	

}
.header_top{
	width: 100% !important;	
}
.header_top img{
	margin: 0 auto !important;
    margin-top: -60px !important;
    position: unset !important;
}
.modal-header .header_top .close{
	margin-top: -24px !important;
    z-index: 2;
    position: relative;
}
.modal-open .modal{
	overflow-y: hidden !important;
}


.common_font_style{
    text-align: justify;
    line-height: 1.25rem  !important;
    font-size: 0.92rem;
}

.loadingStyle_css{
	background:#FFF !important;
	z-index: 999999999 !important;
	display:none;
}
.stylepb_100{
	padding-bottom:100px !important;
}
.zindex_9999{z-index:9999 !important;
}
.pd_lr_0{
	padding-left:0px !important; padding-right:0px !important;
}
.location_img{
	width: 1rem  !important;
}
.imgStyle_cls{box-shadow: 0 0.063rem 0.375rem  0 rgba(32, 33, 36, .28) !important;  padding: 0.625rem  1.125rem  !important;  	background:#fff !important;}
.float_right{    float: right;}
.mg_0_auto{
	margin: 0 auto !important;}
	.text_center{text-align: center;}
.width_100_per{
	width: 100% !important;
}
.register_cls{
	width: 100%;color: #fff !important;height: 2.8rem;line-height: 2.4rem;border: 0px solid #abb1b8 !important;font-weight: 100;font-size: 1rem;padding: 2px;min-width: 50px;
}
.overflow_hidden{
	overflow: hidden !important;
}
.resendClr{	
	color:#FFC0CB !important;	
}	
#range_value{	
	margin-bottom: 0px !important;	
}	
.rowFotter{	
	bottom: 0;	
    position: sticky;	
    width: 100%;	
    margin: 0 auto;	
    z-index: -1;	
}
.btn_clsActivity.btn.btn-secondary {
    height: 2.8rem;
    line-height: 2.4rem;
    border: 0.063rem solid #7893ad !important;
    color: #373338 !important;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 2px;
    min-width: 50px;
}
.select_style{
	border: 0px !important;
}
.common_header_fnt{font-size: 1.3rem !important;
    font-family: 'Open Sans', sans-serif !important;
	font-weight: 500 !important;}
	.radioWidth{
		width: 60px !important;
		float: unset !important;
	}
.badgefloat1{
	bottom: 0px !important;
    position: absolute;
    width: 62px;
    background-color: #1f2227 !important;
    right: 0;
    padding: 0.375rem  0.688rem ;
    margin-right: 1.25rem ;
    margin-bottom: 0.625rem ;
	}
	.subtitle1 {
		font-size: 1rem;
		line-height: 1.625rem ;
		margin-top: 1.25rem ;
		margin-bottom: 0.625rem ;
		font-weight: 500;
	}
	.blue_clr{
		color:#356399 !important;
	}
	.light_blue{color: #6e93a0;}
	.alert_style {
		background: #000;
		color: #fff;
		padding: 1.25rem ;
		width: 80%;
		font-size: 1.05rem;
		border-radius: 0.5rem ;
		text-align: center;
		margin: 0 auto;
	}
	.centerbutton-gary{
		background: #767e87;
	}
	.footer .centerbutton-green {
		height: 80px!important;
		line-height: 78px!important;
		width: 80px!important;
		border-radius: 100px!important;;
		background: #2FD470!important;
		margin: 0 auto !important;
		margin-top: -37px!important;
	}
	.footer_stl .litblue, .popup_footer .litblue {
		color: #62909F;
		margin-top: 2px;
	}
	.poputitle {
		font-size: 1.4rem;
	}
	select.bdr_0 {
		border: 0px !important;
	}
	.header_top .userpic {
		padding: 1rem  !important;
	}
	.heighttextara {
		width: 100%;
		height: auto!important;
	}
	.popup_footer textarea.textAreaStl {
		border: 0.063rem solid #355d84 !important;
		padding: 0.625rem  0.5rem ;
	}
	.footer_div {
		padding: 0.438rem  0px 0px 0px;
	}

@media screen and (max-width:460px)   { 
	.sideArrow_icon{
		margin-top: -11px !important;
		float: right !important;
		margin-right: -11px !important;
	}	
	}
	
	@media screen and (min-width: 460px){
		.sideArrow_icon{
			margin-top: -11px !important;
			float: right !important;
			margin-right: -11px !important;
		}	
	}
	.mb_0{
		margin-bottom: 0.063rem !important;
	}
	.border-l{
		border-left: 0.063rem solid #84807e;
	}
	.pfsz span.age_cls{
		font-size: 1rem;
    font-weight: 500;
    color: #000 !important;
	}
	.pfsz span {
		line-height: 1.4rem;
		color: #7d858d !important;
	}
	.loader_Cls_style{
			background:#FFF !important;z-index: 999999999 !important;display:none;
		}
		.wid_100{
width:100% !important;
		}
		.icons_style{
			width: 25px;
			background: #fff;
			margin-left: 4px;
		}
		.langimage{

			background-image:url('../images/profile_background2_optimized.jpg');

		}