/* $Id:style_album.css 2016-07-26 00:00:00 SocialEngineSolutions $*/

/*Feauured, Sponsored Label*/
.sesgroup_album_labels_container{
  left:2px;
  position:absolute;
  top:2px;
}
[dir="rtl"] .sesgroup_album_labels_container{
  left:inherit;
  right:2px;
}
.sesgroup_album_label_featured{background-color:#47c8e3;}
.sesgroup_album_label_sponsored{background-color:#53dc10;}
.sesgroup_album_label_featured, 
.sesgroup_album_label_sponsored{
  color:#fff;
  border-radius:0 5px 5px 0;
  clear:both;
  float:left;
  font-size:0.8em;
  font-weight:bold;
  margin-bottom:2px;
  padding:2px 5px;
  text-transform:uppercase;
}

/*Rotate Icons*/
.sesgroup_icon_photos_flip_horizontal:before,
.sesgroup_icon_photos_flip_vertical:before,
.sesgroup_icon_photos_rotate_ccw:before,
.sesgroup_icon_photos_rotate_cw:before{
	font-family:"Font Awesome 5 Free";
	display:inline-block;
	font-weight:900;
}
.sesgroup_icon_photos_flip_horizontal:before{
  content: "\f01e";
}
.sesgroup_icon_photos_flip_vertical:before{
  content: "\f01e";
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sesgroup_icon_photos_rotate_ccw:before{
  content: "\f0e2";
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.sesgroup_icon_photos_rotate_cw:before{
  content: "\f01e";
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/*CREATE & EDIT ALBUM CSS START HERE*/
.sesgroup_album_form #map-canvas-list{
  height:150px;
  width:300px;
}
.sesgroup_album_form .global_form > div{
  float:none;
}
.sesgroup_album_form label.required:after{
 content:'*';
 color:#FF0000;
}
[dir="rtl"] .sesgroup_album_form .global_form > div{
	float:none;
}
.sesgroup_album_form #fancyuploadfileids-wrapper{
  height:0;
}
/*PHOTO UPLOADER*/
.sesgroup_create_form_tabs li{
  display:inline;
}
.sesgroup_create_form_tabs li + li{
  border-left-width:1px;
	border-left-style:solid;
  margin-left:30px;
  padding-left:30px;
}
[dir="rtl"] .sesgroup_create_form_tabs li + li{
	border-left-width:0;
	border-right-width:1px;
	border-right-style:solid;
	margin-left:0;
	margin-right:30px;
	padding-left:0;
	padding-right:30px;
}
.sesgroup_create_form_tabs li a{
  font-weight:bold;
  font-size:15px;
}
.sesgroup_create_form_tabs li i{
  margin-right:5px;
}
[dir="rtl"] .sesgroup_create_form_tabs li i{
	margin-left:5px;
	margin-right:0;
}
#fromurl-element button{
  margin-left:10px;
  padding:3px 10px;
}
[dir="rtl"] #fromurl-element button{
	margin-left:0;
	margin-right:10px;
}
.sesgroup_upload_dragdrop_content{
  border-style:solid;
	border-width:1px;
	font-size:20px;
	cursor:pointer;
  height:100px;
	line-height:100px;
	text-align:center;
	vertical-align:middle;
	width:500px;
}
@media (max-width: 767px) {
	.sesgroup_upload_dragdrop_content{
	width: 100% !important;
}
}
[dir="rtl"] .sesgroup_upload_dragdrop_content{
	text-align:center;
}
.sesgroup_upload_dragdrop_content.sesbd{
  border-width:2px;
}
.sesgroup_upload_item_name{
  display:block;
  margin-bottom:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sesgroup_upload_item_options > a{
  margin-left:10px;
}
[dir="rtl"] .sesgroup_upload_item_options > a{
	margin-left:0;
	margin-right:10px;
}
.sesgroup_upload_url_content{
  border-style:solid;
  border-width:1px;
  float:left;
  padding:10px;
}
.sesgroup_upload_url_content input[type="text"]{
  width:350px;
}
.sesgroup_upload_photos_container{
  float:left;
  max-height:460px;
  overflow:auto;
  width:auto;
}
[dir="rtl"] .sesgroup_upload_photos_container{
	float:right;
}
.sesgroup_upload_photos_container.iscontent{
	box-shadow:0 0 3px rgba(0, 0, 0, 0.4);
	margin:3px;
}
.sesgroup_upload_item_options{
	display:flex;
  margin-top:6px;
}
.sesgroup_upload_item{
	border-style:solid;
  border-width:1px;
	float:left;
  height:230px;
	margin:5px;
	padding:5px;
  position:relative;
 	width:180px;	
}
[dir="rtl"] .sesgroup_upload_item{
	float:right;
}
.sesgroup_upload_item_overlay{
  background-color:rgba(0, 0, 0, .1);
  bottom:0;
  left:0;
  right:0;
  top:0;
  position:absolute;
  z-index:1;
}
.sesgroup_upload_item_abort{
  position:absolute;
  text-align:center;
  top:130px;
  width:100%;
  z-index:2;
}
[dir="rtl"] .sesgroup_upload_item_abort{
	text-align:center;
}
.sesgroup_upload_item_abort span{
  background-color:#d9534f;
  border:1px solid #d43f3a;
  border-radius:3px;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  padding:3px 5px;
}
.sesgroup_upload_item_abort span:hover{
  background-color:#c9302c;
}
.sesgroup_upload_item .progressBar{
  position:absolute;
  top:50px;
  width:100%;
  z-index:2;
}
.sesgroup_upload_item .progressBar > div{
  background:url(~/application/modules/Sesgroup/externals/images/ajax_loading.gif) no-repeat center top;
  color:#fff;
  font-size:15px;
  padding-top:20px;
  text-align:center;
  width:100% !important;
}
[dir="rtl"] .sesgroup_upload_item .progressBar > div{
	text-align:center;
}
.sesgroup_upload_item_photo{
	height:160px;
	margin-bottom:5px;
	overflow:hidden;
	width:100%;
}
.sesgroup_upload_item_photo img{ 
	min-height:100%;
	width:100%;
}
.sesgroup_upload_item_size{
  float:right;
  margin:0 0 5px 5px;
	font-size: var(--theme-font-size-small) !important;
}
[dir="rtl"] .sesgroup_upload_item_size{
	float:left;
  margin:0 5px 5px 0;
}
.sesgroup_upload_item_name{
  display:block;
  margin-bottom:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sesgroup_upload_item_options > a{
  margin-left:10px;
}
[dir="rtl"] .sesgroup_upload_item_options > a{
	margin-left:0;
	margin-right:10px;
}
/*CREATE & EDIT ALBUM CSS END HERE*/
/*MANAGE PHOTOS GROUP CSS START HERE*/
.sesgroup_manage_photos_list{
  display:inline-block;
  margin-left:-4px;
  vertical-align:top;
  width:25%;
}
[dir="rtl"] .sesgroup_manage_photos_list{
  margin-left:0;
  margin-right:-4px;
}
.sesgroup_manage_photos_list > div{
  border-style:solid;
	border-width:1px;
  margin:5px;
}
.sesgroup_manage_photos_list_photo{
  display:block;
  height:150px;
  overflow:hidden;
  width:100%;
}
.sesgroup_manage_photos_list_photo > span{
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  display:block;
  height:100%;
  width:100%;
}
.sesgroup_manage_photos_list_info{
  padding-bottom:10px;
  overflow:hidden;
}
.sesgroup_manage_photos_list_info > [id*='-title-label'],
.sesgroup_manage_photos_list_info > [id*='-description-label']{
  display:none;
}
.sesgroup_manage_photos_list_info input[type="text"],
.sesgroup_manage_photos_list_info textarea{
  border-width:0;
	border-bottom-style:solid;
  border-bottom-width:1px;
  border-radius:0;
  padding:5px;
  max-width:100%;
  width:100%;
}
.sesgroup_manage_photos_list_info > [id*='-move-label'],
.sesgroup_manage_photos_list_info > .sesgroup_editphotos_move_input{
 display:inline-block;
 margin:10px 5px;
}
.sesgroup_manage_photos_list_info select{
  max-width:130px;
}
.sesgroup_manage_photos_list_info .photo-delete-wrapper,
.sesgroup_manage_photos_list_info .sesgroups_editphotos_cover{
  float:left;
  padding:5px 5px;
  width:50%;
}
[dir="rtl"] .sesgroup_manage_photos_list_info .photo-delete-wrapper,
[dir="rtl"] .sesgroup_manage_photos_list_info .sesgroups_editphotos_cover{
  float:right;
}
.sesgroup_manage_photos_list_location{
  height:40px;
  padding:5px 5px 0;
}
.sesgroup_manage_photos_list_location div{
  margin-bottom:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/*MANAGE PHOTOS GROUP CSS END HERE*/
/*ALBUM LISTING CSS START HERE*/
.sesgroupa_album_search_result{
	border-bottom-width:1px;
	padding:0 0 10px;
	margin-bottom:10px;
}
.sesgroup_album_listings{
  clear:both;
	position:relative;
}
.sesgroup_masonry_view{
  display:flex;
	flex-wrap:wrap;
}
.sesgroup_masonry_view .sesgroup_album_list_grid{
  padding:0 10px;	
}
.sesgroup_album_list_grid{
  margin-bottom:25px;
	overflow:hidden;
	height:calc(100% - 25px);
}
.sesgroup_album_list_grid article{
	position:relative;
	border-width:1px;
	height:100%;
}
/*Grid Thumb*/
.sesgroup_album_list_grid_img{
	display:block;
	width:100%;
}
.sesgroup_album_list_grid_img span{
  background-position:center center;
	background-color:#ccc;
  background-size:cover;
	display:block;
  height:100%;
  width:100%;
}
/*Featured, Sponsored Label*/
.sesgroup_album_list_grid .sesgroup_album_labels_container{
  opacity:1;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}
.sesgroup_album_list_grid:hover .sesgroup_album_labels_container{
  top:-10px;
	opacity:0;
}
/*Buttons*/
.sesgroup_album_list_grid_btns{
  position:absolute;
  opacity:0;
  top:-10px;
  left:0;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
  z-index:2;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}
.sesgroup_album_list_grid:hover .sesgroup_album_list_grid_btns{
	opacity:1;
	top:10px;
}
/*Grid Info*/
.sesgroup_album_list_grid_info > span{
  display:block;
}
.sesgroup_album_list_grid_title{
  font-weight:bold;
  overflow:hidden;
}
.sesgroup_album_list_grid_stats{
	margin-top:5px;
	overflow:hidden;
	font-size: var(--theme-font-size-small) !important;
}
.sesgroup_album_list_grid_stats > span{
  float:left;
	font-size: var(--theme-font-size-small) !important;
}
[dir="rtl"] .sesgroup_album_list_grid_stats > span{
  float:right;
}
.sesgroup_album_list_grid_stats > span + span{
  margin:0 0 0 7px;
}
[dir="rtl"] .sesgroup_album_list_grid_stats > span + span{
  margin:0 7px 0 0;
}
.sesgroup_album_list_grid_stats > span.sesgroup_album_list_grid_rating{
  float:right;
}
[dir="rtl"] .sesgroup_album_list_grid_stats > span.sesgroup_album_list_grid_rating{
  float:left;
}
/*Album Info:Outside of thumb*/
.sespa-i-outside .sesgroup_album_list_grid_info{
	overflow:hidden;
	padding:10px;
}
.sespa-i-outside .sesgroup_album_list_grid_title a{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.sespa-i-outside p.sesgroup_album_list_grid_count{
	display:none;
}
/*Album Info:Inside of thumb*/
.sespa-i-inside .sesgroup_album_list_grid_info{
  background:#000;
  background:rgba(0,0,0,0.6);
  background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));
  background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
  bottom:0;
	padding:10px 50px 10px 10px;
  position:absolute;
  left:0;
  width:100%;
	margin:0;
}
[dir="rtl"] .sespa-i-inside .sesgroup_album_list_grid_info{
	padding:10px 10px 10px 50px;
}
.sespa-i-inside .sesgroup_album_list_grid_info.nophotoscount,
.sesgroup_album_list_photo_grid.sespa-i-inside .sesgroup_album_list_grid_info{
	padding:10px;
}
/*Album Info:Inside Show in hover*/
.sespa-i-inside.sespa-i-over .sesgroup_album_list_grid_info{
  opacity:0;
  bottom:-10px;
  z-index:2;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}
.sespa-i-inside.sespa-i-over:hover .sesgroup_album_list_grid_info{
  opacity:1;
  bottom:0px;
}
.sespa-i-inside span.sesgroup_album_list_grid_count{
	display:none;
}
/*Album Count*/
.sespa-i-inside .sesgroup_album_list_grid_count{
  bottom:10px;
  font-size:20px;
  position:absolute;
  right:0;
  text-align:center;
  width:50px;
}
[dir="rtl"] .sespa-i-inside .sesgroup_album_list_grid_count{
  left:0;
  right:inherit;
}
.sespa-i-inside .sesgroup_album_list_grid_count span{
  display:block;
	font-size: var(--theme-font-size-small) !important;
}
.sespa-i-inside.sespa-i-over .sesgroup_album_list_grid_count{
  opacity:0;
  bottom:-10px;
  z-index:2;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}
.sespa-i-inside.sespa-i-over:hover .sesgroup_album_list_grid_count{
  opacity:1;
  bottom:10px;
}
.sespa-i-inside .sesgroup_album_list_grid_title a{
	word-wrap:break-word;
}
.sespa-i-inside .sesgroup_album_list_grid_count,
.sespa-i-inside .sesgroup_album_list_grid_title,
.sespa-i-inside .sesgroup_album_list_grid_title a,
.sespa-i-inside .sesgroup_album_list_grid_stats,
.sespa-i-inside .sesgroup_album_list_grid_owner,
.sespa-i-inside .sesgroup_album_list_grid_owner a{
  color:#fff !important;
  text-shadow:1px 1px 1px #000;
}
/*Photo Masonry View*/
.sesgroup_album_photos_flex_view{
  overflow:hidden;
}
.sesgroup_album_photos_flex_view .sesgroup_album_list_flex_thumb > img{
  width:100%;
  height:100%;
	vertical-align:middle;
}
/*Browse Albums Thumbnail List View*/
.sesgroup_album_list_thumbnail_view{
  margin:0 0 205x;
}
.sesgroup_album_thumbnail_view_main_img{
  height:200px;
  padding:1px;
  width:100%;
}
.sesgroup_album_thumbnail_view_thumbs > div{
  float:left;
  height:100px;
  padding:1px;
  width:33.33%;
}
.sesgroup_album_thumbnail_view_thumbs.thumbs3 > div{
  width:33.33%;
}
.sesgroup_album_thumbnail_view_thumbs.thumbs2 > div{
  width:49.99%;
}
.sesgroup_album_thumbnail_view_thumbs.thumbs1 > div{
  width:99.99%;
}
[dir="rtl"] .sesgroup_album_thumbnail_view_thumbs > div{
  float:right;
}
.sesgroup_album_thumbnail_view_thumb{
  background-color:#f1f1f1;
  background-position:center center;
  background-size:cover;
  display:block;
  height:100%;
  width:100%;
}
.sesgroup_album_thumbnail_view_btm{
  padding-top:15px;
}
.sesgroup_album_thumbnail_owner_photo{
  border-radius:50%;
  height:80px;
  float:left;
  margin-right:20px;
  overflow:hidden;
  width:80px;	
}
[dir="rtl"] .sesgroup_album_thumbnail_owner_photo{
  float:right;
  margin-left:20px;
  margin-right:0;
}
.sesgroup_album_thumbnail_owner_photo a{
  display:block !important;
  height:100%;
  width:100%;
}
.sesgroup_album_thumbnail_owner_photo img{
  border:0 none;
  min-height:100%;
  width:100%;
}
.sesgroup_album_thumbnail_album_info{
  overflow:hidden;
}
.sesgroup_album_thumbnail_album_name{
  display:block;
  font-size:15px;
  font-weight:bold;
}
.sesgroup_album_thumbnail_album_name,
.sesgroup_album_thumbnail_album_by{
  margin-bottom:3px;
}
.sesgroup_album_thumbnail_album_by{
	font-size: var(--theme-font-size-small) !important;
}
.sesgroup_album_thumbnail_album_stats{
  margin-bottom:5px;
	font-size: var(--theme-font-size-small) !important;
}
.sesgroup_album_thumbnail_album_btns .sesbasic_icon_btn{
	height:24px;
	width:24px;
	padding:2px 0;
}
.sesgroup_album_thumbnail_album_btns .sesbasic_icon_btn_count i:before,
.sesgroup_album_thumbnail_album_btns .sesbasic_icon_btn_count span{
	line-height:24px;
}
/*ALBUM LISTING CSS END HERE*/
/*
 VIEW ALBUM
 Styles for the album view Group
*/
/*Album Cover*/
.sesgroup_album_cover_container{
	height:300px;
	margin-bottom:15px;
	position:relative;
	width:100%;
}
.sesgroup_album_cover_thumbs{
	display:block;
	height:100%;
	position:absolute;
	width:100%;
}
.sesgroup_album_cover_thumbs ul li{
	float:left;
}
.sesgroup_album_cover_thumbs ul li:nth-child(2){
	padding:0 2px;
}
.sesgroup_album_cover_thumbs ul li span{
	background-position:center center;
	background-size:cover;
	display:block;
	height:100%;
	width:100%;
}
.sesgroup_album_cover_image{
	background-position:center center;
	background-size:cover !important;
	display:inline-block;
	height:300px;
	position:relative;
	width:100%;
	overflow:hidden;
}
.sesgroup_album_cover_image img{
	min-height:100%;
	min-width:100%;
	width:100%;
	position:absolute;
}
.sesgroup_album_cover_fade{
  background:#000;
  background:rgba(0,0,0,0.6);
  background:-moz-linear-gradient(top, transparent 40%, rgba(0,0,0,0.8) 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(100%, rgba(0,0,0,0.8)));
  background:-webkit-linear-gradient(top, transparent 40%, rgba(0,0,0,0.8) 100%);
  background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.8)));
  background:linear-gradient(to bottom, transparent 40%,rgba(0,0,0,0.8) 100%);
  bottom:0;
	left:0;
  position:absolute;
  top:0;
	right:0;
}
.sesgroup_album_cover_inner{
	bottom:0;
	padding:50px 20px;
	position:absolute;
	width:100%;
}
.sesgroup_album_cover_album_owner_photo{
	border:2px solid #fff;
	border-radius:3px;
	float:left;
	height:100px;
	margin-right:20px;
	overflow:hidden;
	width:100px;
	-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 1px rgba(0, 0, 0, 0.2);
}
.sesgroup_album_cover_album_owner_photo a{
	display:block !important;
	height:100%;
	width:100%;
}
.sesgroup_album_cover_album_owner_photo img{
	border-width:0;
	min-height:100%;
	max-height:none;
	max-width:none;
	object-fit:cover;
	width:100%;
}
.sesgroup_album_cover_album_info{
	overflow:hidden;
}
.sesgroup_album_cover_title{
	background-color:transparent;
	border-width:0;
	color:#fff;
	font-size:25px;
	line-height:normal;
	padding:0;
	text-shadow:0 0 1px rgba(0, 0, 0, 0.5);
}
.sesgroup_album_cover_date{
	margin-top:5px;
}
.sesgroup_album_cover_album_info_btm{
	margin-top:10px;
}
.sesgroup_view_album_rating{
  float:left;
}
[dir="rtl"] .sesgroup_view_album_rating{
  float:right;
}
.sesgroup_album_cover_stats{
	float:right;
}
[dir="rtl"] .sesgroup_album_cover_stats{
	float:left;
}
.sesgroup_album_cover_stats div{
	display:block;
	float:left;
	margin-left:15px;
}
[dir="rtl"] .sesgroup_album_cover_stats div{
	float:right;
}
.sesgroup_album_cover_stats .sesgroup_album_cover_stat_count{
	font-size:20px;
}
.sesgroup_album_cover_date, 
.sesgroup_album_cover_date a, 
.sesgroup_view_album_rating .sesbasic_rating_text, 
.sesgroup_album_cover_stats div{
	color:#ddd;
}
/*Cover Footer*/
.sesgroup_album_cover_footer{
	background-color:rgba(0, 0, 0, 0.3);
	border-top:1px solid rgba(255, 255, 255, 0.1);
	bottom:0;
	left:0;
	position:absolute;
	right:0;
}
.sesgroup_album_cover_tabs{
	float:left;
}
[dir="rtl"] .sesgroup_album_cover_tabs{
	float:right;
}
.sesgroup_album_cover_tabs li{
	border-left:1px solid rgba(255, 255, 255, 0.1);
	float:left;
}
[dir="rtl"] .sesgroup_album_cover_tabs li{
	border-left-width:0;
	border-right:1px solid rgba(255, 255, 255, 0.1);
	float:right;
}
.sesgroup_album_cover_tabs li:last-child{
	border-right:1px solid rgba(255, 255, 255, 0.1);
}
[dir="rtl"] .sesgroup_album_cover_tabs li:last-child{
	border-left:1px solid rgba(255, 255, 255, 0.1);
	border-right-width:0;
}
.sesgroup_album_cover_tabs li a{
  color:#fff;
	display:block;
	font-weight:bold;
	line-height:40px;
	padding:0 20px;
	text-decoration:none;
	outline:none;
	font-size: var(--theme-font-size-small) !important;
}
.sesgroup_album_cover_tabs li a:hover{
	text-decoration:none;
}
.sesgroup_album_cover_tabactive{
	background-color:rgba(0, 0, 0, 0.9);
}
/*Buttons*/
.sesgroup_album_cover_user_options{
	float:right;
}
[dir="rtl"] .sesgroup_album_cover_user_options{
	float:left;
}
.sesgroup_album_cover_user_options > a,
.sesgroup_album_cover_user_options > span > a{
	border-left:1px solid rgba(255, 255, 255, 0.1);
	float:left;
}
[dir="rtl"] .sesgroup_album_cover_user_options > a,
[dir="rtl"] .sesgroup_album_cover_user_options > span > a{
	border-left-width:0;
	border-right:1px solid rgba(255, 255, 255, 0.1);
	float:right;
}
.sesgroup_album_cover_user_options > a:last-child,
.sesgroup_album_cover_user_options > span > a:last-child{
	border-right:1px solid rgba(255, 255, 255, 0.1);
}
[dir="rtl"] .sesgroup_album_cover_user_options > a:last-child,
[dir="rtl"] .sesgroup_album_cover_user_options > span > a:last-child{
	border-left:1px solid rgba(255, 255, 255, 0.1);
	border-right-width:0;
}
.sesgroup_album_cover_user_options > a,
.sesgroup_album_cover_user_options > span > a{
	background-color:transparent;
	border-radius:0;
	float:left;
	margin:0 !important;
  height:40px;
  overflow:hidden;
  padding:11px 0;
  position:relative;
  text-align:center !important;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  width:40px;
}
[dir="rtl"] .sesgroup_album_cover_user_options > a,
[dir="rtl"] .sesgroup_album_cover_user_options > span > a{
	float:right;
}
.sesgroup_album_cover_user_options > a:hover,
.sesgroup_album_cover_user_options > a.active{background-color:#02adea;}
.sesgroup_album_cover_user_options > a i:before,
.sesgroup_album_cover_user_options > span > a > i:before{color:#fff;font-size:20px;}
.sesgroup_album_cover_user_options .sesgroup_album_cover_user_options_drop_btn{position:relative;}
.sesgroup_album_cover_user_options_drop_btn .sesbasic_option_box{
	right:0;
	top:40px;
	z-index:9;
}
[dir="rtl"] .sesgroup_album_cover_user_options_drop_btn .sesbasic_option_box{
	left:0;
	right:auto;
}
.sesgroup_album_photos_listings .sortable,
.sesgroup_album_photos_listings .sortable .sesgroup_list_grid_img,
.sesgroup_album_photos_listings .sortable .sesgroup_list_flex_img{
  cursor:move;
}
/*Album Info*/
.sesgroup_album_info_left{
	overflow:hidden;
}
.sesgroup_album_info_desc{
	margin-bottom:10px;
}
.sesgroup_album_other_info_field{
	margin-bottom:10px;
}
.sesgroup_album_other_info_field > span:first-child{
	float:left;
	font-weight:bold;
	margin-right:10px;
	width:150px;
}
[dir="rtl"] .sesgroup_album_other_info_field > span:first-child{
	float:right;
	margin-left:10px;
	margin-right:0;
}
.sesgroup_album_other_info_field > span:last-child{
	overflow:hidden;
}
.sesgroup_album_view_option{
	margin-bottom:15px;
}
/*Change Cover Buttons*/
.sesgroup_album_coverphoto_op{
	position:absolute;
	left:20px;
	top:20px;
	z-index:1;
}
[dir="rtl"] .sesgroup_album_coverphoto_op{
	left:inherit;
	right:20px;
}
.sesgroup_album_coverphoto_op > a{
	border-radius:3px;
	display:block;
	overflow:hidden;
	padding:3px 5px;
}
.sesgroup_album_coverphoto_op:hover > a,
.sesgroup_album_coverphoto_op.active > a{
	background-color:rgba(0, 0, 0, 0.8);
	border:1px solid rgba(255, 255, 255, 0.8);
  -webkit-transition:all 300ms ease 0s;
  -moz-transition:all 300ms ease 0s;
  -o-transition:all 300ms ease 0s;
	transition:all 300ms ease 0s;
}
.sesgroup_album_coverphoto_op > a i{
	float:left;
	height:25px;
	margin-right:5px;
	text-align:center;
	width:25px;
}
[dir="rtl"] .sesgroup_album_coverphoto_op > a i{
	float:right;
	margin-left:5px;
	margin-right:0;
}
.sesgroup_album_coverphoto_op > a i:before{
	color:#f1f1f1;
	display:block;
	font-size:22px;
	margin-top:2px;
	text-shadow:0 0 5px rgba(0, 0, 0, 0.8);
}
.sesgroup_album_coverphoto_op.active > a i:before,
.sesgroup_album_coverphoto_op:hover > a i:before{
	color:#f1f1f1;
	display:block;
	font-size:22px;
	margin-top:1px;
	-ms-transform:scale(.7); /* IE 9 */
	-webkit-transform:scale(.7); /* Safari */
	transform:scale(.7);
  -webkit-transition:all 300ms ease 0s;
  -moz-transition:all 300ms ease 0s;
  -o-transition:all 300ms ease 0s;
	transition:all 300ms ease 0s;
}
.sesgroup_album_coverphoto_op > a span{
	color:#fff;
	display:none;
	float:left;
	margin-top:3px;
	font-size: var(--theme-font-size-small) !important;
}
[dir="rtl"] .sesgroup_album_coverphoto_op > a span{
	float:right;
}
.sesgroup_album_coverphoto_op:hover > a span,
.sesgroup_album_coverphoto_op.active > a span{
	display:block;
}
.sesgroup_album_coverphoto_op.active .sesgroup_album_coverphoto_op_box{
	left:0;
	top:45px;
	display:block;
}
[dir="rtl"] .sesgroup_album_coverphoto_op.active .sesgroup_album_coverphoto_op_box{
	left:inherit;
	right:0;
}
.sesgroup_album_coverphoto_op_box_arrow{
	border-bottom:10px solid #fff;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	height:0;
	left:7px;
	position:absolute;
	top:-10px;
	width:0;
}
.sesgroup_album_cover_positions_btns{
	bottom:10px;
	right:10px;
	position:absolute; 
}
[dir="rtl"] .sesgroup_album_cover_positions_btns{
	left:10px;
	right:auto;
}
.sesgroup_album_cover_positions_btns a{
	border-radius:3px;
	border-width:0;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.3);
	float:left;
	margin-left:10px;
}
[dir="rtl"] .sesgroup_album_cover_positions_btns a{
	float:right;
	margin-left:0;
	margin-right:10px;
}
.sesgroup_album_cover_positions_btns a:hover{
	box-shadow:0 0 5px rgba(0, 0, 0, 0.7);
}

/*Photo update Popup*/
.sesgroup_album_photo_update_popup{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:99;
}
.sesgroup_album_photo_update_popup_overlay{
	background-color:rgba(0, 0, 0, .1);
	position:absolute;
	height:100%;
	width:100%;
	z-index:99;
}
.sesgroup_album_photo_update_popup_container{
	left: 50%;
	margin-left: -330px;
	position: absolute;
	top: 20px;
	width: 660px;
	z-index: 100;
}
.sesgroup_album_photo_update_popup_content{
	height:450px;
	width:100%;
}
.sesgroup_album_photo_update_webcam_container{margin-left:-180px;width:360px;}
.sesgroup_album_photo_update_popup_webcam_options{padding:15px;}
.sesgroup_album_photo_update_popup_btns{margin-top:10px;}

/*PHOTO VIEW GROUP CSS START HERE*/
.sesgroup_view_photo{
  margin:0 auto;
  min-width:300px;
  overflow:visible;
}
.sesgroup_view_photo_container_wrapper{
  background-image:url(~/application/modules/Sesgroup/externals/images/transprant-bg.png);
  margin-bottom:10px;
  position:relative;
  text-align:center;
}
[dir="rtl"] .sesgroup_view_photo_container_wrapper{
  text-align:center;
}
.sesgroup_view_photo_container{
  position:relative;
  display:inline-block;
	min-
}
.sesgroup_view_photo_container #media_photo_next{
	min-height:300px;
}
.sesgroup_view_photo_container #media_photo{
  display:block;
	margin:auto;
	cursor:initial;
}
.sesgroup_view_photo_container #lassoImg, 
.sesgroup_view_photo_container #lassoMask{
  border-width:0;
}
.sesgroup_view_photo_container a:link{
  text-decoration:none;
}
/*Photo Next-Prev Button*/
.sesgroup_view_photo_nav_btns a{
	bottom:0;
	cursor:pointer;
	position:absolute;
	text-align:center;
	top:0;
	width:40px;
	z-index:1;
}
[dir="rtl"] .sesgroup_view_photo_nav_btns a{
	text-align:center;
}
.sesgroup_view_photo_nav_btns a i{
	margin-top:-30px;
	position:absolute;
	top:50%;
}
[dir="rtl"] .sesgroup_view_photo_nav_btns a i{
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform:scale(-1, 1);
  -ms-transform:scale(-1, 1);
  transform:scale(-1, 1);
}
.sesgroup_view_photo_nav_btns a i:before{
	color:#fff;
	font-size:60px;
	line-height:60px;
	text-shadow:0 0 1px rgba(0, 0, 5, 0.5);
}
.sesgroup_view_photo_nav_btns a:hover i:before{
	text-shadow:0 0 1px rgba(0, 0, 10, 1);
}
.sesgroup_view_photo_nav_prev_btn{left:0;}
[dir="rtl"] .sesgroup_view_photo_nav_prev_btn{left:auto;right:0;}
.sesgroup_view_photo_nav_prev_btn i{left:10px;}
[dir="rtl"] .sesgroup_view_photo_nav_prev_btn 1{left:auto;right:10px;}
.sesgroup_view_photo_nav_nxt_btn{right:0;}
[dir="rtl"] .sesgroup_view_photo_nav_nxt_btn{left:0;right:auto;}
.sesgroup_view_photo_nav_nxt_btn i{right:10px;}
[dir="rtl"] .sesgroup_view_photo_nav_nxt_btn i{left:10px;right:auto;}

