/************************** Start tabination Style ********************************/
.upmg-tabs {
	width: 100%;
/* 	display: inline-block; */
	
}

/*----- Tab Links -----*/
/* Clearfix */
.upmg-tab-links:after {
	display: block;
	clear: both;
	content: '';
}

.upmg-tab-links li {
	margin: 0px 5px;
	float: left;
	list-style: none;
	width: 33.3%;
	background: #ccc;
	padding: 22px !important;
    text-align: center;
}

.upmg-tab-links a {
	padding: 9px 15px;
	display: inline-block;
	border-radius: 3px 3px 0px 0px;
/* 	background: #7FB5DA; */
	font-size: 16px;
	font-weight: 600;
	color: #4c4c4c;
	transition: all linear 0.15s;
}

.upmg-tab-links a:hover {
/* 	background: #a7cce5; */
	text-decoration: none;
}

.upmg-tabs li.active a,.upmg-tabs li.active a:hover {
/* 	background: #fff; */
	color: #4c4c4c;
}

.upmg-tab-links li{
	cursor:pointer;
}	
.upmg-tabs li.active{
	background-color: #eee;
}	
/*----- Content of Tabs -----*/
.upmg-tab-content {
	padding: 15px;
/* 	border-radius: 3px; */
	/*     box-shadow:-1px 1px 1px rgba(0,0,0,0.15); */
	background: #eee;
}

.upmg-tab {
	display: none;
	padding: 15px !important;
}

.upmg-tab.active {
	display: block;
}
/********************* End Tabination Style **********************/

/********************* Start Upload Css **************************/

.upmg-upload-container .ajax-file-upload-statusbar{
	width:100px !important;
}

.upmg-upload-container .ajax-file-upload-statusbar {
/*     float: left; */
    margin-right: 15px;
    width: 100px !important;
}

.upmg-filename {
    display: inline-block !important;
    margin: 0 5px 0 0 !important;
    width: 100% !important;
}

.upmg-progress-div {
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    display: inline-block !important;
    margin: 0 10px !important;
    padding: 1px !important;
    position: relative !important;
    vertical-align: middle !important;
    width: 100% !important;
}

.upmg-progress-bar{
	background-color: #337ab7 !important;
    display: inline-block !important;
    height: 20px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    width: 0;
}

.upmg-upload-container {
    display: inline-block;
    margin-top: 12px !important;
    text-align: center;
}

.upmg-upload-container .ajax-file-upload-container{
	margin-top:12px !important;
}	
/********************* End Upload Css **************************/

.upmg-section {
	display: block !important;
}

.upmg-single-media-container {
/*     border: 1px solid; */
    display: inline-block;
    margin-bottom: 10px !important;
    margin-right: 10px !important;
}

.upmg-media-galleries{
	padding-bottom: 8px !important;
	display: inline-block;
}

.upmg-media-galleries .upmg-gallery {
     background-color: #000;
   color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 4px;
    padding: 5px 20px 5px 18px;
    text-transform: capitalize;
}

.upmg-edit-title {
    background-color: #cccccc;
    display: inline-block;
    margin-right: 4px !important;
    padding: 2.5px 6px 5px 4px !important;
    cursor:pointer;
}

.upmg-media-galleries .upmg-gallery.active{
	background-color: #8dbce7;
}

.upmg-add-media {
    background-color: #ccc;
    bottom: 0;
    height: 80px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    display: inline-block;
    cursor:pointer;
}

.upmg-add-icon{
	font-size: 16px;
    position: relative;
    top: 38%;
}	

#upmg-audio .upmg-add-icon{
	 top: 18%;
}	
.upmg-medias {
    display: inline-block;
}

.upmg-add-gallery {
    background-color: #000;
    color: #fff;
    display: inline-block;
    margin-top: 12px !important;
    padding: 5px !important;
    cursor:pointer
}

.upmg-inner-container {
    padding: 20px !important;
}
/************** Font Icon CSS *****************/

.userpro-icon-add-sign:before{content:"\f067";}
.userpro-icon-close:before{content:"\f00d";}
.userpro-icon-abort:before{content:"\f05e";}
.userpro-icon-tick:before{content:"\f00c";}
.userpro-icon-upmg-edit:before{content:"\f040"; font-size:18px;}

.upmg-operations{
	text-align:center;
}

.upmg-custom-red {
    color: #ae3434;
    font-size:16px;
}
.upmg-custom-green{
	color:green;
	font-size:20px;
}	

/************ Overlay CSS ****************/

.upmg-overlay-inner{
	width:700px !important;
	margin-left: -320px !important;
}

.upmg-upload-container table,.upmg-upload-container table td{
	border:none;
}

#upmg_save_media{
	display:none;
	margin-top:10px !important;
}

#upmg-audio .upmg-add-media{
	display:block;
	height:20px;
}

#upmg-audio .upmg-single-media-container{
	border:none;
}

#upmg-audio .upmg-remove-media {
    float: right;
    padding-left: 10px !important;
}

#upmg-photo .upmg-single-media-container .lightview img{
	display:inline-block;
}

.upmg-remove-gallery{
	background-color: #ae3434;
    color: #fff;
    display: inline-block;
    margin-top: 12px !important;
    padding: 5px !important;
    cursor:pointer
}	

.upmg-remove-media{
	text-align:center;
	cursor:pointer;
}
/*
#upmg-photo .upmg-remove-media {
    left: 25px;
    position: relative;
    top: 25px;
}
*/
/********** Loader CSS ************/

.upmg-loader{
	background-image: url("../../img/loading.gif");
    background-size: 32px 32px;
    height: 32px;
    left: 48%;
    position: relative;
/*     top: -2px; */
    width: 32px;
}