.bx_media_container{
    min-width:800px;
}
.bx_media_container .bx_media_cell{
    display:inline-block; 
    width:100%; 
    vertical-align:top
}
.bx_media_cell_link{
    display:block;
    height:76px;
    line-height:76px;
    border-radius:5px;
    background:#f1f0ef;
    color:rgb(79, 79, 79);
    text-align:center;
    text-decoration:underline;
}
.bx_media_list_item button{
    margin-left:0.5rem !important;
    margin-top:0.5rem !important; 
}
.bx_media_lists_container{
    position:absolute;
    top:0px;
    left:0px;
    width:calc(100%)
}
.bx_media_lists{
    height:10rem;
    overflow-x:scroll;
    overflow-y:hidden;
    position:relative;
}
.bx_media_list_item_container{
	margin-right:0.5rem;
    position:relative;
    display:inline-block;
	border:2px solid #a7a4a4;
    width:8rem;
    height:8rem;
} 
.bx_media_list_item_container_selected{
	border:2px solid rgba(30, 150, 250, 1);
}  
.bx_media_list_item{
    background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
	height: calc(100% - 4px);
    margin: 2px;
}

.bx_media_list_item:hover {
    cursor:pointer;
}

.bx_media_container .filepond--item {
    width: calc(50% - .5em);
}

.bx_media_container .filepond--drop-label.filepond--drop-label label {
    width:100%;
    padding:0px !important;
    height:100%;
}
 .bx_media_container .filepond--label-action {
    display:block;
    width:100%;
    height:100%;
    line-height:76px !important;
    vertical-align:middle;
}
.bx_media_close_button{
	position: absolute;
	top:0.5rem;
	right:1rem;
	font-size: 1.5rem;
}
.bx_media_close_button:hover{
	cursor: pointer;
}

.bx-media-popup-header{
	padding: 0px !important;
}
.bx-media-popup-header h2{
	text-align: left;
}
/* profile thumb */
.bx-base-pofile-cover-thumb .bx-media-editable-cnt{
    bottom:20px;
}

/* inline editor */
.bx-media-editable-cnt{
	position: absolute;
	right: 16px;
	width: 100px;
    display: flex;
    justify-content: space-around;
	max-width: 70%;
}

.bx-media-editable-btn{
    margin: 0px 4px;
}

.bx-media-editable-src-updating{
	position: relative;
    display: block;
}
.bx-media-editable-src-updating > *{
	opacity: 0.3;
}
.bx-media-editable-src-updating::after{
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center; 
	position: absolute;    
	content: attr(data-content);
	font-size: 16px;
	color: rgba(0, 0, 0, 1);
	top: 0px;
    z-index: 1;
	width: 100%;
    height: 100%;
	line-height: 1.5rem;
	-webkit-transition: color 1.5s, font-size 1.5s;
	-ms-transition:     color 1.5s, font-size 1.5s;
	transition:         color 1.5s, font-size 1.5s;
}
.bx-media-editable-src-updating2::after{
	color: rgba(255, 255, 255, 1);
}

.pintura-editor{
    z-index: 5000;
}