/*Photo Expend Options*/
.sesgroup_view_photo_expend{
  position:absolute;
  right:10px;
  top:10px;
  text-shadow:0 0 2px rgba(0, 0, 0, 0.5);
  z-index:1;
}
[dir="rtl"] .sesgroup_view_photo_expend{
  left:10px;
  right:auto;
}
.sesgroup_view_photo_expend i{
  color:#f2f2f2;
}
.sesgroup_view_photo_expend:hover i{
  color:#fff;
}
.sesgroup_view_photo_expend i:before{
	font-size:17px;
}
/*Photo Rotate Options*/
.sesgroup_view_photo_rotate_btns{
	background-color:rgba(255, 255, 255, 0.9);
	border:1px solid rgba(255, 255, 255, 0.3);
	border-radius:5px;
	bottom:10px;
	left:10px;
	padding:5px;
	position:absolute;
}
[dir="rtl"] .sesgroup_view_photo_rotate_btns{
	left:auto;
	right:10px;
}
.sesgroup_view_photo_rotate_btns > a{
  background-position:0 0;
  background-repeat:no-repeat;
  display:inline-block;
  font-weight:bold;
  padding-left:14px;
}
.sesgroup_view_photo_rotate_btns > a:hover{
  text-decoration:none;
}
.sesgroup_view_photo_count{
	margin-bottom:10px;
	overflow:hidden;
	text-align:center;
}
[dir="rtl"] .sesgroup_view_photo_count{
	text-align:center;
}
/*User Options*/
.sesgroup_photo_view_btns{
	border-radius:3px;
  position:absolute;
  bottom:10px;
  right:10px;
	overflow:hidden;
	z-index:2;
}
[dir="rtl"] .sesgroup_photo_view_btns{
  left:10px;
  right:auto;
}
.sesgroup_photo_view_btns > span{
	float:left;
}
[dir="rtl"] .sesgroup_photo_view_btns > span{
	float:right;
}
.sesgroup_photo_view_btns > a,
.sesgroup_photo_view_btns > span > a{
	border-radius:0;
	background-color:rgba(0, 0, 0, 0.6);
	float:left;
  height:35px;
  overflow:hidden;
  padding:10px 0;
  position:relative;
  text-align:center !important;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  width:35px;
}
[dir="rtl"] .sesgroup_photo_view_btns > a,
[dir="rtl"] .sesgroup_photo_view_btns > span > a{
	float:right;
	text-align:center;
}
.sesgroup_photo_view_btns > a + a,
.sesgroup_photo_view_btns > a + span a{
	border-left:1px solid rgba(255, 255, 255, 0.1);
	margin:0 !important;
}
[dir="rtl"] .sesgroup_photo_view_btns > a + a,
[dir="rtl"] .sesgroup_photo_view_btns > a + span a{
	border-left-width:0;
	border-right:1px solid rgba(255, 255, 255, 0.1);
}
.sesgroup_photo_view_btns > a:hover,
.sesgroup_photo_view_btns > a.active,
.sesgroup_photo_view_btns > span a:hover,
.sesgroup_photo_view_btns > span a.active{background-color:#02adea;}
.sesgroup_photo_view_btns > a i:before,
.sesgroup_photo_view_btns > span a i:before{color:#fff;font-size:17px;}
.sesgroup_photo_view_bottom_right{
  float:right;
  margin-left:20px;
  width:300px;
}
[dir="rtl"] .sesgroup_photo_view_bottom_right{
  float:left;
  margin-left:0;
  margin-right:20px;
}
.sesgroup_photo_view_bottom_right div > h3{
  background:none;
  border-width:0;
  font-size:14px;
	font-weight:bold;
  letter-spacing:normal;
  margin-bottom:6px;
	padding:0;
}
.sesgroup_photo_view_bottom_middle{
  overflow:hidden;
}
/*Photo Information*/
.sesgroup_view_photo_title{
	font-size:25px;
  margin-bottom:10px;
}
.sesgroup_view_photo_middle_box{
	margin-bottom:15px;
}
.sesgroup_view_photo_owner_info{
	float:left;
	width:50%;
}
[dir="rtl"] sesgroup_view_photo_owner_info{
	float:right;
}
.sesgroup_view_photo_owner_photo{
	float:left;
	margin-right:10px;
}
[dir="rtl"] .sesgroup_view_photo_owner_photo{
	float:right;
	margin-left:10px;
	margin-right:0;
}
.sesgroup_view_photo_owner_details{
	overflow:hidden;
}
.sesgroup_view_photo_owner_details > span{
	display:block;
}
.sesgroup_view_photo_owner_name{
	margin:5px 0 3px;
}
.sesgroup_view_photo_owner_name a{
	font-weight:bold;
}
.sesgroup_view_photo_date {
	font-size:0.8em;
}
.sesgroup_view_photo_photo_stats{
  float:left;
  width:50%;
}
[dir="rtl"] .sesgroup_view_photo_photo_stats{
  float:right;
}
.sesgroup_view_photo_rating{
	margin-bottom:5px;
}
.sesgroup_view_photo_des,
.sesgroup_view_photo_tags,
.sesgroup_view_photo_stats,
.sesgroup_view_photo_location{
  margin-bottom:10px;
}
.sesgroup_view_photo_des > b,
.sesgroup_view_photo_tags > b{
	display:block;
	margin-bottom:5px;
}
.sesgroup_view_photo_location i{
	margin-right:5px;
}
.sesgroup_photo_view_bottom{
  margin-top:15px;
}
.sesgroup_photo_view_bottom_comments .comments{
  width:100%;
}
/*Photos Strip Slider*/
.sesgroup_photos_strip_slider_btn{
	background-color:#7f8387;
	cursor:pointer;
	float:left;
	height:62px;
	text-align:center;
	width:20px;
}
.sesgroup_photos_strip_slider_btn:hover{
	background-color:#919191;
}
.sesgroup_photos_strip_slider_btn i:before{
	color:#fff;
	float:left;
	font-size:22px;
	margin-top:19px;
}
.sesgroup_photos_strip_slider_btn.btn-prev{
	border-radius:3px 0 0 3px;
	margin-right:1px;
}
.sesgroup_photos_strip_slider_btn.btn-nxt{
	border-radius:0 3px 3px 0;
	margin-left:1px;
}
.sesgroup_photos_strip_slider_content{
	float:left;
	overflow:hidden;
	width:257px;
}
.sesgroup_photos_strip_slider_content > div{
	position:relative;
	left:0px;
	text-align:center;
}
.sesgroup_photos_strip_slider_content a > img {
	float:left;
	height:62px;
	margin:0 1px;
	width:62px;
	opacity:.3;
	filter:alpha(opacity=50);
}
.sesgroup_photos_strip_slider_content a > img:hover,
.sesgroup_photos_strip_slider_content a.active > img{
	opacity:1;
	filter:alpha(opacity=100);
}
/*PHOTO VIEW GROUP CSS END HERE*/
/*RESPONSIVE CSS*/
@media only screen and (max-width:767px){
	/*PHOTO VIEW GROUP*/
	.sesgroup_view_photo_container #media_photo_next{min-height:300px;}
	.sesgroup_photo_view_bottom_right{display:none;}
	/*ALBUM LISTING*/
	.sesgroup_album_list_grid_thumb .sesgroup_album_list_grid_img{height:200px !important;}
	.sesgroup_album_list_grid_btns{
		opacity: 1;
		top: 10px;
	}
	/*ALbum View Group*/
	.sesgroup_album_cover_inner{padding:50px 20px 0;}
	.sesgroup_album_cover_footer{position:relative;margin:10px -20px 0;}
}
@media only screen and (max-width:600px){
	/*ALBUM LISTING*/
	.sesgroup_album_list_grid_thumb .sesgroup_album_list_grid_img{height:200px !important;}
}
@media only screen and (max-width:480px){
	/*PHOTO VIEW GROUP*/
	.sesgroup_photo_view_btns > a{display:none;}
	.sesgroup_photo_view_btns .sesgroup_view_like_button, .sesgroup_photo_view_btns .sesgroup_view_fav_button, .sesgroup_photo_view_btns 	
	.sesgroup_view_tag_button, .sesgroup_photo_view_btns li.sesgroup_photo_view_option_btn a{display:block;}
	.sesgroup_view_photo_owner_info, .sesgroup_view_photo_photo_stats{width:100%;}
	/*Album VIEW GROUP*/
	.sesgroup_album_cover_album_owner_photo{height:70px;width:70px;}
	.sesgroup_album_cover_title{font-size:20px;}
	.sesgroup_view_album_rating, .sesgroup_album_cover_stats{display:none;}
	.sesgroup_album_cover_tabs li a{padding:0 10px;}
	/*ALBUM LISTING*/
	.sesgroup_album_list_grid_thumb .sesgroup_album_list_grid_img{height:200px !important;}
}
@media only screen and (max-width:479px){
	.sesgroup_create_form_tabs li a{
		font-size:11px;
	}
	.sesgroup_create_form_tabs li + li{
		margin-left: 10px;
		padding-left: 10px;
	}
	.sesgroup_album_form .global_form div.form-element .sesgroup_upload_dragdrop_content {
		width:100%;
	}
}
