
/*All Stories CSS Start*/
.layout_stories_all_stories > h3:not(.stories_allstories_title){
	display:none;
}
.layout_stories_all_stories > h3 a{
	font-size:var(--theme-font-size-small);
	font-weight:400;
	float:right;
	line-height:1;
}
[dir="rtl"] .layout_stories_all_stories > h3 a{
	float:left;
}
.layout_stories_all_stories > h3 a i{
	position:relative;
	top:2px;
	font-size:90%;
}
[dir="rtl"] .layout_stories_all_stories > h3 a i:before{
	content:"\f104";
} 
/* .stories_allstories_container{
	overflow:hidden;
}
.stories_allstories_container section{
	margin:0 -5px;
} */
.stories_allstories{
	display:flex;
	position:relative;
}
.stories_allstories .owl-stage-outer{
	overflow:hidden;
}
.stories_allstories .owl-stage{
	display:flex;
}
.stories_allstories .owl-nav > div{
	background-color:var(--theme-list-background-color);
	box-shadow:0 0 8px rgba(0, 0, 0, .6);
	border-radius:50%;
	position:absolute;
	top:50%;
	height:40px;
	width:40px;
	margin-top:-20px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}
.stories_allstories .owl-nav > div.disabled{
	display:none;
}
.stories_allstories .owl-nav > div i{
	font-size:17px;
}
[dir="rtl"] .stories_allstories .owl-nav > div i{
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform:scale(-1, 1);
  -ms-transform:scale(-1, 1);
  transform:scale(-1, 1);
}
.stories_allstories .owl-nav > div.owl-prev{
	left:-5px;
}
[dir="rtl"] .stories_allstories .owl-nav > div.owl-prev{
	left:inherit;
	right:-5px;
}
.stories_allstories .owl-nav > div.owl-next{
	right:-5px;
}
[dir="rtl"] .stories_allstories .owl-nav > div.owl-next{
	right:inherit;
	left:-5px;
}
.stories_allstories_item{
	background-color:var(--theme-list-background-color-alt);
	border-radius:10px;
	position:relative;
	overflow:hidden;
	margin:0 5px;
	height:180px;
	width:120px;
}
.stories_allstories_item_img{
	height:100%;
	overflow:hidden;
}
.stories_allstories_item_img img{
	object-fit:cover;
	height:100%;	
	width:100%;
}
.stories_allstories_item:hover .stories_allstories_item_img img{
	transform:scale(1.05);
}
.stories_allstories_item_img:after{
	content:'';
	background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
	bottom:0;
	left:0;
	position:absolute;
	height:50%;
	width:100%;
}
.stories_allstories_item_cont,
.stories_allstories_item_link{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.stories_allstories_item:hover .stories_allstories_item_cont{
	background-color:rgba(0, 0, 0, .1);
}
.stories_allstories_item_thumb{
	background-color:var(--theme-list-background-color);
	box-shadow:0 0 4px rgba(0, 0, 0, .2);
	border:2px solid var(--theme-list-background-color);
	border-radius:50px;
	height:40px;
	position:absolute;
	overflow:hidden;
	top:5px;
	left:5px;
	width:40px;
}
[dir="rtl"] .stories_allstories_item_thumb{
	left:auto;
	right:5px;
}
.stories_allstories_item_thumb._add{
	z-index:2;
}
.stories_allstories_item_thumb._add a{
	color:var(--theme-font-color);
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.stories_allstories_item_thumb img{
	border-width:0;
	object-fit:cover;
	height:100%;
	width:100%;
}
.stories_allstories_item_name{
	position:absolute;
	bottom:0;
	padding:10px;
	color:#fff;
	width:100%;
}
.stories_allstories_item_img{
	background-color:var(--theme-list-background-color-alt);
}
.stories_allstories_item_cont,
.stories_allstories_item_img img{
	-webkit-transition:all 500ms ease 0s;
	-moz-transition:all 500ms ease 0s;
	-o-transition:all 500ms ease 0s;
	transition:all 500ms ease 0s;
}
.stories_allstories_item._islive .liveicon{
	border-radius:3px;
	background-color:#f00;
	color:#fff;
	position:absolute;
	top:10px;
	right:10px;
	z-index:10;
	padding:2px 10px;
	font-weight:bold;
	font-size:13px;
	letter-spacing:1px;
}
.stories_allstories_item_owner{
	border-width:1px;
	display:flex;
	flex-direction:column;
}
.stories_allstories_item_owner .stories_allstories_item_img{
	flex:1;
}
.stories_allstories_item_owner .stories_allstories_item_img:after{
	display:none;
}
.stories_allstories_item_owner_cont{
	position:relative;
	padding:20px 10px 10px;
}
.stories_allstories_item_add{
	position:absolute;
	top:-20px;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
}
.stories_allstories_item_add a{
  border:2px solid var(--theme-list-background-color-alt);
	background-color:var(--theme-button-background-color);
	color:var(--theme-button-font-color) !important;
	border-radius:50%;
	height:40px;
	width:40px;
	font-size:20px;
}
.stories_allstories_item_add a i{
	line-height:1;
}
.stories_allstories_item_owner_cont span{
	font-weight:var(--theme-font-weight-bold);
}
@media only screen and (max-width:480px){
	.stories_allstories .owl-nav > div{
		display:none;
	}
}
.stories_allstories_item_loading{
	background-color:var(--theme-list-background-color-alt);
	position:relative;
}
.stories_allstories_item_loading .stories_allstories_item_img{
	border-radius:50%;
	position:absolute;
	top:10px;
	left:10px;
	height:40px;
	width:40px;
}
.stories_allstories_item_loading .stories_allstories_item_img:after{
	display:none;
}
@keyframes shimmer{
	100%{transform:translateX(100%);}
}
.stories_allstories_item_loading:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transform:translateX(-100%);
	background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
	animation:shimmer 1200ms infinite;
}
/*All Stories CSS End*/

/*Story View Popup Start*/
.stories_story_view_main{
	display:none;
	background-color:rgba(0, 0, 0, .8);
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:99;
}
.stories_story_view_bg{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.stories_story_view_bg img{
	object-fit:cover;
	height:100%;
	width:100%;
	filter:blur(30px);
}
.stories_story_view_bg:after{
	content:"";
	background-color:rgba(0, 0, 0, .6);
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.stories_story_view_close_btn{
	border-radius:50%;
	background-color:#fff;
	height:40px;
	width:40px;
	position:absolute;
	left:10px;
	top:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:1;
}
[dir="rtl"] .stories_story_view_close_btn{
  right:10px;
  left:auto;
}
.stories_story_view_close_btn i{
	background-size:contain;
	background-image:url(~/application/modules/Stories/externals/images/close.svg);
	height:16px;
	width:16px;
}
.stories_story_view_container{
	position:relative;
	margin:0 auto;
	height:100vh;
	width:400px;
}
.stories_story_view_container .stories_story_slider{
	height:100%;
}
.stories_story_view_container .stories_story_item{
	display:flex;
	flex-direction:column;
	height:100%;
}
.stories_story_view_container .stories_story_item_header{
	display:flex;
	padding:10px 0;
	align-items:center;
}
.stories_story_view_container .stories_story_item_header .stories_story_item_header_thumb{
	margin-right:10px;
}
[dir="rtl"] .stories_story_view_container .stories_story_item_header .stories_story_item_header_thumb{
	margin-left:10px;
	margin-right:0;
}
.stories_story_view_container .stories_story_item_header .stories_story_item_header_thumb img{
	border-width:0;
	border-radius:50%;
	object-fit:cover;
	height:48px;
	width:48px;
	vertical-align:middle;
}
.stories_story_view_container .stories_story_item_header .stories_story_item_header_info{
	flex:1;
}
.stories_story_view_container .stories_story_item_header .stories_story_item_header_info .stories_name{
	font-weight:bold;
	color:#fff;
}
.stories_story_view_container .stories_story_item_header .stories_story_item_header_info .stories_time{
	color:#fff;
	opacity:.8;
}
.stories_story_view_container .stories_story_item_header .stories_controller,
.stories_story_view_container .stories_story_item_header .stories_option{
	margin:0 10px;
	display:flex;
}
.stories_story_view_container .stories_story_item_header .story_play_pause,
.stories_story_view_container .stories_story_item_header .story_play_mute,
.stories_story_view_container .stories_story_item_header .stories_option > a{
	color:#fff;
	cursor:pointer;
	font-size:1.0625rem;
	display:flex;
	align-items:center;
	justify-content:center;
	height:1.5rem;
	width:1.5rem;
}
.stories_story_view_container .stories_story_item_content{
	background-color:rgba(255, 255, 255, 0.15);
	flex:1;
	display:flex;
	border-radius:10px;
	overflow:hidden;
	position:relative;
}
.stories_story_view_container .stories_story_item_content .stories_content{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
}
.stories_story_view_container .stories_story_item_content img{
	max-height:100%;
	max-width:100%;
}
.stories_story_view_container .stories_story_item_content video{
	height:100%;
	width:100%;
	object-fit:cover;
}
.stories_story_view_container .stories_story_item_content .stories_media_content._isphoto{
	height:100%;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
}
.stories_story_view_container .stories_story_item_content .stories_media_content:not(._isphoto),
.stories_story_view_container .stories_story_item_content .stories_media_content._isphoto .stories_reaction_data{
	position:absolute;
	bottom:0;
	padding:10px;
	width:100%;
}
.stories_story_view_container .stories_story_item_content .stories_media_content .stories_story_item_caption:not(._photo),
.stories_story_view_container .stories_story_item_content .stories_media_content .stories_reaction_data *{
	color:#fff;
	text-shadow:0 0 5px rgba(0, 0, 0, .9);
}
.stories_story_view_container .stories_story_item_content .stories_story_item_caption:not(._photo){
	font-size:110%;
}
/*Text Story*/
.stories_story_view_container .stories_story_item_content > div.stories_content_text{
	background-position:center;
	background-size:cover;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	position:inherit;
	padding:0;
}
.stories_content_text_inner{
	background-color:rgba(0, 0, 0, .2);
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	width:100%;
}
.stories_content_text .stories_contenttext,
.stories_story_item_caption._photo{
	color:#fff;
	max-width:90%;
	font-weight:bold;
	font-size:20px;
	line-height:1.2;
	white-space:pre;
	white-space:pre-line;
	margin:0 auto;
	min-width:100%;
	overflow:auto;
	text-align:center !important;
	word-break:break-word;
	max-height:100%;
	padding:30px;
	text-shadow:0 0px 1px rgba(0, 0, 0, .9);
	max-height:90%;
}
.stories_content_text .stories_contenttext *,
.stories_story_item_caption._photo *{
	color:#fff !important;
}
.stories_story_view_container .stories_story_item_content .stories_reaction_data{
	margin-top:5px;
}
.stories_story_view_container .stories_story_item_content .comments_stats_likes{
	font-size:90%;
}
.stories_story_view_container .stories_story_item_footer{
	padding:10px 0;	
}
.stories_story_view_container .stories_story_item_reply_box{
	display:flex;
}
.stories_story_view_container .stories_story_item_reply_box ._input{
	flex:1;
}
.stories_story_view_container .stories_story_item_reply_box ._input input{
	background:none !important;
	border:1px solid #fff;
	color:#fff;
	border-radius:20px;
	height:35px;
	padding:0 15px;
	line-height:33px;
	outline:none !important;
	width:100%;
}
.stories_story_view_container .stories_story_item_reply_box ._input input::placeholder{
	color:#fff;
}
.stories_story_view_container .stories_story_item_reply_box ._reaction + div{
	margin-left:10px;
}
[dir="rtl"] .stories_story_view_container .stories_story_item_reply_box ._reaction + div{
	margin-left:0;
	margin-right:10px;
}
.stories_story_view_container .stories_story_item_reply_box ._reaction > a{
	border:1px solid rgba(255, 255, 255, 0.15);
	border-radius:50px;
	display:block;
	height:35px;
	width:35px;
}
.stories_story_view_container .stories_story_item_reply_box ._reaction > a > i{
	background-size:cover;
	display:flex;
	height:100%;
	align-items:center;
	justify-content:center;
}
.stories_story_view_container .stories_story_item_reply_box ._reaction > a > i._icon:before{
	content:"\f164";
	font-family:'Font Awesome\ 5 Free';
	font-style:normal;
	color:#fff;
	font-size:17px;
	opacity:.8;
}
.stories_story_view_container .stories_story_slider_nav > a{
	border-radius:50%;
	background-color:#fff;
	color:#999;
	font-size:20px;
	height:40px;
	width:40px;
	position:absolute;
	margin-top:-20px;
	top:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:1;
	-webkit-transition:all 500ms ease 0s;
	-moz-transition:all 500ms ease 0s;
	-o-transition:all 500ms ease 0s;
	transition:all 500ms ease 0s;
	opacity:.7;
}
.stories_story_view_container .stories_story_slider_nav > a:hover{
	opacity:1;
}
.stories_story_view_container .stories_story_slider_nav > a._prev{
	left:-60px;
}
[dir="rtl"] .stories_story_view_container .stories_story_slider_nav > a._prev{
	right:-60px;
	left:auto;
}
.stories_story_view_container .stories_story_slider_nav > a._prev i{
	position:relative;
	left:-2px;
}
[dir="rtl"] .stories_story_view_container .stories_story_slider_nav > a._prev i{
	right:-2px;
	left:auto;
}
.stories_story_view_container .stories_story_slider_nav > a._next{
	right:-60px;
}
[dir="rtl"] .stories_story_view_container .stories_story_slider_nav > a._next{
	left:-60px;
	right:auto;
}
.stories_story_view_container .stories_story_slider_nav > a._next i{
	position:relative;
	right:-2px;
}
[dir="rtl"] .stories_story_view_container .stories_story_slider_nav > a._next i{
	left:-2px;
	right:auto;
}
[dir="rtl"] .stories_story_view_container .stories_story_slider_nav > 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);
}
.stories_story_view_container .stories_story_slider_loader{
	display:flex;
	position:absolute;
	padding:0 5px;
	top:80px;
	width:100%;
	z-index:2;
}
.stories_story_view_container .stories_story_slider_loader > div{
	padding:0 3px;
	flex:1;
}
.stories_story_view_container .stories_story_slider_loader > div > span{
	background-color:rgba(255, 255, 255, 0.4);
	border-radius:5px;
	display:block;
	height:5px;
}
.stories_story_view_container .stories_story_slider_loader > div > span > span{
	border-radius:5px;
	background-color:#fff;
	height:100%;
	display:block;
	-webkit-transition:all 1100ms ease 0s;
	-moz-transition:all 1100ms ease 0s;
	-o-transition:all 1100ms ease 0s;
	transition:all 1100ms ease 0s;
}
/*Success Message*/
.stories_reply_success_msg{
	background-color:var(--theme-list-background-color);
	position:absolute;
	z-index:110;
	top:60%;
	left:50%;
	transform:translateX(-50%);
	padding:10px 15px;
	white-space:nowrap;
	border-radius:5px;
	display:flex;
	align-items:center;
}
.stories_reply_success_msg i{
	color:var(--theme-button-background-color);
	margin-right:10px;
	font-size:17px;
}
@media only screen and (min-width:1400px){
	.stories_story_view_container{
		width:500px;
	}
}
@media only screen and (max-width:600px){
	.stories_story_view_close_btn{
    right:5px;
    left:auto;
    top:25px;
    height:35px;
    width:35px;
    background-color:transparent;
    z-index:2;
	}
	[dir="rtl"] .stories_story_view_close_btn{
		right:auto;
		left:5px;
	}
	.stories_story_view_close_btn i{
		background-image:none;
	}
	.stories_story_view_close_btn i:before{
    font-family:"Font Awesome 5 Free";
    content:"\f00d";
    font-weight:900;
    font-style:normal;
    color:#fff;
    font-size:20px;
	}
	.stories_story_view_container{
		width:100%;
	}
	.stories_story_view_container .stories_story_slider_loader{
		top:10px;
	}
	.stories_story_view_container .stories_story_item_header{
		align-items:flex-start;
		position:absolute;
		width:100%;
		top:30px;
		padding:0 40px 0 10px;
		z-index:1;
	}
	[dir="rtl"] .stories_story_view_container .stories_story_item_header{
		padding:0 10px 0 40px;
	}
	.stories_story_view_container .stories_story_item_header *{
		text-shadow:0 0 3px rgba(0, 0, 0, .5);
	}
	.stories_story_view_container .stories_story_item_header .stories_story_item_header_thumb img{
		height:40px;
		width:40px;
	}
	.stories_story_view_container .stories_story_item_content{
		border-radius:0;
	}
	.stories_story_view_container .stories_story_item_content > .stories_media_content:not(._isphoto){
		bottom:60px;
	}
	.stories_content_text .stories_contenttext,
	.stories_story_item_caption._photo{
		max-height:calc(90% - 100px);
		font-size:15px;
		line-height:1.5;
	}
	.stories_story_view_container .stories_story_item_footer{
		background-color:rgba(0, 0, 0, .3);
    border-top:1px solid rgba(255, 255, 255, .5);
		padding:10px;
    position:absolute;
    bottom:0;
    width:100%;
	}
	.stories_story_view_container .stories_story_slider_nav{
		opacity:0;
	}
	.stories_story_view_container:hover .stories_story_slider_nav{
		opacity:1;
	}
	.stories_story_view_container .stories_story_slider_nav > a._prev{
		left:10px;
	}
	[dir="rtl"] .stories_story_view_container .stories_story_slider_nav > a._prev{
		right:10px;
		left:auto;
	} 
	.stories_story_view_container .stories_story_slider_nav > a._next{
		right:10px;
	}
	[dir="rtl"] .stories_story_view_container .stories_story_slider_nav > a._next{
		left:10px;
		right:auto;
	} 
}
/*Story View Popup End*/

/*Archive Stories Popup Start*/
.stories_archive_popup{
	width:600px;
}
.stories_archive_popup_header{
	background-color:var(--theme-list-background-color-alt);
	border-bottom-width:1px;
	padding:10px 15px 0;
	display:flex;
}
.stories_archive_popup_header ul{
	display:flex;
	position:relative;
	bottom:-1px;
}
.stories_archive_popup_header ul a{
	color:var(--theme-font-color);
	display:block;
	padding:10px 15px;
	font-weight:var(--theme-font-weight-bold);
}
.stories_archive_popup_header ul a._active{
	background-color:var(--theme-list-background-color);
	border-radius:5px 5px 0 0;
	border-width:1px 1px 0 1px;
}
.stories_archive_popup_cont{
	padding:15px;
	max-height:80vh;
	overflow:auto
}
.stories_archive_popup_cont .global_form,
.stories_archive_popup_cont .global_form > div,
.stories_archive_popup_cont .global_form > div > div{
	padding:0;
}
.stories_archive_popup_cont .global_form > div > div > h3{
	padding:.9375rem;
	padding-bottom:0;
	margin:-.9375rem -.9375rem 5px;
	border-radius:0;
	font-size:var(--theme-headline-size-medium);
	border-width:0;
	font-weight:600;
}
.stories_archive_popup_cont .tip,
.stories_archive_popup_cont .tip > span{
	float:none;
}
.stories_archive_popup_cont .stories_stories_muted .tip{
	margin-top:10px;
}
.stories_archive_stories > ul{
	display:flex;
	flex-wrap:wrap;
}
.stories_archive_stories_item{
	padding:0 5px 10px;
	width:33.33%;
}
.stories_archive_stories_item article{
	background-color:#222;
	position:relative;
	border-radius:5px;
	overflow:hidden;
}
.stories_archive_stories_item_img{
	display:flex;
	align-items:center;
	justify-content:center;
	height:160px;
}
.stories_archive_stories_item_img img{
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
}
.stories_archive_stories_item_img:after{
	content:'';
	background:linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
	bottom:0;
	left:0;
	position:absolute;
	height:100%;
	width:100%;
}
.stories_archive_stories_item_cont ._time,
.stories_archive_stories_item_cont ._caption{
	color:#fff;
	font-size:12px;
	text-shadow:0 0 5px rgba(0, 0, 0, .5);
}
.stories_archive_stories_item_cont ._time{
	position:absolute;
	top:5px;
	left:5px;
}
.stories_archive_stories_item_cont ._caption{
	position:absolute;
	bottom:5px;
	padding:5px;
	width:100%;
}
.stories_archive_stories_item_cont ._highlight_btn{
	position:absolute;
	top:5px;
	right:5px;
}
[dir="rtl"] .stories_archive_stories_item_cont ._highlight_btn{
	left:5px;
	right:auto;
}
.stories_archive_stories_item_cont ._highlight_btn a:before{
	content:"\f005";
	font-family:'Font Awesome 5 Free';
	font-weight:400;
	color:#fff;
	text-shadow:0 0 5px rgba(0, 0, 0, .5);
}
.stories_archive_stories_item_cont ._highlight_btn a._active:before{
	color:#FFC107;
	font-weight:900;
}
.stories_stories_muted > h3{
	padding:.9375rem;
	padding-bottom:0;
	margin:-.9375rem -.9375rem 5px;
	border-radius:0;
	font-size:var(--theme-headline-size-medium);
	border-width:0;
	font-weight:600;
}
.stories_stories_muted_item{
	border-top-width:1px;
	margin-top:10px;
	padding-top:10px;
}
.stories_stories_muted_item ._thumb img{
	height:48px;
	width:48px;
	vertical-align:middle;
}
.stories_stories_muted_item ._info{
	flex:1;
}
.stories_stories_muted_item ._info ._name{
	font-weight:bold;
}
.stories_stories_settings_form h3{
	font-weight:bold;
	margin:0 0 5px;
	padding:0;
}
.stories_stories_settings_form .form-wrapper:not(:last-child){
	margin:0 0 10px;
}
.stories_stories_settings_form .form-wrapper .form-label{
	font-weight:bold;
}
.stories_stories_settings_form .form-wrapper .form-options-wrapper{
	margin-top:5px;
}
.stories_stories_settings_form #submit-label{
	display:none;
}
@media only screen and (max-width:767px){
	.stories_allstories {
    	padding-inline:10px;
	}
	.stories_archive_popup{
		width:100%;
	}
}
@media only screen and (max-width:540px){
	.stories_archive_popup_header ul{
    overflow:auto;
    white-space:nowrap;
	}
	.stories_archive_popup_header ul::-webkit-scrollbar{
		display:none;
	}
	.stories_archive_popup_header ul li{
		flex:1;
	}
	.stories_archive_stories_item{
		width:50%;
	}
}
/*Archive Stories Popup End*/

