/* VISITING CARD PREVIEW */
.vcard-holder{
	height: 350px;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	overflow-y:scroll;
	margin-bottom:15px;
	position: -webkit-sticky;
	position: sticky;
	top: 10vh;
	/* -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0px 30px 20px -20px black; */
}
.vcard-holder::-webkit-scrollbar {width: 7px;}
.vcard-holder::-webkit-scrollbar-track {background: #f1f1f1; }
.vcard-holder::-webkit-scrollbar-thumb {background: #888;}
.vcard-holder::-webkit-scrollbar-thumb:hover {background: #555;}
.vcard-holder #vcbShare{position: relative; top: 7px; width: 30px; left: 0;}

.shareArea{
	position: absolute;
	width: 320px;
    top: 20vh;
    z-index: 1;
    margin-left: -1px;
}
.shareArea a img{width: 0px;}
.shareArea a{margin-right: 18px;}
.shareArea a:last-child{margin-right:0;}
/* Use the following css classes if share area needs left right navigation */
/* .shareArea div:first-child,
.shareArea div:nth-child(2),
.shareArea div:last-child
{
	color:white;
	float:left;
	text-align:center;
}
.shareArea div:nth-child(2){width:84%}
.shareArea div:first-child, .shareArea div:last-child{
	width:8%;
	padding:5px 8px;
	border-radius:100%;
	background: #000000;
} */


.vcard-body{width: 320px;box-shadow: 0px 0px 5px #919ee6;border-radius: 7px;overflow: hidden;margin-bottom:15px;}
.vcard-body hr{width:60%; border-top:2px dotted #b9d1c4; margin:10px 20%; line-height:25px;}
.vcard-banner{width: 100%;height: 240px;background: url(css_images/banner_main.jpg);background-repeat: no-repeat;background-size: cover;margin-bottom: 10px;}
.vcard-slider{width: 200px;height: 200px;position: relative;display: flex;align-items: center;border: 4px solid #ffffff;top: 0%;left: 18%;background: linear-gradient(rgba(141, 32, 239, .5), rgba(23, 239, 254, .5));overflow: hidden;}
.vcard-slider .carousel-item img{max-height:200px;height:100%;width:100%}
.carousel-indicators li{height: 5px; width: 5px; border-radius: 100%; opacity: 1;}
.carousel-indicators .active{background-color: red;}
.vcard-id{width:100%;padding:10px 0 10px 0;color:#000000;background-color:#b9d1c4}
.vcard-id p {line-height:25px;}
.vcard-id p:first-child{//font-size:18px; font-weight: 600;}
.vcard-id p:last-child{//font-size:16px; font-weight:600;}
.vcard-id p:nth-child(2){//font-size:14px;}
.vcard-connect{width:100%; //overflow: auto; margin-bottom: 15px; background:#b9d1c4;padding: 10px 0px 30px 0px;}
.vcard-connect div{padding:5px 0; width:100%; float:left; //border-top:1px solid #e5e5e5; //border-bottom:1px solid #e5e5e5;}
.vcard-connect div:nth-child(2){//border:1px solid #e5e5e5;}
.vcard-connect a img{width:20px;}
.vcard-connect img{width:30px;}
.vcard-connect p{text-decoration:none; color:#000000; font-size: 14px;
    line-height: 20px;}
.vcard-connect a p{text-decoration:none; color:#000000; font-weight:600; font-size:10px;}
.dropdown-toggle::after{position: absolute; margin-top: -8px; margin-left: 15px;}
/* .vcard-connect a p:after{display:none;} */
.vcardStatus{color: #000000;font-weight: 600;}
.vcardStatus, .vcardAddress{line-height:17px; font-size:12px; padding:0 20px;}

.btn-vc{width:45%; padding: 4px 0;}
.btn-vc img{width: 25px; float: left;}
.btn-vc p{width:max-content; float:left; padding: 2px 0 0 0; font-size: 14px;}

#vCardUserIconLinks .d-flex::-webkit-scrollbar{width: 0px;}
#vCardUserIconLinks .d-flex{
	//width:70%;
	overflow:hidden;

}
#vCardUserIconLinks a:first-child img, #vCardUserIconLinks a:last-child img{margin:0 3px 0 0;}
#vCardUserIconLinks a img, #vCardUserIconLinks .d-flex a img{width:35px; margin-right:8px;}
#vCardUserIconLinks .d-flex a:last-child img{margin-right:2px;}

.vcAdCaurosel{
	height:185px !important;
	//background:linear-gradient(rgba(141, 32, 239, .5), rgba(23, 239, 254, .5)) !important;
}
.vcAdCaurosel iframe{
	width:100% !important;
	height:185px !important;
}

.vcard-footer{width:100%;overflow: auto;}
.vcard-footer p, .vcard-footer p a{text-decoration:none; color: rgba(0, 0, 0, 0.82); font-weight: 600;font-size: 11px; line-height: 16px;}
.vcard-footer p a:hover{color:#000000;}
.vcard-footer p span{font-size: 14px;}
.vcard-footer img{width:30px;}
.vcard-footer #vcfWebLink{text-decoration:none; font-size: 12px; letter-spacing: 4px; font-weight: 570; font-family: monospace;}

@media(max-width:991px){
    #profilePicsModal .close{
        color: white;
        border: 3px solid white;
        padding: 5px 10px;
        border-radius: 100%;
        opacity: 1;
        font-size: 20px;
        position: fixed;
        bottom: 15%;
        left: 45%;
    }
	.vcard-holder::-webkit-scrollbar {width: 4px;}
	.shareArea{top: 7vh;}
}