#profile img{
  height: 98px;
  width: 99px;
  border-radius: 50%;
}
.modal-backdrop{
  z-index: -1;
  opacity: 0 !important;
}
#create_list_form #list_icon{	
    padding: 3px;
}
#create_list_form label{
	text-align: left;
    font: Bold 14px/19px Open Sans;
    letter-spacing: 0;
    color: #713AFB;
    opacity: 1;
}
#create_list_modal .modal-title{
	text-align: center;
    font: Bold 20px/27px Open Sans;
    letter-spacing: 0;
    color: #713AFB;
    opacity: 1;
}
#list .imgLabel{
	width: 44px;
	height: 44px;
	color: #D3D4E8;
	background: #D3D4E8;
	margin: 0;
	padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}
#list label{
	font: Bold 11px/19px Open Sans;
	color: #808080;
	text-align: center;
	font: Regular 7px/9px Open Sans;
	letter-spacing: 0;
	color: #616494;
	opacity: 1;	
	width: 40px;
}
.imgLabel img{
  /*height: 100%;*/
  max-width: 100%;
  max-height: 100%;
  padding: 1px;
  height: auto;
  width: auto;
}
.btn-primary {
    color: #fff;
    background-color: #713afb;
    border-color: #713afb;
}
.btn-primary:hover {
    color: #fff;
    background-color: #713afbdb;
    border-color: #713afbdb;
}
.btn-primary:not(:disabled):not(.disabled):active{
    color: #fff;
    background-color: #713afbdb;
    border-color: #713afbdb;
	box-shadow: 0 0 0 0.2rem rgb(226, 215, 254);
}
.btn-primary:focus {
    color: #fff;
    background-color: #713afbdb;
    border-color: #713afbdb;
    box-shadow: 0 0 0 0.2rem rgb(226, 215, 254);
}
.list_modal{
	max-width: 393px;
}
#create_list_modal .modal-footer button{
	width:100%;
}
#close_list{
	text-align: center;
	font: Regular 12px/17px Open Sans;
	letter-spacing: 0;
	color: #616494;
	opacity: 1;
	background: white;
	border: white;
	width:100%;
}
#forNewLabelIcon{
	text-align: left !important;
    font: Bold 12px/17px Open Sans !important;
    letter-spacing: 0 !important;
    color: #616494 !important;
    opacity: 1 !important;
}
#list .col-md-2{    
    flex: 0 0 16.666667%;
    max-width: 13.666667%;
}
.imgCroper .imgLabel:hover{
	box-shadow: 0px 8px 12px 3px #00008b59;
}
.imgCroper .imgLabel{
	cursor:pointer;
}
.Selectactive{
	border: 2px solid #713afb;
    border-radius: 3px;
    opacity: 1;
}

@media only screen and (min-width: 1280px) {
	.boxsize{
		height: 210px;	
		width: 100%;
		border: 1px solid #cecece;
	}
	.box_img{	
		background-position: center;
		background-repeat: no-repeat;
		height: 215px;	
	}	
}
@media only screen and (max-width:1280px) {
	.boxsize{
		height: 210px;	
		width: 100%;
		border: 1px solid #cecece;
	}
	.box_img{	
		background-position: center;
		background-repeat: no-repeat;
		height: 210px;	
	}
}
.box_img{	
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	background-size: contain;
}

#productdetails .carousel-item img{
	width: unset;
    max-width: -webkit-fill-available;
}
.searchBox{
	position: absolute;
    right: 0;
}

#share_list{
	background: #2b2e6a; 
	/*box-shadow: 0 0 9px #696b96; */
	/*position: relative; */
	z-index: 2; 
	transition: all 0.4s; 
	float: right; 
	color: white;
	z-index: 2;
    /*right: 245px;*/
    border-radius: 50px; 
    padding-left: 15px; 
    padding-right: 15px; 
    word-spacing: 2px; 
    background-color: #616494; 
    font-weight: 700;
    margin-right: 20px;
}

/* [ Start ] List CSS [ Search Functionality ] */
#close_search{
	cursor: pointer;
	z-index: 2;
	color: rgb(167, 169, 193);
	padding-left:10px;                        
	display: none;
	right:0px;
	position:absolute;
	margin-right: 20px !important; 
	margin-top: 6px !important;
	font-size: 16px !important; 
	font-style: unset !important;