/*Create Stoty Popup Start*/
.stories_add_story_popup_container .ajaxsmoothbox_container{
	left:0 !important;
	width:100% !important;
	height:100vh !important;
	top:0 !important;
	transition:all 500ms ease 0s;
}
.stories_add_story_popup{
	background-color:var(--theme-list-background-color-alt);
	height:100vh;
	overflow:auto;
	width:100%;
}
.stories_add_story_popup_container .ajaxsmoothbox_close_btn{
	top:10px !important;
	left:10px !important;
}
[dir="rtl"] .stories_add_story_popup_container .ajaxsmoothbox_close_btn{
	left:auto !important;
	right:10px !important;
}
.stories_add_story_popup_main{
	display:flex;
	flex-wrap:wrap;
	height:100vh;
}
.stories_add_story_popup_left{
	background-color:var(--theme-list-background-color);
	border-right-width:1px;
	display:flex;
	flex-direction:column;
	padding-top:40px;
	max-height:100vh;
	overflow:auto;
	width:300px;
}
[dir="rtl"] .stories_add_story_popup_left{
	border-left-width:1px;
	border-right-width:0;
}
.stories_add_story_popup_left section{
	flex:1;
}
.stories_add_story_popup_left ._top{
	padding:10px 15px;
	border-bottom-width:1px;
}
.stories_add_story_popup_left ._header{
	font-size:20px;
	font-weight:bold;
}
.stories_add_story_popup_left ._userinfo{
	padding:15px 0;
}
.stories_add_story_popup_left ._userinfo .bg_thumb_icon{
	height:50px;
	width:50px;
}
.stories_add_story_popup_left ._userinfo ._name{
	flex:1;
	margin-left:10px;
	font-weight:bold;
}
[dir="rtl"] .stories_add_story_popup_left ._userinfo ._name{
	margin-left:0;
	margin-right:10px;
}
.stories_add_story_popup_left ._cont{
	padding:15px;
}
.stories_add_story_popup_left ._field{
	margin-bottom:20px;
}
.stories_add_story_popup_left ._field textarea{
	width:100%;
	min-width:inherit;
	min-height:80px;
}
.stories_add_bg_images{
	display:flex;
	flex-wrap:wrap;
	margin:0 -5px;
}
.stories_add_bg_images label{
	font-weight:bold;
	margin:10px 5px;
	width:100%;
}
.stories_add_bg_images a{
	margin:0 5px 5px;
}
.stories_add_bg_images a img{
	border-radius:50%;
	object-fit:cover;
	height:30px;
	width:30px;
}
.stories_add_bg_images a._selected img{
	border:2px solid var(--theme-button-background-color);
}
.stories_add_story_popup_left ._footer{
	border-top-width:1px;
	padding:10px 10px;
	display:flex;
	justify-content:flex-end;
}
.stories_add_story_popup_left ._footer > div{
	padding:5px;
	width:50%;
}
.stories_add_story_popup_left ._footer > div a,
.stories_add_story_popup_left ._footer > div button{
	width:100%;
	display:block;
	border-radius:5px;
	padding:10px;
	border-width:1px;
	line-height:1.5;
	text-align:center !important;
}
.stories_add_story_popup_content{
	padding:15px;
	flex:1;
}
.stories_story_uploader_main,
.stories_story_uploader_preview{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}
.stories_story_uploader article{
	border-radius:5px;
	display:flex;
	cursor:pointer;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin:10px;
	height:300px;
	width:200px;
	position:relative;
}
.stories_story_uploader article:hover{
	border-color:var(--theme-button-background-color);
}
.stories_story_uploader article:hover *{
	color:var(--theme-button-background-color);
}
.stories_story_uploader_img article{
	background-color:#4158D0;
	background-image:linear-gradient(43deg, #4389A2 0%, #5C258D 100%);	
}
.stories_story_uploader_text article{
	background-color:#21D4FD;
	background-image:linear-gradient(43deg, #c34343 0%, #ff4141 100%);	
}
.stories_story_uploader article,
.stories_story_uploader article *{
	-webkit-transition:all 500ms ease 0s;
	-moz-transition:all 500ms ease 0s;
	-o-transition:all 500ms ease 0s;
	transition:all 500ms ease 0s;
}
.stories_story_uploader article i{
	background-color:#fff;
	color:#111;
	border-radius:50%;
	box-shadow:0 2px 4px #65676b;
	font-size:20px;
	margin-bottom:10px;
	height:50px;
	width:50px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.stories_story_uploader article span._label{
	color:#fff;
}
.stories_story_uploader article span.filename{
	border-top-width:1px;
	border-top-style:dashed;
	width:calc(100% - 20px);
	text-align:center;
	padding:5px;
	font-size:12px;
	color:#fff;
	bottom:10px;
	position:absolute;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
/* .stories_story_uploader_preview{
	padding:30px;
} */
.stories_story_uploader_preview section{
	background-color:var(--theme-list-background-color);
	box-shadow:0 0 10px rgba(0, 0, 0, .1);
	border-radius:10px;
	height:100%;
	width:100%;
	max-width:600px;
	padding:15px;
	display:flex;
	flex-direction:column;
}
.stories_story_uploader_preview ._head{
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}
.stories_story_uploader_preview ._preview{
	border-radius:10px;
	background-color:#111;
	flex:1;
	padding:10px;
}
.stories_story_uploader_preview ._previewimg{
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	border-radius:10px;
	overflow:hidden;
	border-width:1px;
	aspect-ratio:9/16;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	max-height:calc(100vh - 120px);
	max-width:350px;
}
.stories_story_uploader_preview._textpreview ._previewimg{
	background-size:cover;
}
.stories_story_uploader_preview ._previewimg video{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	left:0;
	top:0;
}
.stories_story_uploader_preview ._previewtext{
	color:#fff;
	font-weight:bold;
	text-align:center !important;
	width:90%;
	text-shadow:0 0px 1px rgba(0, 0, 0, .9);
	font-size:20px;
	line-height:1.2;
	white-space:pre;
	white-space:pre-line;
	margin:10px;
	overflow:auto;
	max-height:90%;
}
.stories_content_text .stories_contenttext::-webkit-scrollbar,
.stories_story_uploader_preview ._previewtext::-webkit-scrollbar,
.stories_story_item_caption._photo::-webkit-scrollbar{
  width:2px;
}
.stories_content_text .stories_contenttext::-webkit-scrollbar:hover,
.stories_story_uploader_preview ._previewtext::-webkit-scrollbar:hover,
.stories_story_item_caption._photo::-webkit-scrollbar:hover{
  width:10px;
}
.stories_content_text .stories_contenttext::-webkit-scrollbar-track,
.stories_story_uploader_preview ._previewtext::-webkit-scrollbar-track,
.stories_story_item_caption._photo::-webkit-scrollbar-track{
  box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.stories_content_text .stories_contenttext::-webkit-scrollbar-thumb,
.stories_story_uploader_preview ._previewtext::-webkit-scrollbar-thumb,
.stories_story_item_caption._photo::-webkit-scrollbar-thumb{
  background-color:#e5e5e5;
  outline:1px solid #e5e5e5;
	border-radius:10px;
}
@media only screen and (min-width:1400px){
	.stories_add_story_popup_left{
		width:350px;
	}
}
@media only screen and (max-width:767px){
	.stories_add_story_popup{
		width:100%;
	}
	.stories_add_story_popup_main{
		display:block;
		overflow:auto;
	}
	.stories_add_story_popup_left,
	.stories_add_story_popup_content{
		width:100%;
	}
	.stories_story_uploader_preview{
		padding:0;
	}
	.stories_story_uploader_preview ._previewimg{
		width:350px;
	}
}
@media only screen and (max-width:540px){
	.stories_story_uploader article{
		height:200px;
    width:150px;
		margin:5px;
	}
	.stories_story_uploader_preview ._previewimg{
		width:100%;
		max-width:100%;
	}
	.stories_story_uploader_preview ._previewtext{
		font-size:15px;
		max-height:100%;
		width:100%;
		margin:0;
		padding:10px;
	}
	
}
/*Create Stoty Popup End*/
/*Confirm Popup Start*/
.stories_confirm_popup_container{
	background-color:rgba(0, 0, 0, .1);
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index:101;
}
.stories_confirm_popup_container._show{
	display:flex;
	justify-content:center;
	align-items:center;
}
.stories_confirm_popup{
	background-color:var(--theme-list-background-color);
	border-radius:10px;
	overflow:hidden;
	min-width:400px;
}
.stories_confirm_popup > div{
	padding:10px;
	text-align:center;
}
.stories_confirm_popup ._head{
	border-bottom-width:1px;
	font-size:20px;
	font-weight:bold;
}
.stories_confirm_popup ._footer{
	display:flex;
	justify-content:flex-end;
}
.stories_confirm_popup ._footer button{
	display:inline-block;
	border-radius:5px;
	padding:10px 20px;
	font-weight:500;
	border-width:1px;
	line-height:1.5;
	margin-left:10px;
}
[dir="rtl"] .stories_confirm_popup ._footer button{
	margin-left:0;
	margin-right:10px;
}
@media only screen and (max-width:540px){
	.stories_confirm_popup{
		width:90%;
		min-width:inherit;
	}
}
/*Confirm Popup End*/
