.none{
	display: none !important;
}
.list-album{
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin-bottom: 20px;
    min-height: 20px;
   
    .photoAlbum-header {
	    background-color: #f6f6f6;
	    background-image: linear-gradient(to bottom, #f9f9f9, #f3f3f3);
	    background-repeat: repeat-x;
	    border-radius: 2px;
	    height: 47px;
	    line-height: 48px;
	    text-align: center;
	    border-bottom: 1px solid #ddd;
	}
#container{
  width : 100%;
  height : auto
}	
.photo-player-frame {
	height: 290px;
	position: relative;
}
.photo-player-default-style{
	height: 290px;
	position: relative;
}
    ul {
	    list-style: outside none none;
	    margin: 0;
	    max-height: 600px;
	    overflow-y: auto;
	    padding: 0;
	}
    li{
    	color: #2aaae6;
	    cursor: pointer;
	    line-height: 24px !important;
	    padding: 3px 10px;
	    position: relative;
	    .icon{
	    	display:none;
	    	position: absolute;
	    }
	    .edit{
	    	right: 20px;
    		top: 0;
	    }
	    
	    .delete{
	    	top: 0;
	    	right: 0;
	    }
    }
    
    li:hover{
    	background-color: #e5f5fc;
    	line-height: 24px;
    	.icon{
    		display:block;
    	}
    }
    
    .selected {
	    background-color: #2aaae6;
	    
	}
	
	.selected a{
	    color: #fff;
	}
    
    
	.paging {
	    background-color: #d9d8d7;
	    border-color: #e3e3e3 #ccc #ccc;
	    border-top: 1px solid #e3e3e3;
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	    height: 32px;
	    line-height: 32px;
	    text-align: center;
	    color: #2aaae6;
	    span{
	    	cursor: pointer;
	    }
	}
}
.tbl-photo-selected{
    border-collapse: collapse;
    margin-top: 10px;
}

.tbl-photo-selected tr,td, th{
	border : solid 1px #ddd;
    border-collapse: collapse;
    padding:4px;
}

.td-fn-column{
	width: 32px;
	font-weight: bold;
	text-align: center;
	font-size: 110%;
	cursor: pointer;
}

.valign-wrapper {
    display: flex;
    align-items: center;
}
.mt25{
	margin-top: 25px;
}
.mb15
{
	
	margin-bottom :15px;
}
.photo-update-form{
	float: left;
}
.photo-update-forms{
	float: left;
	margin-left: 200px;
}
.cfg-tbl-video-selected{
	border: 1px solid #ccc;
	border-radius:3px;
	display: block;
	width: 100%;
	margin: 10px 0;
	.tbl-header,.tbl-row{
		display:table;
		width:100%;
	}
	.tbl-header{
		background-color: #ededed;
	}
	.tbl-col-1,.tbl-col-2{
		border-top: 1px solid #ccc;
	    display: table-cell;
	    height: 30px;
	    padding-left: 5px;
	    vertical-align: middle;
	}
	
	.tbl-col-1{
		border-right: 1px solid #ccc;
	}
	
	
	.tbl-col-2{
		color: red;
	    cursor: pointer;
	    font-weight: bold;
	    padding: 0;
	    text-align: center;
	    width: 5%;
	}
}
.album-main{
	.album-main-title{
		height:34px;
		padding-top: 5px;
	}
}
.photo-text{
	padding-bottom: 5px;
	padding-left: 15px;
}
.aui .photos a.title{
	padding-left: 25px;
}
.album-list{
	text-align: left;;
}


.video-pagination{
	clear:  both;
	float: left;
	width: 100%;
	box-sizing:border-box;
	margin:0;
	margin-top: 10px;
}

.video-pagination ul{
	float: right;
}

.video-pagination a{
	padding: 5px 10px !important;
}

.video-pagination ul li{
    width: 32px;
    height: 32px;
    border: solid 1px #333;
    color: #333;
    box-sizing: border-box;
    float: left;
    margin: 3px;
    padding-top: 5px;
    text-align: center;
    max-height: 32px;
    max-width: 32px;
}

.video-pagination ul li a{
    color: #333;
}

.video-pagination ul li.active{
    border: solid 1px #0f4f9d;
    color: white;
    background: #0f4f9d;
}
.video-pagination ul li.active a{
    color: white;
}
.album-thumb{
	position: relative;
	overflow: hidden;
	height: 0;
}

.album-thumb img{
	top:0;
	width: 100%;
	max-width: 100%;
	position: absolute;
}