/*	font-size: 25px;
	margin-right:15px;
	margin-top:5px;*/
}

#search_list{	    
    border-radius: 30px;
    font-family: Open Sans, FontAwesome;
    right:0px;
	position:absolute;
	width: 250px;
	padding-left: 10px;
/*	padding-left: 18px;
	width: 200px;*/
}

#search_list:focus {
	box-shadow: 0 0 15px 5px #b0e0ee;
	border: 2px solid #bebede;
}

#search_list::placeholder {
	color: #a7a9c1;
}
/* [ End ] List CSS [ Search Functionality ] */



/* [ Start ] Shared List CSS [ Search Functionality ] */
#close_search_shared{
	cursor: pointer;
	z-index: 2;
	color: rgb(167, 169, 193);
	padding-left:10px;                        
	display: none;
	right:0px;
	position:absolute;	
	margin-right: 20px !important; 
	margin-top: 6px !important;
	font-size: 16px !important; 
	font-style: unset !important;
/*	font-size: 25px;
	margin-right:15px;
	margin-top:5px;*/
}

#search_list_shared{	    
    border-radius: 30px;
    font-family: Open Sans, FontAwesome;
	right:0px;
	position:absolute;
	width: 250px;
	padding-left: 10px;
/*	padding-left: 18px;
	width: 200px;*/
}

#search_list_shared:focus {
	box-shadow: 0 0 15px 5px #b0e0ee;
	border: 2px solid #bebede;
}

#search_list_shared::placeholder {
	color: #a7a9c1;
}

.single-slide:hover .multi_delate_list{
	display: block;
    /*color: white;*/
    color: #713afb;
    padding: 4px;
    /*background: #713afb;*/
    background: white;
    border-radius: 50px;
    font-size: 10px;
    margin: 0;
    height: 20px;
    width: 20px;
}
.single-slide .multi_delate_list{
    position:absolute;
	display:none;
	top:0;
	right:0;
	cursor: pointer;
}
.single-slide:hover .thumb{
	box-shadow: 0px 0px 11px 6px #c1c1c1;
	transition: all 0.4s;
}
.single-slide:hover .slide-title h3,.single-slide:hover .slide-title h4,.single-slide:hover .slide-title h5,.single-slide:hover .slide-title h6{
    color: #713afb !important;
}
.product_details_modal,a.thumb{
	cursor: pointer;
}
.btn_follow_default{
	background: #ffffff;
    color: grey;
    padding: 0;
    display: inline-block;
    border-radius: 50px;
    font-weight: 500;
    transition: all 0.5s;
    margin: 15px 0 0 1px;
    width: 130px;
	font-size: 12px;	
}
.btn_follow_active{
	background: #28e9bd !important;
	color: white!important;
	border: none;
}
#add_bio a{
	color: grey;
    text-decoration: underline;
}
/* [ End ] Shared List CSS [ Search Functionality ] */

.apply_border_radius{
	border-radius: 10px;
}

.modal_image_div{
  /*height: 400px;*/
  height: 100%;
  background-position: center;
  background-repeat: no-repeat; 
  background-size: contain;
  background-color: white;
  filter: brightness();
}

#message_loader{
	border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    margin: auto;
    width: 60px;
    height: 60px;
    margin-top: 20px;
    margin-left: 40%;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}    

.edit_save_button{
	border-radius: 50%; 
	position: absolute; 
	right: 0; 
	margin-right: 24px; 
	font-size: 20px; 
	bottom: 0;
    margin-bottom: 22px;
}

.chat_initials{
	height: 40px;
    width: 40px;
    border-radius: 50%;
    /*background: #babebf;*/
    background: #D3D4E8;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 5px;
}

.messages_tab_label{
	padding-left: 0px;
}

.grayFilter{
    filter: grayscale(1) brightness();
    cursor:pointer;
}

.lds-loader {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-loader div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-loader div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-loader div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-loader div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-loader {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}
.disable_click{
	pointer-events:none;
	cursor: none;
}
.color_for_white_background{
	background-color: #eeeeee !important;
}