@import url("../../css/googlefonts.css");

.clear { clear:both;}
.required { color:#F00;  font-size:15px; }

@font-face {
				font-family: 'NettoOffc';
				src: url('../fonts/nettooffc.eot');
				src: url('../fonts/nettooffc.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/nettooffc.woff') format('woff'),
						 url('../fonts/nettooffc.ttf') format('truetype'),
						 url('../fonts/nettooffc.svg#nettooffc') format('svg');
				font-weight: normal;
				font-style: normal;
		}
		
@font-face {
				font-family: 'Swiss721BT-Roman';
				src: url('../fonts/sw721rm1.eot');
				src: url('../fonts/sw721rm1.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/sw721rm1.woff') format('woff'),
						 url('../fonts/sw721rm1.ttf') format('truetype'),
						 url('../fonts/sw721rm1.svg#sw721rm1') format('svg');
				font-weight: normal;
				font-style: normal;
		}

@font-face{
	font-family:'MuseoSlabRegular';
	src:url('../../fonts/MuseoSlab500.eot');
	src:url('../../fonts/MuseoSlab500.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/MuseoSlab500.woff') format('woff'),
		url('../../fonts/MuseoSlab500.ttf') format('truetype'),
		url('../../fonts/MuseoSlab500.svg#MuseoSlabRegular') format('svg');
	font-weight:normal;
	font-style:normal
}

@font-face{
	font-family:'ProximaNovaRegular';
	src:url('../../fonts/ProximaNovaReg.eot');
	src:url('../../fonts/ProximaNovaReg.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/ProximaNovaReg.woff') format('woff'),
		url('../../fonts/ProximaNovaReg.ttf') format('truetype'),
		url('../../fonts/ProximaNovaReg.svg#ProximaNovaRegular') format('svg');
	font-weight:normal;
	font-style:normal
}
		
.wrapper { margin:0 auto; width:1218px;} 

/*.top{ width:100%; height:68px; background:url(../images/top_bg.png) repeat-x; padding-bottom:20px; }*/
.logo { float:left; margin:24px 0 0 11px;}
/*ul.top_login{ float:right; list-style:none; margin:20px 18px 0 0;}
ul.top_login li{ float:left; margin:0 0 0 10px;}
ul.top_login li a:link,ul.top_login li a:visited{ color:#fff; font-size:16px; font-family: 'NettoOffc'; background:url(../images/sepator_top.png) no-repeat right top; line-height:30px; padding:0 12px 0 0;}
ul.top_login li a:hover{ color:#00b0f0;}
ul.top_login li.last a:link, ul.top_login li.last a:visited{ background:none; padding-right:0;}
ul.top_login li a.logout{ width:67px; height:30px; float:left; background:url(../images/logout_btn.png) no-repeat; margin:0 0 0 0; padding-right:0;}*/


/*.top_login li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
*/
.mid{ width:100%; min-height:400px; padding:0 0 20px 0;}
/*.sidebar_l{ width:168px; float:left; margin-right:24px;}*/
.sidebar_l{ width:220px; margin-left:-100%; float:left; margin-right:0px;}
.sidebar_l_top{background:url(../images/sidebar_top.png) no-repeat left top; padding-top:5px;}
.sidebar_l_mid{ min-height:400px; background:url(../images/sidebar_mid.png) repeat-y left top; padding:3px 0 0 8px;}
.sidebar_l_bottom{background:url(../images/sidebar_btm.png) no-repeat left top; padding-top:5px;}

.sidebar_l_mid h2{ width:160px; font-size:11px; color:#fff; background:url(../images/sidebartitle_bg.png) no-repeat; text-transform:uppercase; padding:0 7px 0 7px; line-height:33px; height:33px; margin-top:6px;float:left;}
.sidebar_l_mid h2 span img { margin-top:3px;}

.sidebar_l_mid h2 span.h2txt{ float:left; width:134px;}

ul.sbar { list-style:none; margin:0; padding:4px 0 0 0; float:left;}
ul.sbar li{ width:170px; padding:1px 0 1px 0;}
ul.sbar li a{ width:145px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 0 0 7px; }

/*.mid_content{ width:755px; float:left; padding:0 0 20px 20px;}*/
.mid_content{ margin:0 0px 0 214px; padding-right:20px; min-height:500px; width:740px; width:840px\9;}



/*.footer{ width:100%; float:left; height:44px; background-color:#3a3a3a; text-align:center; padding:16px 0 0 0; color:#dbdbdb;}*/
.foot { width:379px; margin:0 auto; line-height:33px; font-family: 'Swiss721BT-Roman'; font-size:11px;}
.foot img { vertical-align:middle;}
.icon_in{ background:url(../images/icon_in.png) no-repeat; }
.icon_fb{ background:url(../images/icon_fb.png) no-repeat; }
.icon_twit{ background:url(../images/icon_twit.png) no-repeat;}
.icon_pi{ background:url(../images/icon_pi.png) no-repeat; }
.icon_insta{ background:url(../images/icon_insta.png) no-repeat; }


/*page1*/
.content_left { width:534px; float:left;}
.mid_content h2{margin:7px 0 1px 0;}
.content_right h3{margin:7px 0 1px 0;}
.content_left h3{margin:0 0 0 0;}

/*.content_right{ width:221px; }*/

.edit_prev{ width:100%; min-height:175px; float:left; position:relative;  padding:20px 4% 30px 6%; border:solid 1px #c3cada; margin-bottom:15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.edit_prev2{width:100%;}

.icon_fb1{ width:34px; height:32px; }
.icon_in1{ width:34px; height:32px; }
.icon_blsk1{ width:34px; height:32px; }
.icon_twit1{ width:34px; height:32px; }
.icon_pi1{ width:34px; height:32px; }
.icon_insta1{ width:34px; height:32px; }
.icon_gmb1{ width:34px; height:32px; }
.agency_crm_notification_edit {position: relative; left: 6px; font-size: 14px;}
.icon_edit{position:absolute; top:3px; right:6px; z-index:1; font-size:14px; color: #01a8e5;}
.icon_edit:hover{color: #01a8e5;}
.icon_edit span i { 
    margin-right: 8px;
    text-decoration: underline;
    font-size: 13px;
}
.gmb_logo img, .yt_logo img{
	height: 26px;
	width: 26px;
}
.sm_every_profile_input_ac{
	margin-left:5px;
	margin-top: 7px;
	position: relative;
	height: 30px;
}
.sm_every_profile_input_ac span{
	display: none;
	position: relative;
	
}
.sm_post_repost_option_container .social_icon_grid,
.sm_first_cmt_option_container .social_icon_grid,
.sm_track_option_container .social_icon_grid,
.bulk_move_link_inner_section .social_icon_grid,
.publish_move_link_inner_section .social_icon_grid,
.rss_move_link_inner_section .social_icon_grid { position: relative; }
.sm_every_profile_input_ac span img,
.sm_post_repost_option_container span img,
.sm_first_cmt_option_container span img,
.sm_track_option_container span img,
.bulk_move_link_inner_section span img,
.publish_move_link_inner_section span img,
.rss_move_link_inner_section span img{
	border: 2px solid transparent;
	border-radius: 100%;
}
.sm_every_profile_input_ac span.checked img,
.sm_post_repost_option_container span.checked img,
.sm_first_cmt_option_container span.checked img,
.sm_track_option_container span.checked img,
.bulk_move_link_inner_section span.checked img,
.publish_move_link_inner_section span.checked img,
.rss_move_link_inner_section span.checked img{
	border-color: #00a8e5;
}
.sm_every_profile_input_ac .social_icon_grid.facebook img,
.sm_every_profile_input_ac .social_icon_grid.twitter img,
.sm_every_profile_input_ac .social_icon_grid.linkedin img,
.sm_every_profile_input_ac .social_icon_grid.instagram img,
.sm_every_profile_input_ac .social_icon_grid.pinterest img,
.sm_every_profile_input_ac .social_icon_grid.gmb_logo img,
.sm_every_profile_input_ac .social_icon_grid.yt_logo img,
.sm_every_profile_input_ac .social_icon_grid.tiktok img,
.sm_every_profile_input_ac .social_icon_grid.threads img,
.sm_post_repost_option_container .social_icon_grid.facebook img,
.sm_post_repost_option_container .social_icon_grid.twitter img,
.sm_post_repost_option_container .social_icon_grid.linkedin img,
.sm_post_repost_option_container .social_icon_grid.instagram img,
.sm_post_repost_option_container .social_icon_grid.bluesky img,
.sm_post_repost_option_container .social_icon_grid.tiktok img,
.sm_post_repost_option_container .social_icon_grid.gmb_logo img,
.sm_post_repost_option_container .social_icon_grid.yt_logo img,
.sm_post_repost_option_container .social_icon_grid.pinterest img,
.sm_post_repost_option_container .social_icon_grid.threads img,
.bulk_move_link_inner_section .social_icon_grid.facebook img,
.bulk_move_link_inner_section .social_icon_grid.twitter img,
.bulk_move_link_inner_section .social_icon_grid.linkedin img,
.bulk_move_link_inner_section .social_icon_grid.instagram img,
.bulk_move_link_inner_section .social_icon_grid.bluesky img,
.bulk_move_link_inner_section .social_icon_grid.tiktok img,
.bulk_move_link_inner_section .social_icon_grid.gmb_logo img,
.bulk_move_link_inner_section .social_icon_grid.yt_logo img,
.bulk_move_link_inner_section .social_icon_grid.pinterest img,
.bulk_move_link_inner_section .social_icon_grid.threads img,
.publish_move_link_inner_section .social_icon_grid.facebook img,
.publish_move_link_inner_section .social_icon_grid.twitter img,
.publish_move_link_inner_section .social_icon_grid.linkedin img,
.publish_move_link_inner_section .social_icon_grid.instagram img,
.publish_move_link_inner_section .social_icon_grid.bluesky img,
.publish_move_link_inner_section .social_icon_grid.tiktok img,
.publish_move_link_inner_section .social_icon_grid.gmb_logo img,
.publish_move_link_inner_section .social_icon_grid.yt_logo img,
.publish_move_link_inner_section .social_icon_grid.pinterest img,
.publish_move_link_inner_section .social_icon_grid.threads img,
.rss_move_link_inner_section .social_icon_grid.facebook img,
.rss_move_link_inner_section .social_icon_grid.twitter img,
.rss_move_link_inner_section .social_icon_grid.linkedin img,
.rss_move_link_inner_section .social_icon_grid.instagram img,
.rss_move_link_inner_section .social_icon_grid.bluesky img,
.rss_move_link_inner_section .social_icon_grid.tiktok img,
.rss_move_link_inner_section .social_icon_grid.gmb_logo img,
.rss_move_link_inner_section .social_icon_grid.yt_logo img,
.rss_move_link_inner_section .social_icon_grid.pinterest img,
.rss_move_link_inner_section .social_icon_grid.threads img{
	height: 28px;
	width: 28px;
	padding: 2px;
}
.sm_post_repost_option_container .social_icon_grid.sm_icon_lg.facebook img,
.sm_post_repost_option_container .social_icon_grid.sm_icon_lg.twitter img,
.sm_post_repost_option_container .social_icon_grid.sm_icon_lg.linkedin img,
.sm_post_repost_option_container .social_icon_grid.sm_icon_lg.instagram img,
.sm_post_repost_option_container .social_icon_grid.sm_icon_lg.bluesky img,
.sm_post_repost_option_container .social_icon_grid.sm_icon_lg.tiktok img,
.sm_post_repost_option_container .social_icon_grid.sm_icon_lg.gmb_logo img,
.sm_post_repost_option_container .social_icon_grid.sm_icon_lg.pinterest img,
.sm_post_repost_option_container .social_icon_grid.sm_icon_lg.yt_logo img,
.sm_post_repost_option_container .social_icon_grid.sm_icon_lg.threads img {
	height: 38px;
	width: 38px;
}
.sm_first_cmt_option_container .social_icon_grid.sm_icon_lg.facebook img,
.sm_first_cmt_option_container .social_icon_grid.sm_icon_lg.twitter img,
.sm_first_cmt_option_container .social_icon_grid.sm_icon_lg.linkedin img,
.sm_first_cmt_option_container .social_icon_grid.sm_icon_lg.instagram img,
.sm_first_cmt_option_container .social_icon_grid.sm_icon_lg.bluesky img,
.sm_first_cmt_option_container .social_icon_grid.sm_icon_lg.tiktok img,
.sm_first_cmt_option_container .social_icon_grid.sm_icon_lg.gmb_logo img,
.sm_first_cmt_option_container .social_icon_grid.sm_icon_lg.pinterest img,
.sm_first_cmt_option_container .social_icon_grid.sm_icon_lg.yt_logo img,
.sm_first_cmt_option_container .social_icon_grid.sm_icon_lg.threads img {
	height: 38px;
	width: 38px;
	padding: 2px;
}
.sm_track_option_container .social_icon_grid.facebook img,
.sm_track_option_container .social_icon_grid.twitter img,
.sm_track_option_container .social_icon_grid.linkedin img,
.sm_track_option_container .social_icon_grid.instagram img,
.sm_track_option_container .social_icon_grid.bluesky img,
.sm_track_option_container .social_icon_grid.tiktok img,
.sm_track_option_container .social_icon_grid.gmb_logo img,
.sm_track_option_container .social_icon_grid.yt_logo img,
.sm_track_option_container .social_icon_grid.pinterest img,
.sm_track_option_container .social_icon_grid.threads img {
	height: 38px;
	width: 38px;
	padding: 2px;
	margin-right: 5px;
}
/* Plus icon css on schedule hover category start */
.sm_sch_item_add_cat_hover_container {
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    color: blue;
    align-items: center;
    position: absolute;
    z-index: 9;
    width: 100%;
    background-color: rgba(155,155,155,0.2);
    border: 1px solid blue;
    box-shadow: 0px 0px 2px 0px;
    display: none;
}
.sm_sch_item_add_cat_hover_container.sm_active_hover {
    display: grid;   
}
/* Plus icon css on schedule hover category end */

.social_icon_grid.gmb_logo img, .social_icon_grid.yt_logo img{
	height: 26px;
	width: 26px;
}
.sm_every_profile_input_ac input,
.sm_post_repost_option_container .sm_every_profile,
.sm_first_cmt_option_container .sm_every_profile,
.sm_track_option_container .sm_track_profile,
.bulk_move_link_inner_section .sm_bulk_every_profile,
.publish_move_link_inner_section .sm_publish_every_profile,
.rss_move_link_inner_section .sm_rss_move_profile {
    position:  absolute;
    left:  4px;
    top:  4px;
    margin:  0 !important;
    opacity:  0;
    cursor: pointer;
    z-index: 2;
    height: 28px;
    width: 28px;
    cursor: pointer;
}
#rp_schedule_form .sm_post_repost_option_container .sm_every_profile, .sm_first_cmt_option_container .sm_every_profile{
	left:  3px;
    top:  -6px;
    height: 32px;
    width: 32px;
}
.first_cmt_lbl{
	margin: auto;
    line-height: 44px;
    vertical-align: top;
}
#every_auto_rp_until_date_div,#every_auto_rp_date_time{
	width: 300px;
}
.sm_post_repost_option_container #every_auto_rp_date_time { width: 80px; }
.social_icon_small_metrics.gmb_logo img, .social_icon_small_metrics.yt_logo img, .social_icon_small_metrics.thrd_logo img{
	height: 20px;
	width: 20px;
	margin-right: 0;
}	
.verification_account_box .social_icon_small_metrics.gmb_logo img, .verification_account_box .social_icon_small_metrics.yt_logo img, .verification_account_box .social_icon_small_metrics.thrd_logo img{
	margin-right: 7px;
}
.shared_url_social_icons img.gmb_logo_img{
	height: 20px;
	width: 20px;
	background-color: #7c89e5;
	border-radius: 50%;
	padding: 2px;
	margin-right: 5px;
}
.gmb_metrix img{
	background-color: #7c89e5;
	border-radius: 50%;
}
li .gmb_logo,li .gmb_logo1{
	background-image: url('../images/gmb_logo.png');
	width: 26px;
	height: 26px;
	background-position: center;
	background-size: contain;
}
.select2-results li .gmb_logo, .select2-results li .gmb_logo1{
	background-image: url('../images/gmb_logo_gray.png');
	height: 23px;
	width: 16px;
	background-position: center;
	background-size: cover;
}
.select2-results li.select2-results__option[aria-selected=true] .gmb_logo{
	background-image: url('../images/gmb_logo.png');
}
.edit-link-svg-img{ margin-right: 8px; display: inline-block; }
.edit_prev_mid textarea{ width:208px; height:114px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; position:absolute; top:40px; right:1px; z-index:1; border:none; padding:0 5px 0 5px; background:none;}

.sm_edit_category .edit-link-svg-img,
.sm_edit_wm_style .edit-link-svg-img,
.sm_edit_plan_group .edit-link-svg-img{ width: 17px; height: 17px; }
.edit_prev_mid1{background:url(../images/edit_prev_mid.png) repeat-y left top; min-height:105px; position:relative;}
.edit_prev_mid1 textarea{ width:208px; height:105px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; border:none; padding:0 5px 0 5px; margin-left:1px; background:none;}

.edit_prev_mid2{background:url(../images/edit_prev_mid.png) repeat-y left top; min-height:190px; position:relative;}
.edit_prev_mid2 textarea{ width:208px; height:148px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; position:absolute; top:40px; right:1px; z-index:1; border:none; padding:0 5px 0 5px; background:none;}



.inputr { float:left;}
/*.inputr input[type="text"]{background:url(../images/txtbox_bg.png) no-repeat; height:28px; width:210px; border:none; padding:0 5px 0 5px;}
.inputr input:focus {background:url(../images/txtbox_bg_h.png) no-repeat;}*/


.msgbox{ width:513px; height:160px;float:left; background:url(../images/largetxtarea_field.png) top left no-repeat;padding-left:1px;}
.msgbox textarea { width:502px; height:148px;padding:5px; border:0; float:left; background-color:transparent;}
.msgbox textarea:focus { background:url(../images/largetxtarea_field_h.png) top left no-repeat;width:504px; height:150px; padding:5px;margin: 0 0 0 -1px;}


.msgbox_mid textarea{ width:500px; height:156px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; border:none; padding:0 5px 0 5px; margin-left:1px; background-color:transparent;}


span.txtlimit{ float:right; font-size:12px; margin:5px 8px; line-height:normal;}

.upload_img{ width:100%; float:left; margin-top: 20px;/*socialmedia page purpose*/}
#upload_image_section.upload_img{width:100%;}
#upload_image_section .jcarousel-skin-tango_one .jcarousel-container-horizontal{width:100%;}
.imgbox{ width:138px; height:106px; border:1px dashed #757575; margin:0 auto; margin-bottom:20px;}
.upload_img .left_arr{float:left; width:8px; height:14px; background:url(../images/imgslidearr.png) no-repeat 0px 0px; position:absolute; top:47px; left:12px; z-index:1;}
.upload_img .right_arr{float:left; width:8px; height:14px; background:url(../images/imgslidearr.png) no-repeat -8px 0px; position:absolute; top:47px; right:12px; z-index:1;}


.upload_img input[type="checkbox"]{ margin:0 5px 0 0; vertical-align:-1px;}
.uploadbox { float: left;margin: 10px 0 18px;padding: 2px 0 10px; }
/*.uploadbox input[type="file"]{ background-color:#f7f5e8; border:1px solid #e3d3c3;width: 217px; height:24px;border-radius:2px;}*/
/*.uploadbox input[type="text"]{background:url(../images/txtbox_bg.png) no-repeat; height:28px; width:210px; border:none; padding:0 5px 0 5px;}
.uploadbox input[type="submit"]{background:url(../images/browse_btn.png) no-repeat; width:63px; height:28px; display:block; text-indent:-9999px; font-size:1px; border:none; position:absolute; top:0; right:0; z-index:1; cursor:pointer;}*/


.notediv{ float:left; font-size:11px; color:#7b7b7b; line-height:14px; margin-top:20px;}
.notediv span{ text-transform:uppercase; color:#cd1f34;}
.ntdivmrgn{ margin-top:51px;}

.leftcont_addacc{ width:514px; float:left; margin-top:16px; padding-bottom:6px;}
.addacc_col1, .addacc_col2, .addacc_col3{ width:156px; float:left; margin-left:22px; font-size:12px;}
.addacc_col1 { margin-left:0px;}
.addacc_col2 p, .addacc_col3 p { margin-top:2px; line-height:15px;}
.leftcont_addacc input[type="checkbox"]{ vertical-align:9px; margin-right:4px;}

.leftcont_addacc .selectbg { background:url(../images/select_bg1.png) top left no-repeat; width:157px; height:28px; float:right; margin:0 0 12px 9px; *margin:0 0 12px 0; overflow:hidden;}
.leftcont_addacc .selectbg select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:179px; padding:5px 0 0 5px;}

.leftcont_addacc .selectbg_sub { background:url(../images/select_bg2.png) top left no-repeat; width:142px; height:28px; float:right; margin:0 0 12px 9px; *margin:0 0 12px 0; overflow:hidden;}
.leftcont_addacc .selectbg_sub select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:160px; padding:5px 0 0 5px;}

.addacc_col1 .cross_icon{ float:right; margin-top:9px;}
.addacc_col2 .cross_icon, .addacc_col3 .cross_icon {float:right; margin-top:9px;}
span.cross_icon i { color:#f65a5a; font-size: 14px;}
.addaccount_btn{ background:url(../images/addaccount_btn.jpg) no-repeat left top; width:101px; height:30px; float:left; display:block; font-size:1px; color:#00b0f0; border:0; cursor:pointer; text-align:left;}

.txtaddacc_l{ float:left; line-height:24px; margin-bottom:2px; width:135px;}

.attachments { width:100%; float:left; line-height:28px; margin:-11px 0 12px 0; border-bottom:solid 1px #ededed; padding-bottom:36px;}
.attachments input[type="checkbox"]{ vertical-align:-1px;}
.chklabel {font-weight:bold; margin-left:6px;}
.chklabel1 {font-weight:normal; margin-left:6px; *margin-left:3px;}
.attachments input[type="radio"]{ float:left; margin:6px 0 0 17px; *margin:3px 0 0 17px;}
.rlabel { margin:0 0 0 6px; display: inline;}
.rlabel1 { width:470px; margin:0 0 0 4px; float:left;}
.rlabel2 { width:440px; margin:0 0 0 34px; float:left;}
.rlabel3 { width:473px; margin:3px 0 0 18px; float:left;}

.updat{ background:url(../images/updatprev_bg.jpg) no-repeat top left; width:350px; height:28px; float:left; padding:0 5px 0 5px; border:none; margin: 2px 0 0 32px; line-height:28px;}
.updat:focus { background:url(../images/updatprev_bg_h.png) no-repeat top left;}

.updat1{ background:url(../images/updatprev_bg1.jpg) no-repeat top left; width:365px; height:28px; float:left; padding:0 5px 0 5px; border:none; margin: 2px 0 0 32px; line-height:28px;}
.updat1:focus { background:url(../images/updatprev_bg1_h.jpg) no-repeat top left;}

.updat2{ background:url(../images/updatprev_bg2.jpg) no-repeat top left; width:383px; height:28px; float:left; padding:0 5px 0 5px; border:none; margin: 2px 0 0 0; line-height:28px;}
.updat2:focus { background:url(../images/updatprev_bg2_h.jpg) no-repeat top left;}

.umrgn { margin:2px 0 0 18px;}
.updatprev_btn{background:url(../images/updatprev_btn.jpg) no-repeat top left; width:113px; height:28px; float:left; border:none; text-indent:-9999px; font-size:1px; cursor:pointer; margin: 2px 0 0 8px; text-align:left; color:#00aeef;}

.vtitle {background:url(../images/videotitle_bg.jpg) no-repeat top left; width:468px; height:28px; float:left; padding:0 5px 0 5px; border:none; margin: 2px 0 0 32px; line-height:28px;}
.vtitle:focus {background:url(../images/videotitle_bg_h.png) no-repeat top left;}

.vtitle1 {background:url(../images/videotitle_bg.jpg) no-repeat top left; width:468px; height:28px; float:left; padding:0 5px 0 5px; border:none; margin: 2px 0 0 32px; line-height:28px;}
.vtitle1:focus {background:url(../images/videotitle_bg_h.png) no-repeat top left;}

.vtitle2{ width:485px; height:28px; float:left; padding:0 5px 0 5px; border:none; margin: 2px 0 0 32px; line-height:28px;}
/*.vtitle2{background:url(../images/videotitle_bg1.jpg) no-repeat top left; width:485px; height:28px; float:left; padding:0 5px 0 5px; border:none; margin: 2px 0 0 32px; line-height:28px;}
.vtitle2:focus {background:url(../images/videotitle_bg1_h.jpg) no-repeat top left;}*/

.vtitle3{background:url(../images/videotitle_bg2.jpg) no-repeat top left; width:504px; height:28px; float:left; padding:0 5px 0 5px; border:none; margin: 2px 0 0 0; line-height:28px;}
.vtitle3:focus {background:url(../images/videotitle_bg2_h.jpg) no-repeat top left;}

.vtitle1,.vtitle2{ margin:2px 0 0 18px;}

.vimgdiv{ float:left; margin-top: -18px; padding-left: 32px; width: 300px;}
.icon7{margin: -2px 0 0 10px;}
.icon7_1{ margin:-2px 0 0 10px;}

.bordr{float:left; width:100%; border-bottom:solid 1px #ededed; margin:21px 0; *margin:4px 0 20px 0;}

.publish_btn{ background:url(../images/publish_btn.jpg) no-repeat left top; width:112px; height:43px; float:left; display:block; font-size:1px; color:#00b0f0; border:0; cursor:pointer; text-align:left;}

.vuploadbox{ float:left; background:background:url(../images/updatprev_btn.jpg) no-repeat; width:350px; height:28px;padding:0 5px 0 5px; border:none; margin:0 0 0 15px;}
.vuploadbox input[type="file"]{ background-color:#f7f5e8; border:1px solid #e3d3c3; border-radius:2px; width:440px; height:24px; cursor:pointer;}

.navbar-nav .sm_account_li_option .popover.bottom { width: 350px !important; left: -82px !important; }
.sm_bubble_tooltip_wrapper .popover.bottom{ width: 140px; left: -46px !important; }
.navbar-nav .sm_account_li_option .popover.bottom .popover-title,
.sm_bubble_tooltip_wrapper .popover.bottom .popover-title { padding: 0; }
.navbar-nav .sm_account_li_option .popover.bottom .popover-title .sm_close_bubble_tooltip,
.sm_bubble_tooltip_wrapper .popover.bottom .popover-title .sm_close_bubble_tooltip { cursor: pointer; color: #000000; font-size: 20px; font-weight: bold; position: absolute; right: 10px; }

.btn-secondary-main {
    background-color: #ffffff !important;
    color: #01a8e5 !important;
    padding: 5px 18px !important;
}
.btn-secondary-main:hover, .btn-secondary-main:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    background-color: #01a8e5 !important;
}
.btn.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
	border: 1px solid #dc3545;
}
.btn.btn-outline-danger:hover,
.btn.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn.btn-outline-danger:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.m-b-0 { margin-bottom: 0px; }
.m-t-0 { margin-top: 0px; }

.sidebar-category.sm_open_right_category { position: relative; }
.sidebar-category.sm_open_right_category .sm-language-category-content{
    position: fixed;
    top: 0px;
    left: calc(23% + 80px);
    width: calc(77% - 80px);
/*    left: 28%;
    width: 72%;*/
    background-color: #ffffff;
    border: 1px solid #D0D7E7;
    z-index: 1010;
    height: 100%;
    max-height: 100%;
}
.sidebar-category.sm_open_right_category .sm-language-category-content .tata-ajax-loader{ width: inherit !important; }
.sidebar-category.sm_open_right_category .sm-language-category-content .category-inner-content{
    overflow-y: auto;
    height: 100%;
    max-height: 82%;
}
.sm_ggl_lang_manage_phrases_wrapper{ float: left; padding-top: 20px; }
.sm_row_phrase{ margin-bottom: 40px; }
.sm_col_phrase #sm_translate_to_status_all{ margin: 4px; }
/*.sm_col_phrase.sm_ggl_lng_phrase_status{ min-height: 40px; padding-top: 10px; }*/
.sm_translate_to_hidden_phrase_text{ display: none !important; }
.sm_ggl_lang_phrases_btns_container{ clear: both; text-align: left; padding-top: 15px; }
.thread_icon{
	background-image: url('../images/svg/threads-small.svg');
	width: 26px;
	height: 26px;
	background-position: center center;
    background-size: 70% 75%;
    background-repeat: no-repeat;
}
.select2-results li .thread_icon{
	background-image: url('../images/svg/threads-small-gray.svg');
	width: 16px;
	height: 16px;
	background-position: center;
    background-size: 89%;
    background-repeat: no-repeat;
}
.select2-results li[aria-selected="true"] .thread_icon{
	background-image: url('../images/svg/threads-small-sky.svg');
}
.bluesky_icon{
	background-image: url('../images/svg/bluesky-small.svg');
	width: 26px;
	height: 26px;
	background-position: center center;
    background-size: 70% 75%;
    background-repeat: no-repeat;
}
.select2-results li .bluesky_icon{
	background-image: url('../images/svg/bluesky-small-gray.svg');
	width: 16px;
	height: 16px;
	background-position: center;
    background-size: 89%;
    background-repeat: no-repeat;
}
.select2-results li[aria-selected="true"] .bluesky_icon{
	background-image: url('../images/svg/bluesky-small-sky.svg');
}
.twitter_icon{
	background-image: url('../images/svg/twitter-small.svg');
	width: 26px;
	height: 26px;
	background-position: center center;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}
.select2-results li .twitter_icon{
	background-image: url('../images/svg/twitter-small-gray.svg');
	width: 16px;
	height: 16px;
	background-position: center;
    background-size: 89%;
    background-repeat: no-repeat;
}
.select2-results li[aria-selected="true"] .twitter_icon{
	background-image: url('../images/svg/twitter-small-sky.svg');
}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.vuploadbox input[type="file"]  {height:22px !important;}
}
.vuploadbox1{ float:left; background:background:url(../images/updatprev_btn.jpg) no-repeat; width:350px; height:28px;padding:0 5px 0 5px; border:none; margin:0 0 0 15px;}
.vuploadbox1 input[type="file"]{ background-color:#f7f5e8; border:1px solid #e3d3c3; border-radius:2px; width:440px; height:24px; cursor:pointer;}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.vuploadbox1 input[type="file"]  {height:22px !important;}
}
.vupmrgn{margin:0 0 0 28px; *margin-left:18px;}
.vupmrgn1{ margin-top:10px; *margin-left:11px; float:left;}
/*page4*/

/*---------tab css start---------*/
.tab ul { list-style-type:none;  float:left; margin:20px 0 0 0; padding:0; width:100%;}
.tab li { padding:0; margin:0; float:left; line-height:24px; position:relative;background:url(../images/tabbg.jpg) top left repeat-x;}
.tab li a:link, .tab li a:visited { display:block;color:#fff; text-shadow:1px 1px #565656; text-transform:uppercase; font-size:11px; font-weight:bold;padding:0 10px 0 6px; padding/*\**/:0 10px 0 5px; *padding:0 10px 0 5px !important; border-right:solid 1px #828282; border-left:solid 1px #e3e3e3;line-height:22px;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab li a:link, .tab li a:visited { padding:0 10px 0 3px; border-right:0; float:left; }
}



/*only safari*/
/*html[xmlns*=""]:root .tab li a:link, .tab li a:visited { padding:0 10px 0 5px !important; border-right:0; }*/

:root .tab li a:link, .tab li a:visited { padding:0 10px 0 2px \0/IE9; } /* IE9 + IE10pp4 */
:root .tab li a span { margin-left:4px; margin-right:82px;}
:root .tab li.last a span {margin-left:2px;}

.tab li a:hover { background:url(../images/tabbg_h.jpg) top left repeat-x;}
.tab li.active a { background:url(../images/tabbg_h.jpg) top left repeat-x;}
.tab li a span { float:left; margin-right:85px; margin-right/*\**/:82px; margin-left/*\**/:3px;}
.tab li.last a span {margin-left/*\**/:6px;*padding-left:2px;}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab li.last a span {padding-left:1px;}
}

.tab li.first a { background:url(../images/tab_left.jpg) top left no-repeat;border-left:1px solid #fff;}
.tab li.first a:hover { background:url(../images/tab_left_h.jpg) top left no-repeat;border-left:1px solid #fff;}
.tab li.first.active a { background:url(../images/tab_left_h.jpg) top left no-repeat;border-left:1px solid #fff;}
.tab li.last a { background:url(../images/tab_right.jpg) top right no-repeat;border-right:1px solid #fff;}
.tab li.last a:hover { background:url(../images/tab_right_h.jpg) top right no-repeat; border-right:1px solid #fff;}
.tab li.last.active a { background:url(../images/tab_right_h.jpg) top right no-repeat;border-left:1px solid #fff;}

.tab li a span.tabspan_full { float:left; margin-right:271px; margin-right/*\**/:267px; *margin-right:290px !important;}
:root .tab li a span.tabspan_full { float:left; margin-right:266px \0/IE9;}/* IE9 + IE10pp4 */

/* Firefox 3.0+ */
.tab li a:link, .tab li a:visited, x:-moz-any-link, x:default {padding:0 10px 0 6px;}
.tab li a span, x:-moz-any-link, x:default { margin-left:3px !important; margin-right:82px !important;}
.tab li.last a span, x:-moz-any-link, x:default {margin-left:4px !important;}

.tab li a span.tabspan_full, x:-moz-any-link, x:default { float:left; margin-right:267px !important;}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab li a span.tabspan_full { float:left; margin-right:268px; }
}

/*---------tab css end---------*/

.linktoshare{ line-height:26px; float:left; width:514px; margin:12px 0 0 0;}
.back_btn { background:url(../images/back_btn.jpg) top center no-repeat; display:block; width:98px; height:43px; float:left; font-size:1px; color:#00b0f0; border:0; margin:10px 10px 0 0; cursor:pointer; text-align:left;}
.next_btn { background:url(../images/next_btn.jpg) top center no-repeat; display:block; width:98px; height:43px; float:left; font-size:1px; color:#00b0f0; border:0; margin:10px 0 0 0; cursor:pointer; text-align:left;}
.next .next_btn { float:left; /*margin:0 auto;*/}

/*page5*/
.btn_img_div{ float:left; margin:-6px 0 0 0;}
.btn_img{float:left;}
.btn_img input[type="radio"]{ float:left; margin-top:15px; *margin-top:10px;}
.btn_img_prev{ /*width:102px; height:22px;*/ float:left; margin:10px 0 0 8px;}
.img_prev_f { margin-top:0px;}
.txt_l,.txt_lr{ margin:0 0 0 36px;}
.txt_lr{ font-size:12px; color:#cd1f34;}
.vmrgn{ margin:0 0 0 36px;}

.savedeploy_btn{background:url(../images/save_dep_btn.jpg) top center no-repeat; display:block; width:151px; height:43px; float:left; font-size:1px; color:#00b0f0; border:0; margin:10px 0 0 0; cursor:pointer;}


/*page 7*/
.add_acc { width:160px; float:left; margin:0 38px 0 0;}
.add_acc img { float:left; margin-right:4px; vertical-align:middle;}
.add_acc a {float:left;}
.add_acc.last { margin-right:0;}

.acc_dtl {width:160px; float:left; margin:15px 40px 0 0; font-size:12px;}
.acc_dtl.last { margin-right:0;}
.acc_dtl span { color:#0098ea; clear:both; float:left; display:block; width:100%;}
/*.acc_dtl label { margin-right:5px; float: left;}*/
.acc_dtl .cross_icon { float:right; margin-top:9px;}
.acc_dtl input[type=radio] { margin:6px 5px 0 0; *margin:3px 5px 0 0; float:left;}
.acc_dtl input[type=checkbox] { margin:6px 5px 0 0; *margin:3px 5px 0 0; float:left;}

.left_space { margin-left:8px; float:left; margin-top:5px;}
.default-social-account span{ color:#0098ea; }
.settings { width:100%; float:left; padding-bottom:14px;}
.settings input[type=radio] { float:left; margin:7px 0 0 0; *margin:4px 0 0 0;}
.settings label { line-height:18px; margin:0px; padding-bottom:10px; float:left;}

.analytic { width:100%; float:left;}
.analytic span { line-height:18px; padding-bottom:15px; float:left; clear:both;}
.analytic input[type=radio] { float:left; margin:7px 4px 0 0; *margin:3px 2px 0 0;}
.analytic label { line-height:28px; margin:0px; padding-bottom:10px; float:left;}
.analytic input[type=checkbox] { float:left; margin:7px 5px 0 10px; *margin:4px 5px 0 10px;}

.largetxt_input5 { background:url(../images/largetxt_input5.jpg) top center no-repeat; width:347px; height:28px; float:right; margin-top:5px;}
.largetxt_input5 input[type=text] { width:337px; height:18px; float:left; clear:both; background:none; border:0; padding:5px;}
.largetxt_input5 input:focus {background:url(../images/largetxt_input5_h.jpg) top center no-repeat;}

.save_btn {background:url(../images/save_btn.jpg) top center no-repeat; display:block; width:98px; height:43px; float:left; font-size:1px; color:#00b0f0; border:0; margin-right:10px; cursor:pointer; text-align:left;}



/*--------------------------------- page 2 css start ---------------------------------*/
.social_left { width:50%; float:left; font-size:12px; margin-top:28px; }
/*.social_left img { vertical-align:middle; margin-left:8px; margin-top:20px; float:left;}
.social_left input[type=checkbox] { float:left; margin-top:44px;}
.social_left input[type=radio] { float:left; margin-top:44px;}
.social_left h2 { font-size:16px; color:#000; font-weight:bold; font-family:Arial; margin:0; padding:0;}
.social_left span { width:245px; float:right;}*/

.social_left img { vertical-align:middle; margin-left:8px; cursor: pointer; }
.social_left input[type=checkbox] { float:left; margin-top:44px;}
.social_left input[type=radio] { float:left; margin-top:44px;}
.social_left h2 { font-size:16px;}
.social_left span { width:245px; float:right; cursor: pointer;}
.text-campaign-title { margin: 0 0 8px 0;  }
.social_right { width:50%; float:left; font-size:12px; margin:28px 0 0 0px; }
/*.social_right img { vertical-align:middle; margin-left:8px; margin-top:20px; float:left;}
.social_right input[type=checkbox] { float:left; margin-top:44px;}
.social_right input[type=radio] { float:left; margin-top:44px;}
.social_right h2 { font-size:16px; color:#000; font-weight:bold; font-family:Arial; margin:0; padding:0;}
.social_right span { width:245px; float:right;}*/

.social_right img { vertical-align:middle; margin-left:8px; cursor: pointer;}
.social_right input[type=checkbox] { float:left; margin-top:44px;}
.social_right input[type=radio] { float:left; margin-top:44px;}
.social_right h2 { font-size:16px; }
.social_right span { width:245px; float:right; cursor: pointer;}


/*.next { width:100%; float:left; text-align:center; margin-top:40px;}*/
/*--------------------------------- page 2 css end ---------------------------------*/



/*--------------------------------- page 3 css start ---------------------------------*/

.title2 { font-weight:bold; font-size:14px; font-family:Arial; color:#353535; margin-top:20px; line-height:28px; width:100%; float:left; clear:both; clear:both;}
.title2 label { font-weight:normal; margin-right:5px;font-size:14px; font-family:Arial; color:#353535; font-weight:bold;}
.title2 input[type="radio"] { margin-left:3px; float:left;}
.title2 span { float:left;}
.title2 img { vertical-align:middle;}

.largetxt_input { width:515px; height:28px; float:left;}
/*.largetxt_input { background:url(../images/largetxt_field.jpg) top center no-repeat; width:515px; height:28px; float:left;}
/*.largetxt_input input[type=text] { width:505px; height:18px; float:left; clear:both; background:none; border:0; padding:5px;}
.largetxt_input input:focus { background:url(../images/largetxt_field_h.jpg) top center no-repeat;}*/

.largetxt_input2 { width:496px; height:28px; float:left; margin-top:5px;}
/*.largetxt_input2 { background:url(../images/largetxt_field2.jpg) top center no-repeat; width:496px; height:28px; float:left; margin-top:5px;}
.largetxt_input2 input[type=text] { width:486px; height:18px; float:left; clear:both; background:none; border:0; padding:5px;}
.largetxt_input2 input:focus { background:url(../images/largetxt_field2_h.jpg) top center no-repeat;}*/

.largetxt_input3 { width:475px; height:28px; float:left; margin-top:5px;margin-left: 18px;}
/*.largetxt_input3 { background:url(../images/largetxt_field3.jpg) top center no-repeat; width:475px; height:28px; float:left; margin-top:5px;margin-left: 18px;}
.largetxt_input3 input[type=text] { width:465px; height:18px; float:left; clear:both; background:none; border:0; padding:5px;}
.largetxt_input3 input:focus { background:url(../images/largetxt_field3_h.jpg) top center no-repeat;}*/

.textarea_input { width:475px; height:93px; float:left; margin-top:5px;margin-left: 18px;}
/*.textarea_input { background:url(../images/textarea_field.jpg) top center no-repeat; width:475px; height:93px; float:left; margin-top:5px;margin-left: 18px;}
.textarea_input textarea { width:465px; height:83px; float:left; clear:both; background:none; border:0; padding:5px;}
.textarea_input textarea:focus {background:url(../images/textarea_field_h.jpg) top center no-repeat;}*/

.smltxt_input { width:102px; height:28px; float:left; margin-top:5px;}
/*.smltxt_input { background:url(../images/smltxt_field.jpg) top center no-repeat; width:102px; height:28px; float:left; margin-top:5px;}
.smltxt_input input[type=text] { width:92px; height:18px; float:left; clear:both; background:none; border:0; padding:5px;}
.smltxt_input input:focus {background:url(../images/smltxt_field_h.jpg) top center no-repeat;}*/

.left_space { margin-left:18px; float:left; margin-top:5px;}
.left_space img { vertical-align:middle;}

/*.radio { margin:8px 0 0 0; float:left; clear:both; *width:120px;}
.radio input[type=radio] { float:left; margin:2px 5px 0 0; *margin:-2px 5px 0 0;}*/

.radio2 { margin:8px 8px 0 0; float:left;}
.radio2 input[type=radio] { float:left; margin:2px 5px 0 0; *margin:0px 5px 0 0;}
.radio2 a { width:auto !important; height:auto !important; float:right; margin-left:4px;}
.radio2 label { float:left;}

.slide { float:left; width:100%; *margin-top:10px; height:210px;margin-left: 14px;}
.slide ul { margin:0; padding:0; list-style-type:none;}
.slide li  { float:left; padding:0; margin:0 0px 0 17px; min-height:180px;width:140px; text-align:center; position:relative;}
.slide li a:link, .slide li a:visited {width:140px;height:180px; text-align:center;display:table-cell; vertical-align:middle;}
.slide li a:hover { color:#000;}
.slide li span {position:absolute; bottom:0px;*bottom:-8px; left:5px; width:140px;}
.slide li span img { margin:4px 0 0 10px; float:left;}

.banner input[type="file"]{ background-color:#f7f5e8; border:1px solid #e3d3c3; border-radius:2px; width:440px; height:24px; cursor:pointer;}

.prev_arrow { position:absolute; left:-3px; top:77px; width:7px; height:12px;  font-size:1px; color:#fff;}
.prev_arrow a { color:#fff; width:7px; height:12px; display:block;background:url(../images/left_arrow.jpg) left 0 no-repeat;}
.prev_arrow a:hover {opacity:0.7;}
.next_arrow { position:absolute; right:35px; top:77px; width:7px; height:12px;font-size:1px; color:#b0b0b0;}
.next_arrow a { color:#b0b0b0; width:7px; height:12px; display:block;background:url(../images/right_arrow.jpg) right 0 no-repeat;}
.next_arrow a:hover {opacity:0.7;}

.back_btn { background:url(../images/back_btn.jpg) top center no-repeat; display:block; width:98px; height:43px; float:left; font-size:1px; color:#00b0f0; border:0; margin-right:10px; cursor:pointer;}
.next_btn { background:url(../images/next_btn2.jpg) top center no-repeat; display:block; width:98px; height:43px; float:left; font-size:1px; color:#00b0f0; border:0; cursor:pointer;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
	background-color: transparent !important; 
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{
	background-color: transparent !important;
}
.time {
	margin:0 auto; 
	float: right; 
	padding-top: 5px;
	line-height: 10px;
	font-size: 11px;
}
.navbar-nav.right_navbar{
	padding-top:0;
	padding-bottom: 0;
	position: relative;
}
.dropdown.help{
	border-right: 2px solid #9092CE;
	padding-right: 20px;
	margin-right: 40px;
	margin-left: 40px;
}
.drop_link{
	margin-top: -10px;
}
.drop_link .link_drop{
	padding-bottom: 0;
	display: inline-block;
}
.first_profile_block{
	padding: 11px 10px 0;
	text-align: right;
	float: left;
}
.second_profile_block{
	padding:10px 10px 0;
	text-align: right;
	float: right;
}
.second_profile_block ul.dropdown-menu{
	margin-top: 16px;
	border-top-width: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.multi-facebook-account-main .dropdown-menu .fb_page_uncheck .checker,
.multi-facebook-account-main .dropdown-menu .fb_group_uncheck .checker, 
#div_select_multi_categrs .dropdown-menu .sm_category_uncheck .checker, 
.sm_pi_board_section .dropdown-menu .pi_board_list_add .checker,
.bulk_pinboard_section .dropdown-menu .pi_board_list_add .checker {
	display: none;
}
.multi-facebook-account-main .dropdown-menu .fb_page_uncheck label,
.multi-facebook-account-main .dropdown-menu .fb_group_uncheck label, 
#div_select_multi_categrs .dropdown-menu .sm_category_uncheck label {
	padding-left: 12px;
	text-decoration: underline;
	color: #01a8e5;
	cursor: pointer;
}
.multi-facebook-account-main .dropdown-menu .fb_page_uncheck.active .checkbox,
.multi-facebook-account-main .dropdown-menu .fb_page_uncheck a:focus,
.multi-facebook-account-main .dropdown-menu .fb_page_uncheck a:hover,
.multi-facebook-account-main .dropdown-menu .fb_group_uncheck.active .checkbox,
.multi-facebook-account-main .dropdown-menu .fb_group_uncheck a:focus,
.multi-facebook-account-main .dropdown-menu .fb_group_uncheck a:hover,
#div_select_multi_categrs .dropdown-menu .sm_category_uncheck a:focus,
#div_select_multi_categrs .dropdown-menu .sm_category_uncheck a:hover,
.sm_pi_board_section .dropdown-menu .pi_board_list_add.active .checkbox,
.sm_pi_board_section .dropdown-menu .pi_board_list_add a:focus,
.sm_pi_board_section .dropdown-menu .pi_board_list_add a:hover,
.bulk_pinboard_section .dropdown-menu .pi_board_list_add.active .checkbox,
.bulk_pinboard_section .dropdown-menu .pi_board_list_add a:focus,
.bulk_pinboard_section .dropdown-menu .pi_board_list_add a:hover {
    background-color: #ffffff;
}

#div_select_multi_categrs .multi-select-full ul.dropdown-menu li.multiselect-group > label {
    text-transform: unset;
    text-decoration: underline;
    cursor: pointer;
    color: #01a8e6;
    font-size: 13px;
}
.right_navbar .icon-user-img{ 
	/*width: 40px; 
	height: 40px; 
	border-radius: 100%; 
	text-align: center; 
	background: #fff; 
	font-size: 25px; 
	padding-top: 6px; 
	margin-left: 8px;
	color: #5347bd;
	margin-right: 10px;*/
	background-color: #fff;
	border-radius: 50%;
	margin-right: 10px;
}
.sm-icon-user-img-text {
	display: inline-block;
	position: relative;
	margin: 0px;
	opacity: 1;
}
.sm-icon-user-img-text span{
	color:#f64c4d;
	background-color: #ffd2d2;
	height: 48px;
	display: block;
	width: 48px;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	border-radius: 100%;
	cursor: pointer;
	margin: 1px;
	text-align: center;
	padding-top: 8px;
	font-size: 21px;
	font-weight: bold;
}
.navbar-inverse .navbar-nav > li .sm-icon-user-img-text span {
	color:#f64c4d;
}
.nav_wks_user_profile { background-color: #fff; border-radius: 50%; }
.sm_add_wks_user_heading_section img { width: 24px; height: 25px; }
.right_navbar .link_drop .badge.bg-warning-400{
	position: relative;
	margin-top: -15px;
	min-width: 23px;
	padding-top: 0;
	height: 23px;
	line-height: 1.95;
}
.right_navbar .badge.bg-warning-400{
	min-width: 23px;
	height: 23px;
}	
.usermenu_name{
	color: #f5f0f5;
	font-size: 17px;	
	float: right;
}
.usermenu_name:hover, .usermenu_name:focus{
	color: #f5f0f5;
}

.link_drop .caret{
	margin-top:-2%;
	color: #fff;
}
/*.navbar-inverse .navbar-nav > li.drop_link > a.link_drop{ padding-top: 5px; padding-bottom: 5px; }*/
.navbar-inverse .navbar-nav > li.help > a.help_link .question_mark{ 
	width: 16px; 
	height: 16px; 
	background: #fff; 
	
	border-radius: 100px; 
	-moz-border-radius:100px;
	-webkit-border-radius:100px;

	text-align: center; 
	font-size: 13px; 
	margin-right: 10px; 
	display:inline-block; 
	color: #5347bd;
	line-height: 18px; 
	padding-left: 0px;
	padding-top: 0px;
}
.dropdown.wks_switch_account ul.dropdown-menu{
	margin-top: 22px;
}
.dropdown.help ul.dropdown-menu {
	margin-top: 0;
}
.wks_switch_account .dropdown-menu > li > a > img { width: 30px; height: 30px; max-height: initial; }
.wks_switch_account .dropdown-menu > li > a { line-height: 2.5; }
.page-header-content .heading-elements.sm_manage_campaign_heading_element { position: initial; margin-top: 0; }
.page-header-content .sm_manage_campaign_heading_element .heading-btn-group > a { font-size: 16px; }
/*--------------------------------- page 3 css end ---------------------------------*/


/*--------------------------------- page 6 css start ---------------------------------*/
.title1 { font-weight:bold; font-size:14px; font-family:Arial; color:#353535; margin-top:20px; line-height:28px; width:335px; float:left; clear:both;}
.title1 label { font-weight:normal; margin-right:5px;}
.title1 input[type="radio"] { margin-left:3px;}
.title1 span { float:left;}

.selectbg { background:url(../images/select_bg.jpg) top left no-repeat; width:209px; height:28px; float:right; margin-left:9px; overflow:hidden;}
.selectbg select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:232px; margin:5px 0 0 5px; } 

/*07june2013 start*/
.selectbg5 { background:url(../images/select_bg5.jpg) top left no-repeat; width:300px; height:28px; float:right; margin-left:9px; overflow:hidden;}
.selectbg5 select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:325px; padding:5px 0 0 5px;}
/*07june2013 over*/
.titlebg { background:url(../images/title_bg.jpg) top center no-repeat; width:754px; height:32px; float:left; margin-top:15px; color:#fff; text-shadow:1px 1px #565656; text-transform:uppercase; font-size:11px; font-weight:bold;}
.t_col1 { width:118px; float:left; padding:8px 0 0 10px;}
.t_col2 { width:193px; float:left; padding:8px 0 0 10px;}
.t_col3 { width:111px; float:left; padding:8px 0 0 10px; font-weight:bold;}
.t_col4 { width:80px; float:left; padding:8px 0 0 10px;}
.t_col5 { width:108px; float:left; text-align:center;}
.t_col5 img {margin-top:4px;}
.t_col5 .check img { margin:15px 8px 0 8px;}
.check img { margin:15px 6px 0 8px;}
.t_col6 { width:94px; float:left;padding:8px 0 0 0;margin-left: 8px;}
.t_col6 img { margin-bottom:5px;}
.t_col6 .del { width:94px; margin:0 auto; *margin-left: 10px;}
.t_col6 .del img { vertical-align:middle; margin:0;}

.btm_bdr { border-bottom:solid 1px #e4e4e4; float:left; width:100%; padding:10px 0 21px 0; font-size:12px;}

.app_btn { background:url(../images/approve_btn.jpg) top center no-repeat; display:block; width:69px; height:30px; font-size:1px; color:#00b0f0; border:0; cursor:pointer; text-align:left;}
/*--------------------------------- page 6 css end ---------------------------------*/


/*slider css start*/
.ca-container{
	position:relative;
	margin:25px auto 20px auto;
	width:115px;
	height:115px;
}

.ca-container1{
	position:relative;
	margin:25px 0 20px 0;
	width:450px;
	height:185px;
	*height:200px;
}

.ca-nav span {
    background: url(../images/arrows.png) no-repeat scroll left top transparent;
    cursor: pointer;
    height: 38px;
    left: -40px;
    margin-top: -19px;
    opacity: 0.7;
    position: absolute;
    text-indent: -9000px;
    top: 50%;
    width: 25px;
    z-index: 100;
}
.ca-nav span:hover {background: url(../images/arrows_h.png) no-repeat scroll left top transparent;}
.ca-nav span.ca-nav-next {
    background-position: right top;
    left: auto;
    right: -40px;
}
.ca-nav span {
    background: url(../images/arrows.png) no-repeat scroll left top transparent;
    cursor: pointer;
    height: 38px;
    left: -40px;
    margin-top: -19px;
    opacity: 0.7;
    position: absolute;
    text-indent: -9000px;
    top: 50%;
    width: 25px;
    z-index: 100;
}

.ca-wrapper {
    height: 100%;
    position: relative;
    width: 100%;
}

.ca-item {
    float: left;
    height:190px;
    position: relative;
    text-align: center;
    width:150px;
	margin:0;
}

.upload_img .ca-item {
    float: left;
    height:190px;
    position: relative;
    text-align: center;
    width:140px !important;
	margin:0;
}

.ca-item span {position:absolute; bottom:0px;*bottom:-8px;*left:16px !important; left:15px; width:140px;}
.ca-item span img { margin:4px 0 0 10px; float:left;}

.upload_img #ca-container,
.upload_img #custom_mycarousel_section{ 
    width: 280px; 
    margin: 0 auto; 
    margin-bottom: 20px;
}
/*slider css end*/

.mce-window .mce-combobox {
	box-shadow:none !important;
}
#image_type_1_label,
#image_type_1_label {
	height: 25px;
	position:relative;
}	
#image_type_1_section,
#image_type_2_section {
	margin-top:5px;
	margin-left:18px;
	position:relative;
	height:40px;
}
#image_type_1_section { margin-top:-5px; }
#image_type_1_section #image_file {
	position:absolute !important;
}
#image_type_3_label {
	margin-left:142px;
	margin-top:5px;
	height:40px;
	position:relative;
}
#image_type_3_section {
	margin-top: 5px;
}

/*browse button css start*/
#FileUpload {
    position:relative;
}

#BrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background:url(../images/browse.png) 100% 0px no-repeat;
    height:28px;
    width:439px;
	cursor:pointer;
}

/*#FileField {
    width:360px;
    height:26px;
    margin-right:0px;
    border:solid 1px #ded6c3;
	background-color:#f7f5e8;
	border-radius:2px;
    font-size:16px;
}*/

.BrowserHidden {
    position:relative;
    width:439px;
    height:26px;
    text-align: right;
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}


#BrowserVisible2 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background:url(../images/browse.png) 100% 0px no-repeat;
    height:28px;
    width:220px;
	cursor:pointer;
}
#FileField2 {
    width:144px;
    height:26px;
    margin-right:0px;
    border:solid 1px #ded6c3;
	background-color:#f7f5e8;
	border-radius:2px;
    font-size:16px;
}
.BrowserHidden2 {
    position:relative;
    /*width:220px;*/
	width:254px;
    height:26px;
    text-align: right;
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
	cursor:pointer;
}

/*browse button css end*/

/* New Class Add 08Jan2013 */
/* new classes */
.middle_content_container{
width:100%;
float:left;
}
.middle_rightcontent{
width:100%;
float:left;
}


/* System Messages */
.system_messages {
	margin: 0;
	padding: 0 0 0 0;
	float:left;
	/*width:800px;*/
	width:820px;
}

.system_messages li {
	list-style:none;
	margin: 0 0 7px;
	padding: 3px 0 2px 38px;
	font-size: 11px;
	position: relative;
	top: 0;
	left: 0;
	min-height: 1px;
	list-style-position: outside;
	
}

.ico {
	display: block;
	width: 23px;
	height: 23px;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	left: 4px;
	top: 1px;
}

.red {
	background: #e2c5c5 url(../images/red_message.gif) repeat-x;
	border: 1px solid #cf9e9e;
}

.red .system_title {
	color: #ae2727;
}

.red .ico {
	background-image:url(../images/red_ico.png);
}

.green {
	background: #c7e5c2 url(../images/green_message.gif) repeat-x;
	border: 1px solid #a2d399;
}

.green .system_title {
	color: #386d19;
}

.green .ico {
	background-image:url(../images/green_ico.png);
}

.message{
	/*width:800px;*/			/* remove 17jun2014 */	
	width:820px;
	height:30px;
	margin-top:5px;
}
/* System Messages */
	
/*.content{
	float:left;
	margin-left:20px;		
	width:99%;			 remove 17jun2014 
	width:100%;
}*/

.make_user_status
{
	float:left;  
	width:140px;
}
.make_user_status a{
	color:#000000;
	text-decoration:none;
}
.make_user_status a:hover{
	color:#000000;
	text-decoration:underline;
}

.link_class{
	color:#000000;
	text-decoration:none;
}
.link_class:hover{
	text-decoration:underline;
}

.field_row_heading{
	float:left;
	font-weight:bold;
	margin:20px 0 0 0;
	width:100%;
}

.field_row{
	float:left;
	margin:10px 0 0 0;
	width:96%;
}

.text_left{
	float:left;
	margin:0 0 0 20px;
	width:140px;
}

.action_btn{
	/*float:left;*/
	/*width:80%;*/
	margin:20px 0 0 0;
        text-align: center;
}
.action_btn .btn {
    font-size: 16px;
    padding: 10px;
    width: 158px;
    margin: 0 6px 20px 6px;
    line-height: 16px;
}
.a{
color:#FF0000;
font-size:15px;
text-decoration:none;
}

.field_row_subheading{
	float:left;
	font-weight:bold;
	margin:0px 0 0 0;
	width:160px;
}


/* Form Class Define */
.textbox_class{
	float:left;
	border:solid 1px #e3d4c0;
	padding:0 5px 0 5px;
	outline:0;
	height:26px;
	font:normal 13px/100% Verdana, Tahoma, sans-serif;
	background:#f7f5e7;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	resize:none;
	width:468px;
	line-height:28px;
}
.textbox_class:focus{
	border-color:#dfb57b;
	background:#f4efdc;
}

.textarea_class{
/*	float:left;
	border:solid 1px #e3d4c0;
	padding:3px 5px;
	outline:0;
	height:20px;
	font:normal 13px/100% Verdana, Tahoma, sans-serif;
	background:#f7f5e7;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
	resize:none;
/*	width:468px;
	line-height:28px;*/
}
/*.textarea_class:focus{
	border-color:#dfb57b;
	background:#f4efdc;
}*/

.edit_preview_textbox{
	float:left;
	border:solid 1px #e3d4c0;
	padding:0 5px 0 5px;
	outline:0;
	height:26px;
	font:normal 13px/100% Verdana, Tahoma, sans-serif;
	background:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	resize:none;
	width:270px;
	line-height:16px;
}
.edit_preview_textbox:focus{
	border-color:#dfb57b;
	background:#f4efdc;
}

.edit_preview_textarea{
	resize:none;
}
.approved_text
{
	/*text-align:center;*/ 
	color:#566D19; 
	/*width:70px; 
	float:left;
	font-size:12px;*/
}

.view_youtube_text a {
	text-align:center; 
	color:#000000;
	text-decoration:none;
}

.view_youtube_text a:hover {
	text-decoration:underline;
}


/* Tool Tip Start */
a.tooltip{
	cursor:pointer;
}
a.tooltip span {
	float:left;
	display:none; 
	padding:5px 8px 6px 8px; 
	margin-left:0px; 
	width:300px;
}
a.tooltip:hover span{
	display:inline; 
	position:absolute; 
	border:1px solid #cec178;
	cursor:auto; 
	background:#fff5ac; 
	color:#333333;
	z-index:1000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:normal;
	font-weight:normal;
}

a.tooltip u{
	color:#000000;
}
/* Tool Tip End */

/* Right Side Preview Section Start */
.fb_ln_message{
	float:left;
	width:100%; 
	word-wrap:break-word; 
	margin:10px 0 0 0;
	font-size:13px;
	line-height:inherit;
	position: relative;
}
.gmb_message{
	float:left;
	width:100%; 
	word-wrap:break-word; 
	margin:10px 0 0 0;
	font-size:13px;
	line-height:inherit;
	padding-top: 5px;
	position: relative;
}
.preview_link_title{
	float:left;
	font-size:16px;
	word-wrap:break-word;
	font-weight:bold;
	line-height:normal;
	width:100%;
}

.preview_link_desc{
	float:left;
	font-size:13px;
	word-wrap:break-word;
	line-height:inherit;
	width:99%;
}

.preview_image_video{
	float:left; 
	width:70px; 
	text-align:center;
        /*margin-right: 5px;*/
}

.preview_right_content{
	float:left;
	padding-left:0px;
	width:100%;
	padding-top:5px;
}

#ln_with_attach_link .preview_right_content{
    padding-left: 0px;
    width: 100%;
    padding-top: 5px;
}
#ln_with_attach_link .preview_right_content .preview_link_title{
    font-size: 16px;
}
#ln_with_attach_link .preview_right_content .preview_link_title.edit_social_message, 
.edit_grid_social_message{
    font-size: 14px;
    font-weight: normal;
}
#fb_product_upload_img img, #gmb_product_upload_img img{
	width: 100%;
	height: 100%;
}
#tw_photo_link img{
	width: 100%;
	height: 100%; 
	float: left;
}
.preview_share_video img, #tw_video_link img{
	max-width: 100%;
	width: auto;
	height:auto;
	object-fit: contain;
	-o-object-fit: contain;
}
#fb_preview img, #ln_preview img, #tw_preview img, #in_preview img, #blsk_preview img, #thrd_preview img, #pi_preview img, #gmb_preview img, #tiktok_preview img {
	border-radius: 5px;
}
/* Right Side Preview Section End */

/* Drop Down Menu */
/* Main */
#menu{
	float:right;
	/*width: 320px;*/
	margin: 16px 14px 0 0;
	padding: 0;
	list-style: none;
	text-align:left;
	/*background: #111;
	background: -moz-linear-gradient(#444, #111); 
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
	background: -webkit-linear-gradient(#444, #111);	
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	/*-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;*/
}

#menu li{
	float: left;
	padding:4px;
	position: relative;
}

#menu a{
	float: left;
	/*height: 25px;*/
	/*padding: 0 20px;*/
	padding: 0 7px;
	color: #FFFFFF;
	/*text-transform: uppercase;
	font: bold 12px/25px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;*/
	font-size:16px; 
	font-family: 'NettoOffc';
	line-height:28px;
}
.welcome_user{
    color: #00b3f4;
/*	float: left;
	padding: 0 7px;
	color: #FFFFFF;
	font-size:16px; 
	font-family: 'NettoOffc';
	line-height:28px;*/
}

#menu li:hover > a{
	/*color: #fafafa;*/
	color:#00b0f0;
}

*html #menu li a:hover{ /* IE6 */
	/*color: #fafafa;*/
	color:#00b0f0;
}

#menu li:hover > ul{
	display: block;
	margin-left:-100px;
}

/* Sub-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background: #edfaff;
    background: -moz-linear-gradient(#edfaff, #edfaff);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #edfaff),color-stop(1, #edfaff));
    background: -webkit-linear-gradient(#edfaff, #edfaff);    
    background: -o-linear-gradient(#edfaff, #edfaff);	
    background: -ms-linear-gradient(#edfaff, #edfaff);	
    background: linear-gradient(#edfaff, #edfaff);	
    -moz-border-radius: 7px;
    border-radius: 7px;
	border:#a5d3e4 solid 1px;
	width:160px;
}

#menu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #3aabd4, 0 1px 0 #3aabd4;
    -webkit-box-shadow: 0 1px 0 #3aabd4, 0 1px 0 #3aabd4;
    box-shadow: 0 1px 0 #3aabd4, 0 1px 0 #3aabd4;
}

#menu ul li:last-child{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a{    
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
	color:#1e4c5d;
}

*html #menu ul a{ /* IE6 */   
	height: 10px;
	width: 150px;
}

*:first-child+html #menu ul a{ /* IE7 */    
	height: 10px;
	width: 150px;
}

#menu ul a:hover{
	color:#ffffff;
    background: #30a5d0;
	background: -moz-linear-gradient(#30a5d0,  #23c4fe);	
	background: -webkit-gradient(linear, left top, left bottom, from(#30a5d0), to(#23c4fe));
	background: -webkit-linear-gradient(#30a5d0,  #23c4fe);
	background: -o-linear-gradient(#30a5d0,  #23c4fe);
	background: -ms-linear-gradient(#30a5d0,  #23c4fe);
	background: linear-gradient(#30a5d0,  #23c4fe);
}

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 130px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #edfaff;
}
#menu ul li:first-child a.help:after{
    content: '';
    position: absolute;
    left: 120px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #edfaff;
}

#menu ul li:first-child a:hover:after{
    border-bottom-color: #30a5d0; 
}

#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

ul#menu li a.logout{
	width:67px; 
	height:30px; 
	float:left; 
	background:url(../images/logout_btn.png) no-repeat; 
	padding:0;
	margin:0;
}

/* Portal Series */
.series_title { font-weight:bold; font-size:14px; font-family:Arial; color:#353535; margin-top:10px; line-height:28px; width:100%; float:left; clear:both; clear:both;}

.series_option { line-height:24px; width:100%; float:left; font-family:Arial; margin-top:5px;}
.series_preview{
	padding:14px 5px; 
	font-weight:bold;
	color:#000000;
	display: inline-block;
}
.series_preview a{ color:#000000; text-decoration:none; cursor:pointer; }
.series_preview a:hover{ color:#000000; text-decoration:underline; }
.series_remove{
	display: inline-block;
	margin:20px 0 0 5px;
	cursor:pointer;
}
.changes_done{
	margin-top:30px; 
	color:#FF0000; 
}
.changes_notdone{
	margin-top:30px; 
	color:#386D19; 
}
.sm_outline_material_style .sm_suffix_cal_icon { top: 12px; right: 10px; }
.choose_series_inner_wrapper { display: inline-block; width: 74%; }

/* Color Picker CSS */
#colorSelector {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
#colorSelector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}

#customWidget {
	position: relative;
	height: 36px;
}

#colorSelector2 {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
#colorSelector2 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}
#colorSelector3 {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
#colorSelector3 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}
#colorSelector4 {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
#colorSelector4 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}
#colorSelector5 {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
#colorSelector5 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}
#colorSelector6 {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
#colorSelector6 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}
#colorSelector7 {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
#colorSelector7 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}
#colorSelector8 {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
#colorSelector8 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}
#colorSelector9 {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
#colorSelector9 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}
#colorSelector10 {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
#colorSelector10 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}
.custom_color_picker {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
.custom_color_picker div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}

#colorSelector11, #colorSelector12, #colorSelector13, #colorSelector14, #colorSelector15, #colorSelector16, #colorSelector17, #colorSelector18, #colorSelector19, #colorSelector20, #colorSelector21 {
	position: relative;
	width: 22px;
	height: 22px;
	background: url(../images/select.png);
}
#colorSelector11 div, #colorSelector12 div, #colorSelector13 div, #colorSelector14 div, #colorSelector15 div, #colorSelector16 div, #colorSelector17 div, #colorSelector18 div, #colorSelector19 div, #colorSelector20 div, #colorSelector21 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	background: url(../images/select.png) center;
}
/* import_socialmedia page start */

.innermain_content {
	min-height:350px;
	float:left;
	padding:35px 0 0 0;
	font-size:12px;
}
.comments {
	margin:auto;
	border: 1px solid #CCCCCC;
}
.comments_row {
	/*width:762px;*/
	padding:10px 5px 10px 0;
}
.tableheader {
	height:40px;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	background: #797979;
    background: -moz-linear-gradient(#797979, #585858);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #797979),color-stop(1, #585858));
    background: -webkit-linear-gradient(#797979, #585858);    
    background: -o-linear-gradient(#797979, #585858);	
    background: -ms-linear-gradient(#797979, #585858);	
    background: linear-gradient(#797979, #585858);
}
.testimonialtitle {
	float:left;
	padding-left:10px;
	padding-top:10px;
	width:320px;
}
.testimonialborder {
	/*border-bottom:#CECECE solid 1px;
	border-left:#CECECE solid 1px;
	border-right:#CECECE solid 1px;*/
}
#a_name {
	color:#000000;
}
#a_name:hover {
	text-decoration:underline;
}

/* import_socialmedia page end */
.display_manage_text {
	float:right;
	font-weight:bold;
	font-size:15px;
	font-family: Arial,Helvetica,sans-serif;
}
.count_circle {
	float:left;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	background: url(../images/count_circle.png) no-repeat;
	height:20px;
	width:20px;
	line-height:22px;
	margin:6px 5px 5px 10px;
}
.count_small {
	float:right;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background: url(../images/count_circle_small.png) no-repeat;
	height:15px;
	width:15px;
	line-height:15px;
	margin:4px 20px 0 0;
}

.selectbg4 { background:url(../images/select_bg4.png) top left no-repeat; width:71px; height:28px; margin:0 0 12px 0; *margin:0 0 12px 0; overflow:hidden; float:left;}
.selectbg4 select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:90px; padding:5px 0 0 5px;}

.pending_text{
	color:#FF0000;
}

/* Tabs */
.tabs_container{
	border-bottom: #a5d3e4 solid 1px;
	margin-top:20px;
}
#tabs_menu {
    list-style: none;
    padding: 0;
    margin: 0;
	height: 25px;
}
#tabs_menu li {
    display: inline;
	padding-right:3px;
}
#tabs_menu li a {
    border:#a5d3e4 solid 1px;
	border-bottom: none;
    padding: 8px 12px;
	padding-bottom:7px;
    text-decoration: none;
    background-color: #EDFAFF;
    outline: none;
	font-weight:bold;
	font-size:13px;
	color:#1E4C5D;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
#tabs_menu li a:hover {
	color:#FFFFFF;
        background-color: #05b2f1;
/*	background: #30a5d0;
	background: -moz-linear-gradient(#30a5d0,  #23c4fe);	
	background: -webkit-gradient(linear, left top, left bottom, from(#30a5d0), to(#23c4fe));
	background: -webkit-linear-gradient(#30a5d0,  #23c4fe);
	background: -o-linear-gradient(#30a5d0,  #23c4fe);
	background: -ms-linear-gradient(#30a5d0,  #23c4fe);
	background: linear-gradient(#30a5d0,  #23c4fe);*/
}
#tabs_menu li.active a {
	color:#FFFFFF;
        background-color: #2ec4fb;
/*	background: #30a5d0;*/
/*	background: -moz-linear-gradient(#30a5d0,  #23c4fe);	
	background: -webkit-gradient(linear, left top, left bottom, from(#30a5d0), to(#23c4fe));
	background: -webkit-linear-gradient(#30a5d0,  #23c4fe);
	background: -o-linear-gradient(#30a5d0,  #23c4fe);
	background: -ms-linear-gradient(#30a5d0,  #23c4fe);
	background: linear-gradient(#30a5d0,  #23c4fe);*/
    padding: 8px 12px 7px 12px;
}
/*#tabs_menu li.active a:hover {
	color:#FFFFFF;
	background-color: #3aabd4;
	-moz-box-shadow: 0 1px 0 #3aabd4, 0 1px 0 #3aabd4;
	-webkit-box-shadow: 0 1px 0 #3aabd4, 0 1px 0 #3aabd4;
	box-shadow: 0 1px 0 #3aabd4, 0 1px 0 #3aabd4;
	padding: 8px 12px 7px 12px;
}*/

.campaign_group{
	float:left;
	clear:both;
	width:100%;
	border-bottom:1px solid #EDEDED;
	margin-top:20px;
	padding-bottom:5px;
}
.campaign_text_wrapper{ margin-left: 15px; }

.leftcont_addacc_1{ width:160px; float:left; display:inline-block; }
.leftcont_addacc_1 input[type="checkbox"]{ vertical-align:9px; margin-right:4px;}
.leftcont_addacc_1 .selectbg_sub { background:url(../images/select_bg2.png) top left no-repeat; width:142px; height:28px; float:right; margin:0 0 12px 9px; *margin:0 0 12px 0; overflow:hidden;}
.leftcont_addacc_1 .selectbg_sub select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:160px; padding:5px 0 0 5px;}

.timetowinner_campaign{
	font-weight:bold;
	color:#FF0000;
	float:left;
	font-size:12px;
}

.timetowinner_campaign a{
	color:#FF0000;
}

.digit_circle_big {
	float:left;
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	background: url(../images/circle_big.png) no-repeat;
	height:27px;
	width:27px;
	line-height:27px;
	margin-top:-4px;
}

.contest_winner_step {
	float:left;
	margin-top:10px;
}

.winner_datarow {
	float:left;
	width:100%;
	margin-top:10px;
}

.winner_title_head{
	float:left;
	font-weight:bold;
	width:110px;
	text-align:right;
	margin-right:5px;
}

.winner_text {
	color:#566D19; 
	font-weight:bold;
	font-size:12px;
        width: 100%;
        display: inline-block;
}

/*.optimal_colorbox {
	margin:-5px;
	height:25px;
	border-bottom:1px solid #000000;
}*/

.tab-pane#grid-publish-to-social-sec {
	margin-top: -18px;
}
/* Inside the frame (sm-frame.css) the Publish pane sits on the card, below the framed tabs;
   the card supplies the top gutter, so the form body drops its own. */
.sm-frame .tab-pane#grid-publish-to-social-sec {
	margin-top: 0;
}
.sm-frame .tab-pane#grid-publish-to-social-sec .publisher_form_body {
	padding-top: 0;
}
/* One width for all seven Publisher tabs (Craig, 2026-10-10: 20% narrower than the shared 147px), narrower on smaller screens. */
.sm-frame #display_filter.sm-tabs-framed { --sm-tab-min: 118px; }
@media (max-width: 1199px) { .sm-frame #display_filter.sm-tabs-framed { --sm-tab-min: 90px; } }
@media (max-width: 1024px) { .sm-frame #display_filter.sm-tabs-framed { --sm-tab-min: 0px; } }
/* Framed tabs are labels only; the native #display_filter icon rule outranks the shared one. */
.sm-frame #display_filter.sm-tabs-framed > li > a > span[class*="_icon"] { display: none; }
/* Publisher grids (Queue, Sent, Drafts, RSS) on the framed card look like the Media list view
   (accounts/css/cloud_asset_library.css .sm_cal_list_head / .sm_cal_lrow; Craig, 2026-10-10):
   no outer outline, plain column headings over a hairline, unstriped rows with a faint divider. */
.sm-frame .tab-pane#grid-tab, .sm-frame #grid-rss-manager_wrapper { border: 0; border-radius: 0; box-shadow: none; }
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) { padding-left: 0; padding-right: 0; }
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .datatable-header { padding: 0 0 4px; }
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .datatable-footer { padding: 10px 10px 0; border-top: 0; }
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) table.dataTable > thead > tr > th {
	padding: 0 10px 10px; border: 0; background: none;
	box-shadow: inset 0 -1px 0 var(--sm-wl-divider, #eaecf0); /* hairline; a native !important rule removes th bottom borders */
	font-size: 13px; font-weight: 600; color: var(--sm-wl-text, #475467);
}
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) table.dataTable > tbody > tr,
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) table.dataTable > tbody > tr:nth-of-type(odd),
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) table.dataTable > tbody > tr:nth-of-type(even) { background: none; border: 0; transition: background .12s; }
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) table.dataTable > tbody > tr > td {
	padding: 10px; border: 0; border-bottom: 1px solid var(--sm-wl-divider, #f2f4f7); background: none;
	font-size: 14px; color: var(--sm-wl-text, #475467);
}
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) table.dataTable > tbody > tr:hover { background: var(--sm-wl-hover, #fafafa); }
/* Sorting, as in the Media list: unsorted columns show just the label; the sorted one gets a small arrow after it. */
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) table.dataTable > thead > tr > th:is(.sorting, .sorting_asc, .sorting_desc)::before,
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) table.dataTable > thead > tr > th.sorting::after { display: none; }
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) table.dataTable > thead > tr > th:is(.sorting_asc, .sorting_desc)::after {
	position: static; display: inline-block; margin: 0 0 0 6px; font-size: 11px; opacity: .7; vertical-align: baseline;
}

/* Grid view of Queue, Sent and Drafts, like the Media Gallery (cloud_asset_library.css .sm_cal_grid / .sm_cal_tile).
   js/sm_publisher_grid_view.js toggles .is-gridview; the rows stay DataTables rows, laid out as cards. Cells are placed
   by role, because Drafts has no Type or Post On column: first = select, second = attachments, third = message,
   the cell with the menu = actions, .publish_col/.publish_col1 = networks and time, the rest = category and type. */
:is(#grid-tab, .sm-list) .sm_pub_viewwrap { position: relative; display: inline-flex; }
:is(#grid-tab, .sm-list) .sm_pub_viewbtn {
	display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
	background: var(--sm-wl-surface, #fff); border: 1px solid var(--sm-wl-divider, #e4e7ec); border-radius: 50%; color: var(--sm-wl-strong, #101828); font-size: 15px; cursor: pointer;
	transition: background .15s, border-color .15s;
}
:is(#grid-tab, .sm-list) .sm_pub_viewbtn:hover { background: var(--sm-wl-hover, #f9fafb); border-color: var(--sm-wl-border, #d0d5dd); }
:is(#grid-tab, .sm-list) .sm_pub_pinbadge {
	position: absolute; top: -6px; right: -6px; z-index: 2; display: inline-flex; align-items: center; justify-content: center;
	width: 22px; height: 22px; padding: 0; background: var(--sm-wl-surface, #fff); border: 1px solid var(--sm-wl-divider, #e4e7ec); border-radius: 50%;
	color: var(--sm-wl-subtle, #98a2b3); font-size: 11px; line-height: 1; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
	opacity: 0; transition: opacity .12s ease, background .15s, color .15s, border-color .15s;
}
:is(#grid-tab, .sm-list) .sm_pub_viewwrap:hover .sm_pub_pinbadge, :is(#grid-tab, .sm-list) .sm_pub_viewwrap:focus-within .sm_pub_pinbadge { opacity: 1; }
:is(#grid-tab, .sm-list) .sm_pub_pinbadge:hover { color: var(--sm-wl-muted, #667085); border-color: var(--sm-wl-border, #d0d5dd); }
:is(#grid-tab, .sm-list) .sm_pub_pinbadge.is-pinned { background: var(--sm-wl-accent, #00B2F3); border-color: var(--sm-wl-accent, #00B2F3); color: var(--sm-wl-on-accent, #fff); }

/* Profiles on a post in Queue, Sent and Drafts, as in the calendar post popup (calendar_new_style.css
   .calendar_event_box_social_networks, style.css label.sm_profile_image_container span): 25px pictures in a 2px
   white ring, each after the first 12px over the last, one 12px network badge per network, 5px between networks.
   Queue and Sent stack one group per send time, the time below it. js/sm_publisher_lists.js builds them. */
:is(#grid-tab, .sm-list, .sm_queue_send_preview) .sm_pub_profiles { display: grid; gap: 10px; }
:is(#grid-tab, .sm-list, .sm_queue_send_preview) .sm_pub_profile_row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 5px; }
:is(#grid-tab, .sm-list, .sm_queue_send_preview) .sm_pub_net { position: relative; display: inline-flex; align-items: center; }
:is(#grid-tab, .sm-list, .sm_queue_send_preview) .sm_pub_avatar {
	position: relative; flex: 0 0 auto; width: 29px; height: 29px; box-sizing: border-box;
	border: 2px solid var(--sm-wl-surface, #fff); border-radius: 100%;
	background: var(--sm-wl-hover, #eef1f8) url(../../images/webflow/S-Logo-final-transparent.png) center center / contain no-repeat;
}
:is(#grid-tab, .sm-list, .sm_queue_send_preview) .sm_pub_avatar + .sm_pub_avatar { margin-left: -12px; }
:is(#grid-tab, .sm-list, .sm_queue_send_preview) .sm_pub_net_icon { position: absolute; right: 0; bottom: 0; z-index: 1; width: 12px; height: 12px; }
:is(#grid-tab, .sm-list) .sm_pub_avatar_alert { position: absolute; top: -2px; right: -2px; width: 7px; height: 7px; border-radius: 50%; background: #F60000; box-shadow: 0 0 0 2px var(--sm-wl-surface, #fff); }
:is(#grid-tab, .sm-list, .sm_queue_send_preview) .sm_pub_profile_time { margin-top: 4px; font-size: 12px; line-height: 1.4; color: var(--sm-wl-text, #475467); }
/* Grid view (Craig, 2026-10-10): one line per send time, the profiles on the left wrapping a whole network at a
   time, the date over the time on the right, and a thin line between send times. */
.sm-frame #grid-tab.is-gridview .sm_pub_profiles { gap: 0; }
.sm-frame #grid-tab.is-gridview .sm_pub_profile_group { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.sm-frame #grid-tab.is-gridview .sm_pub_profile_group + .sm_pub_profile_group { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--sm-wl-divider, #eaecf0); }
.sm-frame #grid-tab.is-gridview .sm_pub_profile_row { flex: 1 1 auto; min-width: 0; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview .sm_pub_net { flex-wrap: wrap; max-width: 100%; } /* only a network wider than the card breaks */
.sm-frame #grid-tab.is-gridview .sm_pub_profile_time { flex: none; margin-top: 0; line-height: 15px; text-align: right; white-space: nowrap; }
.sm-frame #grid-tab.is-gridview .sm_pub_profile_time > span { display: block; }
/* The same groups under the Publisher's Add to Queue / Queue Next button, the time beside each (Craig, 2026-10-22;
   js/sm_queue_send_preview.js). */
.sm_queue_send_preview { clear: both; }
.sm_queue_send_preview .sm_pub_profiles { gap: 6px; padding-top: 8px; }
.sm_queue_send_preview .sm_pub_profile_group { display: flex; align-items: center; gap: 8px; }
.sm_queue_send_preview .sm_pub_profile_time { margin-top: 0; white-space: nowrap; }

/* Long messages show 5 lines in both views (Craig, 2026-10-10). The editor opens on the whole message:
   the cell holds all of it, and the clamp lets go while .edit_grid_social_message is set. */
.sm-frame #grid-tab .grid_message > span[id^="sp_message_"]:not(.edit_grid_social_message) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5; overflow: hidden; }

/* The category as a tag in its own colours (Craig, 2026-10-10): the category colour for the text, its light
   colour behind it. grid_data.php writes both on .sm_pub_cat; a category without them gets a grey tag. */
.sm-frame #grid-tab .sm_pub_cat { display: inline-block; max-width: 100%; padding: 2px 8px; border-radius: 6px; background: var(--sm-cat-bg, #f2f4f7); color: var(--sm-cat, #475467); font-size: 12px; font-weight: 500; line-height: 18px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Where the category can be changed, the tag sits inside the clickable .grid_category_name_container: the page
   inserts its change-category menu after that container, so the menu stays outside the tag. */
.sm-frame #grid-tab .grid_category_name_container:has(> .sm_pub_cat),
.sm-frame #grid-tab .grid_category_name_container:has(> .sm_pub_cat):hover { display: inline; padding: 0; border-radius: 0; background: none; }
.sm-frame #grid-tab .grid_category_name_container > .sm_pub_cat { cursor: pointer; }
.sm-frame #grid-tab .grid_category_name_container > .sm_pub_cat:hover { box-shadow: inset 0 0 0 1px currentColor; }

/* Queue's Post ID is for support: the last line of the actions menu, in small text (Craig, 2026-10-10). */
.sm-frame #grid-tab .dropdown-menu > li.sm_pub_postid { padding: 0 15px 4px; font-size: 10px; line-height: 14px; color: var(--sm-wl-subtle, #98a2b3); white-space: nowrap; cursor: text; user-select: text; }
/* Grid view: the byline goes on the line under the Added date, without the dot (Craig, 2026-10-10). */
.sm-frame #grid-tab.is-gridview .sm_user_grid_detail .sm_detail_added { display: block; }
.sm-frame #grid-tab.is-gridview .sm_user_grid_detail .sm_detail_sep { display: none; }

/* Social Profiles and Source (Craig, 2026-10-10) are multi-select menus in the Reports network menu's pattern
   (_reports_v2_style.php .smrep-catmenu): Select all / Clear all links, then checkbox, picture and name rows. */
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pill_wrap[hidden] { display: none; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pop_multi { min-width: 240px; max-width: 340px; padding: 8px 6px; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_bulk { display: flex; gap: 14px; margin-bottom: 4px; padding: 2px 8px 8px; border-bottom: 1px solid var(--sm-wl-divider, #eff3f7); }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_bulk button { padding: 0; border: 0; background: none; font-size: 11.5px; font-weight: 500; color: var(--sm-wl-accent, #00B2F3); cursor: pointer; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_bulk button:hover { text-decoration: underline; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_opts { max-height: 320px; overflow-y: auto; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_opt { display: flex; align-items: center; gap: 9px; margin: 0; padding: 5px 8px; border-radius: 6px; font-size: 13px; font-weight: 400; line-height: 1.4; color: var(--sm-wl-strong, #1E265E); white-space: nowrap; cursor: pointer; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_opt:hover { background: var(--sm-wl-hover, #f7f9fc); }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_opt > input { flex: 0 0 16px; margin: 0; }
#grid-tab .sm_pub_opt > .sm_pub_net { flex: none; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_opt_text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_opt_text small { margin-left: 6px; font-size: 11px; color: var(--sm-wl-subtle, #98a2b3); }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_opt_empty { margin: 6px 8px; font-size: 12px; color: var(--sm-wl-subtle, #98a2b3); }

/* With the floating bulk bar on the list (js/sm_publisher_lists.js), the list view's own "Delete N posts",
   "Approve N posts" and "Pause N feeds" links would repeat its actions (Craig, 2026-10-10: the bar in list view too). */
.sm_pub_has_bar :is(#delete_queue_msg, #delete_sent_msg, #delete_drafts_msg, #pause_rss_msg) { display: none !important; }

/* Network logos in the Social Networks menu. */
.sm_pub_list .sm_pub_opt_icon { flex: none; width: 20px; height: 20px; }

/* No "+" or "-" on these lists in any view (Craig, 2026-10-10): the columns that do not fit always show beneath the post
   (sm_list_responsive in social_media.php). The theme draws its toggle icon on the first cell of a .dtr-inline.collapsed
   table, and nothing toggles any more. */
:is(#grid-tab, #grid-tab-rss-sec) table.dataTable.collapsed > tbody > tr > td:first-child::before { display: none !important; }

/* RSS Feeds (Craig, 2026-10-10): no search; the page's blue "Add RSS Feed" button at the right end of the filter row,
   with the filters still centred. On a phone it wraps under them. */
#grid-tab-rss-sec .sm_pub_pills { position: relative; align-self: stretch; }
#grid-tab-rss-sec .sm_pub_addbtn { display: block; float: none; height: auto; margin: 0 !important; }
@media (min-width: 769px) { #grid-tab-rss-sec .sm_pub_addbtn { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } } /* 10px in, as the other Add buttons (Craig, 2026-10-11) */

/* Schedule tab (Craig, 2026-10-10): the header replaces the right sidebar, so the calendar runs the full width, in
   the Marketing Calendar's week view style (css/calendar_new_style.css: grid, gutter, day headers, items), with
   light-blue slots and black text and no floating category legend. The slots' colours are set inline by the
   calendar's eventRender, hence !important on the colours. */
.sm-frame #grid-rp-schedule-sec .sm-cl-legend { display: none !important; }
.sm-frame #grid-rp-schedule-sec .sm-cl-main { float: none; width: 100% !important; max-width: none; margin: 0; padding: 0; }
.sm-frame #grid-rp-schedule-sec .fc-toolbar { display: none; }
.sm-frame #grid-rp-schedule-sec .fc-agendaWeek-view { padding-left: 10px; }
.sm-frame #grid-rp-schedule-sec .fc th.fc-day-header,
.sm-frame #grid-rp-schedule-sec .fc th.fc-widget-header,
.sm-frame #grid-rp-schedule-sec .fc .fc-head td { padding: 5px 0 10px; border: none; background: none; font-size: 14px; font-weight: 400; color: var(--sm-wl-subtle, #9AA8BD); }
.sm-frame #grid-rp-schedule-sec .fc-day-header.fc-today { outline: 0; box-shadow: none; }
.sm-frame #grid-rp-schedule-sec .fc th.fc-day-header.fc-today { color: var(--sm-wl-accent, #00B2F3); font-weight: 600; } /* today's name in the accent (Repute QA, 2026-10-27) */
.sm-frame #grid-rp-schedule-sec .fc-view:not(.fc-month-view) .fc-body tr > td.fc-widget-content { border-left: none; border-bottom: none; }
.sm-frame #grid-rp-schedule-sec .fc-view:not(.fc-month-view) .fc-body > tr:first-child > td.fc-widget-content { border-top: none; }
.sm-frame #grid-rp-schedule-sec .fc-slats table tr > td.fc-widget-content:first-child { border-top: none; }
.sm-frame #grid-rp-schedule-sec .fc-slats table tr:last-child > td.fc-widget-content:last-child { border-bottom: 1px solid var(--sm-wl-border, #ddd); }
.sm-frame #grid-rp-schedule-sec .fc-slats .fc-axis span { display: block; min-width: 40px; margin: 0 auto; padding-right: 10px; font-size: 14px; color: var(--sm-wl-subtle, #9AA8BD); }
.sm-frame #grid-rp-schedule-sec .fc-time-grid .fc-slats table { border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
.sm-frame #grid-rp-schedule-sec .fc-time-grid .fc-slats td { height: 33px; border-right: none; }
.sm-frame #grid-rp-schedule-sec .fc-time-grid .fc-slats .fc-minor td { border-top-style: dashed; border-width: 2px; }
.sm-frame #grid-rp-schedule-sec .fc-today:not(.fc-day-header) { background: none; }
.sm-frame #grid-rp-schedule-sec .fc-time-grid .fc-event:not(.fc-bgevent) {
	min-height: 50px; height: fit-content; margin: 0 2px !important; padding: 10px; right: 0 !important; overflow: hidden;
	border: 0 !important; border-radius: 10px; background-color: var(--sm-wl-accent-tint, #E8F6FF) !important; box-shadow: none;
}
/* Dense days: a slot grows to hold its icons and categories (no 70px cap, so nothing spills over the next slot),
   and the slot under the pointer comes to the front, so one partly covered by its neighbour can still be read. */
.sm-frame #grid-rp-schedule-sec .fc-time-grid .fc-event:not(.fc-bgevent):hover { z-index: 6 !important; box-shadow: 0 4px 14px rgba(16, 24, 40, .14); }
.sm-frame #grid-rp-schedule-sec .fc-time-grid .fc-event .fc-time { float: left; clear: both; min-height: 20px; height: auto; font-size: 12px; font-weight: 700; color: var(--sm-wl-strong, #101828) !important; }
.sm-frame #grid-rp-schedule-sec .fc-time-grid .fc-event .fc-title { float: left; clear: both; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px; white-space: normal; color: var(--sm-wl-strong, #101828); }
/* When a slot's network icons wrap below its time, the category name gets room under them (Craig, 2026-10-10). */
.sm-frame #grid-rp-schedule-sec .fc-event.sm_pub_icons_wrapped .fc-title { margin-top: 5px; }
/* The "+" drop target was for dragging a category from the sidebar, which is gone. */
.sm-frame #grid-rp-schedule-sec .sm_sch_item_add_cat_hover_container { display: none !important; }

/* Grid view selection, as on Media (cloud_asset_library.css .sm_cal_selectlinks / .sm_cal_linkbtn): Select all on the left,
   then the count and Clear all once anything is ticked. Text in the header's black, not a colored link. */
:is(#grid-tab, .sm-list) .sm_pub_selectbar { display: none; align-items: center; gap: 12px; min-height: 24px; margin: 0 0 6px; }
:is(#grid-tab, .sm-list).is-gridview .sm_pub_selectbar { display: flex; }
:is(#grid-tab, .sm-list) .sm_pub_linkbtn { padding: 0; border: 0; background: transparent; font: inherit; font-size: 13px; font-weight: 500; color: var(--sm-wl-strong, #101828); cursor: pointer; }
:is(#grid-tab, .sm-list) .sm_pub_linkbtn:is(:hover, :focus-visible) { text-decoration: underline; }
:is(#grid-tab, .sm-list) .sm_pub_linkbtn[hidden] { display: none; }
#grid-tab .sm_pub_selcount { font-size: 13px; color: var(--sm-wl-text, #475467); }
#grid-tab .sm_pub_selcount:empty { display: none; }
/* A thin rule between the three, so they read as separate items (Repute QA, 2026-10-27). */
:is(#grid-tab, .sm-list) .sm_pub_selectbar > :is(.sm_pub_linkbtn, .sm_pub_selcount):not([hidden]):not(:empty) ~ :is(.sm_pub_linkbtn, .sm_pub_selcount):not([hidden]):not(:empty) { padding-left: 12px; border-left: 1px solid var(--sm-wl-divider, #e4e7ec); }

/* The header of Queue, Sent and Drafts, as on the Media page (cloud_asset_library.css .sm_cal_title, .sm_cal_globalbar,
   .sm_cal_search_hero, .sm_cal_pills, .sm_cal_pill, .sm_cal_pill_pop): heading, search, then one centred row of filter
   pills and round black-and-white buttons. js/sm_publisher_lists.js builds it from the DataTables controls on the page. */
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .datatable-header { display: none; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_head { display: flex; flex-direction: column; align-items: center; gap: 14px; margin: 4px 0 22px; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_title { margin: 0; font-size: 32px; font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; color: var(--sm-wl-heading, #101828); }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_search { position: relative; width: 100%; max-width: 720px; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_search > .fa-magnifying-glass { position: absolute; left: 22px; top: 50%; z-index: 1; transform: translateY(-50%); font-size: 17px; color: var(--sm-wl-muted, #667085); pointer-events: none; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_search input[type="search"] {
	width: 100%; height: 56px; margin: 0; padding: 0 46px 0 52px; font-size: 16px; color: var(--sm-wl-strong, #101828);
	background: var(--sm-wl-surface, #fff); border: 1px solid var(--sm-wl-divider, #e4e7ec); border-radius: 8px; box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
}
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_search input[type="search"]:focus { border-color: var(--sm-wl-strong, #101828); box-shadow: 0 0 0 4px rgba(16, 24, 40, .08); outline: none; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_search_clear {
	position: absolute; top: 50%; right: 14px; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center;
	width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--sm-wl-subtle, #98a2b3); font-size: 14px; line-height: 1; cursor: pointer;
}
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_search_clear:hover { background: var(--sm-wl-fill, #f2f4f7); color: var(--sm-wl-text, #475467); }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_search_clear[hidden] { display: none; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pills { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pill_wrap { position: relative; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pill {
	display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px;
	font-size: 15px; font-weight: 500; color: var(--sm-wl-strong, #101828); background: var(--sm-wl-surface, #fff); border: 1px solid var(--sm-wl-divider, #e4e7ec); border-radius: 8px;
	cursor: pointer; transition: border-color .15s, background .15s;
}
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pill:hover { background: var(--sm-wl-hover, #f9fafb); border-color: var(--sm-wl-border, #d0d5dd); }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pill[aria-expanded="true"] { border-color: var(--sm-wl-strong, #101828); background: var(--sm-wl-hover, #f9fafb); }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pill.is-active { border-color: var(--sm-wl-strong, #101828); background: var(--sm-wl-strong, #101828); color: var(--sm-wl-surface, #fff); }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pill_caret { font-size: 11px; color: var(--sm-wl-muted, #667085); }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pill.is-active .sm_pub_pill_caret { color: #fff; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pop {
	position: absolute; top: calc(100% + 6px); left: 0; z-index: 60; min-width: 208px; padding: 8px;
	background: var(--sm-wl-surface, #fff); border: 1px solid var(--sm-wl-divider, #e4e7ec); border-radius: 12px; box-shadow: 0 12px 28px rgba(16, 24, 40, .12);
}
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pop[hidden] { display: none; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_menu_item {
	display: block; width: 100%; padding: 9px 10px; border: 0; border-radius: 8px; background: transparent;
	text-align: left; font-size: 14px; color: var(--sm-wl-strong, #101828); white-space: nowrap; cursor: pointer;
}
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_menu_item:is(:hover, :focus-visible) { background: var(--sm-wl-fill, #f2f4f7); outline: none; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_menu_item[aria-checked="true"] { font-weight: 600; }
/* Bulk Post Editor and Reload: the same plain round button as the view switch, on the same line. */
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pills > ul.icons-list { float: none; margin: 0; padding: 0; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pills > ul.icons-list > li { margin: 0; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pills a[data-action] {
	display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0;
	background: var(--sm-wl-surface, #fff); border: 1px solid var(--sm-wl-divider, #e4e7ec); border-radius: 50%; color: var(--sm-wl-strong, #101828); font-size: 15px;
	transition: background .15s, border-color .15s;
}
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pills a[data-action]:hover { background: var(--sm-wl-hover, #f9fafb); border-color: var(--sm-wl-border, #d0d5dd); color: var(--sm-wl-strong, #101828); }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pills a[data-action]::before, :is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_pills a[data-action]::after { display: none; }

/* One long page: more rows arrive as the end comes into view, with placeholder shapes (as on Media), not a spinner. */
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .dataTables_wrapper:not(.sm_pub_no_io) .datatable-footer { display: none; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list).sm_pub_loading_more .dataTables_processing { display: none !important; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_sentinel { height: 1px; }
/* A filter tick dims the list at once; the redraw's loader follows (sm_publisher_lists.js readMulti). */
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec).sm_pub_pending :is(.dataTables_wrapper table.dataTable, #calendar) { opacity: .45; transition: opacity .15s; pointer-events: none; }
/* RSS Refresh spins while the list reloads (Repute QA, 2026-10-27: it showed no effect). */
#grid-tab-rss-sec .sm_pub_made_refresh.is-busy i { animation: fa-spin 1s linear infinite; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_more { display: grid; gap: 10px; padding: 10px 0 0; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_more[hidden] { display: none; }
:is(#grid-tab, #grid-tab-rss-sec, #grid-rp-schedule-sec, .sm-list) .sm_pub_more span { height: 56px; border-radius: 8px; background: linear-gradient(90deg, var(--sm-wl-fill, #f2f4f7) 25%, var(--sm-wl-fill, #e9edf2) 50%, var(--sm-wl-fill, #f2f4f7) 75%); background-size: 200% 100%; animation: sm_pub_shimmer 1.2s linear infinite; }
:is(#grid-tab, .sm-list).is-gridview .sm_pub_more { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; }
:is(#grid-tab, .sm-list).is-gridview .sm_pub_more span { height: 260px; border-radius: 10px; }
@keyframes sm_pub_shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { #grid-tab .sm_pub_more span { animation: none; } }

.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable { display: block; width: 100% !important; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > thead { display: none; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; padding: 6px 0 4px; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr {
	position: relative; display: flex; flex-direction: column; min-width: 0;
	background: var(--sm-wl-surface, #fff); border: 1px solid var(--sm-wl-divider, #eaecf0); border-radius: 10px;
	transition: box-shadow .15s ease, border-color .15s ease;
}
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr:hover { background: var(--sm-wl-surface, #fff); border-color: var(--sm-wl-border, #d0d5dd); box-shadow: 0 4px 14px rgba(16, 24, 40, .1); }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr:has(> td:first-child input:checked) { border-color: var(--sm-wl-accent, #01a8e5); box-shadow: 0 0 0 1px var(--sm-wl-accent, #01a8e5); }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr.child, .sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.displaynone { display: none !important; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr:has(> td.dataTables_empty) { grid-column: 1 / -1; border: 0; box-shadow: none; }
/* !important: DataTables Responsive and the cell markup size and hide things inline for the table layout. */
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td:not(.displaynone) { display: block !important; width: auto !important; min-width: 0; max-width: none; padding: 4px 12px 0; border: 0; font-size: 12px; color: var(--sm-wl-muted, #667085); white-space: normal; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.dtr-control::before { display: none; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td:empty { display: none !important; }
/* The category pill keeps 12px from the footer's line (Craig, 2026-10-13: it touched it). */
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td:has(> .grid_category_name_container) { padding-bottom: 12px; }

/* Attachments: the first picture fills a 4:3 frame on top; a post with several keeps its arrows over the picture. */
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr > td:nth-child(2) { position: relative; order: -1; padding: 0; aspect-ratio: 4 / 3; overflow: hidden; background: var(--sm-wl-fill, #f2f4f7); border-radius: 9px 9px 0 0; }
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr > td:nth-child(2):not(:has(img)) { display: none !important; }
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr > td:nth-child(2) :is(.thumbnail, .sm_scroll_photo_main_message) { display: block !important; width: 100%; max-width: none; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr > td:nth-child(2) .thumbnail > a[style*="block"] { height: 100%; }
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr > td:nth-child(2) img { display: block; width: 100% !important; max-width: none; height: 100% !important; object-fit: cover; }
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr > td:nth-child(2) .sm_scroll_photo_button { position: absolute; top: 50%; z-index: 1; transform: translateY(-50%); }
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr > td:nth-child(2) .sm_scroll_photo_button.prev { left: 6px; }
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr > td:nth-child(2) .sm_scroll_photo_button.next { right: 6px; }
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr > td:nth-child(2) .sm-ln-doc-grid-badge { position: absolute; left: 8px; bottom: 8px; max-width: calc(100% - 16px) !important; margin: 0 !important; padding: 2px 8px; border-radius: 10px; background: color-mix(in srgb, var(--sm-wl-surface, #fff) 92%, transparent); }

/* Select (top left) and actions (top right) ride over the card, as on a Media tile. */
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td:first-child { position: absolute; top: 10px; left: 10px; z-index: 2; padding: 0; opacity: 0; transition: opacity .12s ease; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr:is(:hover, :focus-within) > td:first-child,
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td:first-child:has(input:checked),
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody:has(> tr > td:first-child input:checked) > tr > td:first-child,
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr:not(:has(> td:nth-child(2) img)) > td:first-child { opacity: 1; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td:has(> ul.icons-list) { position: absolute; top: 8px; right: 8px; z-index: 5; padding: 0; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td:has(> ul.icons-list) .icons-list > li > a {
	display: flex; align-items: center; justify-content: center; width: 32px; height: 32px;
	border-radius: 50%; background: color-mix(in srgb, var(--sm-wl-surface, #fff) 92%, transparent); box-shadow: 0 1px 2px rgba(38, 50, 56, .18);
}

/* Message, then category and type, then the networks and time along the bottom. */
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr > td:nth-child(3) { padding: 12px 12px 0; font-size: 13px; color: var(--sm-wl-text, #475467); }
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr:not(:has(> td:nth-child(2) img)) > td:nth-child(3) { padding-top: 44px; }
.sm-frame #grid-tab.is-gridview table.dataTable > tbody > tr > td:is(.publish_col, .publish_col1) { margin-top: auto; padding: 10px 12px 12px; border-top: 1px solid var(--sm-wl-divider, #f2f4f7); }

/* Queue's post type as a pill centred on the card's top edge, half above and half below it (Craig, 2026-10-10).
   js/sm_publisher_lists.js marks the Queue table .sm_pub_typed; Sent shows the user in that column. */
.sm-frame #grid-tab.is-gridview table.dataTable.sm_pub_typed > tbody { padding-top: 16px; }
.sm-frame #grid-tab.is-gridview table.dataTable.sm_pub_typed > tbody > tr > td.grid-mm-sps-sche:not(:empty) {
	position: absolute; top: -.5px; left: 50%; z-index: 4; transform: translate(-50%, -50%);
	display: block !important; width: auto !important; max-width: calc(100% - 96px); height: 24px; box-sizing: border-box;
	padding: 0 12px; border: 1px solid var(--sm-wl-border, #d0d5dd); border-radius: 999px; background: var(--sm-wl-surface, #fff);
	font-size: 12px; font-weight: 500; line-height: 22px; color: var(--sm-wl-text, #344054); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* Menus always open in front of everything (Craig, 2026-10-10). The menu button's cell is a stacking context, so a
   card with an open menu (actions, or the change-category menu) rises above the other cards and their pills. */
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr:has(.open, .grid_editable_category_container:not([style*="none"])) { z-index: 10; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview .grid_editable_category_container { left: 12px; right: 12px; width: auto; font-size: 14px; color: var(--sm-wl-text, #475467); } /* not the card's small grey text: as in List view */

/* The same Grid view on the shared lists (js/sm_list_style.js, option gridView; Craig, 2026-10-11, first on Approve Social
   Posts). Their columns differ page to page, so the list marks each cell with its role (sm-c-select, -actions,
   -media, -message, -meta, -time, -foot) and the card places roles: picture on top, message, then the profiles and
   dates along the bottom. Dates carry their column's name, as the head row is hidden. */
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-media:not(:has(img, video)) { display: none !important; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-media { position: relative; order: -1; padding: 0; aspect-ratio: 4 / 3; overflow: hidden; background: var(--sm-wl-fill, #f2f4f7); border-radius: 9px 9px 0 0; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-media :is(.thumbnail, .sm_scroll_photo_main_message, a, div) { display: block !important; width: 100% !important; max-width: none; height: 100%; margin: 0 !important; padding: 0; border: 0; border-radius: 0; background: none; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-media :is(img, video) { display: block; width: 100% !important; max-width: none !important; height: 100% !important; object-fit: cover; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-media .sm_scroll_photo_button { position: absolute; top: 50%; z-index: 1; width: auto !important; height: auto; transform: translateY(-50%); }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-media .sm_scroll_photo_button.prev { left: 6px; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-media .sm_scroll_photo_button.next { right: 6px; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-media .sm-ln-doc-grid-badge { position: absolute; left: 8px; bottom: 8px; width: auto !important; height: auto; max-width: calc(100% - 16px) !important; padding: 2px 8px; border-radius: 10px; background: color-mix(in srgb, var(--sm-wl-surface, #fff) 92%, transparent); }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr:not(:has(> td.sm-c-media :is(img, video))) > td.sm-c-select { opacity: 1; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-message { order: 1; padding: 12px 12px 0; font-size: 13px; color: var(--sm-wl-text, #475467); }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr:not(:has(> td.sm-c-media :is(img, video))) > td.sm-c-message { padding-top: 44px; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-foot { order: 2; margin-top: auto; padding: 10px 12px 0; border-top: 1px solid var(--sm-wl-divider, #f2f4f7); }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-time { order: 3; padding-top: 8px; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td.sm-c-meta { order: 4; padding-top: 2px; }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr > td:is(.sm-c-time, .sm-c-meta)[data-sm-label]::before { content: attr(data-sm-label) ": "; color: var(--sm-wl-subtle, #98a2b3); }
.sm-frame :is(#grid-tab, .sm-list).is-gridview table.dataTable > tbody > tr:not(:has(> td.dataTables_empty)) { padding-bottom: 12px; }

span#total_unapproved_rewards_profiles, span#total_unapproved_count, span#sm_inbox_unread_count, span#total_expire_social_accounts, span#new_feature{ margin-top: 5px;margin-right: 15px;min-width: 20%;border-radius: 30px; width:auto; top:13%; left: 76%; font-size: 10px !important; line-height: 15px !important; padding: 1px 6px 1px 6px; transform: translate(-50%, -50%);position: absolute;}
span#customer_unapproved_photo_count, span#customer_unapproved_video_count, span#customer_unapproved_post_count, span#customer_unapproved_emp_post_count{margin-top: 2px;margin-right: 15px;min-width: 20px;border-radius: 20px;}
.sm_profile_input_container{ display: inline-block; cursor: pointer; margin: 9px 9px 0 0; }
#modal_post_notes_editor .sm_profile_input_container { margin: 8px 8px 0 0;}
.sm_profile_input_wrapper{ position: absolute; }
.sm_profile_input_wrapper input{
    position:  absolute;
    left:  0;
    top:  0;
    margin:  0 !important;
    opacity:  0;
    cursor: pointer;
    z-index: 2;
    height: 54px;
    width: 54px;
}
label.sm_profile_image_container{
    display:  inline-block;
    position:  relative;
    margin: 0px;
    border: 2px solid transparent;
    border-radius: 100%;
    opacity: 0.5;
}
label.sm_profile_image_container span{
    background-image: url(../../images/webflow/S-Logo-final-transparent.png);
    background-size: contain;
    background-color: #eef1f8;
    height: 40px;
    display: block;
    width: 40px;
    background-repeat:  no-repeat;
    background-position:  center center;
    position:  relative;
    border-radius: 100%;
    cursor: pointer;
    margin: 3px;
}
.sm_pinterest_container label.sm_profile_image_container span{
	background-size: cover;
}
label.sm_profile_image_container.sm_vyral_insta_img_container span, .sm_profile_input_container.in label.sm_profile_image_container span {
	background-image: url(../../images/webflow/social-instagram.svg);
}
label.sm_profile_image_container span.sm_ln_group_icon_span, label.sm_profile_image_container span.sm_fb_group_icon_span, label.sm_profile_image_container span.sm_fb_page_icon_span {
	background-image: url(../../images/webflow/facebook_group_icon.svg);
}
label.sm_profile_image_container.checked{
    border-color: #00a8e5 !important;
    opacity: 1;
}
label.sm_profile_image_container span > i, label.sm_profile_image_container span > img {
    color: #ffffff;
    border-radius: 100px;
    font-size: 13px;
    padding: 4px;
    right: -4px;
    top: 21px;
    position: absolute;
}
label.sm_profile_image_container span > img{
	width: 21px;
	height: 21px;
	padding: 0;
}

label.sm_profile_image_container .def_profile_image_text {
	border-radius: 50%;
    margin: 3px;
    height: 52px;
    width: 52px;
    text-align: center;
    padding: 10px 8px 8px 7px;
	font-weight: bold;
}
.sm_remove_attachment_link{ color: #343e47; cursor: pointer; }
.sm_remove_attachment_link > i{ font-size: 18px; }

.sm_add_photo_video span{ display: inline-block; cursor: pointer; }
.sm_add_photo_video span a { color: #23262b; text-decoration: none; padding-left: 11px; }
.sm_add_photo_video span > i { color: #23262b; font-size: 16px; line-height: inherit;}
.upload_video_section_new_button {
	width: auto;
	text-align: center;
	float: left;
	width: 30%;
}
.upload_video_section_new_button.sm_add_video_media_icon .sm_attached_video_media{
    height: 115px; 
	width: 120px;
	background-color: transparent;
	border: 1px dashed #D0D7E7;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float: left;
	padding: 8px;
	margin-top: 7px;
}
.upload_video_section_new_button.sm_add_video_media_icon .sm_attached_video_media img{
	margin-top: 20px;
}	
.upload_photo_section_new_button.sm_add_new_media_icon .sm_attached_media_logo{
    height: 115px; width: 115px; background-color: transparent; border: 1px dashed #D0D7E7; cursor: pointer;
    display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px; text-align: center;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float: left;
}
.upload_photo_section_new_button.sm_add_new_media_icon .sm_attached_media_logo img.upload_img_new_button_add_more{
	margin-top: 20px;
    width: 47px;
}
.upload_photo_section_new_button.sm_add_new_media_icon .sm_attached_media_logo p,.upload_video_section_new_button.sm_add_video_media_icon .sm_attached_video_media p { 
	margin: 0;
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--sm-wl-accent, #00B2F3);
    padding: 0 3px;
    line-height: normal;
	font-size: 14px;
	font-weight: 400;
}

.sm_replace_image{ margin-top: 10px; font-size: 14px; cursor: pointer; }
.sm_replace_image span,
.sm_add_new_item_link span, .sm_add_new_item_cat_grid span, .sm_add_new_item_board span{ padding-left: 10px; font-weight: normal; }
.sm_replace_image > i { color: #7b91a8; font-size: 14px; line-height: inherit;}

.sm_add_new_item_link, .sm_add_new_item_board, .sm_add_new_item_cat_grid, 
.sm_hashtag_section .sm_add_hashtag label,
.sm_cta_section .sm_add_cta label,
.sm_post_preset_section .sm_post_preset_save label, 
.sm_bulk_images_add_hashtag.sm_add_hashtag label, .sm_bulk_images_add_cta.sm_add_cta label, .sm_rss_feed_add_cta.sm_add_cta label, .sm_cp_plan_add_group_option label { padding: 12px 20px; border-top: 1px solid #E2E7F5; cursor: pointer; margin-bottom: 0; }

.sm_bulk_images_add_watermark.sm_add_watermark label { padding: 10px; border-top: 1px solid #E2E7F5; cursor: pointer; margin-bottom: 0; }
.sm_cp_plan_add_group_option label { padding: 10px; border-top: 1px solid #E2E7F5; cursor: pointer; margin-bottom: 0; width: 100%; }
.sm_add_pi_board_box{ padding: 10px;}
.sm_group_title,.sm_group_form_list_wrapper,.sm_group_form_list_action{ display: inline-block; }
.sm_group_form_list_wrapper{ width: 77%; margin-left: 20px; }
.sm_group_form_list_action{ margin-left: 10px; vertical-align: middle; }
.sm_category_not_assigned_error { margin-left: 75px; margin-top: 5px; color: #ff0000; }

.sm_publish_post_option_div {
	display: block;
	height: auto;
	width: auto;
	margin: 8px 5px;
	float: left;
	line-height: normal;
	position: relative;
}
.sm_shuffle_order-sec .checkbox{
	margin-bottom: 15px;
}
.sm_skip_date_posts-sec{
	margin-left: 40px;
}
#frm_rss_feed .sm_publish_post_option_div {
	margin: 0;
}
.sm_publish_post_option_div .switch.sm_material_switch {
	display: inline-block;
	margin: 0;
}
.sm_material_popup#add_to_queue_mail_send_status {
	display: flex;
	margin-top: 13px;
}
.sm_requeue_section{ display: inline-block; margin-right: 10px;width: 100%;}
#rss_auto_rp_div{
	margin-left: 20px;
}
#auto_rp_div{
	margin-left: 20px;
}
#auto_rp_date_time,#rss_auto_rp_date_time{
	width: 195px;
    padding-bottom: 7px;
    padding-top: 5px;
}
.sm_post_repost_option_container #auto_rp_date_time, .sm_post_repost_option_container #rss_auto_rp_date_time,
.sm_post_repost_option_container #rss_every_auto_rp_date_time { width: 80px; }

.sm_requeue_section.auto_rp_block_section{ display: block; }
.sm_requeue_section .sm_auto_rp_type_input, .sm_requeue_section .sm_every_rp_type_input{ width: 190px; }
.sm_requeue_section .sm_requeue_inline_div{ display: inline-block; margin-right: 5px; }
.sm_requeue_section#auto_rp_until_date_div .has-feedback{ margin-right: 20px; max-width: 325px; }
.sm_requeue_section.right_aligned { width: 90%; text-align: right; }
.sm_requeue_section div.choice{ margin-top: -2px; }
.sm_requeue_section#auto_rp_div label, .sm_requeue_section#rss_auto_rp_div label{ 
	vertical-align: middle;
	height: 36px;
    margin-bottom: 0;
    line-height: 36px;
}

.sm_custom_social_preview .sm_network_preview_box{ margin-bottom:15px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; position: relative; min-height:  175px; width: 46%; margin-right: 2%; display: block; float: left; }

.sm_network_preview_box.sm_fb_preview_box { min-height: 200px; }

.sm_network_preview_box.sm_tw_preview_box, .sm_network_preview_box.sm_ln_preview_box, .sm_network_preview_box.sm_in_preview_box, .sm_network_preview_box.sm_blsk_preview_box, .sm_network_preview_box.sm_gmb_preview_box, .sm_network_preview_box.sm_tiktok_preview_box { padding: 0px; }
.sm_network_preview_box.sm_tw_preview_box .sm_network_preview_box, .sm_network_preview_box.sm_ln_preview_box .sm_network_preview_box , .sm_network_preview_box.sm_in_preview_box .sm_network_preview_box, .sm_network_preview_box.sm_blsk_preview_box .sm_network_preview_box, .sm_network_preview_box.sm_gmb_preview_box .sm_network_preview_box, .sm_network_preview_box.sm_tiktok_preview_box .sm_network_preview_box, .sm_network_preview_box.sm_thrd_preview_box .sm_network_preview_box{ width: 100%; min-height: inherit; display: inline-block; margin-right: -3px; margin-bottom: 0px;}
.tw_attach_media_switch, .sm_ln_attach_media_switch, .tiktok_attach_media_switch, .sm_thrd_attach_media_switch, .sm_blsk_attach_media_switch{ float: right; }
.sm_requeue_section .sm_requeue_inline_div.rp_until_many_rq_div,
.sm_requeue_section.sm_button_group_wrapper,
.sm_post_import_sec.import_post_add_to_queue_btn_container{ margin-right: 0px; margin-top: 18px; }

.sm_outline_mterial_input_div .sm_post_repost_option_container input,
.sm_outline_mterial_input_div .bulk_move_link_inner_section input,
.sm_outline_mterial_input_div .publish_move_link_inner_section input,
.sm_outline_mterial_input_div .rss_move_link_inner_section input,
.pi_boards_list_description_week #pi_post_duration_input { border: none; width: 20px; height: 20px; background-color: #f2f4f9; text-align: center; }


.sm_network_preview_error_list {margin-top: 25px; display: none;}
.sm_network_preview_error_list p {color: #ff0000; margin: 0;}

.btn.sm_add_to_queue_btn{ min-width: 110px; font-size: 13px; padding: 9px 13px; }
.sm_requeue_section .btn.sm_add_to_queue_btn { 
	background-color: #00B2F3; 
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; 
}
.btn.sm_add_to_queue_btn span.sm_add_to_queue_btn_text {
    display: inline-block; /* Ensures width adapts to text */
    position: relative;
}
.btn.sm_add_to_queue_btn span.sm_btn_blink_underline::after {
    content: "";
    position: absolute;
    bottom: 0;
	width: 100%;
    height: 1px;
    left: 50%;
    background: #ffffff;
    transition: width 0.3s ease;
	transform-origin: center;
	animation: smbtnUnderlineAnimation 5s infinite ease-in-out;
}
@keyframes smbtnUnderlineAnimation {
	0% { transform: translateX(-50%) scaleX(0); }  /* Hidden */
    10% { transform: translateX(-50%) scaleX(1); } /* Expanding */
    80% { transform: translateX(-50%) scaleX(1); } /* Hold for 5s */
    90% { transform: translateX(-50%) scaleX(0); } /* Shrinking */
    100% { transform: translateX(-50%) scaleX(0); } /* Hidden for 1s */
}
.sm_requeue_section .btn-group .btn.sm_dropdown_publish_btn { 
	background-color: #00B2F3; 
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; 
    font-size: 13px;
    padding: 9px 10px;
}
.btn.sm_dropdown_publish_btn .caret{ text-align: left; }
.slider_close{ position: absolute; display: block; top: 50px; left: 50px; }
#attachment_media_container_video #upload_video .uploader .btn {
	border-radius: 8px !important;
    font-size: 14px;
    padding: 16px 60px;
    background-color: #00B2F3;
}
.nav.nav-tabs { border: none; }
.nav-tabs .btn.btn-primary.sm-no-rounded, .heading-btn-group .sm_add_sharebutton_btn { background-color: #00B2F3; color:#ffffff; }
.nav-tabs .btn.sm_add_campaign_btn:hover,
.heading-btn-group .sm_add_sharebutton_btn { font-weight: normal; }

.sm_uploaded_video_info_container { width: 100%; float: left; display: block; }
.sm_uploaded_video_info_container p { padding: 8px; word-break: break-all; }
.sm_uploaded_video_remove { cursor: pointer; padding: 10px;}

#attachment_media_container_video #sm_upload_video_input_container { width: 40%; float: left; margin-bottom: 0; display: none;}
#attachment_media_container_video .progress { width: 60%; float: left; margin-top: 12px; }
#attachment_media_container_video #sm_upload_video_preview { display: inline-block; float: left; position: absolute; }
.upload_youtube_status_section { display: inline-block; }
#attachment_media_container_video .uploader { float: left; width: 70%; }

/* Toggle switch CSS START */
.switch-main-div { float: right; }
.switch-main-div .swith-title { color: #23262b; padding-right: 7px; margin: 0px; }
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 12px;
  margin: -2px;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  top: -2px;
  left: -2px;
  right: 0px;
  bottom: 0px;
  background-color: #f65a5a;
  -webkit-transition: .4s;
  transition: .4s;
}
.custom-switch-toggle:checked + .slider {
  background-color: #f99c9c;
}
.custom-switch-toggle:focus + .slider {
  box-shadow: 0 0 1px #f99c9c;
}
.custom-switch-toggle:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.switch.sm_primary_switch .slider:before{ background-color: #928d8d; }
.switch.sm_primary_switch .custom-switch-toggle:checked + .slider{ background-color: #92cbf6; }
.switch.sm_primary_switch .custom-switch-toggle:checked + .slider:before { background-color: #2899f0; }
.sm_network_preview_box .switch.sm_primary_switch .custom-switch-toggle:checked + .slider{ background-color: rgba(0,178,243,0.2); }
.sm_network_preview_box .gmb-cta-btn-status .switch.sm_primary_switch .custom-switch-toggle:checked + .slider{ background-color: #92cbf6; }
.sm_network_preview_box .switch.sm_primary_switch .custom-switch-toggle:checked + .slider:before { background-color: #00B2F3; }
.sm_network_preview_box .gmb-cta-btn-status .switch.sm_primary_switch .custom-switch-toggle:checked + .slider:before { background-color: #2899f0; }
.switch-right-title{ padding-left: 10px; }
.switch:focus { outline: none; } 
/* Toggle switch CSS END */
#group_builder .group_name_label .text-content-title{
	vertical-align:middle;
}
#group_builder .group_name_label .group_lbl_name{
	width: 105px;
	vertical-align: top;
	margin-top: 10px;
	display: inline-block;
}
#group_builder .group_name_input{
	width: 445px;
	display: inline-block;	
}
#group_builder .group_name_input .grp_frmb_name_input{
	font-weight:normal;
}
#group_builder .sm_duplicate_category_err {
	color: #ff0000;
    display: none;
}
.activate_agency_section{
	height: 350px;
	line-height: 90px;
}
#agency_dashboard_page_wrapper .panel-white:not(.workspace_list_section, .single_singon_list_section, .payment_history_list_section) {
    border: 0px;
    box-shadow: none;
}
#agency_dashboard_page_wrapper .panel-white.msg-type-section {
	border: 0px;
    box-shadow: none;
}
#agency_dashboard_page_wrapper .msg-type-section ul,
.asset_contents ul{
	margin: 0px !important;
	border: 0;
}
.cp_niche_option_container{
	float: left;
	width: 170px;
}
.cp_industry_dropdown_box{
	float: left;
    width: calc(100% - 170px);
	display: none;
}
div.sm_outline_material_style .cp_industry_dropdown_box .select2-container{
	width: 100% !important;
	margin-top: -4px;
}
.cp_industry_dropdown_box .select2-container .select2-selection__rendered{
	padding: 5px 0;
    background: #F0F5FF;
}
#cp_industry_id-error{
	position: absolute;
    left: 10px;
}
#grid-workspaces-section, #grid-single-sign-on-section, #grid-appearance-section, #grid-white-label-section, #grid-reselling-section{
	display:none;
}
#grid-workspaces-section.active, #grid-single-sign-on-section.active, #grid-appearance-section.active, #grid-white-label-section.active, #grid-reselling-section.active{
	display:block;
}
#grid-manage-workspace_processing, #grid-manage-single-singon_processing{
	top: 0;
    left: 0;
    height: 100%;
    margin: 0;
    opacity: 0.8;
    background: #ffffff;
}
#grid-manage-workspace tbody tr{
	position: relative;
}
#grid-manage-workspace tbody tr td {
	outline: 0;
}
#grid-manage-workspace tbody tr:hover td:not(:first-child){
	font-size: 0;
}
.custom_email_smtp_server_field .text-content-title {
	padding-bottom: 0px;
	line-height: 36px;
	margin: 0;
}
.sm_grid_reload_button_one {
    display: none;
    float: right !important;
    padding-top: 22px !important;
    padding-left: 10px !important;
}
.sm_pricing_grid_setting_button {
    display: block;
    float: right !important;
    padding-top: 17px !important;
    padding-right: 12px !important;
}
.workspace_penal_body{
	min-height:85px;
	padding-bottom: 0 !important;
}
.add_workspace_block{
	display: block;
    width: 100%;
    float: left;
    text-align: right;
}
.add_workspace_dropdown_block{
	height: 55px;
}

#wks_login{
	font-size: 14px;
	width: 60%;
	margin: 0 auto;
}
.sm_page_heading_icon span[data-popup="popover"] > i,
.text-content-title span[data-popup="popover"],
.text-content-title-ignore,
.sm_outline_material_style span[data-popup="popover"],
.page-title span[data-popup="popover"],
.sm_angular_material_expansion_panel_content span[data-popup="popover"],
.sm_outline_material_style span[data-popup="popover"],
.form-group span[data-popup="popover"],
.sm_social_ac_inner_box span[data-popup="popover"],
.sm_tiktok_preview_box span[data-popup="popover"] {
	color: rgba(134, 151, 172, 0.57) !important;
}
.form_appearance label.text-content-title{
	font-size: 15px;
	width: 300px;
}
.form_appearance h6.text-content-title small{
	font-size: 13px;
	color: #F00;
}
.codes_applied_section, .due_amount_section{
	color: #ff0000;
}
.ag_discount_code_section{
	color: #ff0000;
	padding: 24px 0px;
}	
ul.header_top_menu{
	margin-right:20px;
}
ul.header_top_menu > li > a{
	padding-left:10px;
	padding-right:10px;
}
.workspace_user_profile_image_container {
	display: inline-block;
    float: left;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 15px;	
}
.workspace_user_profile_image_container img { height: 30px; width: 30px; border-radius: 50%;}
.nav li a.workspace_user_profile_name { display: inline-block; }
.nav li a.workspace_user_profile_name span { margin-left: 20px; margin-right: 5px; }

/* Accordion style similar to Angular Material Expansion Panels*/
.sm_expand_all_panels{ text-align: right; padding: 0 0 16px 0; }
.sm_expand_all_panels_link, .sm_expand_all_panels_link:hover, .sm_expand_all_panels_link:focus{ font-size: 15px; font-weight: 400; font-family: inherit; color: #00b3f4; cursor: pointer; }
.sm_angular_material_expansion_panels .expansion_panel_group{
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    box-sizing: content-box;
    display: block;
    margin: 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    transition: margin 225ms cubic-bezier(.4,0,.2,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);
    -webkit-transition: margin 225ms cubic-bezier(.4,0,.2,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);
    -moz-transition: margin 225ms cubic-bezier(.4,0,.2,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);
    background: #ffffff;
}
.expansion_panel_group.sm_active_panel{ margin: 16px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.expansion_panel_group:first-child{ margin-top: 0px; }
.sm_angular_material_expansion_panels.ui-accordion .ui-accordion-header{
    height: 48px;
    line-height: 48px  \0/IE9;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 40px;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    font-family: 'ProximaNovaRegular';
    font-size: inherit;
    font-weight: 400;
    background: transparent;
    border: none;
    color: inherit;
    margin: 0px;
}
.sm_angular_material_expansion_panels .expansion_panel_group:first-of-type{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.sm_angular_material_expansion_panels .expansion_panel_group:last-of-type{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.sm_angular_material_expansion_panels.ui-accordion .ui-accordion-header:not(.ui-accordion-header-active):hover{ background: #f5f5f5; outline: 0; }

.sm_angular_material_expansion_panels.ui-accordion .ui-accordion-header.ui-accordion-header-active.ui-state-active{ height: 64px; line-height: 64px  \0/IE9; }

.sm_angular_material_expansion_panels.ui-accordion .ui-accordion-content{
    border: none;
    background: transparent;
    color: inherit;
    font: 400 14px/20px 'ProximaNovaRegular';
    display: flex;
    flex-direction: column;
    overflow: visible;
    padding: 16px 40px;
}

.sm_angular_material_expansion_panels.ui-accordion .ui-accordion-content.ui-accordion-content-active{ border-radius: 0px 0px 4px 4px; }

.sm_angular_material_expansion_panels.ui-accordion .ui-accordion-header .ui-icon{ text-indent: 0px; color: inherit; left: 12px; }
.sm_angular_material_expansion_panels.ui-accordion .ui-accordion-header .sm_active_header_icon:before{ content: '\e9e7'; }
.sm_angular_material_expansion_panels.ui-accordion .ui-accordion-header .sm_closed_header_icon:before{ content: '\e9e4'; }

/* --//Accordion style similar to Angular Material Expansion Panels*/
#uniform-cmp_domain_type_first, #uniform-cmp_domain_type_second{
	padding-top: 10px;
	padding-left: 10px;
}
.custom_domain_name{
	padding-left: 40px !important;
}
#extra_subuser_msg{
	width: 100%;
	float: left;
	text-align: center;
	display: block;
}
.extra_plan_price_msg{
	float: left;
	padding-left: 10px;
	font-size: 13px;
}
.extra_subuserplan_section{
	color:#f44336;
}
#delete_queue_msg, #delete_sent_msg, #delete_drafts_msg, #delete_approve_msg{
	position: relative;
    width: 112px;
    z-index: 9;
    top: -5px;
    display: block;
    margin-left: 0;
	line-height: normal; 
	margin-bottom: -15px;
}
#delete_queue_msg a, #delete_sent_msg a, #delete_drafts_msg a, #delete_approve_msg a{
	text-decoration: underline;
	display: block;
	margin-top: 5px;
}
#form_appearance .sp-dd:after{margin-top: -18px;}
.expansion_panel_group h5 > a.accordion_header_link{
	margin-left: 10px;
	color: #00b3f4;
	text-decoration: underline;
}
.ui-widget-content .link_default_color, .link_default_color{
	color:#0098ea;
}
.pt-0{
	padding-top: 0px !important;
}
.pl-0{
	padding-left: 0px !important;
}
.pr-0{
	padding-right: 0px !important;
}
.pb-0{
	padding-bottom: 0px !important;	
}
.pt-30{
	padding-top: 30px !important;
}
.pt-40{
	padding-top: 40px !important;
}
.pl-30{
	padding-left: 30px !important;
}
.pl-40{
	padding-left: 40px !important;
}
.pr-30{
	padding-right: 30px !important;
}
.pr-40{
	padding-right: 40px !important;
}
.pb-30{
	padding-bottom: 30px !important;	
}
.pb-40{
	padding-bottom: 40px !important;	
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-25 {
	margin-bottom: 25px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-35 {
	margin-bottom: 35px !important;
}
.mt-25 {
	margin-top: 25px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-35 {
	margin-top: 35px !important;
}


.in_first_comment_section, .fb_first_comment_section, .blsk_first_comment_section, .thrd_first_comment_section, .ln_first_comment_section{
	float: left;
    width: 100%;
    margin-top: 10px;
}
.pin_title_section{
	float: left;
    width: 100%;
    margin-bottom: 10px;
}
.tiktok_title_section{
	padding: 0 18px;
}
.in_first_comment_section #sm_in_first_comment, .pin_title_section #sm_pin_title_text, .fb_first_comment_section #sm_fb_first_comment, .thrd_first_comment_section #sm_thrd_first_comment, .ln_first_comment_section #sm_ln_first_comment, .blsk_first_comment_section #sm_blsk_first_comment, .tiktok_title_section #sm_tiktok_title_text{
	width: 100%;
}
.pi_counter_over #pi_msg_countdown{
	float: left;
}
.sm_social_ac_iframe{
	border: none;
	overflow: hidden;
	height: 45px;
}
.sm_icon_preview i.sm_fa_icon_preview{
	display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    padding:11px 5px 5px;
    margin-left: 10px;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}
.sm_invite_friend_fa_icon:before{content: attr(data-before);}
.sm_change_icon{display: inline-block;vertical-align: bottom;}
.sm_fontawesome_field_section{display: none;}
.sm_fontawesome_unicode{min-width:200px;}
.sm_fontawesome_field_section.show_inline_section{display:inline-block;}
.earn_shares_link_url_preview, .earn_visit_page_url_preview{
	border: 1px solid #a5a5a5;
	padding: 10px;
	background-color:#ffffff;
	display: none;
	border-radius: 3px;
}
.earn_shares_link_url_preview .page-title, .earn_visit_page_url_preview .page-title{
	padding: 0px !important;
}
.sm_record_video_testimonial_section .select2-container, .earn_custom_bonus_entry_approve_ans_type_section .select2-container{
	width: 55% !important;
	margin-left: 10px;
}
.earn_auto_approve_condition_section .select2-container{
	width: 11% !important;
	margin-left: 10px;
}
.earn_custom_bonus_entry_choose_only_one_section, .earn_custom_bonus_entry_choose_one_or_more_section{
	margin-left: 70px;
}
.modal.fade.left .modal-dialog {
  	transform: translate(-125%, 0px);
}
.modal.fade.left.in .modal-dialog {
	transform: none;
}
.modal.fade.right .modal-dialog {
  	transform: translate(125%, 0px);
  	margin-top: 0;
	margin-bottom: 0;
    margin-right: 0;
}
.modal.fade.right.in{
	padding-right: 0 !important;
}
.modal.fade.right.in .modal-dialog {
	transform: none;	
}
/* Every slide-in runs the full height, however short its content (Repute QA, 2026-10-27: the Queue grid's Category Editor
   stopped where its form did). Most set this inline; this covers the ones that do not. */
.modal.fade.right .modal-dialog { height: 100%; }
.modal.fade.right .modal-content { min-height: 100%; }
.modal-dialog .modal-body .tata-ajax-loader{
	position: absolute !important;
	width:99%;
}
.modal.fade.right.in .modal-content{
	border: 1px solid #D0D7E7;
	border-radius: 0;
}
.modal.fade.right .modal-footer{
	text-align: left;
}
button.close{
	font-size:25px;
}
.sm_cmp_share_img_change_section{
	margin-top: 5px;
}
.sm_cmp_share_img_change_section a{
	font-size: 16px;
	text-decoration: underline;
}
.add_custom_challenge_button.btn.btn-secondary, .add_custom_challenge_button.btn.btn-secondary:focus {
    background-color: #ffffff !important;
    color: #01a8e5 !important;
    padding: 5px 18px !important;

    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.add_custom_challenge_button.btn.btn-secondary:hover {
    
    background-color: #01a8e5 !important;
    color: #ffffff !important;
}
.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly){
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 7px 12px;
    line-height: 1.5384616;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	color: #ffffff;
    background-color: #01a8e5;
    border-color: #01a8e5;
	-moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.PinturaRoot .PinturaButtonExport:not(.PinturaButtonIconOnly):hover{
	color: #ffffff;
    background-color: #01a8e5;
    border-color: #01a8e5;
	-webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset !important;
    box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset !important;
}	
.sm_remove_challenge{
	margin-left: 10px;
}
.custom_bonus_clg_box{
	margin-bottom: 20px;
}
.earn_action_section i.sm_earn_mover, .entry_form_field_inner_section i.sm_field_mover{
	border: none;
    box-shadow: none;
    padding: 0;
    margin: 0 auto;
    height: auto;
    width: auto;
    font-size: 16px;
    margin-left: 10px;
    color: #585757;
}
.fa-sort-circle.sm_earn_mover:before, .fa-sort-circle.sm_field_mover:before{
	vertical-align: middle;
}
.earn_action_areas_items{margin-left:15px;}
.multiselect-container > li.multiselect-group:nth-child(2) > label{
    margin-top: 0;
}
.sm_red_alert{
	font-size: 16px;
	vertical-align: middle;
	color: #FF0000;
}
.auto_rp_block_section .social_icon_large img { width: 30px; height: 30px; }
#optimal_postontime_network.auto_rp_block_section .social_icon_large img { width: 22px; height: 22px; }

.icon-gmb:before{content:"\0047";padding: 0 1.7px;}
.social_icon_large i.fa-google{
	height: 29px;
	width: 29px;
	font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    display: inline-block;
}
.social_icon_grid i.fa-google{
	height: 26px;
	width: 26px;
	font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    display: inline-block;
}	
.gmb-cta-btn-status{
	margin-top: 10px;
	float: left;
	margin-left: 10px;
}
.gmb_link_button_view{
	margin-top: 10px;
	float: left;
	margin-left: 8px;
}
.gmb_link_button_text{
	background-color:#1a73e8;
	padding: 8px 22px 8px 22px;
	height: 36px;
	display: inline-block;
	border-radius: 4px;
	word-wrap: break-word;
	color: #fff;
	vertical-align: middle;
}
.gmb_link_change_btn{
	margin-left: 5px;
}
.sm_gmb_link_button_type_error {
	color: #ff0000;
	display: none;
}
.sm_social_post_instruction{
	list-style: none; 
	counter-reset: li;
	margin-top: 30px;
	padding-left: 0;
}
.sm_social_post_instruction li {
	counter-increment: li;
	padding-left: 75px;
    position: relative;
    margin-top: 30px;
}
.sm_social_post_instruction span,
.sm_social_add_post_instruction,
.sm_social_post_instruction li, 
.sm_post_import_sec p,
.sm_bulk_image_post_sec p {
	font-size: 15px;
}
.sm_social_post_instruction h4 { 
	font-size: 20px;
}
#grid-tab-import-sec .sm_social_post_instruction .downloadcsv_samplepost_btn { margin-left: 20px; border-radius: 5px !important; }
.sm_social_post_instruction li::before {
    background-color: #F6F9FF;
    color: #12309F;
    border-radius: 30px;
    min-width: 50px;
    min-height: 50px;
    position: absolute;
    left: 0px;
    text-align: center;
    font-size: 24px;
    font-family: "Font Awesome 5 Pro";
    padding: 7px;
}
ol.sm_social_post_instruction li { margin-bottom: 40px; }
ul.sm_social_add_post_instruction { padding-left: 18px; font-size: 15px; }
ul.sm_social_add_post_instruction li { list-style: none; margin-bottom: 30px; }
ul.sm_social_add_post_instruction li::before { 
	content: " ";
    background-color: #00b2f3;
    height: 12px;
    width: 12px;
    float: left;
    border-radius: 30px; 
    margin-right: 15px;
    margin-top: 6px;
}
#grid-tab-bulk-photo-sec .sm_social_add_post_instruction { margin-top: 40px; }
#grid-tab-import-sec .sm_social_post_instruction li:nth-child(1)::before { content: "\f33d"; }
#grid-tab-import-sec .sm_social_post_instruction li:nth-child(2)::before { content: "\f067"; }
#grid-tab-bulk-photo-sec .sm_social_post_instruction li:nth-child(1)::before { content: "\f341"; }
#grid-tab-bulk-photo-sec .sm_social_post_instruction li:nth-child(2)::before { content: "\f058"; }
#grid-tab-bulk-photo-sec .sm_social_post_instruction li:nth-child(2) { display: table-cell; }
#grid-tab-import-sec > h4.text-content-title{
	margin:0; 
} 
.sm_post_import_sec{
	display: none;
}
.form-group.sm_post_import_sec,
.form-group.sm_post_import_sec p {
	margin-bottom:0px; 
}
.sm_post_import_sec .text-content-title{
	margin-top: 0;
	margin-bottom:20px;
	font-weight: bold;
}
.sm_post_import_sec .uploader .filename{
	overflow: visible;
	max-width: 70%;
}
.upload_import_csv_sec .uploader .filename { display: none; }
.sm_post_import_sec .sm_csv_upload_inner_div .sm_upload_csv_file_info { font-size: 16px; }
.sm_post_import_sec .sm_import_result { margin: 12px 0; padding: 10px 14px; border: 1px solid #2e7d32; border-left-width: 4px; border-radius: 4px; background: #f1f8f1; color: #1b3d1c; font-size: 16px; }
.sm_post_import_sec .sm_import_result .sm_import_view { padding: 0 4px; font-size: 16px; font-weight: 600; vertical-align: baseline; }
.sm_bulk_image_post_sec .bulk_img_ntw_selection_lbl{ margin-bottom: -10px; margin-top: 30px; }
.bulk_import_msgbox_lbl {
	margin-top: 40px;
	margin-bottom: 10px;
}
.sm_upload_bulk_img_sec,
.sm_csv_upload_container {
	border: 1px dashed #D0D7E7;
    height: 190px;
    width: 100%;
    display: flex;
    cursor: pointer;
    border-radius: 5px;
}
.sm_upload_bulk_img_sec > span,
.sm_upload_bulk_img_sec > div,
.sm_csv_upload_container .sm_csv_upload_inner_div {
	margin: auto;
    font-size: 20px;
    color: #919191;
}
.sm_csv_upload_container .sm_csv_upload_inner_div {
	word-wrap: break-word;
    max-width: 100%;
    text-align: center;
	padding: 20px;
}
.sm_upload_bulk_img_sec .sm_bulk_upload_inner_img_sec,
.sm_csv_upload_container .sm_csv_upload_inner_div .sm_bulk_upload_inner_img_sec {
	display: block;
    text-align: center;
    margin-bottom: 8px;
    line-height: 1;
}
.sm_upload_bulk_img_sec .sm_bulk_upload_inner_btn_sec,
.sm_csv_upload_inner_div .sm_bulk_upload_inner_btn_sec {
    display: block;
    border-radius: 5px !important;
    font-size: 14px;
    font-weight: 400;
    color: var(--sm-wl-accent, #00B2F3);
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0 auto;
}
.sm_upload_bulk_img_sec:not(.disabled_drag_area).active,
.sm_csv_upload_container:not(.disabled_drag_area).active,
.sm_publisher_media_container:not(.disabled_drag_area).active,
.sm_attached_media_logo:not(.disabled_drag_area).active,
.sm_attached_video_media:not(.disabled_drag_area).active,
.sm_drag_upload_logo_section:not(.disabled_drag_area).active {
	border-color: #00b2f3;
}
.sm_upload_bulk_img_sec:not(.disabled_drag_area).active > span {
	color: #01a8e5;
}
.bulk_images_upload_progress_section,
.publisher_bulk_images_upload_progress_section,
.publisher_video_upload_progress_section {
	position: relative;
    background: #f2f4f9;
    margin-top: 4px;
    width: 100%;
}
.sm_upload_bulk_img_sec.uploaded_bulk_img_preview_sec {
	height: auto;
    display: inline-block;
}
.sm_bulk_image_post_sec .uploaded_bulk_img_preview_sec {
	display: none;
	height: auto;
    width: 100%;
    border: 0px dashed #cfdadd;
    margin-top: 10px;
}
.bulk_uploaded_img_preview {
	float: left;
    margin: 0px 8px 8px 0px;
}
.bulk_uploaded_img_preview img {
	height: 50px;
	width: 50px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.sm_bulk_image_post_sec .upload_bulk_img_input,
#sm_post_import_csv_div #post_upload_import_csv {
	position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    opacity: 0;
    cursor: pointer;
    display: none;
}

.bulk_img_hashtags_div .sm_add_hashtag_inline_div, .bulk_img_cta_div .sm_add_cta_inline_div{ width: 99%; display: inline-block; }

#post_upload_import_csv-error{text-align:left;}
#gmb_counter_over-error{float: left;}
#SM_loading_div_background{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 1001;
}
#SM_loading_inner_div{
    width: 300px;
    height: 175px;
    background: rgba(256, 256, 256);
    text-align: center;
    color: #000000;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    font-weight: bold;
}
#SM_progress_area{
  width: 100%;
  background-color: #D0D7E7;
  display: inline-block;
}
#SM_progress_bar {
  width: 1%;
  height: 20px;
  background-color: #4CAF50;
  text-align: center;
  display: inline-block;
  float: left;
}
/*Account Preferences social account box*/
.sm_social_ac_section .sm_social_ac_main{
	padding-left:20px;
	padding-right:20px; 
} 
.sm_social_ac_section .sm_social_ac_main:first-child{
	padding-left:10px;
}
.sm_social_ac_section .sm_social_ac_main:last-child{
	padding-right:10px;
}
.sm_social_ac_box{
	background-color: #fff;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	-moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	border-radius: 5px;
	margin-bottom: 40px;
}
.sm_social_ac_box_heading{
	padding: 10px 20px 10px 20px;
	display: inline-block;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.sm_social_ac_box_heading .btn.btn-secondary:not(.btn-rounded){
	background: transparent;
    border-color: #fff;
    padding: 5px 20px;
}
.sm_social_ac_inner_box .btn.btn-secondary:not(.btn-rounded){
	background: transparent;
    padding: 10px 20px;
    color:#01a8e5;
}
.sm_social_ac_box_heading .btn.btn-secondary,
.bulk_pi_ac_board_box .pi_board_list_add .btn.btn-secondary {
	float: right;
}
.sm_permmission_msg {
	font-size:12px;
	color:#FF0000;
	visibility:hidden;
	position:absolute;
	line-height: 14px;
}
.sm_ig_add_account:hover + .sm_permmission_msg {
	visibility: visible !important;
}
.sm_permissions_error {
	font-size:12px;
	color:#FF0000;
	line-height: 14px;
}
.ui-widget-content .sm_permissions_error a {
	text-decoration:underline;
	color:#00b3f4;
}

.sm_social_ac_box_heading.fb{
	background-color:#1778f2; 
}
.sm_social_ac_box_heading.in{
	background-color:#007ab7;
	background-image: linear-gradient(to right, #4f5bd5, #962fbf, #d62976, #fa7e1e,#feda75); 
}
.sm_social_ac_box_heading.tw{
	background-color:#000000; 
}
.sm_social_ac_box_heading.ln{
	background-color:#2867b2; 
}
.sm_social_ac_box_heading.gmb{
	background-color:#4175df; 
}
.sm_social_ac_box_heading.yt{
	background-color:#e70000; 
}
.sm_social_ac_box_heading.pi{
	background-color:#cc2127; 
}
.sm_social_ac_box_heading.tiktok{
	background-color:#000000; 
}
.sm_social_ac_box_heading.threads{
	background-color:#000000; 
}
.sm_social_ac_box_heading.bluesky{
	background-color:#AADBFF; 
}
.sm_social_ac_box_heading.bluesky .social_box_icon{
	padding: 2px;
}
.sm_network_preview_box.sm_social_media_ac_box .sm_social_ac_box_heading { background-image: none; background-color: transparent; padding: 10px 20px 10px 10px; }
.reauth_required_part{
	font-size: 11px;
	color: #FF0000;
	margin-top: 10px;
}
.reauth_required_part font{
	font-size:16px;
	vertical-align:middle;
}
.sm_social_ac_box .reauth_required_part > a{
	text-decoration:underline;
	color:#FF0000;
}
.sm_social_ac_box .tw_x_premium_switch{
	line-height: normal;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-top: -9px;
}
.sm_social_ac_box .tw_x_premium_switch .switch{
	min-height: 9px;
    height: 9px;
    padding: 0;
    margin: 0;
}
.sm_social_ac_box .sm_profile_main.tw .tw_x_premium_switch .switch-right-title{
	font-size: 12px;
    width: auto;
    margin: 0;
    padding: 0;
	vertical-align: middle;
	padding-left: 2px;
}
.sm_social_ac_box .tw_x_premium_switch .switch.sm_primary_switch .slider:before{
	height: 12px;
    width: 12px;
    top: -2px;
}
.sm_network_preview_box .social_box_icon.facebook { background-color: #1877F2; }
.sm_network_preview_box .social_box_icon.twitter { background-color: #000000; }
.sm_network_preview_box .social_box_icon.linkedin { background-color: #2B67AD; }
.sm_network_preview_box .social_box_icon.instagram { background: radial-gradient(120.87% 135.56% at 102.28% 6.72%, #FED576 0%, #F47133 26.34%, #BC3081 60.91%, #4C63D2 97.06%); }
.sm_network_preview_box .social_box_icon.google { background-color: #4175df; }
.sm_network_preview_box .social_box_icon.pinterest { background-color: #cc2127; }
.sm_network_preview_box .social_box_icon.google > img { margin: 8px 10px; display: block; }

.sm_social_ac_inner_box{
	padding: 20px 20px 10px 20px !important;
}
.social_box_icon i {
    color: #ffffff;
    border-radius: 50%;
    font-size: 37px;
    width: 35px;
    height: 35px;
    text-align: center;
}
.sm_network_preview_box .social_box_icon i {
	width: 36px;
    height: 36px;
    font-size: 16px;
    padding : 11px;
}
.sm_network_preview_box .social_box_icon.twitter i {
	top: -1px;
	left: -1px;
    position: relative;
}
.sm_network_preview_box .social_box_icon img {
    width: 17px;
    height: 17px;
}
.sm_network_preview_box .social_box_icon.tiktok img,
.sm_network_preview_box .social_box_icon.threads img,
.sm_network_preview_box .social_box_icon.bluesky img,
.sm_network_preview_box .social_box_icon.twitter img {
    width: 36px;
    height: 36px;
}
.sm_network_preview_box .social_box_icon.google img {
    display: inline-block;
}
.sm_network_preview_box .social_box_icon.yt img {
    width: 36px;
    height: 36px;
}
.social_box_icon .fa.fa-facebook{
	background-color: #fff;
	padding: 7px;
	font-size: 32px;
}
.social_box_icon .fa.fa-facebook:before{
	color: #1778f2;
}
.sm_social_ac_inner_box .sm_delete_account,.sm_social_ac_inner_box .sm_delete_account:hover,
.sm_social_ac_inner_box .sm_edit_mobile_account{
	float: right;
	color:#000000;
	display: inline-block;
	line-height: normal;
	margin: 15px 0;
}
.sm_link_predelete_network span.cross_icon i { 
	color:#90949c;
	margin-top: 2px;
}	
.sm_social_ac_inner_box span.cross_icon i,
.sm_social_ac_inner_box span.sm_pencil_icon i{ 
	color:#90949c;
	line-height: inherit;
	height: 15px;
    width: 15px;
    line-height: normal;
}
.sm_social_ac_inner_box .sm_edit_mobile_account{
	cursor: pointer;
	margin-right: 10px;
}
#modal_facebook_mobile_user_add .sm_fb_group_form-sec h6.text-content-title,
#modal_facebook_mobile_user_add .sm_fb_personal_form-sec h6.text-content-title,
	#modal_facebook_mobile_user_add .sm_fb_upload_profile-sec h6.text-content-title{
	display: inline-block;
	width: 245px;
}
#modal_facebook_mobile_user_add form .form-group .sm_add_fb_acc_field{
	width: 270px;
    display: inline-block;
	padding: 7px;
}
#modal_facebook_mobile_user_add .sm_fb_group_form-sec .validation-error-label,
#modal_facebook_mobile_user_add .sm_fb_personal_form-sec .validation-error-label{
	text-align: left;
    margin-left: 245px;
}
#modal_instagram_user_add .sm_in_personal_form-sec .validation-error-label{
	text-align: left;
    margin-left: 270px;
}
#modal_facebook_mobile_user_add .sm_account_type_radio-sec{
	display: flex;
}
#modal_facebook_mobile_user_add .sm_account_type_radio-sec .radio:not(:nth-child(1)){
	margin-top: 8px;
    margin-left: 30px;
}
#wk_pricing_plan_billing_setting_frm .checkbox-switch {
	margin-top: 8px;
	margin-bottom: 20px;
}
#wk_pricing_plan_billing_setting_frm .checkbox-switch >label {
	padding-left:10px;
}
.checkbox.sm_profile_main{
	height: 45px;
	vertical-align: middle;
	line-height: 45px;
	clear: both;
	display: inline-block !important;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 0;
}
.sm_account_profile{
	width:57%;
	display: inline-block;
}
span.sm_account_profile_image{
    background-size: contain;
    background-color: #eef1f8;
    height: 40px;
    display: inline-block;
    width: 40px;
    background-repeat:  no-repeat;
    background-position:  center center;
    position:  relative;
    border-radius: 100%;
    margin-right: 10px;
    float: left;
    cursor: pointer;
}
.sm_vyral_insta_row span.sm_account_profile_image, .sm_in_ac_item_box span.sm_account_profile_image {
	background-image: url(../../images/webflow/social-instagram.svg);
}
.sm_profile_input_container.fb label.sm_profile_image_container span:not(.sm_fb_group_icon_span),
.sm_fb_ac_item_box span.sm_account_profile_image {
	background-image: url(../images/svg/facebook.svg);
}
.sm_profile_input_container.ln label.sm_profile_image_container span:not(.sm_ln_group_icon_span),
.sm_ln_ac_item_box span.sm_account_profile_image {
	background-image: url(../images/svg/linkedin.svg);
}
.sm_profile_input_container.in label.sm_profile_image_container span,
.sm_in_ac_item_box span.sm_account_profile_image {
	background-image: url(../images/svg/instagram.svg);
}
.sm_profile_input_container.blsk label.sm_profile_image_container span,
.sm_blsk_ac_item_box span.sm_account_profile_image {
	background-image: url(../images/svg/bluesky.svg);
}
.sm_profile_input_container.gmb label.sm_profile_image_container span,
.sm_gmb_ac_item_box span.sm_account_profile_image {
	background-image: url(../images/svg/google_my_business.svg);
}
.sm_profile_input_container.thrd label.sm_profile_image_container span,
.sm_thrd_ac_item_box span.sm_account_profile_image {
	background-image: url(../images/svg/threads.svg);
}
.sm_profile_input_container.tk label.sm_profile_image_container span,
.sm_profile_input_container.tiktok label.sm_profile_image_container span,
.sm_tk_ac_item_box span.sm_account_profile_image {
	background-image: url(../images/svg/tiktok.svg);
}
.sm_profile_input_container.tw label.sm_profile_image_container span,
.sm_tw_ac_item_box span.sm_account_profile_image {
	background-image: url(../images/svg/twitter-x.svg);
}
.sm_profile_input_container.yt label.sm_profile_image_container span,
.sm_yt_ac_item_box span.sm_account_profile_image {
	background-image: url(../images/svg/youtube.svg);
}
.sm_profile_input_container.pi label.sm_profile_image_container span,
.sm_pi_ac_item_box span.sm_account_profile_image {
	background-image: url(../images/svg/pinterest.svg);
}
.sm_social_ac_inner_box .form-group{
	margin-bottom: 25px;
}
.sm_social_ac_inner_box h6{
	color: #00b2f3;
	font-weight: bold;
	margin-bottom: 0;
}
.sm_profile_main .text-content-title{
	white-space: nowrap;
	overflow: hidden;
    width: 65%;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
}
.sm_profile_main.tw .text-content-title{
	width: calc(100% - 183px);
}

.sm_social_ac_inner_box .multiselect2control{
	display: none;
}
h5.videos_report_notice{
	color: #000000;
	text-align: center;
	font-weight: bold;
}
#modal_rss_feed_editor > .modal-dialog,
#modal_select_image > .modal-dialog,
#modal_facebook_text_background_color > .modal-dialog { 
	box-shadow: 0px 80px 80px 0px rgb(32 34 65 / 40%);
	-webkit-box-shadow: 0px 80px 80px 0px rgb(32 34 65 / 40%);
	-moz-box-shadow: 0px 80px 80px 0px rgb(32 34 65 / 40%);
	-ms-box-shadow: 0px 80px 80px 0px rgb(32 34 65 / 40%);
	-o-box-shadow: 0px 80px 80px 0px rgb(32 34 65 / 40%);
}
#modal_post_notes_editor .modal-title span,
#modal_rss_feed_editor .modal-title span,
#modal_select_image .modal-title span,
#modal_watermark_editor .modal-title span,
#modal_facebook_text_background_color .modal-title span {
	background-color: #F6F9FF;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 16px 15px;
    margin-right: 20px;
    float: left;
    margin-top: -5px;
}
#modal_facebook_text_background_color .modal-title span {
	background-color: unset;
	height: 46px;
    width: 46px;
	padding: 2px 4px 2px 0;
}
#modal_facebook_text_background_color .modal-title span img {
	height: 42px;
    width: 42px;
}
#modal_post_comment_editor .modal-title span, #modal_post_comment_view .modal-title span {
	height: 50px;
    width: 50px;
    margin-right: 20px;
    float: left;
    margin-top: -10px;
}
#modal_watermark_editor .modal-title span {
	padding: 12.5px;
}
#modal_post_notes_editor .modal-title span { background-color: rgba(229, 3, 0, 0.15); color: #E50300;}
#modal_rss_feed_editor .modal-header button.close,
#modal_select_image .modal-header button.close,
#modal_hashtag_editor .modal-header button.close,
#modal_cta_editor .modal-header button.close,
#modal_group_form_publish .modal-header button.close,
#modal_watermark_editor .modal-header button.close,
#modal_post_notes_editor .modal-header button.close,
#modal_ai_setup .modal-header button.close,
#modal_image_alt_text .modal-header button.close,
#modal_wk_custom_schedule .modal-header button.close,
#modal_automated_post_set_editor .modal-header button.close,
#modal_select_template .modal-header button.close,
#modal_submission_form .modal-header button.close,
#modal_view_template_screen .modal-header button.close,
#modal_post_comment_editor .modal-header button.close,
#modal_post_comment_view .modal-header button.close,
#modal_facebook_text_background_color .modal-header button.close, .modal-header button.close {
	background-color: #112F9E;
    height: 28px;
    border-radius: 50%;
    width: 28px;
    color: #fff;
    opacity: 1;
    margin-top: 2px;
}
#modal_ai_setup .modal-header button.close,{
	left: 80px;
    right: unset;
}
.bootbox-close-button.close{
	background-color: #112F9E;
    border-radius: 50%;
    color: #fff;
    opacity: 1;
    height: 28px;
    width: 28px;
}
.bootbox-close-button.close:hover{
	color: #fff;
}
#modal_rss_feed_editor .modal-content,
#modal_select_image .modal-content,#modal_facebook_text_background_color .modal-content { outline:0; border:0; box-shadow: none; }
#modal_select_image .modal-body,#modal_facebook_text_background_color .modal-body { display: inline-block;width: 100%; }

#modal_rss_feed_editor .sm_outline_material_style .sm_how_to_find_feed_url { float: left; margin-left: 10px; margin-top: 5px; }
#modal_rss_feed_editor .sm_outline_material_style .select2-container { width: 100% !important; }
/*#modal_rss_feed_editor input[type="text"]{width: 80%;display: inline-block;float: left;}*/
#modal_hashtag_editor input[type="text"] {width: 50%;display: inline-block;float: left;}
#modal_cta_editor input[type="text"] {width: 50%;display: inline-block;float: left;}
#select2-rss_feed_add_latest-container,#select2-rss_feed_post_limit-container{text-align:center;}
#modal_rss_feed_editor .right-title, #modal_hashtag_editor .right-title , #modal_cta_editor .right-title{float: left;height: 42px;vertical-align: middle;line-height: 42px;}
#modal_rss_feed_editor .validation-valid-label{display:inline-block;float: left;width: 80%;min-width: 250px;}
#modal_rss_feed_editor .validation-error-label { display: block; }
#modal_rss_feed_editor #rss_feed_add_latest-error { margin-top: 18px; position: absolute; left: 10px; }
#modal_hashtag_editor #hashtag_grp_name-error, #modal_cta_editor #cta_grp_name-error{display:inline-block;float: left;width: 80%;min-width: 250px;}
#modal_hashtag_editor .validation-error-label:not(#hashtag_grp_name-error), #modal_hashtag_editor .validation-valid-label:not(#hashtag_grp_name-error), #modal_cta_editor .validation-valid-label:not(#cta_grp_name-error){display:inline-block;float: left;width: 100%;}
#modal_rss_feed_editor .form-group{width: 100%;display:inline-block;}
#modal_rss_feed_editor .fix_header_button button{width: 120px;margin-left: 20px;}
#modal_rss_feed_editor .tata-ajax-loader{position: absolute !important;}
body #grid-rss-manager.table > thead > tr > th{
    vertical-align: middle;
}
#pause_queue_msg {
    margin-left: 4px;
    line-height: normal;
}
.rss_refresh_lbl{
	color: #0000FF;
}
.rss_refresh_lbl img{
	margin-top: -3px;
    margin-left: 5px;
}
#smemoji-picker,
.smemoji-picker-network-preview,
#smemoji-picker-bulk-images,
.smemoji-picker-grid_message,
#smemoji-picker-alt-text {
	position: absolute;
	right: 0px;
	background-color: #fff;
	z-index: 9999;
	opacity: 0;
}
#smemoji-picker, #smemoji-picker-bulk-images {
	margin-top: 0;
	margin-right: 0;
}
.smemoji-picker-network-preview { 
	right: unset;
}
#smemoji-picker-alt-text{ 
	margin-top: 2%;
    margin-right: 35%;
}
.smemoji-picker-grid_message {
	margin-top: 0;
    margin-right: 0;
    top: 20px;
    left: 92%;
}
#smemoji-picker:focus, 
.smemoji-picker-network-preview:focus,
#smemoji-picker-bulk-images:focus,
.smemoji-picker-grid_message:focus {
	border: none;
	outline:none; 
}

.connect-mor-acs.btn-group.open #add_account_open, .connect-mor-acs.btn-group.open #post_preset_open{
	box-shadow: none;
} 
#post_preset_open:hover{
	box-shadow: none;
}
#post_preset_open span.icon{
	display: inline-block;
}
#selected_preset_text{
	display: none;
	margin-left: 5px;
    vertical-align: top;
}
.sm_post_preset_section .sm_remove_post_preset{
	display: none;
	position: absolute;
	top: -5px;
	right: -5px;
	color: #f65a5a !important;
	background-color: #FFFFFF;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
	/* above .popover (1060) - the Post Presets tooltip overlaps this corner */
	z-index: 1061;
}
/* The X lives INSIDE the button on purpose: only ~27% of it overlaps the button
   box, so as a sibling it was a second hover target - moving onto it dropped
   #post_preset_open:hover, which hid the Post Presets popover and made the two
   flicker against each other. As a descendant, hovering the X still counts as
   hovering the button. */
.sm_post_preset_section.sm_preset_selected #post_preset_open:hover .sm_remove_post_preset{
	display: block;
}
.connect-mor-acs .dropdown-menu {
	max-width: 300px;
	width: 300px;
	right: 0px;
	left: inherit;
}
.sm_social_acc_group_list > span {
	display: none;
	position: absolute;
    top: 0%;
    right: 0%;
    margin-top: 12px;
    line-height: 20px;
}

.sm_social_acc_group_list:hover > span {
	display: block;
}
.dropdown-menu > li.sm_social_acc_group_list > a {
	padding-right: 50px;
}
.dropdown-menu > li.sm_social_acc_group_input_container {
	border-top-width: 1px;
    border-top-color: #D0D7E7;
    border-top-style: solid;
    padding: 8px 15px;
}
.dropdown-menu > li.sm_social_acc_group_input_container p#acc_group_name_error {
	margin-bottom: 0;
	color : #ff0000;
	float: left;
}
.dropdown-menu > li.sm_social_acc_group_input_container #social_acc_group_name {
	width: 100%;
}
.dropdown-menu > li.sm_social_acc_group_input_container button {
	width: 20%;
    margin-top: 5px;
    margin-left: 5px;
}
.dropdown-menu > li.sm_social_acc_group_input_container > label:hover {
	background-color: transparent;
}
.sm_social_acc_group_input_container .sm_group_action_btn{
	text-align: right;
    margin-top: 10px;
}
.sm_social_acc_group_input_container .sm_group_action_btn .sm_delete_action_btn,
.sm_social_acc_group_input_container .sm_group_action_btn .sm_save_action_btn{
	font-weight: bold;
    background-color: #F6F9FF;
    padding: 9px 10px;
    border-radius: 50%;
    margin-left: 8px;
}
.sm_social_acc_group_input_container .sm_group_action_btn .sm_delete_action_btn:hover{
	color: #ff0000;
}
.sm_social_acc_group_input_container .sm_group_action_btn .sm_save_action_btn:hover{
	color: #00B2F3;
}

 .form-control#custom_link[readonly] {
 	border-style: solid;
 }
.main_profile_img_lbl{
	position: absolute;
    bottom: 0;
    max-width: 85px;
    width: 85px;
    color: #1e88e5;
    cursor: pointer;
    margin: 0;
}
#sm_suggestion_popup, #sm_ln_suggestion_popup
{
  background-color:#fff;
  border-radius:7px;
  box-shadow:0 0 14px 2px rgba(0,0,0,0.05);
  border:none !important;
  overflow-y:auto;
  padding: 5px;
  background: #fff;
  display: none;
  z-index: 9999;
  position: absolute;
  width: 250px !important;
  max-height: 510px;
  width: max-content;
}
#sm_suggestion_popup.hidden, #sm_ln_suggestion_popup.hidden
{
    visibility: hidden;
}
.SMp-dropdown-menu{
	padding: 0;
    list-style: none;
}
.SMp-dropdown-item{
	padding: 10px;
	cursor: pointer;
	width: 100%;
    min-height: 65px;
}
.SMp-dropdown-item:hover{
	background-color: #f2f4f9;
}
.SMp-item-heading{
	color: #343538;
	font-size: 15px;
    font-weight: bold;
	white-space: nowrap;	
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: calc(96% - 45px);
}
.SMp-item-username{
	white-space: nowrap;	
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
	width: calc(96% - 45px);
}	
.form_appearance label.text-content-title.sm-inline-lbl{
	width: auto;
	vertical-align: middle;
	margin-bottom: 0;
	line-height: 15px;
}
.form_appearance .sm_white_label_color-sec label.sm_field_label_container{
	display: table;
}
.sm_small_input{
	width: 50px !important;
	float: unset !important;
	text-align: center;
}
#modal_hashtag_editor textarea, #modal_cta_editor textarea{
	border: 1px solid #D0D7E7;
	width: 100%;
	height: 250px;
	resize: none;
}
#modal_hashtag_editor .sm_hashtag_first_row label.text-content-title{
	min-height: 40px;
}
#modal_hashtag_editor .sm_hashtag_grp_thrd label.text-content-title {
	padding: 8px 0;
}
.social_media_option_main span.editable{
	display: inline-block;
	width: 100%;
}
#modal_hashtag_editor .fix_header_button button, #modal_cta_editor .fix_header_button button, #modal_plan_group_editor .fix_header_button button{
	width: 120px;
	margin-left: 20px;
}
#modal_plan_group_editor .fix_header_button button{
	margin-left: 0;
}
.act_prefer_menu, .act_setting_menu, .act_mng_user_menu, .act_billing_menu{
	margin: 0;
    font-weight: normal;
    cursor: pointer;
}

.editable#fb_message, .editable#ln_message, .editable#tw_message, .editable#in_message, .editable#blsk_message, .editable#thrd_message, .editable#pi_message, .editable#gmb_message, .editable#tiktok_message, .editableyt#yt_message,.editable#yt_message{
	position: relative;
	padding: 5px 8px;
}
.sm_outline_material_style #yt_message:not(.edit_social_message){
	border: 1px solid #D0D7E7 !important;
	padding: 8px 10px 35px 10px;
    box-shadow: none;
    border-radius: 5px !important;
    min-height: 100px;
    height: auto;
    font-size: 12px;
    background-color: #ffffff;
    resize: none;
}
.sm_outline_material_style #yt_message.inline_edit_textover.social_message_preview, .sm_outline_material_style #yt_message.edit_social_message #yt_message_editarea {
	background:#f6f9ff;
}	
.sm_outline_material_style #yt_message.edit_social_message{
	padding: 0;
}
#frm_hashtag_grp svg, #frm_hashtag_grp img, #frm_cta_grp svg, #frm_cta_grp img{
	width: 35px;
	height: 35px;
}
#frm_cta_grp .row .sm_cta_col_5{
	width: 20%;
}
#campaign_details_main_section .panel-body.no-padding{
	z-index: 1;
}

.price_list_section .select2-container{
	text-align: center;
}
.price_list_items{
	display: inline-block;
	width: 45%;
}
.price_list_item{
	display: inline-block;
    width: 100%;
    margin-top: 20px;
}    
.price_name_lbl, .price_desc_lbl, .price_img_lbl{
	float:left;
	padding-left: 0;
	width: 25%;
}
.price_list_item .price_img_lbl{
	line-height: normal;
}
.price_desc_lbl{
	min-height: 65px;
}
.price_list_items input, .price_list_items textarea{
	width: 70%;
	float: left;
}
.price_img_section{
	width: 70%;
	float: left;
}
.price_img_section .uploader{
	width: 50%;
}
.price_img_section .uploader .disable{
	display: none;
}
.price_item_preview{
	display: none;
    height: 100px;
    width: 100px;
    background-size: 100% 100%;
    background-position: center center;
}
#ac_profile_page_url, #agency_free_pricing_plan_signup_page{
	width: 100%;
	display: inline-block;
	height: 38px;
}

.sm_angular_material_expansion_panels .sm_url_copy_container{
	padding-top: 10px;
}
.sm_copy_icon{
	width: 20px;
    height: 20px;
    font-size: 22px;
    cursor: pointer;
    margin-right: 10px;
}
.optimal-gmb-block .gmb_logo img{
	background-color: #7c89e5;
    border-radius: 100px;
    height: 29px;
    width: 29px;
}
.sm_profile_page_error{
	font-size: 25px;
	margin: 0 auto;
	width: 98%;
	text-align: center;
	top: 44%;
	position: absolute;
}
.sm_profile_page_error h1{
  	padding: 0;
  	font-size: 42px;
  	margin: 0 auto;
	font-weight: bolder;
}
.sm_profile_page_error p{
  	font-size: 20px;
}
.profile_page_text{
	min-width: 300px;
	margin: 55px 0 0 auto;
	text-align: center;
	padding: 0 20px;
}
.profile_page_social_ac{
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;	
}
.profile_page_social_ac img{
	margin-left: 13px;
	margin-right: 13px; 
	cursor: pointer;
}
.thank_u_title {
	min-width: 300px;
	margin:100px 0 55px auto;
	text-align: center;
	padding: 0 20px;
	font-size: 55px;
}
.sm_page_title.thank_u_title{
	margin: 50px 0 15px auto;
	line-height: 40px;
}
.thank_you_message_container,
.sm_thank_u_new_design .sm_wtm_area_new{
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;	
	width: 40%;
}
.sm_thank_u_new_design .thank_you_message_container,
.sm_thank_u_new_design .sm_wtm_area_new{
	width: 50%;
	padding-bottom: 50px;
}
.sm_thank_you_new_container{
	width: 70%;
	margin-top: 50px;
}
.sm_thank_you_with_video{
	width: 50%;
}
.sm_thank_you_new_container .sm_page_title{
	padding: 0;
}
.sm_thank_you_without_video .sm_page_title,
.sm_thank_you_without_video .sm_order_2{
	text-align: left;
}
.sm_thank_you_with_video .sm_page_title,
.sm_thank_you_with_video .sm_order_2{
	text-align: center;
}
.sm_thank_you_new_container p.sm_thank_you_subheading{
	color: #5F5F5F;
	font-size: 20px;
}
.sm_thank_you_new_container .sm_thank_you_effect_gif{
	position: absolute;
    mix-blend-mode: darken;
	pointer-events: none;
}
.sm_thank_you_without_video .sm_thank_you_effect_gif{
	left: 10%;
    top: -150px;
}
.sm_thank_you_with_video .sm_thank_you_effect_gif{
	left: calc( 50% - 200px);
    top: -150px;
}
.sm_thank_you_effect_gif img{
	width: 400px;
}
.sm_thank_you_desc{
    color: #8798AD;
    font-size: 17px;
	line-height: 30px;
}
.sm_thank_you_img{
	max-width: 100%;
}
.sm_client_intake_section{
	width: 50%;
	padding-bottom: 50px;
	margin: 0 auto;
	padding: 0 10px;
}
.sm_client_intake_section .sm_white_box{
	padding: 40px 60px;
}
.sm_client_intake_section .sm_page_title{
	margin: 50px 0 15px auto;
}
#sm_client_intake_form .form-group > label:not(.error-msg){
	font-size: 15px;
	color: #5F5F5F;
}
#sm_client_intake_form .smchkbtnstyle > label{
	padding: 8px 30px;
	min-width: 120px;
    text-align: center;
}
#sm_client_intake_form .sm_inp_datepicker_icon{
	position: absolute;
    top: 36px;
    left: 10px;
}
#sm_client_intake_form #start_posting_date{
	padding-left: 40px;
}
.sm_wm_slider_section{
	text-align: left;
	width: 100%;
}
.sm_wtm_area_new #sm_wm_size_slider{
	background-color: #00B2F3;
	height: 10px;
	margin:0 auto;
}
.sm_wtm_area_new #sm_wm_size_slider .noUi-background{
	background-color: #ccf0fd;
}
.sm_wtm_area_new .wm-size-label{
	color: #8798AD;
	font-weight: 700;
	font-size: 16px;
}
.sm_wtm_area_new button.sm_skip_btn{
	padding: 8px 45px;
}
.thank_you_message_container p {
	font-size: 16px;
}
.sm_thank_u_new_design .sm_page_sub_title{
	font-size: 20px;
}
.sm_thank_u_new_design .wtm_upload_title h3{
	line-height: 40px;
    letter-spacing: -1px;
	margin: 0;
	font-size: 20px;
}
.sm_thank_u_new_design .wtm_upload_field_area input{
	width: 70%;
    min-height: 49px;
	font-size: 15px;
}
.sm_thank_u_new_design .wtm_upload_field_area .btn.wtm_fetch_logo{
	padding: 15px 20px;
    margin-left: -125px;
    margin-top: -2px;
    line-height: 17px;
}
.paymentsuccess_page_wrapper_row .panel{
	background: unset;
}
.sm_drag_upload_logo_section{
	border: 1px dashed #D0D7E7;
    padding: 40px 20px;
	margin: 0 15%;
	cursor: pointer;
}
.sub_text_title .sm_drag_upload_logo_section p,
.sm_wtm_or_text{
	font-size: 15px;
	color: #8798AD;
}
.sm_drag_upload_logo_section p a{
	color: #8798AD;
}
button.sm_skip_btn{
	font-size: 16px;
    border: 1px solid #D0D7E7;
    padding: 9px 50px;
    border-radius: 5px;
    color: #5F5F5F;
    font-weight: 700;
}
.sm_valid_sign {
    background-image: url('../../images/webflow/validation_success.svg');
    background-size: auto 20px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px;
    height: 25px;
    display: inline-block;
	margin:0 auto;   
}
.page_profile_box span{
	display:none;
}
.sm_valid_sign_new {
    width: 25px;
	height: 25px;
	background-color: #02b321;
	border-radius: 50px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: normal;
	padding: 4px 3px 3px 1px;
	font-weight: bold;	
}
.fb_profile_status.sm_valid_sign_new, .tw_profile_status.sm_valid_sign_new, .ln_profile_status.sm_valid_sign_new, .gmb_profile_status.sm_valid_sign_new, .yt_profile_status.sm_valid_sign_new, .in_profile_status.sm_valid_sign_new, .blsk_profile_status.sm_valid_sign_new, .thrd_profile_status.sm_valid_sign_new, .pi_profile_status.sm_valid_sign_new, .tiktok_profile_status.sm_valid_sign_new{
	display: inline-block;
	margin-top: -11px;
}
.page_profile_box{
	display: inline-block;
	min-height: 32px;
	vertical-align: top;
	margin-top: 30px;
}
.fb_profile_status.sm_valid_sign, .tw_profile_status.sm_valid_sign, .ln_profile_status.sm_valid_sign, .gmb_profile_status.sm_valid_sign, .yt_profile_status.sm_valid_sign, .in_profile_status.sm_valid_sign, .blsk_profile_status.sm_valid_sign, .thrd_profile_status.sm_valid_sign, .pi_profile_status.sm_valid_sign, .tiktok_profile_status.sm_valid_sign{
	display: inline-block;
	margin-top: 5px;
}
.sm_social_profile_ac_iframe{
	border: none;
	overflow: hidden;
	height: 275px;
}
.smno_of_remain_ac{
	text-align: center;
	padding-top: 20px;
	font-size: 18px;
	font-weight: 400;
}
textarea#fullwidgetcode_url{
	height: 36px;
}
.design_widget_tabs label.design_widget_tabs_group{
	margin-top: 0px;
    margin-bottom: 0;
    float: left;
    margin-right: 8px;
    margin-left: 8px;
    padding-bottom: 11px;
    cursor: pointer;
}
.design_widget_tabs label.design_widget_tabs_group.active{
	border-bottom: 2px solid #00b2f3;
}	
#option_fullpage #desktop_icon,
#option_mobile #mobile_icon,
#undo_svg_icon, #redo_svg_icon,
#save_svg_icon{
	fill: #909090;
}
#option_fullpage svg:hover #desktop_icon,
#option_mobile svg:hover #mobile_icon,
#sm_undo_icon_lbl svg:hover #undo_svg_icon,
#sm_redo_icon_lbl svg:hover #redo_svg_icon,
#sm_save_icon_lbl svg:hover #save_svg_icon{
	fill: #00b2f3;
}
#option_fullpage.active #desktop_icon, #option_mobile.active #mobile_icon{
	fill: #00b2f3;
}
.design_widget_action_tabs {
    float: right;
    width: auto;
    margin-top: 13px;
    margin-right: 40px;
}
.design_widget_action_tabs svg{
	cursor: pointer;
}
.design_widget_action_tabs label.design_widget_action_tabs_group{
	margin-top: 0px;
    margin-bottom: 0;
    float: left;
    margin-right: 8px;
    margin-left: 8px;
    padding-bottom: 11px;
}
.design_widget_action_tabs label.design_widget_action_tabs_group.active #undo_svg_icon, .design_widget_action_tabs label.design_widget_action_tabs_group.active #redo_svg_icon{
	fill: #00b2f3;
}
.smmultiytgmb_section .multiselect-container li a{
	white-space: break-spaces;
}
.smmultiytgmb_section .multiselect-container li a label{
	white-space: initial;
}
#referral_sweepstakes_section .checkbox{
	margin-bottom: 10px;
	margin-top: 15px;
}
.radio.viral_section_radio{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
}
.radio.viral_section_radio .choice{
	top:7px;
}
#rules_disclaimer_sample_link_section {
	margin-bottom: 0
}
#rules_disclaimer_sample_link_section a {
	display: inline-block;
}
#rules_disclaimer_sample_link_section a .text-content-title {
	color: #0c4ad8 !important;
	margin: 0;
}
.sg_wk_ophide{
	display: none;
}
.sm_resend_text{
	text-decoration: underline;
	color: #000;
	padding-left: 10px;
	cursor: pointer;
	display: inline-block;
}
.sm_resend_text.active{
	text-decoration: none;
	color:#02b321;
}
.sm_edit_agency_users_field #sg_icon_profile_img {
    display: none;
    border-radius: 50%;
    margin-right: 10px;
}
.sm_edit_agency_users_field .change_img, .sm_edit_agency_users_field .remove_img, .sm_edit_agency_users_field #sg_profile_photo {
    display: none;
}
.sm_edit_agency_users_field .main_profile_img_lbl {
    color: #1e88e5;
    cursor: pointer;
    margin-right: 20px;
    position: unset;
}
.sm_edit_agency_users_field .remove_img {
    color: red;
    margin-right: 0;
    max-width: 100px;
    width: 100px;
}
#change_asset_lib_section{height:100%;}
#modal_select_image .modal-body,
#modal_facebook_text_background_color .modal-body {
    padding: 10px 16px 5px 16px;
}
.socia_asset_lib_box .upload_img_new_cancel, .change_asset_lib .socia_asset_lib_box .cross_icon, .asset_rotate_photo_icon{
	display: contents;
}
.success-msg{
	color: #02b321;
}
.dataTables_processing{
    top: 0;
    left: 0;
    height: 100%;
    margin: 0;
    opacity: 0.8;
    background: #ffffff;
}
.social_media_section_col #custom_link_display {
	border: 1px solid #BABABA;
    padding: 3px 15px;
    padding-left: 0;
    border-radius: 5px;
}
.social_media_section_col #custom_link_display:focus-within {
	border: 1px solid #00B2F3;
}
.smmb-40{
	margin-bottom: 40px;
}

@keyframes sm_spinner {

  to {transform: rotate(360deg);}

}
.sm_spinner{
	position: relative;
	pointer-events: none;
}
.sm_spinner_alert{
    font-size: 16px;
    padding-top: 5px;
}
.sm_spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-top-color: #000000;
  animation: sm_spinner .8s linear infinite;
  z-index: 9;
}
.sm_spinner:after {
	content: '';
	background-color: rgba(128, 128, 128, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius:5px; 
	z-index: 2;
	transition: none;
	-webkit-transition: none;
}
.dataTables_filter .grid_datatables_search_filter label.sm_field_label_container{
    font-size: 11px;
    color: #5F5F5F;
}
#grid-voter-ip-addresses_filter .grid_datatables_search_filter label.sm_field_label_container,
#grid-voter-ip-addresses_length .sm_outline_material_style .sm_field_label_container.datatable_lbl_field_material,
#grid-rewards-entry-detail_filter .grid_datatables_search_filter label.sm_field_label_container,
#grid-rewards-entry-detail_length .sm_outline_material_style .sm_field_label_container.datatable_lbl_field_material {
	background-color: #ffffff;
}
.dataTables_filter .grid_datatables_search_filter input{
	width: 320px;
}
.dataTables_wrapper .datatable-header .datatable_lbl_field_material{
	display: table;
    font-size: 11px;
    top: 8px;
}
.dataTables_wrapper .dataTables_filter > label:after{
    color: #CFCFCF;
    right: 20px;
    top: 63%;
    font-size: 15px;
}
.post_schedule_type_area{
	margin-left: 10px;
}
.dataTables_wrapper .datatable-header {
	padding-top: 5px;
	text-align: left;
	border-bottom: 0;
}
.sm_grid_reload_button.icons-list a[data-action], .sm_grid_reload_button_one.icons-list a[data-action], .sm_pricing_grid_setting_button.icons-list a[data-action], .sm_payment_history_reload_button.icons-list a[data-action], .sm_canva_reload_button.icons-list a[data-action]{
    background-color: rgba(0, 178, 243, 0.38);
    width: 38px;
    height: 38px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
}
.sm_grid_reload_button.icons-list a[data-action="reload"]:after, .sm_grid_reload_button_one.icons-list a[data-action="reload"]:after, .sm_pricing_grid_setting_button.icons-list a[data-action="refresh"]> i, .sm_pricing_grid_setting_button.icons-list a[data-action="setting"]> i, .sm_payment_history_reload_button.icons-list a[data-action="reload"]:after, .sm_canva_reload_button.icons-list a[data-action="reload"]:after {
    color: #00B2F3;
    font-size: 20px;
    width: 20px;
    vertical-align: middle;
    margin-top: 9px;
}
.sm_pricing_grid_setting_button.icons-list a[data-action="refresh"]> i, .sm_pricing_grid_setting_button.icons-list a[data-action="setting"]> i {
	font-size: 16px;
	margin-top: 12px;
}
.sm_pricing_grid_setting_button.icons-list a[data-action="setting"]> img{
	width: 100%;
	min-width: 100%;
}
.dataTables_wrapper .datatable-header .dataTables_filter{
	text-align: left;
}
/* For all grid page css start */
.sm_grid_reload_button:where(:not(.sm_pub_btn)), .sm_payment_history_reload_button {
    display: none;
    float: right !important;
    padding-top: 16px !important;
    padding-left: 10px !important;
}
/* For all grid page css end */
/* For Queue grid page css start */
.sm_bulk_delete_button:where(:not(.sm_pub_btn)) {
    display: none;
    float: left !important;
    padding-top: 16px !important;
    padding-right: 20px !important;
}
.icons-list.sm_bulk_delete_button a[data-action="bulk_delete"]:after {
	content: '';
	background: url(../images/svg/edit_icon.svg);
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	background-size: 100%;
}
.grid-form-body{
    padding: 20px 20px 20px 0;
}   
#wks_login .sm_outline_material_style .form-control-feedback { top: 9px; right: 15px; }
#rp_schedule_form .sm_outline_material_style .form-control-feedback { padding-top: 5px; right: 15px; }
/* RSS Feed Editor: Publishing Options and its switches on one line, centred on the select (Repute QA, 2026-10-27).
   The switches are 34px against the select's 38px, hence 2px under them. */
div:has(> #sm_rss_post_type_container) { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px; }
div:has(> #sm_rss_post_type_container) > .sm_publish_post_opt_container { float: none; margin: 0 0 2px; }
/* From Agency post set settings: Boards, Publishing Options and Apply Post Preset on one line, starting at the same left
   edge as Category above and Save below (Repute QA, 2026-10-27). The row's clearfix ::before would be a flex item. */
.row:has(> #sm_agency_post_type_container) { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 20px; margin-left: 0; margin-right: 0; }
.row:has(> #sm_agency_post_type_container)::before, .row:has(> #sm_agency_post_type_container)::after, .row:has(> #sm_agency_post_type_container) > .clear { display: none; }
.row:has(> #sm_agency_post_type_container) > * { float: none; margin-left: 0 !important; padding-left: 0; padding-right: 0; }

.sm_sharebutton_update_preview_btn_container #update_preview_btn { margin-top: 17px; padding-top: 10px; padding-bottom: 10px; }
#modal_select_image .modal-dialog .modal-content,#modal_facebook_text_background_color .modal-dialog .modal-content { padding: 0px; }
table.table-striped > tbody > tr:nth-of-type(odd):hover td.grid-action-column { background-color : #F6F9FF; }
.datatable-header .sm_table_heading_btn_container { display: inline; width: auto; float: left; height: 100%; margin-top: 19px; }
.datatable-header .sm_table_heading_btn_container.sm_add_wks_menu_container { position: relative; }
.sm_table_heading_btn_container .btn { padding: 8px 25px; background-color: #00B2F3; }
.sm_add_agency_user_container .sm_table_heading_btn_container .btn { padding: 6px 20px; background-color: #00B2F3; }
.sm_add_agency_user_container { display: inline; float: left; }
.sm_add_agency_user_container .sm_agency_user_list { position: absolute; z-index: 9; width: 100%; }
.sm_add_agency_user_container #sm_agency_user_link { position: relative; }
#modal_launch_embed_video #update_preview_btn { padding-top: 10px; padding-bottom: 10px; }
#agency_dashboard_page_wrapper .page-header-content .panel.msg-type-section ul > li { min-width: 205px; }
.page-header-content #sm_manage_campaign_page_tab.panel ul#sm_manage_campaign_page_tab_nav > li { min-width: 200px; }
.sm_sub_user_permitted_accounts .checkbox:not(.multi-twitter-account-main,.multi-yt-account-main){
	margin-bottom: 0px;
}
#auto_rps_div .sm_outline_mterial_input_div .validation-error-label, #auto_rps_div .sm_outline_mterial_input_div .validation-valid-label,
.sm_rss_repost_option_container .sm_outline_mterial_input_div .validation-error-label, .sm_rss_repost_option_container .sm_outline_mterial_input_div .validation-valid-label { 
	position: absolute;
	left: 0;
    bottom: -16px;
}
.sm_rss_repost_option_container .sm_outline_mterial_input_div .validation-error-label, 
.sm_rss_repost_option_container .sm_outline_mterial_input_div .validation-valid-label { margin-left: 10px; }
.sm_outline_material_style .sm_url_copy_container { display: inline-block; line-height: 43px; margin-left: 5px; }
.sm_outline_material_style .copy-link-icon { line-height: 34px; }
.sm_pi_board_section {
    width: 75%;
    float: right;
}
/* A heading placed straight in a settings row lines up with the row's columns (the row's negative margin
   otherwise pulls it 10px past them, to the panel edge on phones). */
.row.sm_social_ac_section > :is(h5, h6) { padding-left: 10px; padding-right: 10px; }
.sm_pi_board_section_details {
    width: 200px;
    float: right;
}
body .sidebar-main .navigation > li > a,
body .sidebar-main .navigation > li.active > a,
body .sidebar-main .navigation > li.active > a:hover,
body .sidebar-main .navigation > li > a:hover {
  	font-weight: 500;
  	font-size: 16px;
  	height: 85px;
  	width: 100%;
  	padding: 0;
  	border-radius: 0;
  	margin-right: 0px;
  	background-color: transparent;
}
body .sidebar-main .sidebar-content .navigation > li > a .left_nav_menu_icon {
	font-size: 36px;
    line-height: 46px;
    color: white;
    margin: auto;
    height: 45px;
    width: 45px;
    border-radius: 5px; 
    display: flex;
    position: absolute;
    top: 42%;
    left: 49%;
    transform: translate(-50%, -50%);
}

#grid-socialcrm-database_length .sm_sweepstakes_option_container { padding-top: 0; top: 14px; }
#grid-socialcrm-database_length .sm_sweepstakes_option { height: 38px; width: 38px; }

.sm_outline_material_style .pi_ac_board_box .select2-container .select2-selection{
	padding: 10px;
	min-height: auto;
}
span.select2-container .select2pi_board_list_area{
	z-index: 1;
}
.select2pi_board_list_area .select2-search--dropdown{
	padding: 5px;
}
.select2pi_board_list_area .select2-search--dropdown:after{
	color: #00B2F3;
	right: 12px;
    left: auto;
}
.select2pi_board_list_area .select2-search--dropdown .select2-search__field{
	border: 1px solid;
    border-radius: 5px;
    box-shadow: none;
    padding-right: 32px;
    padding-left: 8px;
    border: 1px solid #C8D1EC;
}
#pi_board_name{
	display: inline-block;
	width: 135px;
	min-height: 40px;
	padding: 10px;
}
/* The Media screen's dashed line (cloud_asset_library.css .sm_cal_dropzone): 2px, 8px corners, a faint accent tint on
   hover (Craig, 2026-10-12: "let's see how the newer dashed-line style works in the publisher media box"), in grey rather
   than the accent (Craig, same day: "make the dashed lines for the media box gray, not blue"). */
.sm_publisher_media_container {
	height: 115px;
    border: 2px dashed #D0D7E7;
    border-radius: 8px;
    transition: background .15s;
    display: flex;
    cursor: pointer;
    width: 100%;
}
.sm_publisher_media_div { margin: auto; font-size: 20px; }
.sm_publisher_media_div { display: block; text-align: center; }
.sm_publisher_media_text_div { display: block; text-align: center; }
.sm_publisher_media_text { 
	display: block;
    border-radius: 5px !important;
    font-size: 14px;
    font-weight: 400;
    color: var(--sm-wl-accent, #00B2F3);
    text-align: center;
    width: auto;
    margin: 0 auto;
    margin-top: 5px;
}
.sm_publisher_meida_icon {
	height: 38px;
    width: 38px;
    background-color: aqua;
    border-radius: 50%;
    padding: 10px;
    margin: 0 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}
.sm_publisher_meida_icon#sm_publisher_meida_image_icon { 
	background-color: #FDDADB; 
	background-image: url(../images/svg/publisher_menu_icon/upload_publisher_img.svg);
}
.sm_publisher_meida_icon#sm_publisher_meida_asset_lib_icon { 
	background-color: #D6ECFF; 
	background-image: url(../images/svg/publisher_menu_icon/select_asset_lib_img.svg);
}
.sm_publisher_meida_icon#sm_publisher_meida_video_icon { 
	background-color: #FDCBF5; 
	background-image: url(../images/svg/publisher_menu_icon/upload_publisher_video.svg);
}
.sm_publisher_meida_icon#sm_publisher_meida_search_icon { 
	background-color: #FFEAC5; 
	background-image: url(../images/svg/publisher_menu_icon/search_img.svg);
}
.sm_publisher_media_container .sm_publisher_media_hover_icon_div { margin-top: 8px; display: none; }
.sm_publisher_media_container:hover .sm_publisher_media_text_div { display: none; }
.sm_publisher_media_container:not(.disabled_drag_area):hover { background: var(--sm-wl-accent-tint, rgba(0, 178, 243, 0.06)); }
.sm_publisher_media_container:hover .sm_publisher_media_hover_icon_div { display: block; }

a.navbar-brand {
   	height: 88px;
	padding: 13px 20px 13px 18px;
}
.navbar-header .navbar-brand > img {
	margin: 15px;
}
#pi_preview .preview_image_video { width: 100%; }
#pi_preview .preview_image_video #pi_product_upload_img img { width: 100%; height: 100%; }
.sm_publisher_media_validation_error, .sm_publisher_media_img_validation_error, .sm_wm_logo_validation_error { color: #ff0000; margin-top: 5px; display: none; }
.sm_publisher_media_text_div #sm_publisher_meida_search_input_div { 
	display: none;
    float: left;
    width: 250px; 
    position: relative;
}
.sm_publisher_media_text_div #sm_publisher_meida_search_input_div.active { display: block; }
.sm_publisher_search_input_div { float: right; width: 0%; }
.sm_publisher_meida_search_input_div label {
	font-size: 14px;
    position: absolute;
    background-color: #fff;
    margin: 0;
    left: 15px;
    padding: 0 8px;
    top: -10px;
}
#sm_publisher_media_main_container { width: 100%; }
#modal_verification .social_icon_small_metrics.pinterest i.sm_pi_icon, #modal_sendto_youtube_video .social_icon_small_metrics.pinterest i.sm_pi_icon, .social_icon_grid.pinterest i.sm_pi_icon{
	background-color: #cc2127;
}
.bulk_pinboard_section{
	float: left;
}
.bulk_pin_title_section #bulk_pin_title_text{
	width: 100%;
}
.page-header-content .panel.msg-type-section ul > li > a { width: 148px; text-align: center; padding: 10px 20px; margin: 0 auto; }
.page-header-content .panel.msg-type-section ul > li > a.import_from_agency_menu_item { min-width: 156px; }
.import_from_agency_menu_item .sm_import_images_icon svg{ margin-top: -4px; }
.page-header-content #sm_reports_page_tab.panel ul#sm_reports_page_tab_nav > li > a { width: 185px; }
.page-header-content #sm_manage_campaign_page_tab.panel ul.nav-tabs > li > a { width: 190px; }
#agency_dashboard_page_wrapper .page-header-content .panel.msg-type-section ul > li > a { width: 182px; }
#grid-socialcrm-database_wrapper .dataTable thead .sorting:before,
#grid-socialcrm-database_wrapper .dataTable thead .sorting:after { right: 10px; }
#modal_select_image #your-image-tab:not(.header) .socia_choose_asset_lib_logo img { height: 100px; width: 100px; max-height: 100px; max-width: 100px; object-fit: cover; }
.navbar-inverse .navbar-nav > li.help > a.help_link > i { top: -2px; }
.crm_detail_inner_title button.btn.btn-secondary.btn-rounded.btn-icon{
	width: 38px;
	height: 38px;
}
#javascript_effect_section .nav > li > a{ padding: 9px 15px 9px 15px; }
.btn-danger.btn_cancel{ color: #f44336; }
.btn-danger.btn_cancel:hover{ color: #f44336; }
.sm_approve_from_user_list { margin-left: 8px; }
.page-header.sm_publisher_header_container { margin-bottom: 10px; }
.sm_social_ac_section .btn.btn-secondary:not(.btn-rounded) { padding: 10px 20px;}
.video_buttons .btn.btn-secondary{ padding: 10px; font-size: 15px;}
/* A contact's picture is a Media list-view thumbnail (Craig, 2026-10-11; cloud_asset_library.css .sm_cal_lthumb): 60px
   square, 6px corners, filled and cropped, no frame. The row sets the picture's size inline, hence !important. */
#grid-socialcrm-database .thumbnail { display: inline-block; width: 60px; height: 60px; margin: 0; padding: 0; border: 0; border-radius: 6px; overflow: hidden; background: #f2f4f7; vertical-align: middle; }
#grid-socialcrm-database .thumbnail > img { display: block; width: 100% !important; height: 100% !important; max-width: none; border-radius: 0; object-fit: cover; }
.social_box_gmb_icon {
	height: 36px;
    width: 36px;
    display: inline-block;
    padding: 11px;
    line-height: 1;
}
#grid-contest-console_wrapper .sm_sweepstakes_option_container,
#grid-sweepstakes-console_wrapper .sm_sweepstakes_option_container,
#grid-rewards-console_wrapper .sm_sweepstakes_option_container { padding-top: 16px; }
#grid-contest-console_wrapper .sm_sweepstakes_option.participant_list,
#grid-contest-console_wrapper .sm_sweepstakes_option.block_ip,
#grid-sweepstakes-console_wrapper .sm_sweepstakes_option.finalist,
#grid-sweepstakes-console_wrapper .sm_sweepstakes_option.block_ip,
#grid-sweepstakes-console_wrapper .sm_sweepstakes_option.participant_list,
#grid-rewards-console_wrapper .sm_sweepstakes_option.block_ip,
#grid-rewards-console_wrapper .sm_sweepstakes_option.participant_list {
	height: 38px;
	width: 38px;
	margin-top: 0;
	margin-bottom: 0;
}
.sm_sweepstakes_campaign_container { display: inline-block; width: 250px; }
.wks_cmp_logo_column{
	width: 52px;
	height: 52px;
	display: inline-table;
	margin-right: 20px;
	border: 2px solid transparent;
	border-radius: 100%;
	padding: 2px;
	vertical-align: middle;
}
.primary_wks_selected td{
	border-top: 2px solid #00a8e5 !important;
	border-bottom: 2px solid #00a8e5;
}
.primary_wks_selected td:first-child{
	border-left: 2px solid #00a8e5;
}
.primary_wks_selected td:last-child{
	border-right: 2px solid #00a8e5;
}
.primary_wks_selected + tr > td {
	border-top: none !important;
}
.width-10{
	width: 10% !important;
}
.wks_cmp_logo_column .wks_cmp_logo{
	max-width: 100%;
	max-height: 100%;
}
#grid-manage-workspace tbody tr td{
	line-height: 48px;
    padding: 5px 20px;
}
.sm_action_icon{
	display: none;
}
#grid-manage-workspace tbody .wk_action_icons_container .wk_action_popup_width{
	position: absolute;
    right: 0;
    margin-right: 20px;
}
#grid-manage-workspace tbody .wk_action_icons_container .wk_action_icon_right_side{
	float: right;
}
#grid-manage-workspace tbody tr td .sm_action_icon{
	position: absolute;
	line-height: normal;
}
#grid-manage-workspace tbody tr:hover td .sm_action_icon{
	display: block;	
}
#grid-manage-workspace tbody tr td.sorting_1, #grid-manage-workspace tbody tr td.sm_account_type_row{
	vertical-align: middle;
}
#grid-manage-workspace tbody tr:hover td.sorting_1{
	vertical-align: unset;
}
#grid-manage-workspace tbody tr:hover td.sorting_1 .sm_manage_grid_plan_name, #grid-manage-workspace tbody tr:hover td.sm_account_type_row .sm_manage_grid_package_name{
	visibility: hidden;
}
#grid-manage-workspace .sm_manage_grid_plan_name, #grid-manage-workspace .sm_manage_grid_package_name{
	line-height: normal;
	font-size: 12px;
}
#grid-manage-workspace .sm_manage_grid_company_name{
	width: calc(100% - 90px);
    display: inline-block;
    vertical-align: middle;
	line-height: normal;
}
.sm_action_icon_delete{
	right: 30px;
}
.wk_action_icon_inner{
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	margin: 8px;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
}
.user_payment_data_container{
	float: left;
	margin-top: 0;
}
.delete_payment_entry{
	font-size: 11px;
    cursor: pointer;
}
.SMdisabled{
	pointer-events:none;
}
.wk_action_icon_inner.wk_charge_for_access_inner { width: 320px; }
.wk_action_icon_inner.wk_charge_for_access_inner .switch { top: 16px; margin: -2px 2px 2px 2px; }
.wk_action_icon_inner.wk_charge_for_access_inner .sm_charge_access_description { 
	font-size: 14px; 
	position: absolute; 
	line-height: 17px;
	min-width: 190px; 
	text-align: left; 
	left: 140px;
	top: 0;
	height: 100%;
    display: flex;
    align-items: center;
}
.wk_action_icon_inner.icon_menu_publish{
	background-color: #ffd2d2;
}
.wk_action_icon_inner.icon_menu_calendar{
	background-color: #38a3ff;
}
.wk_action_icon_inner.icon_menu_reports{
	background-color: #ffc0f3;
}
.wk_action_icon_inner #total_unapproved_count,.wk_action_icon_inner #total_unapproved_rewards_profiles, .wk_action_icon_inner #total_expire_social_accounts{
	top: 2px;
    left: 36px;
    font-size: 7px !important;
    line-height: 14px !important;
    margin: 0;
    z-index: 1;
    padding: 2px;
    min-width: 20px;
    min-height: 20px;
    background-color: #F60000;
}
.sm_delete_workspace_inp{
	margin-left: 52%;
}
.red_dot_alert{
	height: 7px;
  	width: 7px;
  	background-color: #F60000;
  	border-radius: 50%;
  	display: inline-block;
  	margin-left: 10px;
}
.icon-user-img.nav_user_profile { height: 50px; }
.activate_agency_list_tab .all_metrics_div .panel { 
	border: none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
    box-shadow: none;
    background-color: #fef2d6;
}
.activate_agency_list_tab .all_metrics_div .sm_wks_cont_metrix_box .panel { background-color: #d0eef3; }
.activate_agency_list_tab .all_metrics_div .panel > .panel-heading { background-color: transparent; }
#grid-workspaces-section .workspace_penal_body { 
	padding: 15px; 
	min-height: 250px; 
	background-image: url(../images/svg/cmp_entry_box_bg_img.svg);
	background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}
#grid-workspaces-section .sm_wks_cont_metrix_box .workspace_penal_body {
	background-image: url(../images/svg/wks_entry_box_bg_img.svg);
}
#grid-workspaces-section .sm_wks_crm_metrix_box .workspace_penal_body {
	background-image: none;
	background: linear-gradient(180deg, #EBF5FF 0%, #DCEEFF 100%);

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
}
#grid-workspaces-section .sm_wks_revenue_metrix_box .workspace_penal_body {
	background-image: none;
	background: linear-gradient(180deg, #F2F1FF 0%, #E0DEFF 100%);

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
}


.sm_wks_crm_metrix_box .wks_statistics_left_div .wks_statistics_left_icon_div{
	background: linear-gradient(180deg, #A2D2FD 0%, #5EB2FF 100%);
	padding: 12px 14px;
}
.sm_wks_revenue_metrix_box .wks_statistics_left_div .wks_statistics_left_icon_div{
	background: linear-gradient(180deg, #E5E1FF 0%, #C0BCFF 100%);
	padding: 10px;
}	
.sm_15w_round{
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background: #ffffff;
	box-shadow: 0px 5px 12px rgba(156, 136, 251, 0.16);
	display: inline-block;
}
.sm_15w_round.purple{
	background: #B09FFF;
}
.sm_15w_round.blue{
	background: #38A3FF;
}
.sm_15w_round.yellow{
	background: #FFD572;
}
#agency_contact_chart image, #agency_pricing_plan_chart image{
	outline: #fff solid 10px;
    border-radius: 50%;
}
.agency_customers_pricing_plan_chart{
	cursor: pointer;
}
button.pricing_plan_chart_close_btn.close{
	background-color: #112F9E;
    height: 28px;
    border-radius: 50%;
    width: 28px;
    color: #fff;
    opacity: 1;
    margin-top: 2px;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    z-index: 1;
}
#agency_statistics_revenue_chart .revenue_chart_toolbar {
	text-align: right;
    padding: 0 40px;
}
.revenue_chart_toolbar button{
	color: #9A99AC;
	border: none;
    background: none;
    font-size: 14px;
    width: 48px;
}
.revenue_chart_toolbar button.active{
	background-color: #fff;
	border-radius: 5px;
	color: #917DF7;
}
#revenue_chart_total_amount{
	font-size: 25px;
	font-weight: bold;
	color:#917DF7;
}
.grid-pricing-plan-heading{
	display: inline-block;
}
.wks_statistics_left_div {
	width: 18%;
    height: 100%;
    display: inline-block;
    float: left;
}
.wks_statistics_right_div {
	width: 82%;
    height: 100%;
    display: inline-block;
    float: left;
}
.wks_statistics_left_div .wks_statistics_left_icon_div {
	height: 55px;
    width: 55px;
    float: left;
    background: linear-gradient(180deg, #FFD572 0%, #FEBD38 100%);
    border-radius: 50%;
    text-align: center;
    padding: 10px;
}
.sm_wks_cont_metrix_box .wks_statistics_left_div .wks_statistics_left_icon_div { background: linear-gradient(180deg, #98E0E8 0%, #56D1DF 100%); padding: 16px 14px; }
.sm_metrix_count_title { font-size: 16px; color: #1E265E; }
.sm_metrix_count_number { font-size: 24px; font-weight: bold; }
#grid-workspaces-section .metrix_total_count { width: 50%; }
.wks_cmp_entry_count .sm_metrix_count_number { color: #FEBD38; }
.sm_wks_cont_metrix_box .wks_cmp_entry_count .sm_metrix_count_number { color: #26B1C1; }
.wk_charge_for_access_inner .charge_payment_status_container { 
	position: relative;
    width: 90px;
    height: 100%;
    background-color: #DBCAFF;
    border-radius: 20px;
    padding-left: 30px;
    background-image: url(../images/svg/wks_charge_access_lock_icon.svg);
    background-repeat: no-repeat;
    background-position-x: 12px;
    background-position-y: 10px;
	display: inline-block;
	float: left;
}
.charge_payment_status_container .switch.sm_primary_switch .slider:before { background-color: #A484E6; }
.charge_payment_status_container .switch.sm_primary_switch .slider.round { background-color: #f2ebff; }
.charge_payment_status_container .switch.sm_primary_switch .custom-switch-toggle:checked + .slider:before { background-color: #A484E6; }
.charge_payment_status_container .switch.sm_primary_switch .custom-switch-toggle:checked + .slider.round { background-color: #a484e666; }

/*reselling design CSS*/
.sm_reselling_guidance_title_container h4 { font-weight: bold; }
.sm_reselling_feature_guidance_container { font-size: 18px; }
.sm_reselling_feature_guidance_container li::marker { font-weight: bold; }

.sm_custom_social_preview #all_previewscreen #pi_boards_list_description { padding: 10px 10px 0px 10px; }
.pi_ac_board_box .btn-group, .pi_ac_section_box .btn-group { width: 100%; }
.bulk_pi_ac_board_box .btn-group { width: 100%; }
.pi_ac_board_box .multiselect-container.dropdown-menu { width: 100%; }
.sm_add_pi_board_box .input-group-btn { position: absolute; right: 0; margin-top: 4px; }
.sm_reselling_contacts_integration_setup .integration_list_item{
	padding-top: 18px;
}
.pi_ac_board_box .pi_board_list_add, .bulk_pi_ac_board_box .pi_board_list_add { border-top: 1px solid #E2E7F5; padding-top: 5px; }
.pi_ac_board_box .pi_board_list_add label, .bulk_pi_ac_board_box .pi_board_list_add label { 
	background-image: url(../images/svg/plus_circle2.svg); 
	background-repeat: no-repeat; 
	background-position-x: 12px;
    background-position-y: center; 
}

.pi_ac_board_box .multiselect-container .multiselect-item.filter .input-group-btn,
.sm_queue_network_board_list .multiselect-container .multiselect-item.filter .input-group-btn,
.sm_posts_network_board_list .multiselect-container .multiselect-item.filter .input-group-btn,
.bulk_pi_ac_board_box .multiselect-container .multiselect-item.filter .input-group-btn,
.pi_ac_section_box .multiselect-container .multiselect-item.filter .input-group-btn { display: none; }
#agency_settings_form .sm_workspace_id {
	border: none;
	padding: 10px 11px;
	min-height: 38px;
	height: auto;
	font-size: 12px;
	line-height: 18px;
}
/* Workspace Settings slide-in (Craig, 2026-10-28: "fix all the field and button alignment issues"): the Add image
   link, the Pricing Plan discount note and the Apply Code button sit level with the field beside them. A spacer
   label is a real field label made invisible, so it is exactly as tall as the labels above the fields and follows
   the label rules instead of a tuned padding (the button sat 12px above its field on padding-top: 20px). The
   address box is one line high like the City, State, Zip and Country fields in its row; it still resizes. */
#agency_settings_form .sm_field_label_spacer { visibility: hidden; }
#agency_settings_form #sm_add_company_profile_logo .main_profile_img_lbl { position: static; line-height: 38px; }
#agency_settings_form textarea[name="address"] { height: 38px; min-height: 38px; resize: vertical; }
#agency_settings_form .ag_discount_code_section { line-height: 38px; }
.pi_ac_board_box .multiselect-container .multiselect-item.filter .input-group,
.bulk_pi_ac_board_box .multiselect-container .multiselect-item.filter .input-group,
.sm_queue_network_board_list .multiselect-container .multiselect-item.filter .input-group,
.sm_posts_network_board_list .multiselect-container .multiselect-item.filter .input-group,
.pi_ac_section_box .multiselect-container .multiselect-item.filter .input-group { width: 96%; padding: 8px; }
.pi_ac_board_box .multiselect-container .multiselect-item.filter .input-group-addon,
.sm_queue_network_board_list .multiselect-container .multiselect-item.filter .input-group-addon,
.sm_posts_network_board_list .multiselect-container .multiselect-item.filter .input-group-addon,
.pi_ac_section_box .multiselect-container .multiselect-item.filter .input-group-addon,
.bulk_pi_ac_board_box .multiselect-container .multiselect-item.filter .input-group-addon { position: absolute; right: 20px; top: 10px; }
.pi_ac_board_box .multiselect-container .multiselect-item.filter .multiselect-search,
.sm_queue_network_board_list .multiselect-container .multiselect-item.filter .multiselect-search,
.sm_posts_network_board_list .multiselect-container .multiselect-item.filter .multiselect-search,
.pi_ac_section_box .multiselect-container .multiselect-item.filter .multiselect-search,
.bulk_pi_ac_board_box .multiselect-container .multiselect-item.filter .multiselect-search { padding-left: 5px; padding-right: 34px; }
.pi_ac_board_box .multiselect-container .multiselect-item.filter input.multiselect-search,
.sm_queue_network_board_list .multiselect-container .multiselect-item.filter input.multiselect-search,
.sm_posts_network_board_list .multiselect-container .multiselect-item.filter input.multiselect-search,
.pi_ac_section_box .multiselect-container .multiselect-item.filter input.multiselect-search,
.bulk_pi_ac_board_box .multiselect-container .multiselect-item.filter input.multiselect-search { border: 1px solid; border-radius: 5px; }

.sm_warning_bar_container { 
	display: none;
	width: calc(100% + 45px);
    background-color: #ff0000;
    color: #fff;
    font-size: 16px;
    padding: 10px 0;
    text-align: center;
    position: relative;
    margin-left: -45px;
}
.sm_warning_bar_container.position_fixed {
	position: fixed;
}
.sm_warning_bar_container > button {
	outline: 0;
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 5px;
}
.sm_warning_bar_container .sm_disable_schedule_item_copy_mode { text-decoration: underline; }
.fc-event-container .sm_copy_scheduled_item {
	display: none;
	height: 25px;
    width: 25px;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    z-index: 99;
    bottom: 0;
    right: -10px;
    background-image: url(../images/svg/plus_circle2.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    cursor: pointer;
}
.fc-event-container .fc-time-grid-event:hover + .sm_copy_scheduled_item { display: block; }
.fc-event-container .sm_copy_scheduled_item:hover { display: block; }
.sm_max_photo_post_warning { position: relative; top: -12px; color: #ff0000; float: left; }
.sm_bd_date .postontime-feedback .form-control-feedback{
	padding-top: 4px;
}
/* Bulk Post Editor date (Queue and Calendar): with its label above the field, the calendar icon is centred on the
   field again and lines up with the select chevrons (Craig, 2026-10-12). */
.sm_bulk_delete_section .sm_bd_date .postontime-feedback .form-control-feedback { top: 32px; height: 38px; padding-top: 0;
    margin-right: 5px; display: flex; align-items: center; justify-content: center; }
.sm_bulk_delete_section .sm_bd_date .postontime-feedback .form-control-feedback > i { top: 0; }
/* Account Preferences, Analytics Integration: the Add Custom Value dropdown lines up with the Add to links field, whose
   label now sits above it; its column's mt-20 was set for the label on the outline (Craig, 2026-10-12). */
@media (min-width: 992px) {
    .row:has(> [class*="col-"] > .form-group > #ai_track_code) { display: flex; align-items: flex-end; }
    .row:has(> [class*="col-"] > .form-group > #ai_track_code) > [class*="col-"] { float: none; margin-top: 0 !important; }
}
.nav.header_top_menu .dashboard_button_mian_container {
	height: 90px;
	width: 110px;
	transition: ease-in-out 0.4s;
	left: -110px;
	top: -22px;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	padding-top: 20px;
}
.nav.header_top_menu .dashboard_button_container {
	height: 46px;
	width: 46px;
	position: absolute;
	transition: ease-in-out 0.4s;
	visibility: visible;
	left: 114px;
	z-index: 0;
}
.nav.header_top_menu .dashboard_button_container .dashboard_button { 
	background-image: url(../images/svg/agency_button.svg);
    background-size: contain;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    display: block;
    z-index: 0;
}
.nav.header_top_menu .dashboard_button_mian_container:hover .dashboard_button_container {
	cursor: pointer;
	left : 50px;
}
.navbar-inverse .nav.header_top_menu .wks_switch_account:hover .dashboard_button_mian_container .dashboard_button_container,
.navbar-inverse .nav.header_top_menu .wks_switch_account.open .dashboard_button_mian_container .dashboard_button_container {
	left: 50px;
}
@keyframes times_flash {
    10% {
    	opacity: 0;
  	}
 }
.header_top_menu .first_profile_block span.time.times_flash{
	animation-name: times_flash;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-fill-mode: initial;
}
@font-face{
  font-family: text-security-disc;
  src: url("../fonts/text-security-disc.woff");
}
/* For Queue grid page css end */
#smtp_auth_password{
	font-family: text-security-disc;
    -webkit-text-security: disc;
}
.sm-col-md{
	width: calc(calc(107% / 10) - 8px);
    display: inline-block;
    text-align: center;
}
.socia_asset_video_icon{
	position: absolute;
	bottom: -1px;
    left: 4px;
    color: #fff;
}
.socia_asset_video_icon i {
	font-size:16px;
}
.jcarousel-skin-tango .jcarousel-item{ height: 370px !important;line-height: 370px;vertical-align: middle; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100% !important; height: 370px !important; }

.jcarousel-skin-tango .jcarousel-container-horizontal{ padding: 0px 0px !important; width: 100% !important; height: 370px !important; }
.jcarousel-skin-tango .jcarousel-item img { width: auto;max-height: 370px;height: auto;max-width: 100%;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 0px !important;}
.jcarousel-skin-tango .jcarousel-next-horizontal,
.jcarousel-skin-tango .jcarousel-prev-horizontal{ 
	top: 167px !important;
	width: 35px !important;
	z-index: 9999 !important;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0) inset;
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0) inset;
}
#in_preview .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal , #in_preview .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
#tiktok_preview .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal , #tiktok_preview .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
#pi_preview .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal , #pi_preview .jcarousel-skin-tango .jcarousel-next-disabled-horizontal{
	display: none !important;
}
#in_preview .jcarousel-skin-tango .jcarousel-next-horizontal,
#tiktok_preview .jcarousel-skin-tango .jcarousel-next-horizontal,
#pi_preview .jcarousel-skin-tango .jcarousel-next-horizontal{
	background: transparent url('../images/jcarousel_right.png') no-repeat 0 0;
	background-color: rgba(0, 0, 0, 0.05);
}
#in_preview .jcarousel-skin-tango .jcarousel-prev-horizontal,
#tiktok_preview .jcarousel-skin-tango .jcarousel-prev-horizontal,
#pi_preview .jcarousel-skin-tango .jcarousel-prev-horizontal{
	background: transparent url('../images/jcarousel_left.png') no-repeat 0 0;
	background-color: rgba(0, 0, 0, 0.05);
}
.sm_attached_media_logo.disabled_drag_area .upload_pvdata_processing, .sm_attached_video_media.disabled_drag_area .upload_pvdata_processing{ 
	background-color: #009AEB;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    color: #fff !important;
    border-radius: 50%;	
    line-height: 40px !important;
}
.tiktok_verification_status{
	width:90px;
	display:inline-block;
}
.tiktok-post-email-check{
	display: inline-block;
	float: left;
	width: 100%;
	padding: 10px 15px;
}
#modal_sendto_youtube_video .modal-body {
	padding: 15px;
}
#select2-sm_queue_profile_list-results .select2-results__option img, .sm_queue_profile_type_list_wrapper img{
	margin-right: 5px;
}
.agency_plan_trial_credits_buy{
	width: 130px;
}
.sm_sub_user_permitted_accounts .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{
	margin-top: 5.5px;
}
#modal_img_editor{
	z-index: 2147485000 !important;
}
.smimg_editor_swtich{
	width: 20px;
    height: 20px;
    position: absolute;
    right: 7px;
    bottom: 7px;
	cursor: pointer;
	z-index:1000;
	display: none;
}
.smimg_thumb_editor_swtich{
	width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    bottom: 15px;
	cursor: pointer;
	z-index:1000;
	display: none;
}
#upload_photo .sm_edit_image_popover{
	margin-left: 8px;
}
.smimg_asset_swtich{
	float: right;
    cursor: pointer;
    margin-top: 8px;
    margin-right: 5px;
}
.smimg_asset_swtich.disabled{
	pointer-events: none;
}	
.sm_img_error_number{
	width: 20px;
    height: 20px;
    background-color: #ff0000;
    color: #fff;
    position: absolute;
    border-radius: 50%;
    line-height: 20px;
    left: 7px;
    bottom: 7px;
	font-size: 11px;
}
.sm_img_error_list_number{
	width: 20px;
    height: 20px;
    background-color: #ff0000;
    color: #fff;
	border-radius: 50%;
    line-height: 20px;
	text-align: center;
	font-size: 11px;
}
.sm_img_error_section p.error-msg {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0px !important;
}
/* watermark css starts */
.sm_wm_bg_main_section, .sm_wm_bg_settings_section, .sm_wm_upload_logo_section {float: left;}
.sm_wm_bg_main_section, .sm_wm_bg_img_section {position: relative; }
.wm_upload_logo { font-size: 20px; }
.wm-logo-uploader {margin-top: 30px; cursor: pointer;}
.sm_wm_bg_image { position: relative;border-radius: 14px; }
.sm_wm_logo_image {position: absolute; bottom:40px; right:40px; }
.sm_wm_enable_watermark_section {text-align: left;}
.sm_wm_enable_watermark_section #uniform-sm_wm_enable_watermark{margin-bottom: 5px;}
.sm_upload_new_logo {font-size: 13px;}
.sm_wm_upload_logo_section img { padding: 20px 22px 27px 27px; background-color: #F6F9FF;} 
.sm_wm_bg_main_section {width: 49%;text-align: center;}    
.sm_wm_upload_logo_section {width: 51%;}
.sm_wm_bg_settings_section {width: 40%; margin-left:40px;}
.wm-position .wm_pos_dot, .wtm-position .wtm_pos_dot {border-radius: 50px; background-color: #D9D9D9; height: 9px; width: 9px; display: block; margin: 3px; cursor: pointer; }
.pos_top_row, .pos_center_row {margin-bottom: 5px;}
.pos_top_row, .pos_center_row, .pos_bottom_row {display: flex;gap: 10px;}
.wtm-position .pos_top_row,.wtm-position .pos_center_row,.wtm-position .pos_bottom_row{ gap: 5px;}
.wm_pos_dot_div, .wtm_pos_dot_div {border: 1px solid transparent;}
.wm-position .selected_pos .wm_pos_dot, .wtm-position .selected_pos .wtm_pos_dot {background-color: var(--sm-wl-accent, #00B2F3);}
.wm-settings-button {margin-top: 35px;}
.sm_wm_slider .noUi-handle{height:24px; width: 24px; }
.sm_wtm_area_new .sm_wm_slider .noUi-handle{height:18px; width: 18px; top: -3px;}
.sm_wm_slider .noUi-handle::after {height: 12px; width: 12px; left: 35%;right: 25%;top: 35%;bottom: 25%;}
.sm_wtm_area_new .sm_wm_slider .noUi-handle::after{height: 0; width: 0;}
.select2-selection.select2-selection--single.sm-wm-container{border: none !important; box-shadow: none !important;}
.wm_set_width {width:33px;}
.sm_edit_wm_style, .sm_edit_plan_group, .sm_hashtag_edit_import_section{
	display: none;
	z-index: 9999;
	background-image: url('../images/svg/edit_category.svg');
	background-repeat: no-repeat;
	background-size: 17px;
	height: 17px;
	width: 17px;
}
#select2-watermark_style_status_select-results li:hover .sm_edit_wm_style,
#select2-cp_plan_group_id-results li:hover .sm_edit_plan_group,
#select2-bulk_images_hashtag_group-results li:hover .sm_hashtag_edit_import_section{
	display: inline-block;
}
.smimg_wtm_swtich{
	background-color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    vertical-align: middle;
    left: 5px;
    top: 5px;
    padding: 6px;
    display: none;
    cursor: pointer;
    position: absolute;
	z-index: 999;
}
.smimg_wtm_swtich.active{
	background-color: #00B2F3;
	display: inline-block;
}
/* A template graphic that places the logo: shown instead of the watermark switch, never clickable. */
.smimg_wtm_tpl{
	background-color: #fff;
	color: #1F2937;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	left: 5px;
	top: 5px;
	position: absolute;
	z-index: 999;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	cursor: default;
}
html.sm-dark .smimg_wtm_tpl{
	background-color: var(--dk-surface);
	color: var(--dk-text, #E5E7EB);
}
.smimg_wtm_swtich.active svg > rect{
	stroke: #fff;
}
.smimg_wtm_swtich.active svg > rect:last-child{
	fill: #fff;
}
.smimg_wtm_preview_swtich{
	background-color: #fff;
    width: 25px;
    height: 24px;
    border-radius: 50%;
    vertical-align: middle;
    left: 35px;
    top: 5px;
    padding: 0;
    display: none;
    cursor: pointer;
    position: absolute;
	z-index: 999;
}
.smimg_wtm_preview_swtich .fa.fa-eye{
	color: #00B2F3;
	line-height: 25px;
}
.sm_image_alt_text_btn{
	color: #00B2F3;
	background-color: #fff;
    width: 25px;
    height: 24px;
    border-radius: 50%;
    vertical-align: middle;
    right: 3px;
    top: 35px;
    padding: 0;
    display: none;
    cursor: pointer;
    position: absolute;
    z-index: 999;
	font-size: 9px;
    font-weight: 900;
    padding-top: 6px;
}
.wtm-position{
	background-color: #fff;
	width: 70px;
    height: 70px;
	left: 5px;
    top: 38px;
    padding: 5px;
    display: none;
    cursor: pointer;
    position: absolute;
	z-index: 999;
	border-radius: 3px;
}
.socia_asset_lib_box:hover > .smimg_wtm_swtich, .socia_asset_lib_box:hover > .smimg_wtm_preview_swtich.active, .socia_asset_lib_box:hover > .wtm-position, .socia_asset_lib_box:hover > .smimg_editor_swtich, .socia_asset_lib_box:hover > .smimg_thumb_editor_swtich, .socia_asset_lib_box:hover > .sm_image_alt_text_btn{
	display: inline-block;
}
.upload_photo_section_new .upload_photos_main_div{
    cursor: grab;
}
.sm_user_grid_detail .wtm_grid_process {
	display: block;
}
/* Processing Watermark (grid_data.php): the loader GIF sits on an opaque white box; multiply lets the row colour through. Dark mode: sm-dark.css */
.wtm_grid_process > img {
	mix-blend-mode: multiply;
}
.upload_photo_section_new .upload_photos_main_div.ui-sortable-helper{
    cursor: grabbing;
}
.auto_post_range_section .daterange-basic {
    padding-left: 35px !important;
}
.sm_import_frm_agency_wtm_swtich{
	border-radius: 50%;
    vertical-align: middle;
    left: 5px;
    top: 5px;
    padding: 6px;
    cursor: pointer;
    z-index: 999;
	height: 38px;
	width: 38px;
}
#modal_automated_post_set_editor .sm_post_repost_option_container .social_icon_grid img {
    height: 38px !important;
    width: 38px !important;
    margin-right: 5px;
}
#modal_automated_post_set_editor .sm_outline_material_style .sm_input_prefix_icon {
    top: 4px;
}
#modal_automated_post_set_editor .cross-icon-span-suffix {
    position: absolute;
    top: -4px;
    right: -2px;
}
.custom_range_section_divfirst-child {
    top: 0.3px !important;
}
.custom_range_section_div  {
    background-color: red;
    color: blue;
    font-size: 30px;
}
.auto_post_upload_csv {
    position: absolute;
    top: 0;
    width: 109.05px;    
    opacity: 0;
    cursor: pointer;
    display: none;
    padding: 9px 15px;
    font-size: 14px;
    margin-left: 10px;
}
.posts_set_csv_delete{
	cursor: pointer;
	width: 15px;
    display: inline-block;
    text-align: center;
	margin-left: 5px;
}
.posts_set_csv_name{
	min-height: 38px;
    line-height: normal;
    word-wrap: break-word;
}
.sm_outline_material_style.daterange_section label.sm_field_label_container{
	position: absolute;
	top: -10px;
}
.daterange_section{
	position: relative;
} 	
.daterange_section_disabled::after {
	content: '';
	position: absolute;
	inset: 0;
  }
#import_automated_post_sub_section .sm_material_popup .popover{
	max-width: 500px;
}
.sm_payment_confirmation_screen_container {
	text-align: center;
	padding: 10px;
	margin:55px 0 55px auto;
}
.sm_payment_confirmation_screen_container .payment_success_title{
	margin: 0;
}
.sm_payment_confirmation_screen_container .payment_success_msg {
	font-size: 20px;
    color: #5F5F5F;
    font-weight: 400;
}
.sm_payment_confirmation_screen_container .continue_btn_container {
	margin-top: 40px;
}
.sm_payment_confirmation_screen_container .tick-mark img {
    width: 180px;
    height: 180px;
}
.sm_payment_confirmation_screen_container .continue_btn_container .btn.continue_btn,
div.social_share_finish_btn_container .btn.social_continue_btn,
div.sm_social_share_finish_btn .btn.social_continue_btn,
div.sm_wtm_area_new button.btn.wtm_continue_btn,
#sm_client_intake_form .btn.sm_intake_form_submit,
.sm_thank_you_new_container .btn.thank_u_continue_btn
{
	padding: 4px;
	font-size: 15px;
	border-radius: 5px;
}
div.sm_thank_you_new_container .btn.thank_u_continue_btn,
div.sm_wtm_area_new button.btn.wtm_continue_btn,
#sm_client_intake_form .btn.sm_intake_form_submit{
	padding: 5px 5px 5px 15px;
}
.sm_payment_confirmation_screen_container .continue_btn_container .btn.continue_btn span{
	margin: 0 10px;
}
div.social_share_finish_btn_container .btn.social_continue_btn span,
div.sm_social_share_finish_btn .btn.social_continue_btn span{
	margin-left: 100px;
	margin-right: 80px;
}
.sm_payment_confirmation_screen_container .continue_btn_container .btn.continue_btn .sm_new_btn_arrow,
div.social_share_finish_btn_container .btn.social_continue_btn .sm_new_btn_arrow,
div.sm_social_share_finish_btn .btn.social_continue_btn .sm_new_btn_arrow,
.sm_wtm_area_new .btn.wtm_continue_btn .sm_new_btn_arrow,
#sm_client_intake_form .btn.sm_intake_form_submit .sm_new_btn_arrow,
.sm_thank_you_new_container .btn.thank_u_continue_btn .sm_new_btn_arrow
{
	padding: 8px;
    margin: 0px;
	margin-left: 6px;
    border-radius: 5px;
    font-size: 14px;
}
.sm_display_none {
	display: none !important;
}

/*CSS for agency crm - wk default category listing - starts*/
.sm-wk-cl-legend{
	width: 300px;
    padding-left: 40px;
}
.sm-wk-cl-legend .wk_group_legend { padding-left: 40px; }
#wk_add_group_open { float: right; }
/*CSS for agency crm - wk default category listing - ends */
.sm_wtm_screen_area .social_media_section_col{display:inline-block;}
.sm_wtm_screen_area .social_media_section_col .upload_img_new_button{border-radius: 5px;cursor: pointer;}
.sm_wtm_screen_area .social_media_section_col .upload_photos_main_div{margin-right: 10px;}
.sm_wtm_screen_area .social_media_section_col .upload_video_main_div{margin-right: 10px;}
.sm_wtm_screen_area .social_media_section_col .upload_photo_section_new_button{width: 115px;}
.sm_wtm_screen_area .social_media_section_col .upload_pvdata_processing{font-size: 13px;}
.sm_wtm_screen_area .social_media_section_col [type=radio]:checked + img{outline: 2px solid #00a8e5;}
.sm_wtm_screen_area .wtm_save_logo{font-size:16px;}
.smimg{
	width: 100%;
    min-width: 100%;
	height: auto;
}
.SmW50p{
	width: 50%;
    min-width: 50%;
	height: auto;
}
.modal_heading_icon{
	display: inline-block;
	float: left;
}
/* AI Writer headers: the title block holds its floated icon and keeps 20px clear of the divider below (Craig, 2026-10-12:
   the icon touched the line). */
.modal-header > .modal-title:has(> .modal_heading_icon) { display: flow-root; padding-bottom: 20px; }
.modal_heading_title{
	float: left;
	display: inline-block;
}
.modal_heading_sub_title{
	font-size: 13px;
	display: inline-block;
	float: left;
	width: 80%;
}	
.ai_model_post_heading{
	font-size: 20px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0px;
	line-height: 28px;
	position: relative;
}
.ai_setting_section.active .ai_model_post_heading{
	margin-bottom: 20px;
}
.chatgpt_iframe{
	width:100%;
	height:100vh;
	border: none;
	background-color: #000;
}
.radiosingle_line{
	display: inline-block;
	width: auto;
	margin: 0px 10px auto auto;
	float: left;
}
.smchkbtnstyle input{
	display: none;
}
.smchkbtnstyle label:not(.validation-error-label){
	background-color: #F9F9F9;
    border: 1px solid rgba(135, 152, 173, 0.16);
    border-radius: 5px;
    padding: 2px 13px;
	cursor: pointer;
	float: left;
	margin-right: 10px;
}
.smchkbtnstyle input:checked + label:not(.validation-error-label){
	background-color: #00B2F3;
	color: #fff;
}
.smradiobtnstyle input{
	display: none;
}
.smradiobtnstyle label:not(.validation-error-label){
	background-color: #F9F9F9;
    border: 1px solid rgba(135, 152, 173, 0.16);
    border-radius: 5px;
    padding: 2px 13px;
	cursor: pointer;
	float: left;
	margin-right: 10px;
}
.smradiobtnstyle input:checked + label:not(.validation-error-label), .smradiobtnstyle label:not(.validation-error-label):hover{
	background-color: #00A912;
	color: #fff;
	position: relative;
}
.smradiobtnstyle input:checked + label::after {
	content: "✔";
	position: absolute;
	top: -8px;
	right: -5px;
	width: 13px;
	height: 13px;
	background-color: white;
	color: #00A912;
	font-size: 9px;
	border-radius: 50%;
	border: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
#ai_product_desc, #ai_promt_about, #ai_followup_prompt, #ai_target_customer, #sm_intake_field_2, #sm_intake_field_8{
	resize: none;
}
#modal_ai_setup .modal-header .close{
	left: 40px;
	top: 30px;
}
.ai_setting_icon, .ai_refresh_icon, .ai_post_type_save_icon{
	position: absolute;
    right: 75px;
    top: 30px;
    margin-top: 0;
    text-align: center;
}
.ai_post_type_save_icon{
	right: 110px;
}
#modal_ai_setup .sm_ai_writer_step4 .modal-header .close,
#modal_ai_setup .sm_ai_writer_step5 .modal-header .close,
.ai_setting_icon{
	top: 30px;
}
#modal_ai_setup #ai_chatgpt_popup_button,
#modal_ai_setup #ai_google_bard_popup_button,
#modal_ai_setup #ai_claude_popup_button{
	position: absolute;
    right: 6px;
    top: 30px;
    border-radius: 50%;
    border: 1px solid #d9dff3;
    background: #f6f9ff;
	z-index: 3;
}
#modal_ai_setup #ai_google_bard_popup_button{
	margin-top: 36px;
}
#modal_ai_setup #ai_claude_popup_button{
	margin-top: 72px;
}
#modal_ai_setup #ai_claude_popup_button.sm_ai_popup_active svg{
	fill: #fff;
}
#modal_ai_setup #ai_chatgpt_popup_button.sm_ai_popup_active,
#modal_ai_setup #ai_google_bard_popup_button.sm_ai_popup_active,
#modal_ai_setup #ai_claude_popup_button.sm_ai_popup_active{
	background: #343541;
    border: 0;
    right: 0;
    border-radius: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    padding-right: 14px;
}
.ai_card_premium_module{
	padding-bottom: 100px;
	width: 100%;
}
.ai_post_type_save_icon .ai_save_button{
	background-color: #112F9E;
    border: 1px solid #4F66B9;
    border-radius: 200px;
    width: 85px;
    color: #fff;
    height: 30px;
}	
.sm_ai_next_step_btn{
	background-color: #112F9E;
    border: 1px solid #4F66B9;
    border-radius: 5px;
    color: #fff;
    height: 38px;
    width: 180px;
}
.ai_wirter_social_media_tabs{
	height: 42px;
	display: inline-block;
	background-color: #E4F8FF;
	margin-left: 55px;
	padding: 3px;
	border-radius: 20px;
}
.ai_writer_tab, .ai_publisher_tab{
	border-radius: 20px;
	padding: 4px;
	width: 147px;
	height: 36px;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	color: #616C82;
	background: #E4F8FF;
	float: left;
	border: none;
	font-weight: bold;
}
.ai_writer_tab.ai_tab_active, .ai_publisher_tab.ai_tab_active{
	background: #00B2F3;
    color: #fff;
	position: relative;
}
#ai_publisher_tab_iframe{
	height: 85vh;
	width: 100vw;
	border: none;
	display: none;
}
.ai_back_setting_icon{
	right: 32px;
    float: right;
    position: relative;
}
.ai_back_post_type_icon, .ai_back_setting_icon, .ai_back_list_post_type_icon{
	width: 28px;
	height: 28px;
	display: block;
}
.ai_back_post_type_icon, .ai_back_list_post_type_icon{
	float: right;
    margin-right: 23px;
}
.ai_back_post_type_icon ~ .ai_setting_icon{
	right: 100px;
}
.ai_setting_icon img, .ai_refresh_icon img, .ai_back_post_type_icon img, .ai_back_setting_icon img, .ai_back_list_post_type_icon img{
	width: 28px;
    height: 28px;
	cursor: pointer;
}

.ai_post_type_save_icon img {
	width: 13px;
	height: 15px;
	cursor: pointer;
}
.save_icon_text {
	margin-left: 8px;
}
.sm_close_cmp_step_error_msg{
	float: left;
}
.ai_post_type_item_area{
	position: relative;
	width: 47%;
    border: 1px solid #D0D7E7;
    border-radius: 5px;
    height: 55px;
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
	position: relative;
	cursor: pointer;
}
.ai_post_type_item{
	padding: 17.5px 20px;
}
.ai_post_type_item_area:hover{
	background-color: #F9F9F9;
}
.ai_prompt_skip_btn{
	position: absolute;
    right: 10px;
    bottom: 7px;
    width: 12px;
    height: 11px;
	cursor: pointer;
	display: none;	
}
.ai_post_type_item_area:hover .ai_prompt_skip_btn{
	display: block;
}
.ai_post_type_delete_btn{
	display: none;
	width: 25px;
    height: 25px;
    margin: 0 auto;
    position: absolute;
    left: calc(50% - 14px);
    bottom: -12px;
	cursor: pointer;
}
.ai_post_type_item_area:hover .ai_post_type_delete_btn{
	display: block;
}
.action_btn .btn.ai_create_chatbot_prompt{
	width: auto;
	padding-left: 50px;
    padding-right: 50px;
}
.page-header .page-header-content .page-title h2 span.ai_page_sub_title:not(.sm_page_heading_icon){
	font-weight: normal;
	font-size:13px !important;
	color:initial;
}
#ai_promt_about, #ai_final_promt_about, #ai_idea_list_prompt{
	background-color: #E4F8FF;
	cursor: pointer;
	max-height: 235px;
    overflow-y: auto;
}
#ai_promt_about, #ai_final_promt_about, #ai_idea_list_prompt, #ai_followup_prompt{
	&::-webkit-scrollbar {
		width: 3px;
	}

	/* Track */
	&::-webkit-scrollbar-track {
		background: #f1f1f1; 
	}

	/* Handle */
	&::-webkit-scrollbar-thumb {
		background: #888; 
	}

	/* Handle on hover */
	&::-webkit-scrollbar-thumb:hover {
		background: #555; 
	}
}
#ai_followup_prompt{
	background-color:#F7F7F8;
	cursor: pointer;
	max-height: 235px;
	overflow-y: auto;
}
.sm_ai_writer_step_inner .sm_ai_writer_step_area{
	width: 100%;
}
.sm_ai_writer_step_area .modal_heading_title{
	font-size: 25px;
    font-weight: bold;
	width: calc(100% - 65px);
}
.sm_outline_material_style .sm_outline_mterial_input.sm_ai_copy_box{
	border-left: 8px solid #00a8e5 !important;
    padding: 8px 25px 8px 15px;
	min-height: 40px;
}
.sm_ai_copy_main_section{
	position: relative;
}
.sm_ai_copy_main_section .copy-text{
	width: 20px;
    height: 20px;
    position: absolute;
    right: 25px;
    top: -25px;
    cursor: pointer;
	color: #02b321;
}
#ai_select_accounts_area #social-act .connect-mor-acs{ 
	margin-bottom: 6px;
	vertical-align: text-bottom;
}
#ai_select_accounts_area #add_account_open:hover,
#ai_select_accounts_area #sm_add_account_btn:hover {
	box-shadow: none;
}
#ai_select_accounts_area #add_account_open,
#ai_select_accounts_area #sm_add_account_btn {
	background: transparent;
	border: 1px solid #01a8e5;
	color: #01a8e5;
	padding: 9px !important;
	height: 40px;
	width: 40px;
}
#ai_select_accounts_area #sm_social_acc_btn_select_all{
	border-top-width: 1px;
    border-top-color: #D0D7E7;
    border-top-style: solid;
}
.sm_ai_social_acc_group_list > span {
	display: none;
	position: absolute;
    top: 0%;
    right: 0%;
    padding: 5px 12px;
    line-height: 25px;
}

.sm_ai_social_acc_group_list:hover > span {
	display: block;
}
.dropdown-menu > li.sm_ai_social_acc_group_list > a {
	padding-right: 25px;
}
.ai_post_type_save_area{
	display: none;
	width: 300px;
	position: absolute;
	min-height: 50px;
	top: 45px;
	right: 0px;
	display: none;
	background: #FFFFFF;
	box-shadow: 0px 0px 80px rgba(71, 87, 103, 0.07), 0px 0px 33.4221px rgba(71, 87, 103, 0.0503198), 0px 22.3363px 17.869px rgba(71, 87, 103, 0.0417275), 0px 12.5216px 10.0172px rgba(71, 87, 103, 0.035);
	border-radius: 5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	padding: 10px 20px;
	color: #7b91a8;	
	cursor: default;
	z-index: 99;
	text-align: left;
}
.ai_post_type_save_area .arrow {
	right: 7px;
    margin-left: -6px;
    border-bottom-width: 0 !important;
    border-top-color: rgb(187, 213, 245) !important;
    top: -8px;
	border-width : 8px;
	rotate: 180deg;
}
.ai_post_type_save_area .arrow:after {
	content: " ";
    top: -8px;
    margin-left: -8px;
    border-bottom-width: 0 !important;
    border-top-color: #ffffff !important;
	border-width: 8px;
}
.ai_post_type_save_area .arrow, .ai_post_type_save_area .arrow:after {
	position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;	
}
.ai_post_type_input_section{
	position: relative;
}
#ai_post_type_name{
	width: 100%;
	padding-right: 30px;
}
.ai_post_type_save_btn{
	width: 30px;
    height: 30px;
    position: absolute !important;
    right: 5px;
    top: 4px;
    font-size: 30px !important;
    padding: 0 !important;
    line-height: 30px !important;
}
.ai_post_type_input_section.error #ai_post_type_name::placeholder{
	color:#ff0000;
}
.ai_post_type_input_section.error #ai_post_type_name::-ms-input-placeholder{
	color:#ff0000;
}
.sm_cancel_agencypro_subscription_btn.error,
.sm_cancel_agencypro_subscription_btn.error:hover,
.sm_cancel_agencypro_subscription_btn.error:focus {
	background-color: #ff0000;
	color: #fff;
	border-color: #ff0000;
}
.ai_idea_list_section .select2-container{
	opacity: 0;
}
.sm-ai-idealist-dropdown-container{
	width: 220px !important;
}
.ai_card_button_prompt_section{
	text-align: center;
    position: fixed;
	bottom: 0;
	left:0;
    width: 100%;
	min-height:50px;
	display: inline-block;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ai_card_button_prompt_section a.ai_card_prompt_btn{
	margin-right: 12px;
	margin-left: 12px;
	margin-bottom: 7px;
	margin-top: 7px;
	display:inline-block;
}	
.ai_card_button_prompt_section a.ai_card_prompt_btn img{
	width: 39px;
	height: 39px;
}
.ai_default_image_generation_prompt {
	display: none !important;
}
.ai_image_generation_load_default_prompt {
	float: right;
	margin-right: 5px;
	cursor: pointer;
}
.wk_cl_legend_group_title { 
	width: 95%;
	margin-bottom: 5px;
	color: #ffffff;
	font-size: 12px;
	height: 20px;
}
.wk_cl_legend_group_title_text { 
	margin-left: 5px;
	white-space: nowrap;
}
.wk_cl_legend_group_icon { 
	cursor: pointer; 
}
.wk_cl_legend_group_icon:hover { 
	background:url(../images/svg/cl_edit_link_icon.svg) no-repeat right;
	background-size: 20px 17px; 
}
.sm_intake_form_question_type_section label,
.sm_intake_form_dropdown_section label,
.sm_intake_from_question_section label,
.sm_intake_question{
	float: left;
}
.sm_intake_form_question_type_section .sm_intake_form_question_type_dropdown{
	float: left;
	width: calc( 100% - 105px );
}
/* Workspace Defaults: Default view (agency_dashboard.php) */
.sm_wk_default_view_section {
	display: flex;
	align-items: center;
	gap: 12px;
}
.sm_wk_default_view_section > label {
	margin: 0;
}
.sm_wk_default_view_section .sm_wk_default_view_dropdown {
	width: 220px;
}
.sm_intake_from_question_section .sm_intake_form_question{
	width: calc( 100% - 70px);
    border-top: 0;
}
.sm_intake_form_dropdown_section .sm_intake_form_item_list{
	float: left;
	width: 200px;
    border-top: 0;
}
.sm_dropdown_field_remove{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
.sm_checkbox_group{
	display: flex;
}
.sm_checkbox_group + .sm_checkbox_group{
	margin-top: 0;
}
.sm_checkbox_group .checkbox + .checkbox{
	margin-top: 8px;
    margin-left: 13px;
}
.sm_checkbox_group .checkbox + .checkbox label{
	padding-left: 20px;
}
.sm_required_disabled_check-error{
	color: #ff0000;
}
.sm_checkbox_group .sm_check_required{
	width: 60px;
}
.sm_required_disabled_check-error{
	width: 135px;
}
/* agency calendar */
#modal_wk_custom_schedule .fc-content {
        margin-top: 1px;
        margin-bottom: 1px;
        margin-left: 1px;
}
#modal_wk_custom_schedule .fc-content .fc-time {
        clear: both;
        float: left;
        height: auto;
        min-height: 20px;
        color: #333333;
}
#modal_wk_custom_schedule .fc-content .fc-title {
        clear: both;
        float: left;
        color: #333333;
}
#modal_wk_custom_schedule .fc-time-grid-event.fc-short .fc-time:after{
    content: '';
}
#modal_wk_custom_schedule .fc-time span:first-child{ float:left; height:22px;}
#modal_wk_custom_schedule .cl-common-icon .fc-time { width: 98%; }
#modal_wk_custom_schedule .fc_time_icon_main { float: right; }    
#modal_wk_custom_schedule .cl-common-icon .fc-time .fc_time_icon_fb {
    background:url(../images/svg/facebook.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left; padding:0 1px;text-align: right;font-size: 13px; color: #000000;background-position:98% 0;
}
#modal_wk_custom_schedule .cl-common-icon .fc-time .fc_time_icon_tw {
    background:url(../images/svg/twitter-x.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;text-align: right;font-size: 13px; color: #000000;background-position:98% 0;
}
#modal_wk_custom_schedule .cl-common-icon .fc-time .fc_time_icon_ln {
    background:url(../images/svg/linkedin.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;text-align: right;font-size: 13px; color: #000000;background-position:98% 0;
}
#modal_wk_custom_schedule .cl-common-icon .fc-time .fc_time_icon_pi {
    background:url(../images/svg/pinterest.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;text-align: right;font-size: 13px; color: #000000;background-position:98% 0;
}
#modal_wk_custom_schedule .cl-common-icon .fc-time .fc_time_icon_in {
    background:url(../images/svg/instagram.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;text-align: right; font-size: 13px; color: #000000;background-position:98% 0;
}
#modal_wk_custom_schedule .cl-common-icon .fc-time .fc_time_icon_blsk {
    background:url(../images/svg/bluesky.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;text-align: right; font-size: 13px; color: #000000;background-position:98% 0;
}
#modal_wk_custom_schedule .cl-common-icon .fc-time .fc_time_icon_thrd {
    background:url(../images/svg/threads.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;text-align: right; font-size: 13px; color: #000000;background-position:98% 0;
}
#modal_wk_custom_schedule .cl-common-icon .fc-time .fc_time_icon_gmb {
    background:url(../images/svg/google_my_business.svg) no-repeat center; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;margin:0 1px;text-align: right; font-size: 13px; color: #000000;
}
#modal_wk_custom_schedule .cl-common-icon .fc-time .fc_time_icon_tiktok {
    background:url(../images/svg/tiktok.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;text-align: right; font-size: 13px; color: #000000;background-position:98% 0;
}
#modal_wk_custom_schedule .cl-common-icon .fc-time .fc_time_icon_yt {
    background:url(../images/svg/youtube.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;text-align: right; font-size: 13px; color: #000000;background-position:98% 0;
}
/*Icons for optimal by network*/
#modal_wk_custom_schedule .cl-network-icon .fc-time { width: 99%; }
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_fb {
    background:url(../images/svg/cal_icon/icon_fb_gray.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_tw {
    background:url(../images/svg/cal_icon/icon_tw_gray.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_ln {
    background:url(../images/svg/cal_icon/icon_ln_gray.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_pi {
    background:url(../images/svg/cal_icon/icon_pi_gray.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_in {
    background:url(../images/svg/cal_icon/icon_in_gray.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_blsk {
    background:url(../images/svg/bluesky_gray.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_gmb {
    background:url(../images/svg/gmb_logo_gray.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;margin:0 1px;
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_tiktok {
    background:url(../images/svg/tiktok_gray.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_yt {
    background:url(../images/svg/youtube_gray.svg) no-repeat right top; background-size: 20px 20px; 
    width: 20px; height: 20px; float: left;padding:0 1px;
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_fb.fc_time_selected {
    background:url(../images/svg/cal_icon/icon_fb.svg) no-repeat right top; background-size: 20px 20px; 
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_tw.fc_time_selected {
    background:url(../images/svg/cal_icon/icon_tw.svg) no-repeat right top; background-size: 20px 20px; 
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_ln.fc_time_selected {
    background:url(../images/svg/cal_icon/icon_ln.svg) no-repeat right top; background-size: 20px 20px; 
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_pi.fc_time_selected {
    background:url(../images/svg/cal_icon/icon_pi.svg) no-repeat right top; background-size: 20px 20px; 
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_in.fc_time_selected {
    background:url(../images/svg/cal_icon/icon_in.svg) no-repeat right top; background-size: 20px 20px; 
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_blsk.fc_time_selected {
    background:url(../images/svg/bluesky.svg) no-repeat right top; background-size: 20px 20px; 
}
#modal_wk_custom_schedule .cl-network-icon .fc-time .fc_time_icon_gmb.fc_time_selected {
    background:url(../images/svg/google_my_business.svg) no-repeat center; background-size: 20px 20px; 
}

#modal_wk_custom_schedule .fc-month-view .sm_rm_icons_1, #modal_wk_custom_schedule .fc-agendaWeek-view .sm_rm_icons_1, #modal_wk_custom_schedule .fc-agendaDay-view .sm_rm_icons_1{ background:url(../images/svg/cl_rm_reminder.svg) no-repeat right top; background-size: 19px 19px; }
#modal_wk_custom_schedule .fc-month-view .sm_rm_icons_2, #modal_wk_custom_schedule .fc-agendaWeek-view .sm_rm_icons_2, #modal_wk_custom_schedule .fc-agendaDay-view .sm_rm_icons_2{ background:url(../images/svg/cl_rm_email.svg) no-repeat right top; background-size: 19px 19px; }
#modal_wk_custom_schedule .fc-month-view .sm_rm_icons_3, #modal_wk_custom_schedule .fc-agendaWeek-view .sm_rm_icons_3, #modal_wk_custom_schedule .fc-agendaDay-view .sm_rm_icons_3{ background:url(../images/svg/cl_rm_blog.svg) no-repeat right top; background-size: 19px 19px; }
#modal_wk_custom_schedule .fc-month-view .sm_rm_icons_4, #modal_wk_custom_schedule .fc-agendaWeek-view .sm_rm_icons_4, #modal_wk_custom_schedule .fc-agendaDay-view .sm_rm_icons_4{ background:url(../images/svg/cl_rm_direct_email.svg) no-repeat right top; background-size: 19px 19px; }
#modal_wk_custom_schedule .fc-month-view .sm_rm_icons_5, #modal_wk_custom_schedule .fc-agendaWeek-view .sm_rm_icons_5, #modal_wk_custom_schedule .fc-agendaDay-view .sm_rm_icons_5{ background:url(../images/svg/cl_rm_video.svg) no-repeat right top; background-size: 19px 19px; }
#modal_wk_custom_schedule .fc-month-view .sm_rm_icons_6, #modal_wk_custom_schedule .fc-agendaWeek-view .sm_rm_icons_6, #modal_wk_custom_schedule .fc-agendaDay-view .sm_rm_icons_6{ background:url(../images/svg/cl_rm_instagram.svg) no-repeat right top; background-size: 19px 19px; }
#modal_wk_custom_schedule .fc-month-view .sm_rm_icons_7, #modal_wk_custom_schedule .fc-agendaWeek-view .sm_rm_icons_7, #modal_wk_custom_schedule .fc-agendaDay-view .sm_rm_icons_7{ background:url(../images/svg/cl_rm_content.svg) no-repeat right top; background-size: 19px 19px; }
#modal_wk_custom_schedule .fc-month-view .sm_rm_icons_8, #modal_wk_custom_schedule .fc-agendaWeek-view .sm_rm_icons_8, #modal_wk_custom_schedule .fc-agendaDay-view .sm_rm_icons_8{ background:url(../images/svg/cl_rm_meeting.svg) no-repeat right top; background-size: 19px 19px; }
#modal_wk_custom_schedule .fc-month-view .sm_rm_icons_9, #modal_wk_custom_schedule .fc-agendaWeek-view .sm_rm_icons_9, #modal_wk_custom_schedule .fc-agendaDay-view .sm_rm_icons_9{ background:url(../images/svg/cl_rm_presentation.svg) no-repeat right top; background-size: 19px 19px; }
#modal_wk_custom_schedule .fc-month-view .sm_rm_icons_10, #modal_wk_custom_schedule .fc-agendaWeek-view .sm_rm_icons_10, #modal_wk_custom_schedule .fc-agendaDay-view .sm_rm_icons_10{ background:url(../images/svg/cl_rm_party.svg) no-repeat right top; background-size: 19px 19px; }

#modal_wk_custom_schedule .cl-group-bar { height: 10px; }
#modal_wk_custom_schedule #calendar{ 
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    float: left;
}
#modal_wk_custom_schedule .sm-cl-main {
    width: 81%;
    max-width: 81%;
    float: left;
}
#modal_wk_custom_schedule .sm-cl-legend {
    width: 17%;
    float: right;
}
#modal_wk_custom_schedule #group_legend {
    float: right;
    width: 100%;
    padding-left: 5px;
    text-align: left;
    margin-top: 0px;
    padding-bottom: 5px;
}
#modal_wk_custom_schedule #status_legend, #modal_wk_custom_schedule #overlay_legend, #modal_wk_custom_schedule #queue_settings {
    float: right;
    width: 100%;
    padding-left: 5px;
    text-align: left;
    margin-top: 5px;
    padding-bottom: 5px;
}

#modal_wk_custom_schedule .cl_legend_title { 
    color: #000000; 
}
#modal_wk_custom_schedule .cl_legend_title { 
    color: #000000; 
}
#modal_wk_custom_schedule .cl_legend_sub_title {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}
#modal_wk_custom_schedule .cl_legend_group_title { 
    width: 95%; margin-bottom: 5px; color: #ffffff; font-size: 12px; height: 20px; 
}
#modal_wk_custom_schedule .cl_legend_group_title_text { 
    margin-left: 5px;
    white-space: nowrap;
    cursor: pointer;
}
#modal_wk_custom_schedule .cl_legend_group_icon { 
    cursor: pointer; 
}
#modal_wk_custom_schedule .cl_legend_group_icon:hover { 
    background:url(../images/svg/cl_edit_link_icon.svg) no-repeat right; background-size: 20px 17px; 
}
#modal_wk_custom_schedule .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0px;
    background-color: #f2f4f9;
    display: none !important;
}
#modal_wk_custom_schedule .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0px;
    background-color: #f2f4f9;
    display: none !important;
}
#modal_wk_custom_schedule .fc-toolbar.fc-header-toolbar .fc-left h2 {
    font-size: 16px;
    margin-top: 9px;
    margin-left: 20px;
    color: #333333;
}
#modal_wk_custom_schedule .fc-toolbar.fc-header-toolbar .fc-today-button {
    margin-left: 0px;
    min-height: 40px;
    border-right: 1px solid #D0D7E7;
}
#modal_wk_custom_schedule .fc-today-button:first-letter, #modal_wk_custom_schedule .fc-month-button:first-letter, #modal_wk_custom_schedule .fc-agendaWeek-button:first-letter, #modal_wk_custom_schedule .fc-agendaDay-button:first-letter, #modal_wk_custom_schedule .fc-listWeek-button:first-letter {
    text-transform: uppercase;
}
#modal_wk_custom_schedule .fc-month-button, #modal_wk_custom_schedule .fc-agendaWeek-button, #modal_wk_custom_schedule .fc-agendaDay-button, #modal_wk_custom_schedule .fc-listWeek-button, #modal_wk_custom_schedule .fc-today-button, #modal_wk_custom_schedule .fc-prev-button, #modal_wk_custom_schedule .fc-next-button
{
    background-color: #f2f4f9;
    border: none;
    border-radius: 0px;
    background-image: none;
    box-shadow: none;
    font-size: 14px;
    min-height: 40px;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
#modal_wk_custom_schedule .fc-month-button, #modal_wk_custom_schedule .fc-agendaWeek-button, #modal_wk_custom_schedule .fc-agendaDay-button, #modal_wk_custom_schedule .fc-listWeek-button {
    margin: 0px 4px !important;
}
#modal_wk_custom_schedule .fc-next-button, #modal_wk_custom_schedule .fc-prev-button {
    border-right: 1px solid #D0D7E7;
}
#modal_wk_custom_schedule .fc-state-active {
    border-bottom: 3px solid #00b2f3 !important;
}
#modal_wk_custom_schedule .fc-toolbar.fc-header-toolbar .fc-button-group > * {
    margin: 0px;
}
#modal_wk_custom_schedule .fc-month-view .fc-day-top.fc-today .fc-day-number, #modal_wk_custom_schedule .fc-month-view .fc-day-top.fc-future .fc-day-number,
#modal_wk_custom_schedule .fc-agendaWeek-view .fc-day-header.fc-today a, #modal_wk_custom_schedule .fc-agendaWeek-view .fc-day-header.fc-future a {
    color: #23c4fe;
}
#modal_wk_custom_schedule .fc-month-view .fc-day-top.fc-past .fc-day-number,
#modal_wk_custom_schedule .fc-agendaWeek-view .fc-day-header.fc-past a {
    color: #7b91a8;
}
#modal_wk_custom_schedule .fc-unthemed td.fc-today {
    background: none;
}
#modal_wk_custom_schedule .fc-month-view .fc-widget-content.fc-state-highlight:before {
    content: '\00a0';
    border: 1px solid #f65a5a;
    height: 100%;
    display: block;
}
#modal_wk_custom_schedule .fc-agendaWeek-view .fc-widget-header.fc-today {
    border: 1px solid #f65a5a;
    display: block;
}
#modal_wk_custom_schedule .fc-basic-view .fc-body .fc-row {
    min-height: 100px;
}
#modal_wk_custom_schedule .fc-listWeek-view.fc-list-view .fc-scroller {
    height: auto !important;
    min-height: 700px;
}
#modal_wk_custom_schedule .cl_draft_event_warning, #modal_wk_custom_schedule .cl_await_event_warning {
    margin-left: 5px;
    height: 13px;
    width: 13px;
}
#modal_wk_custom_schedule .cl_all_filter_type {
    margin-bottom: 10px;
}
#modal_wk_custom_schedule .cl_filter_group_section, #modal_wk_custom_schedule .cl_filter_network_section {
    margin-left: 20px;
    color: #000000;
}
#modal_wk_custom_schedule .cl_legend_network_title_text {
    cursor: pointer;
    margin-left: 5px;
}
#modal_wk_custom_schedule .cl_legend_filters_title {
    cursor: pointer;
    margin-bottom: 0px;
    margin-top: 5px;
    color: #000000;
    font-weight: bold;
    margin-left: 5px;
}
#modal_wk_custom_schedule .cl_filter_uncheck_all_section {
    margin-bottom: 10px;
}
#modal_wk_custom_schedule .cl_filter_uncheck_all {
    text-decoration: underline;
}
#modal_wk_custom_schedule .cl_filter_uncheck_all:hover {
    text-decoration: underline;
}
#modal_wk_custom_schedule .fc-widget-content .fc-day-grid,
#modal_wk_custom_schedule .fc-widget-content .fc-divider { 
    display: none !important;
}
/*agency calendar*/
.tw-account-select-msg,
.pi-account-select-msg,
.tiktok-account-select-msg{
	display: block;
	width: 100%;
}
.sm_tiktok_privacy_selection{
	padding: 10px 18px 10px 18px;	
}
.sm_tiktok_users_privacy_selection, .sm_tiktok_users_disclose_selection{
	padding: 0px 18px 10px 18px;
	display: inline-block;
    width: 100%;
}
.sm_tiktok_users_disclose_option .checkbox{
	display: inline-block;
	width: auto;
	margin: 0px 10px auto auto;
	float: left;
}
#sm_tiktok_network_thumb_error_img{
	padding: 5px 10px 0 10px;
	display: inline-block;
	line-height: normal;
	text-align: center;
	width: 100%;
}	
#tiktok_privacy_level-error, #tiktok_your_brand_status-error{ padding-top: 0; padding-bottom: 0; padding-left: 22px;}
#tiktok_privacy_level-error::before, #tiktok_your_brand_status-error::before{ padding-top: 0; padding-left: 0; }
.each_verification_row.sm_tiktok_notice{
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 12px;
	text-align: center;
}
.btn.btn-secondary.ag_pay_overage_card_btn{
	background-color: #F60000;
    border-color: #F60000;
}
.wk_custom_industry_edit_link, .wk_custom_industry_default_load_link{
	cursor: pointer;
}
.btn.sm-no-rounded.sm_appsumo_deal_btn{
	font-size: 16px;
    font-weight: bold;
    width: 230px;
    height: 46px;
	line-height: 16px;
	border-radius: 10px;
	vertical-align: top;
	display: inline-grid;
	color: #ffffff;
    background-color: #01a8e5;
    border-color: #01a8e5;
	margin-right: 15px;
	margin-left: 15px;
}
.navbar-inverse .navbar-nav > .sm_extra_notes .btn.sm_appsumo_deal_btn span{
	background-color: #F6C02C;
	color: #12309F;
	border-radius: 17px;
	width: 110px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	margin: 3px auto -20px auto;
	line-height: 18px;
	text-align: center;
	display: block;
	padding: 0;
}
#uyttitle_countdown-error, #yt_video_tags_count-error, #upload_yt_title-error, #edit_yt_message-error { padding-top: 0; padding-bottom: 0; padding-left: 22px;}
#uyttitle_countdown-error::before, #yt_video_tags_count-error::before, #upload_yt_title-error::before, #edit_yt_message-error::before{ padding-top: 0; padding-left: 0; }
.sm_reconnect_section{
	position: fixed;
    top: calc(50% - 100px);
    left: calc(50% - 160px);
    width: 320px;
    height: 140px;
	margin: 0 auto;
	text-align: center;    
}
span.txtlimit.yt_counter_over{
	margin-right: 0;
}
.sm_network_preview_box .validation-error-label#yt_counter_over-error{
	padding-top: 0;
    padding-bottom: 0;
    padding-left: 22px;
}
.sm_network_preview_box .validation-error-label#yt_counter_over-error:before{
	padding-left: 0px;
}	
.upload_video_section_new_thumb > .upload_video_main_div > .socia_asset_lib_box{
	width: 130px;
	height: 130px;
	padding: 5px;
	border: 2px solid #ffffff !important;
	cursor: pointer;
	background: #FFFFFF;
	box-shadow: none;
	position: relative;
}	
.upload_video_section_new_thumb > .upload_video_main_div.active > .socia_asset_lib_box{
	border: 2px solid #00a8e5 !important;    
}
.upload_video_section_new_thumb .upload_video_main_div .socia_asset_lib_box .social_attach_cancel_button {
	right: 0px;
	margin-top: 0px;
	top: 0px !important;
}	
.upload_video_section_new_thumb > .upload_video_main_div > .socia_asset_lib_box .socia_choose_asset_lib_logo{
	margin: 0;
	height: 115px;
}
.upload_video_section_new_thumb > .upload_video_main_div > .socia_asset_lib_box .socia_choose_asset_lib_logo img {
	height: 115px;
	width: 115px;
	max-height: 115px;
	max-width: 115px;
	object-fit: cover;
	-o-object-fit: cover;	
}
.upload_video_section_new_thumb .socia_asset_lib_box .socia_asset_lib_button_div{
	margin-top: 0px;
	z-index: 999;
	position: absolute;
}
.upload_video_section_new_thumb .socia_asset_lib_box .social_attach_cancel_button {
	right: 3px;
	margin-top: -23px;
	position: absolute;
	background-color: #F15D62;
	color: #fff !important;
	border-radius: 50%;
	padding: 8px;
}
.upload_video_section_new_thumb .socia_asset_lib_box .social_plupload_counter_rotate {
	left: -18px;
	margin-top: 10px;
	color: #ffffff;
}
.upload_video_section_new_thumb .socia_asset_lib_box .social_plupload_clock_rotate {
	right: -12px;
	margin-top: 10px;
	color: #ffffff;
}
.sm_remove_video_link{
	margin-bottom: 5px;
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
}
.sweet-alert p{
	word-wrap: break-word;
}
.verified_error_lbl, .verified_error_lbl:hover, .verified_error_lbl:focus{
	color: #FF0000;
}
span#sm_url_error_img{
	margin-top: 10px;
}
.account_reached_info{
	text-align: right;
    display: inline-block;
    padding: 10px 0;
	width: 100%;
}
#modal_auth_social_network .modal-dialog{
	width: 840px;
}
#modal_auth_social_network .modal-content{
	border-radius: 10px;
}
#modal_auth_social_network .modal-dialog .modal-title{
	font-size: 20px;
  	color: #2E384D;
  	font-weight: bold;
	width: calc(100% - 75px);
	display: inline-block;
    vertical-align: middle;
}
#modal_auth_social_network .modal-dialog .modal-header{
	border-bottom: 1px solid #BABABA;
	height: 100px;
  	padding-top: 22px;
	padding-left: 25px;
}
#modal_auth_social_network .sm_modal_title_icon-sec{
	display: inline-block;
}
#modal_auth_social_network .sm_modal_title_icon-sec .modal-title-icon{
	height: 54px;
	width: 54px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 6px;
	border: 1px solid #E8EEF4;
	border-radius: 50px;
	margin-right: 10px;
}
#modal_auth_social_network .modal-header .close{
	background-color: #00B2F3;
	height: 28px;
	border-radius: 50%;
	width: 28px;
	color: #fff;
	opacity: 1;
	margin-top: 2px;
	top: -15px;
	right: -10px;
	line-height: 28px;
}
#sm_search_network_profile{
	padding-left: 50px;
	height: 50px;
	font-size: 15px;
}
.sm_search_network_profile_section{
	position: relative;
}
.sm_search_network_profile_section::before{
    content: "\e98e";
	font-family: 'icomoon';
	font-size: 20px;
	display: inline-block;
	position: absolute;
	top: 15px;
	left: 15px;
	margin-top: 0;
	color: #8798AD;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#modal_auth_social_network .modal-body{
	padding: 25px;
}
#modal_auth_social_network .modal-footer{
	padding: 0 25px 25px 25px;
}
#modal_auth_social_network .modal-footer .modal-footer-info{
	text-align: left;
	font-size: 14px;
  	color: #8A96A4;
}	
#modal_auth_social_network .modal-footer-info img{
	margin-right: 10px;
	display: inline-block;
    width: 48px;
}
#modal_auth_social_network .modal-footer-info span{
	display: inline-block;
    width: calc(100% - 60px);
    vertical-align: middle;
}
.sm_ac_social_item {
	background-color: #F6F9FF;
	height: 80px;
	margin-bottom: 15px;
	border-radius: 7px;
	padding: 15px;
}
.sm_ac_social_item.gmb,
.sm_ac_social_item.fb_page {
	height: auto;
	min-height: 80px;
}
#modal_auth_social_network .ac_social_item_img{
	display: inline-block;
}
#modal_auth_social_network .ac_social_item_img img{
	border-radius: 50px;
}
#modal_auth_social_network .ac_social_item_name{
	display: inline-block;
  	padding: 10px 15px;
  	font-size: 16px;
  	font-weight: bold;
	vertical-align: middle;
	width: calc(100% - 200px);
}
#modal_auth_social_network .ac_social_item_name .ac_social_gmb_location_address{
	color: #82858d;
}
#modal_auth_social_network .ac_social_item_name .ac_social_gmb_view_location{
	font-weight: 400;
}
#modal_auth_social_network .ac_social_item_name .ac_social_view_fb_page_url{
	font-weight: bold;
}
#modal_auth_social_network .ac_social_item_msg{
	text-align: center;
    display: block;
    padding: 15px;
    color: #8A96A4;
    font-size: 16px;
    width: 100%;
}
#modal_auth_social_network .ac_social_item_action{
	display: inline-block;
}
#modal_auth_social_network .ac_social_item_action span.error-msg{
	margin-right: 10px;
	display: block;
	position: absolute;
}
#modal_auth_social_network .ac_social_item_action .btn_ac_connect{
	background-color: transparent;
    color: #00B2F3;
    border-width: 2px;
    padding: 8px 15px;
	width: 136px;
	font-size: 14px;
	font-weight: bold;
}	
#modal_auth_social_network .ac_social_item_action .btn_ac_connect.active{
	background-color: #00A912;
	border-color: #00A912;
	color: #fff;
}
#modal_auth_social_network .ac_social_item_action .btn_ac_connect.active i{
	font-size: 18px;
	margin-right: 5px;
}
.sm_form_input_link {
	color: #00b2f3;
	margin-left: 5px;
}
.sm_form_input_link:hover,
.sm_form_input_link:focus {
	color: #00b2f3;
}
body.sm_social_accounts_page #modal_bluesky_user_add .tata-ajax-loader {
    width: 100% !important;
    height: 100% !important;
}
#frm_discount_code_set #automated-post-editor-buttons .btn-danger.sm_delete_post_set, #frm_discount_code_set #automated-post-editor-buttons .btn-danger.sm_delete_post_set:hover{
	color: #f44336;
	border-color: #f44336;
}
.sweepstakes_campaign_section{
	width: 285px;
}
.modal-open.custom-modal-open .modal {
    overflow: hidden;
}
#modal_post_comment_editor .modal-body{
	overflow-y: auto;
  	height: calc(100% - 200px);
}
#modal_post_comment_editor .modal-content{
	padding: 7px;
}
.sm_comment_action_area{	
	position: fixed;
    width: 100%;
    bottom: 0;
	margin: 0 -7px;	
}
.sm_comment_action_box{
	background-color: #F8F9FD;
    min-height: 83px;
    padding: 15px;
    width: 600px;
}
.sm_email_notify_box{
	padding-left: 27px;
    padding-right: 27px;
    display: inline-block;
    width: 600px;
	background-color: #fff;
}
.sm_email_notify_user_area{
	color: #8798AD;
	font-size: 14px;
}
.comment_emoji_section{
	height: 50px;
    width: 50px;
    float: left;
    padding: 15px 0;
}
.comment_emoji_section svg{
	margin: 0 auto;
	cursor: pointer;
}
.sm_hold_post_user_comment{
	cursor: pointer;
}
/*Start Comment slide css*/
.publisher_post_comment.active .comment_hold_posts_approval_inner_icon_rec{
	stroke: #01a8e5;
}
.publisher_post_comment.active .comment_hold_posts_approval_inner_icon{
	fill: #01a8e5;
}
#sm_comment_text{
	width: 500px;
	min-height: 50px;
	background-color: #fff;
	display: inline-block;
	padding: 15px 45px 15px 15px;
	resize: none;
}
.sm_comment_area_box{
	position: relative;
    display: inline-block;
}
.sm_input_add_comment_icon{
	font-size: 32px;
    right: 10px;
    color: #01a8e5;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    bottom: 9px;
}
#sm_comment_text:empty:before {
	content: attr(placeholder);
	pointer-events: none;
	display: block; /* For Firefox */
}
.cmt_item_inner_box{
	border: 1px solid #F6F9FF;
    background-color: #F6F9FF;
    min-height: 85px;
    color: #5F5F5F;
    font-size: 14px;
	padding: 25px;
	position: relative;
	border-radius: 0 20px 20px 20px;
	display: flex;
	align-items: center;
}
.cmt_item_inner_box:hover{
	border-color: #00B2F3;
	background-color: #F2FCFF;
}
.sm_cmt_delete_icon{
	position: absolute;
    right: 10px;
    bottom: 10px;
	display: block;
	color: #8798AD;
	display: none;
}
.sm_cmt_delete_icon i{
	line-height: normal;
	color: #8798AD;
}
.cmt_item_inner_box:hover .sm_cmt_delete_icon{
	display: block;
}
.cmt_user_detail_box{
	color: #8798AD;
	display: flex;
  	align-items: center;
}
.cmt_user_profile{
	font-weight: bold;
	display: flex;
  	align-items: center;
}
.cmt_profile_img{
	border-radius: 50%;
	width: 25px;
  	height: 25px;
}
.sm_comment_text_error_msg{
	padding-left: 50px;
}
#add_comment.active{
	pointer-events: none;
}
#modal_post_comment_editor, #modal_select_image{
	z-index: 2147485000 !important;
}
/*End Comment slide css*/
/* Start Facebook text post background css */
.facebook_text_background_color_section {
	float: right;
    height: 36px;
    width: 36px;
}
.facebook_text_background_color_section .sm_facebook_text_background_color_preview,
.import_fb_text_background_color_section .sm_import_fb_text_background_color_preview {
	background-image: url(../images/sm_fb_post_bg_emoji.webp);
	align-items: center;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	display: flex;
	width: 34px;
  	height: 34px;
	justify-content: center;
	font-weight: bolder;
	font-size: large;
	color: #ffffff;
	border-radius: 5px;
	cursor: pointer;
}
.import_fb_text_background_color_section .sm_import_fb_text_background_color_preview{
	display: inline-flex;
}
.sm_post_import_bg_items{
	display: inline-block;
}
.sm_post_import_bg_items .sm_import_fb_text_background_color_preview{
	margin-right: 8px;
	position: relative;
}
.facebook_text_background_color_section_wrap .sm_remove_facebook_background,
.sm_remove_import_fb_bg_background {
	display: none;
	position: absolute;
	top: -5px;
	right: -5px;
	color: #f65a5a !important;
	background-color: #FFFFFF;
	border-radius: 10px;
	font-size: 15px;
	cursor: pointer;
}
.facebook_text_background_color_section_wrap.sm_background_selected:hover .sm_remove_facebook_background,
.sm_import_fb_text_background_color_preview:hover .sm_remove_import_fb_bg_background {
	display: block;
}
.facebook_text_background_color_section .popover.fade.top {
	text-align: center !important;
	top: -54px !important;
	left: -51px !important;
	width: 138px !important;
	border-radius: 10px;
}
.sm_facebook_text_background_color_preview img {
	height: 36px;
	width: 36px;
}
.sm_facebook_background_contents_wrapper {
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.sm_facebook_background_category_contents {
	display: block;
	margin-bottom: 20px;
}
.sm_facebook_background_category_title {
	margin-left: 12px;
}
.sm_facebook_background_category_title label {
	display: block;
	font-size: 20px;
	margin: 20px 0 10px 0;
}
.sm_facebook_background_category_grid {
	display: inline-block;
	margin-left: 15px;
}
.sm_choose_facebook_background_wrap_none,
.sm_choose_facebook_background_wrap {
	display: inline-block;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: 13px;
	color: #4f4f4f;
	box-sizing: border-box;
	background: #F1F1F1;
	background-size: cover;
	background-position: center;
	float: left;
	cursor: pointer;
	position: relative;
	line-height: 14px;
	margin: 0 12px 12px 1px;
	text-align: center;
	width: 60px;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	min-height: 59px;
	border-radius: 5px;
	box-shadow: 0 0 0px 1px rgba(204, 204, 204, 0.7);
}
.sm_choose_facebook_background_wrap img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
}
.sm_facebook_background_favorite {
	display: none;
	position: absolute;
	top: -8px;
	right: 22px;
	color: #636363;
	font-size: 15px;
	z-index: 1051;
}
.sm_choose_facebook_background_wrap:hover .sm_facebook_background_favorite {
	display: block;
}
.sm_choose_facebook_background_wrap .sm_facebook_background_favorite:hover {
	display: block;
	color: #ffd700 !important;
}
.sm_remove_facebook_background_favorite {
	display: none;
	position: absolute;
	top: -5px;
	right: -5px;
	color: #f65a5a !important;
	background-color: #FFFFFF;
	border-radius: 10px;
	font-size: 15px;
	z-index: 1051;
}
.sm_choose_facebook_background_wrap:hover .sm_remove_facebook_background_favorite {
	display: block;
}
.sm_facebook_background_none {
	display: flex;
	height: 60px;
	width: 60px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	justify-content: center;
	flex-direction: column;
}
.sm_facebook_background_favorite.sm_is_favarites_background {
	color: #ffd700 !important;
}
.fb_background_text_post_preview {
	float: left;
    width: 100%;
    text-align: center;
    margin: 15px 0px 5px 0;
}
.fb_text_background_post_preview_img img {
	width: 100%;
	height: auto;
}
.fb_text_background_post_preview_img {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
	background-size: 100% 100%;
    display: flex;
    height: 260px;
    justify-content: center;
	border-radius: 5px;
}
.fb_background_text_preview_text_wrap {
	max-height: 200px;
    overflow-y: auto;
	overflow-wrap: break-word;
    scrollbar-width: thin;
    scrollbar-color: white transparent;
    width: 100%;
    padding: 0 30px !important;
	line-height: 1.1 !important;
    font-size: 24px;
	word-wrap: break-word;
}
.fb_background_text_preview_text_wrap span{
	position: relative !important;
}
.fb_background_text_preview_text {
    font-weight: bold;
	width: 100%;
}
.fb_background_text_preview_text_main {
	display: none;
}
.fb_text_preview_read_more_less {
	display: none;
	cursor: pointer;
}
.sm_facebook_small_text_font {
	font-size: 16px !important;
}
/* End Facebook text post background css */
/* Start Canva integration Tab */
.sm_canva_integration_list_wrapper {
	display: inline-block;
	width: 100%;
}
.sm_canva_integration_list_wrapper .tata-ajax-loader, #free-image-tab .tata-ajax-loader{
	position: absolute !important;
}
.sm_canva_integration_list_wrapper .sm_connect_to_canva_wrap {
	display: flex;
	min-height: 540px;
	text-align: center;
	flex-direction: column;
	align-items: center;
    justify-content: center;
}
.sm_canva_integration_list_wrapper .sm_canva_integration_description {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	word-wrap: break-word;
}
.sm_canva_integration_description.expired {
	color: #ff0000 !important;
}
.sm_canva_integration_list_wrapper .sm_cnv_auth_asset_integration_btn {
	display: inline-block;
	margin-top: 15px;
	cursor: pointer;
}
.sm_cnv_auth_integration_btn{
	cursor: pointer;
}
#canva-integration-image-tab{
	min-height: 465px;
	position: relative;
}
#search_canva_image_btn {
	font-size: 13px;
	line-height: 16px;
	border-radius: 8px;
	width: 125px;
}
#sm_cnv_photo_block {
	margin-top: 20px;
}
/* End Canva integration Tab */
#sm_claim_free_workspace_btn{
	color: #ffffff;
    background-color: #4caf50;
    border-color: #4caf50;
}
.sm_add_wks_menu_container #sm_claim_free_workspace_btn{
	margin-right: 10px;
}
.m_claim_free_wk_msg{
	display: inline-block;
}
.sm-bold{
	font-weight: bold;
}
.select2 .select2-selection__rendered span.smoptionlevel {
    margin-left: 0 !important;
}
.sm_loder_section{
	position: absolute;
    top: 45%;
    left: 48%;
}
/* bulk import section start*/
#bulk_move_link_section .sm_outline_mterial_input_div, #publish_move_link_section .sm_outline_mterial_input_div, #rss_move_link_section .sm_outline_mterial_input_div{
	min-width: 210px;
}
.bulk_move_link_inner_section, .publish_move_link_inner_section, .rss_move_link_inner_section{
	width: auto;
    float: left;
}
.bulk_move_link_inner_section .select2-container .select2-selection,
.publish_move_link_inner_section .select2-container .select2-selection,
.rss_move_link_inner_section .select2-container .select2-selection{
	min-height: auto;
}
.sm_bulk_mlfcmt_select_dropdown_container, .sm_publish_mlfcmt_status_dropdown_container, .sm_rss_mlfcmt_status_dropdown_container{
	width: 285px !important;
}
/* bulk import section end*/
.internet_confirmCheck_div{
	display: inline-block;
    float: left;
}
.verification_troubleshoot{
	display: block;
    color: #FF0000;
    font-weight: bold;
    padding-left: 5px;
    font-size: 16px;
}
.copy_prompt_text{
	font-size: 12px;
}
.verification_troubleshoot_btn{
	cursor: pointer;
}
/* ai section css start*/
.ai_section_items{
	border-radius: 22px;
	width: 100%;
	padding: 20px;
	margin-bottom: 10px;
}
.ai_section_icon{
	width: 50px;
    height: 50px;
	border-radius: 200px;
	text-align: center;
	padding-top: 12.5px;
	display: inline-block;
	float: left;
	margin-right: 20px;
}
.ai_section_icon i{
	font-size: 25px;
	color: #FFFFFF;
}
.ai_section_heading_inner{
	display: inline-block;
	width: calc(100% - 70px);
}
.ai_section_title{
	display: inline-block;
    font-size: 20px;
    font-weight: bold;	
	width: 100%;
}
.ai_section_desc{
	display: inline-block;
}
.ai_section_posttypes_container{
	width: calc(100% /3 - 11px);
	display: inline-block;
	margin-right: 15px;
	position: relative;
}
.ai_section_posttypes_items{
	background-color: #fff;
    border-radius: 15px;
    padding: 10px 15px;
	margin-top: 15px;
	display: inline-block;	
	vertical-align: text-top;
	border: 1px solid #E8EEF4;
	position: relative;
	min-height: 70px;
	width: 100%;
	cursor: pointer;
}
.ai_section_posttypes_items:hover .ai_types_flag{
	color: #fff;
}
.ai_section_posttypes_container:nth-child(3n){
	margin-right: 0px;
}
.ai_types_title{
	font-weight: bold;
    font-size: 16px;
}
.ai_types_desc{
	padding-right: 10px;
}
.ai_types_flag{
	background-color: #E8EEF4;
    width: 32px;
    height: 32px;
    font-weight: bold;
    font-size: 13px;
    border-radius: 0 15px 0 15px;
    float: right;
    margin-right: -16px;
    margin-top: -11px;
	text-align: center;
}
.ai_types_flag span{
	font-size: 8px;
	font-weight: normal;
	display: block;
	padding-top: 4px;
	line-height: 8px;
}
.ai_section_posttypes_container:hover .ai_prompt_skip_btn{
	display: block;
}
.ai_show_example_btn{
	position: absolute;
    right: 15px;
    bottom: 7px;
    width: 13px;
    height: 13px;
	cursor: pointer;
	display: none;	
}
.ai_show_example_btn.ai_prompt_skip{
	right: 35px;
}
.ai_section_posttypes_container:hover .ai_show_example_btn{
	display: block;
}
.ai_section_posttypes_container:hover .ai_post_type_delete_btn{
	display: block;
}
.sm_bootbox_modal .modal-title{
	font-size: 14px;
    font-weight: bold;
}
.sm_bootbox_modal .modal-content{
	border-radius: 15px;
	width: 493px;
    min-height: 420px;
}
.sm_bootbox_modal .bootbox-close-button.close{
	background-color: unset;
    color: #8798AD;
    font-size: 35px;
    width: 20px;
    height: 20px;
    top: 15px;
    line-height: 20px;
}
.SmnoUiSlider_label{
    width: 100%;
    margin-bottom:10px;
}
div.SmnoUiSlider{
	height: 13px;
    box-shadow:0px 0px 2px grey;
    -moz-box-shadow: 0px 0px 2px grey;
	-webkit-box-shadow:0px 0px 2px grey;
    background-color: transparent;
	width: 100%;
}
div.SmnoUiSlider.noUi-horizontal .noUi-handle
{
    width: 32px;
    height: 32px;
    top: -9px;
}
div.SmnoUiSlider .noUi-handle:after
{
    width: 16px;
    height: 16px;
    top: 10px;
    left: 10px;
}
div.SmnoUiSlider .noUi-handle:after{
    background-color: #01a8e5;
}
#api_create_chatbot_prompt_form .about_textbox{
	width: 50%;
}
.SmnoUiSlider_section{
	display: inline-block;
    width: 50%;
}
.ai_modal_heading_inner{
	display: inline-block;
    width: calc(100% - 65px);
}
.ai_setting_section, .ai_prompt_section{
	background-color: #EBFAFF;
    display: inline-block;
    width: 100%;
	padding: 20px;
	border-radius: 22px;	
}
.ai_setting_section.activestate2{
	cursor: pointer;
}
.ai_prompt_section{
	max-height: 0;
	opacity: 0;
	transition: max-height 0.5s ease-in-out;
	display: none;
}	
.ai_setting_section.active, .ai_prompt_section.active{
	opacity: 1;
}	
.ai_prompt_section.active{
	display: inline-table;
}
.ai_setting_inner_section{
	background-color: #fff;
	padding: 25px;
	border-radius: 22px;
	width: 100%;
}
.ai_setting_main_section{
	width: 100%;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height 0.5s ease-in-out;
}
.ai_setting_section.active .ai_setting_main_section{
	opacity: 1;
}
.ai_call_action_section, .ai_mention_location_section{
	float: left;
}
.ai_mention_location_edit_btn{
	border: 1px solid #E3F0FF;
	width: 20px;
    height: 20px;
	color: #8798AD;
    position: absolute;
    background-color: #fff;
    border-radius: 15px;
    padding: 4px;
    right: -5px;
    top: -5px;
    cursor: pointer;
	font-size: 10px;
	display: none;
}
.ai_mention_location_chk.active .ai_mention_location_edit_btn{
	display: block;
}
.ai_step_box{
	background-color: #fff;
    border-radius: 13px;
	padding: 10px;
}
.ai_step_heading_box{
	width: 320px;
    padding: 10px;
	display: inline-block;
	background-color: #EBFAFF;
	border-radius: 7px;
}
.ai_step_icon{
	width: 50px;
    height: 50px;
    border-radius: 200px;
    text-align: center;
    padding-top: 17px;
    display: inline-block;
    float: left;
    margin-right: 15px;
	background-color:#00B2F3;
}
.ai_step_icon svg{
	margin: 0 auto;
}
.ai_step_heading_inner{
	display: inline-block;
    width: calc(100% - 65px);
}
.ai_step_title{
	display: inline-block;
    font-size: 20px;
    font-weight: bold;	
	width: 100%;
	color:#00B2F3;
}
.ai_step_desc{
	display: inline-block;
}
.ai_step_content_box{
	display: inline-block;
    vertical-align: top;
	width: calc(100% - 660px);
	padding-left: 15px;
    padding-right: 15px;
}
.ai_step_copy_box{
	display: inline-block;
    width: 320px;
	vertical-align: top;
}
.btn#sm_ai_copy_prompt_btn{
	margin-top: 17px;
	font-size: 16px;
    font-weight: bold;
}
.ai_copy_inner_box{
	margin-top: 17px;
}
.ai_copy_icon{
	width: 24px;
    height: 24px;
    border-radius: 20px;
    text-align: center;
    padding-top: 8px;
	padding-left: 6px;
    display: inline-block;
    float: left;
    margin-right: 10px;
	margin-top: 8px;
	background-color:#00A912;
}
.ai_copy_heading_inner{
	display: inline-block;
    width: calc(100% - 34px);
}
.ai_copy_title{
	color: #00A912;
	font-size: 15px;
	font-weight: bold;
}
.ai_copy_desc{
	color: #8798AD;
    font-size: 11px;
}
.ai_step_content_box .sm_outline_material_style .select2-container{
	margin-top: 10px;
}
.ai_step_content_box .sm_outline_material_style .select2-container .select2-selection{
	padding: 15px;
}
.ai_step_content_box .sm_outline_material_style .select2-container .select2-selection__arrow:after{
	margin-right: 15px;
}
.ai_idea_number_list{
	margin-top: 24px;
}
.smarrow {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg); /* points downward */
	transition: transform 0.3s ease;
	cursor: pointer;
	display: none;
}
.activestate2 .smarrow{
	display: block;
}
/* Rotated arrow on active (expanded) */
.ai_model_post_heading.active .smarrow {
	transform: rotate(-135deg);
  }
/* ai section css end */
#sm_rss_post_type_container .sm_field_label_container{
	top: unset;
    margin-bottom: -8px;
}
.SMboard, .SMboardsection{
	width: 180px;
}
.sm_swal_section .sa-button-container button.confirm{
	color: #ffffff;
    background-color: #01a8e5;
    border-color: #01a8e5;
	padding: 9px 15px;
    font-size: 14px;
	border-radius: 5px;
}
.sm_swal_section .sa-button-container button.cancel{
	background-color: transparent;
	color: #01a8e5;
	padding: 8px 15px;
	border: 2px solid #01a8e5;
}	
#post_preset_open { 
	background: transparent;
	border: 1px solid #01a8e5;
	color: #01a8e5;
	padding: 9px !important;
	height: 40px;
	width: auto;
}
.no_preset_text{
	padding: 8px 15px;
	display: inline-block;
}
.sm_post_preset_also_add_section label.sm_field_label_container{
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.sm_post_preset_also_add_section .checkbox.preset_checkbox{
	display: inline-block;
	width: auto;
	margin: 0px 10px auto auto;
	float: left;
}
#grid-rp-schedule-sec .fc-time-grid .fc-event{
	height: max-content;
}
.red_note{
	color: #ff0000;
}
.entry_form_field_inner{
	display: inline-block;
}
.card-field{
	padding: 5px 0;
}  
.card-rating-box img{
	margin-right: 5px;
	margin-top: 5px;
	width: 22px;
}
#sm_remove_tw_link{
	margin-right: 20px;
}
.sm-status-expired{
	display: block;
	color: #ff0000;
}
.sm_dropdown_options_outer_section{
	position: relative;
}
.sm_dropdown_inner_option_wrapper{
    position:absolute;
    cursor:default;
    display:none;
    top: 70px;
    width: 265px;
    background: transparent;
    border: none;
    box-shadow: 0px 22px 17px rgba(71, 87, 103, 0.0417275), 0px 12px 10px rgba(71, 87, 103, 0.035);
    border-radius: 5px;
    padding-top:30px;
    margin-top:-30px;
    z-index: 1;
}
.sm_dropdown_options_outer_section:hover .sm_dropdown_inner_option_wrapper{
    display: block;   
}

.sm_dropdown_inner_option_wrapper::before{
    content: '';
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 20px solid #ffffff;
    position: absolute;
    top: 1px;
    left: 15px;
    z-index: 9;
}

.sm_dropdown_inner_option_wrapper::after{
    content: '';
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 11px solid transparent;
    border-bottom: 21px solid #C8D1EC;
    position: absolute;
    top: -1px;
    left: 14px;
}
.sm_dropdown_inner_option_wrapper .sm_dropdown_inner_option_item{
	display: block;
}
.sm_dropdown_inner_option_item{
    float:left;
    width: 100%;
    min-height: 55px;
    border: 1px solid #C8D1EC;
    border-bottom:none;
    background: #ffffff;
    line-height: normal;
    padding:15px 15px 15px 30px;
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #8798AD;
    cursor: pointer;
	display: block;
	text-align: left;
}

.sm_dropdown_inner_option_item:last-child{
    border-bottom: 1px solid #C8D1EC;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.sm_dropdown_inner_option_item:hover{
    color: #00B2F3;
}
.page_profile_box .sm_dropdown_inner_option_wrapper{
	margin-left: 13px;
}
#post_editor_tab_iframe{
	width: 100%;
	border: none;
	height: 85vh;
}
.modal.fade.right.in .modal-dialog.modal-wide{
	width: calc(100% - 100px);
}
@media (max-width: 768px)
{	.sm_wm_bg_main_section {width: auto;}
	.sm_wm_bg_settings_section {margin-left: 0px; margin-top: 20px;}
	#sm_wm_upload_logo_section {margin-top: 20px;}
	.sm_wm_bg_settings_section {width: 100%;}
	#modal_watermark_editor .modal-header { padding: 10px;}
	#ai_iframe{
		width: 100%;
		height: auto;
	}
}
@media (max-width: 420px) {
	#modal_watermark_editor .modal-header {padding: 10px;}
	.sm_wm_bg_settings_section {width: 100%;}
	.sm_wm_bg_image {width: 100%;}
}

/* watermark css ends */
@media (min-width: 769px){ 
    #agency_appearance_page_wrapper .content{
        padding: 30px 60px 60px;
    }    
    #agency_appearance_page_wrapper .form-body{
        padding: 50px 70px 20px;
    }
    .right_navbar .link_drop .badge.bg-warning-400{
		position: absolute;
	    right: 35px;
	    min-width: 23px;
	    bottom: 35px;
	}
	.right_navbar .link_drop .badge.bg-warning-400.def_profile_text_warn{
		right: 28px;
	    bottom: 38px;
	}
	.sm_outline_material_style.sm_category_container { width: 25%; }
	#add_watermark_style_status_switch{ width: 21%; }
	#modal_rss_feed_editor .modal-header button.close,
	#modal_select_image .modal-header button.close,
	#modal_hashtag_editor .modal-header button.close,
	#modal_cta_editor .modal-header button.close,
	#modal_group_form_publish .modal-header button.close,
	#modal_wk_custom_schedule .modal-header button.close,
	#modal_automated_post_set_editor .modal-header button.close,
	#modal_select_template .modal-header button.close,
	#modal_submission_form .modal-header button.close,
	#modal_view_template_screen .modal-header button.close,
	#modal_facebook_text_background_color .modal-header button.close, .modal-header button.close {
		top: 17%;
	}
	.notes-logo-img .popover {max-width: 790px; width: 790px; }
}

@media (min-width: 748px) and (max-width: 1024px)  {
	.mid_content{ 
		margin:0 0px 0 214px; 
		min-width:700px; 
		padding-right:20px; 
		min-height:500px; 
		width:82%;
	}
	.sm_profile_main .text-content-title{
		width: 65px;
	}
	/*.system_messages{
		width:82%;
	}*/
	/*.top, .footer {*/
        .top {
		width:1060px;
	}
}
@media only screen and (min-width: 1030px) {
	.mid_content{ 
		margin:0 0px 0 214px; 
		min-width:680px; 
		padding-right:20px; 
		min-height:500px; 
		width:81%;
	}
	
	.mid_content .all_content{ 
		/*width:98%;*/	/* remove 17jun2014 */
		width:100%;
	}
	
	/*.system_messages{
		width:80%;
	}*/
}

@media (max-width: 1440px) {
	.nav.navbar-nav li a.workspace_user_profile_name { font-size: 14px !important; padding-top: 5px; padding-bottom: 5px; float: right; }
	.workspace_user_profile_image_container {
		padding-bottom: 2px;
    	padding-top: 2px;

	}
	.workspace_user_profile_image_container img { height: 24px; width: 24px; }
	.navbar-inverse .nav.navbar-nav > li.wks_switch_account { margin: 14px auto; }
	.navbar-inverse .navbar-nav > li.help > a.help_link,
	.navbar-inverse .navbar-nav > li.help > a.help_link > i { font-size: 14px !important; text-align: right;}
	.first_profile_block{
		padding: 5px 10px 0;
	}	
	.first_profile_block .usermenu_name { font-size: 14px; }
	.first_profile_block .time { font-size: 10px; }
	.nav.navbar-nav li.dropdown.sm_account_li_option { margin: 5px auto; }
	.navbar .navbar-header{
		min-height: 60px;
	}	
	.navbar-nav li.dropdown.help{
		padding-top: 8px !important;
	    padding-bottom: 0px !important;
	}
	.right_navbar .link_drop .badge.bg-warning-400{
		right: 28px;
		bottom: 26px;
	}
	.second_profile_block{padding: 6px 10px 0;}
	.wks_switch_account .dropdown-menu > li > a > img { width: 27px; height: 27px;}
	
	.social_media_section_col #custom_link_display {
	    padding: 3px 15px;
	    padding-left: 0;
	}	
	
	#agency_dashboard_page_wrapper .page-header-content .panel.msg-type-section ul > li { min-width: 155px; }
	.page-header-content #sm_manage_campaign_page_tab.panel ul#sm_manage_campaign_page_tab_nav > li { min-width: 160px; }
	.heading-btn-group > a.btn {
		padding: 10px 26px !important;
		font-size: 12px !important;
	}
	.nav.nav-tabs > li > a {
		padding: 10px 14px !important;
		font-size: 12px !important;	
	}
	#sm_import_sub_menu .nav.nav-tabs.socm-sec-tab > li {
		min-width: 110px;
	}
	.nav.nav-tabs.socm-sec-tab li > a > span, .nav.nav-tabs#display_filter li > a > span {
		background-size: 18px;
		height:  18px;
		width: 18px;
		margin-top: 0;
	}
	.sm_campaign_editor_header_btn_section .heading-btn-icon-img { height: 19px; width:  19px; }
	.sm_msg_editor_section #bold_icon + .popover.fade .popover-content, 
	.sm_msg_editor_section #italic_icon + .popover.fade .popover-content, 
	.sm_msg_editor_section #image_icon + .popover.fade .popover-content, 
	.sm_msg_editor_section #youtube_icon + .popover.fade .popover-content, 
	.sm_msg_editor_section #emoji_icon + .popover.fade .popover-content, 
	.sm_msg_editor_section #sm_hashtag_icon + .popover.fade .popover-content,
	.sm_msg_editor_section #sm_cta_icon + .popover.fade .popover-content, 
	.sm_material_popup .popover.fade .popover-content,
	.sm_msg_editor_section #sm_ai_writer_icon + .popover.fade .popover-content,
	.sm_msg_editor_section #cta_icon + .popover.fade .popover-content
	{
		padding: 8px 10px;
		font-size: 12px;
	}
	.btn.sm_add_to_queue_btn, .sm_requeue_section .btn.sm_dropdown_publish_btn, .dropdown-menu li a { font-size: 13px; }
	.sm_profile_input_wrapper input {
		height: 40px;
		width: 40px;
	}
	label.sm_profile_image_container span {
		height: 30px;
		width: 30px;
	}
	label.sm_profile_image_container span > img { 
		width: 16px;
		height: 16px;
	}
	.connect-mor-acs #add_account_open, .connect-mor-acs #sm_add_account_btn { height: 35px; width: 35px; top: 4px; }
	#post_preset_open{
		height: 35px;		
		top: 4px;
		padding: 7px !important;
	}
	.sm_outline_material_style.postontime-feedback .form-control-feedback { padding-top: 12px; }
	.sm_bulk_delete_section .sm_outline_material_style .form-control-feedback { padding-top: 6px; }
	.sm_social_post_instruction h4 { font-size: 16px; }
	.sm_social_post_instruction span, .sm_social_add_post_instruction, .sm_social_post_instruction li, 
	.sm_post_import_sec p, .sm_bulk_image_post_sec p, ul.sm_social_add_post_instruction li,
	#grid-tab-rss-sec .sm_add_rss_feed_btn, .tab-pane #grid-rss-manager_wrapper { font-size: 12px; }
	ul.sm_social_add_post_instruction li::before { height: 10px; width: 10px; margin-top: 4px; margin-right: 12px; }
	.tab-pane .import_guide_title { font-size: 20px; }
	#modal_rss_feed_editor .fix_header_button button { width: 90px; font-size: 12px; }

	#modal_select_image .upload_image_button_asset, #modal_select_image .upload_image_button_fb{
		margin-top: -44px !important;
	}
	.change_asset_lib_main_div #search_stock_image_btn { font-size: 12px; line-height: 18px; }
	.sm_every_profile_input_ac .social_icon_grid.facebook img, 
	.sm_every_profile_input_ac .social_icon_grid.twitter img, 
	.sm_every_profile_input_ac .social_icon_grid.linkedin img, 
	.sm_every_profile_input_ac .social_icon_grid.instagram img,
	.sm_every_profile_input_ac .social_icon_grid.bluesky img,
	.sm_every_profile_input_ac .social_icon_grid.pinterest img,
	.sm_every_profile_input_ac .social_icon_grid.tiktok img, 
	.sm_every_profile_input_ac .social_icon_grid.gmb_logo img,
	.sm_every_profile_input_ac .social_icon_grid.yt_logo img, 
	.sm_every_profile_input_ac .social_icon_grid.threads img, 
	.sm_post_repost_option_container .social_icon_grid.facebook img, 
	.sm_post_repost_option_container .social_icon_grid.twitter img, 
	.sm_post_repost_option_container .social_icon_grid.linkedin img, 
	.sm_post_repost_option_container .social_icon_grid.instagram img,
	.sm_post_repost_option_container .social_icon_grid.bluesky img,
	.sm_post_repost_option_container .social_icon_grid.pinterest img,
	.sm_post_repost_option_container .social_icon_grid.tiktok img, 
	.sm_post_repost_option_container .social_icon_grid.gmb_logo img,
	.sm_post_repost_option_container .social_icon_grid.yt_logo img,
	.sm_post_repost_option_container .social_icon_grid.threads img { height: 26px; width: 26px; }

	#guide-switch-li .slider.round:before { height: 14px; width: 14px; }
	#guide-switch-li .switch { width: 28px; height: 10px; }
	.dataTables_wrapper table.table > thead > tr > th { padding: 16px 20px; font-size: 12px; }
	.dataTables_wrapper table.table > tbody > tr > td { font-size: 12px; }
	#grid-optimal-report_wrapper.dataTables_wrapper table.table > thead > tr > th { padding: 15px 0; }
	#wks_login .sm_outline_material_style .form-control-feedback { top: 10px; }
	#rp_schedule_form .sm_outline_material_style .form-control-feedback { padding-top: 6px; }
	.sm_sharebutton_update_preview_btn_container #update_preview_btn { margin-top: 18px; padding-top: 8px; padding-bottom: 8px; }
	.sm_grid_reload_button:where(:not(.sm_pub_btn)), .sm_grid_reload_button_one, .sm_pricing_grid_setting_button, .sm_payment_history_reload_button{
		padding-top: 16px !important;
	}
	.sm_grid_reload_button.icons-list a[data-action], .sm_grid_reload_button_one.icons-list a[data-action], .sm_pricing_grid_setting_button.icons-list a[data-action], .sm_payment_history_reload_button.icons-list a[data-action]{
		width: 40px;
    	height: 40px;
	}
	.sm_grid_reload_button.icons-list a[data-action="reload"]:after, .sm_grid_reload_button_one.icons-list a[data-action="reload"]:after, .sm_payment_history_reload_button.icons-list a[data-action="reload"]:after{
		margin-top: 10px;
	}
	
	.icons-list.sm_bulk_delete_button a[data-action="bulk_delete"]:after{
		width: 40px;
    	height: 40px;
	}
	.sm_table_heading_btn_container .btn { padding: 9px 25px; }
	.sm_add_agency_user_container .sm_table_heading_btn_container .btn { padding: 7px 25px; }

	#modal_launch_embed_video #update_preview_btn { padding-top: 7px; padding-bottom: 7px; }

	#ac_profile_page_url { width: 86%; }

	body .sidebar-main .sidebar-content .navigation > li > a .left_nav_menu_icon { height: 34px; width: 34px; }
	body .sidebar-main .navigation > li > a > span { font-size: 10px; line-height: 18px; }
	body .sidebar-main .sidebar-content .navigation > li#sm_menu_publish > a .left_nav_menu_icon svg { width:22px; height: 16px; }
	body .sidebar-main .sidebar-content .navigation > li#sm_menu_calendar > a .left_nav_menu_icon svg { width:18px; height: 18px; }
	body .sidebar-main .sidebar-content .navigation > li#sm_menu_reports > a .left_nav_menu_icon svg { width:17px; height: 16px; }
	body .sidebar-main .sidebar-content .navigation > li#sm_menu_campaigns > a .left_nav_menu_icon svg { width:22px; height: 20px; }
	body .sidebar-main .sidebar-content .navigation > li#sm_menu_approve > a .left_nav_menu_icon svg { width:20px; height: 19px; }
	body .sidebar-main .sidebar-content .navigation > li#sm_menu_share_button > a .left_nav_menu_icon svg { width:18px; height: 17px; }
	body .sidebar-main .sidebar-content .navigation > li#sm_menu_social_crm > a .left_nav_menu_icon svg { width:21px; height: 14px; }
	body .sidebar-main .sidebar-content .navigation > li#sm_menu_aiwriter > a .left_nav_menu_icon svg { width:24px; margin-top: 0px; }
	#grid-socialcrm-database_length .sm_sweepstakes_option_container { padding-top: 0; top: 11px; }
	#grid-socialcrm-database_length .sm_sweepstakes_option { margin-top: 6px; }

	.navbar-header .navbar-brand > img {
		margin: 0;
	}
	.page-header-content .panel.msg-type-section ul > li > a { width: 105px; }
	.page-header-content #sm_reports_page_tab.panel ul#sm_reports_page_tab_nav > li > a { width: 130px; }
	.page-header-content #sm_manage_campaign_page_tab.panel ul.nav-tabs > li > a { width: 136px; }
	#agency_dashboard_page_wrapper .page-header-content .panel.msg-type-section ul > li > a { width: 128px; }

	.sm_network_preview_box .sm_social_ac_box_heading .social_box_icon { height: 30px; width: 30px; }
	.sm_network_preview_box .social_box_icon i { width: 30px; height: 30px; font-size: 13px; padding: 9px; }
	.sm_network_preview_box .social_box_icon.google > img { width: 15px; height: 15px; margin: 8px 9px; }
	.sm_publisher_meida_search_input_div label { font-size: 12px; }
	#grid-socialcrm-database_wrapper .dataTable thead .sorting:before,
	#grid-socialcrm-database_wrapper .dataTable thead .sorting:after { right: 20px; }
	.navbar-inverse .header_top_menu.navbar-nav > .sm_extra_notes span { padding: 0; }
	.icon-user-img.nav_user_profile { height: 40px; }
	.sm_metrix_count_title { font-size: 14px; }
	.sm_metrix_count_number { font-size: 20px; }
	#grid-workspaces-section .workspace_penal_body { min-height: 220px; }
	.wks_statistics_left_icon_div { height: 48px; width: 48px; }
	.wks_statistics_left_icon_div img { height: 28px; }
	.wks_statistics_left_div .wks_statistics_left_icon_div { height: 48px; width: 48px; }
	.sm_wks_cont_metrix_box .wks_statistics_left_div .wks_statistics_left_icon_div { padding: 14px 13px; }
	.sm_wks_cont_metrix_box .wks_statistics_left_div .wks_statistics_left_icon_div img { height: 20px; }
	.wks_cmp_logo_column{
		height: 40px;
		width: 40px;
	}
	.wk_action_icon_inner{
		width: 30px;
	}
	.wk_action_icon_inner.wk_charge_for_access_inner{
		right: unset;
	}
	.wk_action_icon_inner.wk_charge_for_access_inner .sm_charge_access_description{
		min-width: 100px;
		left: 80px;
	}
	.wk_action_icon_inner.wk_charge_for_access_inner .sm_charge_access_description strong{
		display: contents;
	}
	.wk_action_icon_inner svg{
		height: 30px;
		width: 30px;
	}
	.nav.header_top_menu .dashboard_button_mian_container { height: 30px; }
	.nav.header_top_menu .dashboard_button_container { height: 30px; }
	.nav.header_top_menu .dashboard_button_mian_container { left: -40px; width: 45px; }
	.sm_network_preview_box .social_box_icon.google .social_box_gmb_icon{
		height: 30px;
     	width: 30px;
		 padding: 8px;
	}
	.sm_action_icon_delete{
		right: 10px;
	}
	.wk_action_icon_inner.wk_charge_for_access_inner{
		width: 270px;
	}
}

@media only screen and (min-width: 1400px) {
	.mid_content{ 
		margin:0 0px 0 214px; 
		min-width:950px; 
		padding-right:20px; 
		min-height:500px; 
		width:84%;
	}
	
	.mid_content .all_content{ 
		/*width:99%;*/   /* remove 17jun2014 */
		width:100%;
	}
	/*.system_messages{
		width:84%;
	}*/
}

/* Form Builder Class start */
.selectbg6 { background:url(../images/select_bg6.png) top left no-repeat; width:270px; height:28px; float:right; margin-left:9px; overflow:hidden;}
.selectbg6 select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:290px; padding:5px 0 0 5px;}

.fb_selectbg7 { background:url(../images/select_bg7.png) top left no-repeat; width:260px; height:28px; float:left; margin:5px 0 0 0;}
.fb_selectbg7 select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:280px; padding:5px 0 0 5px;}

.sm_country_container {
	position: relative;
	width: auto;
}
.sm_country_guidance_txt {
	position: relative;
    right: 0px;
    top: 0;
    margin-top: 5px;
}

.fb_field {
    padding: 7px;
	float:left;
	width:100%;
}

#frmb li, .ol_opt_sortable li {
	list-style-type: none;
}

#frmb .fb_field:hover, #form-title:hover {
    border: 1px dashed #CCCCFF;
    border-radius: 6px 6px 6px 6px;
    /*cursor: move;*/
    padding: 6px !important;
	float:left;
}
#form-title:hover {
    cursor: default;
}

.form_right_part {
	float:left; 
	width:230px; 
	/*padding:10px 0 0 0;*/
	margin-left:5px;
}

.fb_textbox_class {
	margin:5px 0 0 0;
	/*background: none repeat scroll 0 0 #F7F5E7;*/
    /*border: 1px solid #E3D4C0;*/
    border: 1px solid #D0D7E7;
    border-radius: 3px 3px 3px 3px;
    float: left;
    font: 13px/28px Verdana,Tahoma,sans-serif;
    height: 26px;
    outline: 0 none;
    resize: none;
    width: 520px;
	line-height:normal;
	padding:3px 5px;
}

.field_action_icons {
	float:right;
	width:85px;
}
.field_action_icons.fb_mobile_field_action_icons{ width: 120px; }
.fb_edit_icon{
	float:left;
	width:30px;
}

.fb_drag_icon{
	float:left;
	width:20px;
	cursor: move;
}

.fb_move_icons{
    float:left;    
}
.fb_move_icons.up{
    width:30px;
}
.fb_move_icons.down{
    width:25px;
}
.fb_selection_class {
	margin:5px 0 0 0;
	width: 380px;
	float:left;
}

.fb_inner_selection_class {
	margin:3px 0 0 0;
	width: 360px;
	float:left;
}
#my-form-builder .choice, #my-form-builder .checker {
	float: inherit;
}
#preview_form .choice ~ span, #preview_form .checker ~ lable {
	vertical-align: middle;
}
.appearance_left {
    display: inline-block;
    width: 49%;
}
.reset_appearance_color{
	color: #00b3f4;
    text-decoration: underline;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
}
.reset_appearance_error_msg {
	margin-top: 10px;
	line-height: 12px;
	color:#ff0000;
	text-align: left;
}
.reset_appearance_error_msg p {
	margin: 0px 0px 6px 4px;
}
.appearance_btn {
	margin: 10px 0px 0px 0px;
}
.appearance_btn .btn {
	margin: 0 6px 0px 6px;
}
@media(min-width: 1450px) {
	.reset_appearance_error_msg p {
		margin: 0 6px 6px 0px;
	}
}
@media (max-width: 680px) {
	.reset_appearance_error_msg {
		line-height: 16px;
	}
}
@media (max-width: 376px) {
	.reset_appearance_error_msg {
		margin-bottom: 0px;
	}
	.appearance_left {
		width: 100%;
		text-align: center;
	}
}
.editor_option_div {
	float:left; 
	margin-top:5px;
}



.inline_edit_textclass {
	/*width:240px;*/
	width:99%;
	height:20px;
	z-index:999;
	padding:2px;
	/*position:absolute;*/
}

.inline_edit_textover:not(.social_message_preview,#tw_message) {
	cursor:pointer;
	background:#f6f9ff;
}
.inline_edit_textover.social_message_preview, .inline_edit_textover#tw_message,
.inline_edit_textover.grid_editable {
	background:#f6f9ff;
	border-radius: 5px;
	padding: 5px 8px;
}
.inline_edit_textover.grid_editable {
	display: inline-block;
}
.grid_message .grid_editable, .grid_message .grid_not_editable {
	padding: 5px 8px;
	display: inline-block;
	width: 100%;
	position: relative;
}
#grid-message-manager .grid_message .notes-logo-img { cursor: pointer;position: absolute;margin-left: -18px;top: 7px;}
#grid-message-manager .grid_message .comment-logo-img { cursor: pointer;position: absolute;margin-left: -18px;top: 7px;}
#grid-message-manager_wrapper .grid_editable.grid_editable_hover, #grid-message-manager_wrapper .grid_editable.grid_editable_hover.inline_edit_textover { background:#f2f4f9; border-radius: 5px; }
#grid-message-manager_wrapper .edit_grid_social_message textarea {
	background-color:#f2f4f9;
}

.fix_form_header {
	/*position:fixed;*/
	width:100%;
/*	background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9);*/
	/*background:#f0f0f0;*/
/*	top:0px;
	border-bottom:2px solid #CCCCCC;
	height:42px;
	z-index:11;*/
}

.fix_form_title {
	float:left; 
	padding:10px 0 0 0; 
	font-size:20px; 
	font-weight:bold;
	color:#3B4795;
}

.fix_header_button {
	float:right;
	margin: 0;
        width: auto;
}
#modal_rss_feed_editor .fix_header_button, 
#modal_hashtag_editor .fix_header_button,
#modal_cta_editor .fix_header_button,
#modal_group_form_publish .fix_header_button,
#group_editor_section .fix_header_button { float: left; }

.form_left_part {
	float:right;
	width:610px;
	/*margin-left:25px;*/
}

.frm_field_list {
	float:left;
	/*width:190px;*/
}

.frm_field_list ul {
	list-style:none;
}

.field_list_box {
        width: 210px;
	float:left;
	padding:10px;
	border:solid 2px #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	background:#f0f0f0;
}

.field_text {
	float:left;
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
	color:#3B4795;
}

.label_odd {
	/*width:47%;*/
	width:100%;
	float:left;
	cursor:pointer;
	height:27px;
	padding:0 0 0 5px;
	margin:0 0 9px;
	color:#666666;
	border:1px solid #d9d9d9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0) inset;
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0) inset;
	background: #f4f4f4;
	background-image:-moz-linear-gradient(top, #ffffff, #f4f4f4);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));
	background-image:-webkit-linear-gradient(top, #ffffff, #f4f4f4);
	background-image:-o-linear-gradient(top, #ffffff, #f4f4f4);
	background-image:linear-gradient(to bottom, #ffffff, #f4f4f4);
	background-repeat:repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffffff, endColorstr=#f4f4f4, GradientType=0)";
}

.label_even {
	/*width:46%;*/
	width:100%;
	float:left;
	height:27px;
	cursor:pointer;
	padding:0 0 0 5px;
	margin:0 0px 9px 0;
	color:#666666;
	border:1px solid #d9d9d9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0) inset;
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0) inset;
	background: #f4f4f4;
	background-image:-moz-linear-gradient(top, #ffffff, #f4f4f4);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));
	background-image:-webkit-linear-gradient(top, #ffffff, #f4f4f4);
	background-image:-o-linear-gradient(top, #ffffff, #f4f4f4);
	background-image:linear-gradient(to bottom, #ffffff, #f4f4f4);
	background-repeat:repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffffff, endColorstr=#f4f4f4, GradientType=0)";
}

.label_odd img, .label_even img {
	padding-top:6px;
}

.frm_btn_text {
	float:left;
}

/*a .label_odd label, a .label_even label {
	display: inline-block;
	font-size:12px;
	padding-top: 4px;
    text-decoration: none;
    vertical-align: top;
    z-index: 111;
	cursor:pointer;
	color:#0098EA;
}

a .label_odd label:hover, a .label_even label:hover {
	color:#000000;
}*/


.label_odd a, .label_even a {
    display: inline-block;
	font-size:12px;
    padding-top: 4px;
    text-decoration: none;
    vertical-align: top;
    z-index: 111;
	margin-left: -23px;
    padding-left: 23px;
	/*width:84%;*/
}

.field_option_title {
	float:left;
	background-color:#ededed; 
	padding:3px 0 3px 5px;
	color:#000000; 
	font-size:13px;
	font-weight:bold;
	width:100%;
        margin-bottom: 15px;
}

.field_edit_option {
	clear:both;
	float:left;
	margin:10px 0 0 0;
	width:99%;
	border:solid 1px #CCCCCC;
        padding-bottom: 15px;
	display:none;
}
#form_preview_section{
    padding: 0 185px;
}
.form-table td {
    padding: 5px 5px 5px 10px;
	font-size: 12px;
}

.form_inner_option_btn {
	float:left;
	margin:0 5px 0 0;
}

.add_option_title {
	float:left;
	margin:3px 0 0 20px;
	font-size:12px;
}

.placeholder {
	float:left;
    background: #F4F4F4;
    border:1px dashed #D0D7E7;
    visibility: visible !important;
	width:100%;
}

.field_label {
	float:left;
	width:420px;
}

/* Formbuilder Preview class */
#frmb_preview li {
	list-style-type: none;
}

.pre_field_title {
	margin: 0 0 0 0;
}

.pre_textbox_class {
	margin:5px 0 0 0;
	/*background: none repeat scroll 0 0 #F7F5E7;*/
    border: 1px solid #D0D7E7;
    border-radius: 3px 3px 3px 3px;
    float: left;
    font: 13px/28px Verdana,Tahoma,sans-serif;
    height: 26px;
    outline: 0 none;
    resize: none;
    width: 520px;
	line-height:normal;
	padding:3px 5px;
}

label.form_error {
    color: red;
    float: left;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 0 0 0;
	clear:both;
}

.sub_option_title {
	float:left;
	width:140px;
	margin-left:5px;
}

.sub_option_dropdown_title {
	float:left;
	width:152px;
	margin-left:5px;
}

.sub_option_checkbox_title {
	float:left;
	width:177px;
	margin-left:5px;
}

.fb_inner_selection_class input[type="checkbox"], .fb_inner_selection_class input[type="radio"] {
	float:left;
	margin-top:3px;
}

.field_label input[type="checkbox"] {
	float:left;
	margin-top:3px;
}

.inner_option_heading {
	float:left;
	width:145px;
	margin:4px 0 0 55px;
	font-weight:bold;
}

.inner_value_heading {
	float:left;
	width:125px;
	margin:4px 0 0 0;
	font-weight:bold;
}

.frmb_rlabel { 
	margin:0 0 0 0;
	width:260px;
	float:left;
}
.field_pg_br_label_sm, field_pg_br_label_sm .frmb_rlabel{
    width: 350px;
}
.frmb_pg_br_label, .frmb_pg_br_label .frmb_rlabel {
    width: 500px;
}
.frmb_field_required {
	color: #FF0000;
}

.form-table .selectbg_sub { background:url(../images/select_bg2.png) top left no-repeat; width:142px; height:28px; float:left; margin:0 0 0 0; *margin:0 0 0 0; overflow:hidden;}
.form-table .selectbg_sub select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:160px; padding:5px 0 0 5px;}


.frmb_remain_field_list_box {
	float:left;
	padding:10px;
	border:solid 2px #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	background:#f0f0f0;
}
.frmb_remain_field_list {
	float:left;
	width:220px;
	margin-top:10px;
}
.frmb_remain_field_list ul {
	list-style:none;
}
.frmb_remain_field_list_box {
	float:left;
	padding:10px;
	border:solid 2px #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	background:#f0f0f0;
}
.frmb_remain_field_text {
	float:left;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	color:#3B4795;
}
.frmb_remain_label_odd {
	width:210px;
	float:left;
	min-height:27px;
	padding:0 10px;
	margin:0 6px 9px 0;
	color:#666666;
	border:1px solid #d9d9d9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background: #F7F7F7;
	background-image:-moz-linear-gradient(top, #ffffff, #f4f4f4);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));
	background-image:-webkit-linear-gradient(top, #ffffff, #f4f4f4);
	background-image:-o-linear-gradient(top, #ffffff, #f4f4f4);
	background-image:linear-gradient(to bottom, #ffffff, #f4f4f4);
	background-repeat:repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffffff, endColorstr=#f4f4f4, GradientType=0)";
}
.frmb_remain_label_odd a {
    display: inline-block;
	font-size:12px;
	cursor:pointer;
    padding-top: 4px;
    text-decoration: none;
    vertical-align: top;
    z-index: 111;
	width:92%;
}
.frmb_loading_placeholder {
	float:left;
    background: #F4F4F4;
    border:1px dashed #D0D7E7;
    visibility: visible !important;
	width:100%;
	height:27px;
	text-align:center;
}
.frmb_loading_placeholder img {
	padding-top:5px;
}


/* Form Builder Class end */

.link_field_row {
	float: left;
    margin: 10px 0 0;
    width: 100%;
}

.link_list_style {
	float:left; 
	/*margin:10px 0 0 10px;*/ 
	width:100%; 
	min-height:100px;
	list-style:none;
}
/* 05dec2016 - change for arrow icons at change a link */
.fullurl_style {
	float:right;
	width:90%;
    word-wrap: break-word;
	margin-top: 5px;
}
.shared_url_social_icons { float: left; width: 10%; text-align: right; }
.shared_url_social_icons img { padding-right: 5px; }
/* Test Social Media Page Class */
.social_accounts_class { 
	width:100%; 
	float:left;
	margin:0 0 10px 0;
}


.social_accounts_box{
	float:left;
	border:solid 1px #D0D7E7;
	padding:5px;
	margin-top:10px;
	min-height:60px;
	/*background:#ffffff;*/
        background-color: transparent;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:100%;
}

.socialaccount_icon {
	float:left;
	min-width:142px;
	margin:3px 3px;
	/*background:#455a64;*/
        background-color: #00c281;
	border:1px solid #00c281;
	min-height:29px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.socialaccount_icon_pages {
	float:left;
	min-width:142px;
	margin:3px 3px;
	/*background:#455a64;*/
        background-color: #00c281;
	border:1px solid #00c281;
	min-height:29px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


.account_icon {
	float:left;
	width:18px;
	min-height:23px;
}
.account_icon_white {
    color: #ffffff;
}
.account_icon img {
	padding:3px 0 0 1px;
}

.account_name {
	float:left;
	padding:4px 4px 1px 10px;
	font-size: 12px;
	/*font-weight:bold;*/
	/*line-height:23px;*/
	min-width:118px;
	color:#ffffff;
}

.account_remove {
	float:left;
	line-height:25px;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	cursor:pointer;
	padding:10px 2px 0 2px;
}

.social_account_window {
	position:absolute;
	/*min-width:180px;*/
	min-width:200px;
	max-width:515px;
	min-height:90px;
	max-height:300px;
	background: #ffffff;
	border:4px solid #00c281;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px;
	z-index: 9002;
	top:220px;
	/*left:495px;*/
        left: 285px;
	left: 502px\9; /* IE 8 and below */
	display:none;
}

.social_account_window_close a {
	background: url("../images/fancy_close_box.png") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: -21px;
    top: -20px;
    width: 36px;
    z-index: 8040;
}

.all_account_list {
	float:left;
	padding:0 5px;
	margin:5px 0;
	overflow:auto;
	/*min-height:105px;*/
	max-height:200px;
}

.all_account_list .socialaccount_icon a,.all_account_list .socialaccount_icon_pages a  {
	display:none;
}

.all_account_list .socialaccount_icon,.all_account_list .socialaccount_icon_pages {
	cursor:pointer;
}

.rank_color_1 {
	background-color:#333399;	
}

.rank_color_2 {
	background-color:#666ccc;	
}

.rank_color_3 {
	background-color:#9999ff;	
}

.rank_color_4 {
	background-color:#ccccff;	
}

/* Progress Bar CSS */
.progress {
	display:none;
	position: relative;
	width: 85%;
	margin: 5px auto;
	border: 1px solid #D0D7E7;
	padding: 5px;
	border-radius: 3px;
}
.bar{
	background: #009AEB;
	height: 20px;
	width: 0%;
	/* transition animation */
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	transition: width .3s;
}
.percent {
	position: absolute;
	display: inline-block;
	top: 1px;
	left: 48%;
	color: #333;
}
.upload_video_status_wrapper{
    float: left;
    width: 36%;
}
.processing_text {
	float:left;
	font-size: 13px;
    font-weight: bold;
    margin: 0;
	color:#000000;
	display:none;
}

/* Chart Page style */
.add_metrics {
	float:left;
	margin-top:15px;
}

.added_metrics_box{
	float:left;
	border:solid 1px #D0D7E7;
	padding:0;
	min-height:30px;
	margin-top:15px;
	margin-left:10px;
	/*background:#ffffff;*/
        background-color: transparent;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:86%;
}

.metrics_icon {
    /*background: #455A64;*/
    /*background-color: #00bcd4;*/
    background-color: #00c281;
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color: #ffffff;
    float: left;
    margin:3px 3px;
    min-height: 29px;
    min-width: 142px;
}

.all_matrics_list {
	float:left;
	padding:0 5px;
	margin:5px 0;
	overflow:auto;
	max-height:200px;
}

.all_matrics_list .metrics_icon a  {
	display:none;
}

.all_matrics_list .metrics_icon {
	cursor:pointer;
}

.metrics_list_window {
	position:absolute;
	/*min-width:180px;*/
	min-width:200px;
	max-width:515px;
	min-height:60px;
	max-height:300px;
	background: #ffffff;
	/*border:3px solid #00bcd4;*/
        border:3px solid #00c281;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px;
	z-index: 9002;
	top:180px;
	/*left:325px;*/
        left: 138px;
	left: 328px\9; /* IE 8 and below */
	display:none;
}

.metrics_list_window a {
	background: url("../images/fancy_close_box.png") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: -21px;
    top: -20px;
    width: 36px;
    z-index: 8040;
}

/*.all_metrics_div {
	float:left;
	margin-left:10px;
	width:99%;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:15px 0;
}*/

/*.metrix_box {
	float:left;
	width:32%;
	margin:1% 1% 1% 0;
	padding:5px 0;
	min-height:70px;
}*/

.box_leftside {
	float:left;
	width:43%;
}

.box_rightside {
	float:left;
	width:57%;
}

.metrix_box_title {
	float:left;
	font-weight: bold;
	font-size: 16px;
}

.metrix_total_count {
	float:left;
	font-size: 26px;
	margin-top:10px;
	color:#3B4795;
}

.each_details{
	float:left;
	clear:both;
	margin-bottom:4px;
	width:100%;
}

.each_network_img img {
	float:left;
	width:20px;
	height:20px;
        margin-right: 2px;
}

.each_network_count {
	float:left;
	margin-left:8px;
	font-size:12px;
	line-height:normal;
	margin-top:1px;
	height:14px;
}

.each_network_bars{
	float:left;
	width:84%;
	margin:2px 0 0 3px;
}

.counting_bar{
	float:left;
	background: #009AEB;
	height: 16px;
	width: 0%;
	/* transition animation */
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	transition: width .3s;
}

.chart_tooltip {
	float:left;
	width:100px;
	line-height:15px;
}

.chart_tooltip_title {
	text-align:center;
	font-size:11px;
}

.chart_tooltip_count {
	text-align:center;
	font-size:11px;
}

.selectbg8 { background:url(../images/select_bg8.png) top left no-repeat; width:400px; height:28px; float:left; overflow:hidden; margin:0 0 12px 9px; *margin:0 0 12px 0; overflow:hidden;}
.selectbg8 select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:420px; margin:5px 0 0 5px;}

.social_icon_small img {
	margin:2px 3px;
}

.bar_chart_tooltip {
	float:left;
	text-align:left;
	min-width:200px;
	max-width:450px;
	padding:2px 5px;
	line-height:16px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.video_bar_chart_tooltip {
	float:left;
	text-align:left;
	min-width:340px;
	max-width:400px;
	padding:5px;
	line-height:16px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.tooltip_video_thumb {
	float:left;
	width:130px;
}
.tooltip_video_detail {
	float:left;
	min-width:210px;
	max-width:260px;
}
.tooltip_video_play_text {
	margin-top:2px;
	text-align:right;
	font-size:11px;
	line-height:normal;
}

/* Top 5 video class */
.all_top_videos_div {
	float:left;
	margin-left:10px;
	width:99%;
}
.top_video_title {
	float:left;
	font-weight:bold;
	font-size:18px;
}
.top_video_display {
	float:left;
	width:140px;
	margin:15px 40px 0 5px;
}
.top_video_thumb {
	float:left;
	margin-bottom:15px;
}
.all_top_video_detail {
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}
.top_video_detail {
	clear:both;
}

/* Select winner flag */
.post_winner_status a{
	text-decoration:none;
	color:#000000;
        width: 100%;
        display: inline-block;
}
.post_winner_status a:hover {
	text-decoration:underline;
}

.grid_winner_flag_display {
/*	float:left;
	width:60px;
	margin-left:26px;
	text-align:center;*/
        width: 100%;
        display: inline-block;
}

.winner_flag_box {
	float:left;
	width:95px;
	margin:5px;
}

/* Winner Ribbon */
.ribbon1 {
	float:left;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	background: url(../images/ribbon1.png) no-repeat;
	height:43px;
	width:50px;
	padding-top:7px;
}
.ribbon2 {
	font-size:17px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	background: url(../images/ribbon2.png) no-repeat;
	height:60px;
	width:60px;
	padding-top:8px;
}
.ribbon1 sup { font-size:9px; font-weight:normal; line-height:0; }
.ribbon2 sup { font-size:11px; font-weight:normal; line-height:0; }

.txtname { color:#000000; }
.txtname b { line-height:26px; }

/* Banned Ip Address Window Class*/
.blocked_ipaddress_list {
	/*float:left;*/ 
	padding:5px; 
	border:solid 1px #D0D7E7; 
	width:100%; 
	height:325px;
	overflow:auto;
}
.blocked_ipaddress_entry {
	float:left; width:95%; margin:2px 0;
}
.blocked_ipaddress_entry a img {
	margin:0 5px;
}

.bubble_alert {
	position: relative;
	width: 505px;
	height: 25px;
	padding: 0 0 0 7px;
	background: #FF1D1D;
	margin-bottom:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#FFFFFF;
	line-height:24px;
	font-size:12px;
	font-weight:bold;
	display:none;
}
.bubble_alert_close {
	float:right; 
	padding-right:5px; 
	font-weight:bold; 
	font-size:16px;
	cursor:pointer;
}

/* For campaign quotes class */
.block_quotes:before {
	color: #000000;
	content: '\201C';
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4em;
	font-weight: bold;
	line-height: 0px;
	margin: 0px 3px 0px 0;
	vertical-align: bottom;
}
.block_quotes:after {
	color: #000000;
	content: '\201D';
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4em;
	font-weight: bold;
	line-height: 0px;
	margin: 25px 5px 0 3px;
	vertical-align: bottom;
	/*position:absolute;*/
}
.curly_quotes:before {
	color: #000000;
	content: '\201C';
	font-family: "Times New Roman", Times, serif;
	font-size: 4em;
	font-weight: bold;
	line-height: 0px;
	margin: 0px 3px 0px 0;
	vertical-align: bottom;
}
.curly_quotes:after {
	color: #000000;
	content: '\201D';
	font-family: "Times New Roman", Times, serif;
	font-size: 4em;
	font-weight: bold;
	line-height: 0px;
	margin: 20px 5px 0 3px;
	vertical-align: bottom;
	/*position:absolute;*/
}
.basic_quotes:before {
	color: #000000;
	content: '\201C';
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 2px 0px 0;
	font-size:16px;
	vertical-align:middle;
}
.basic_quotes:after {
	color: #000000;
	content: '\201D';
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 2px;
	font-size:16px;
	vertical-align:middle;
}

/*Campaign Page tabs */
ul.campaign_tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 36px;
	/*border-bottom: 2px solid #CCCCCC;*/
	border-left: 2px solid #CCCCCC;
	width: 100%;
	font-size:17px;
}
ul.campaign_tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	/*padding: 0px 15px;*/
	height: 35px;
	line-height: 35px;
	border: 2px solid #CCCCCC;
	border-left: none;
	font-weight: bold;
	background: #EEEEEE;
	overflow: hidden;
	position: relative;
	text-align:center;
	width:49%;
}
ul.campaign_tabs li:hover {
	background: #D9D9D9;
}	
ul.campaign_tabs li.active{
	background: #FFFFFF;
	border-bottom: 0px solid #CCCCCC;
	height:37px;
}
.campaign_tabs_container {
	border: 2px solid #CCCCCC;
	border-top: none;
	clear: both;
	float: left; 
	width: 99%;
	background: #FFFFFF;
	padding:20px 0 20px 0;
	/*border-radius:0 0 5px 5px; */
}
.campaign_tabs_content {
	float:left; 
	margin-left:10px; 
	width:250px;
}

/* SocialCRM User Details page class */
/*.user_details_wrapper {
	float:left;
	width:98%;
	padding:5px;
}*/
.user_detail_left_side {
	float:left;
	width:50%;
}
.user_left_side_row {
	float:left;
	width:100%;
	margin:0 0 20px 0;
}
.user_profile_image_display {
	float:left;
	width:21%;
}
.user_profile_details {
	float:left;
	width:79%;
	font-size:12px;
}
.user_name_display {
	float:left;
	width:95%;
	font-size:16px;
	font-weight:bold;
}
.user_page_link {
	float:left;
	clear:both;
	margin-top:10px;
}
.crm_user_metrics_box {
	float: left;
    margin: 10px 0 0 0;
    min-height: 70px;
    width: 99%;
}
.crm_detail_inner_title {
	width:99%;
	float:left;
	font-size:16px;
	font-weight:bold;
}
.user_detail_right_side {
	float:left;
	width:50%;
}
.user_notes_section {
	/*background: none repeat scroll 0 0 #F7F5E7;*/
    border: 1px solid #D0D7E7;
    border-radius: 3px;
    float: left;
    font: 13px/28px Verdana,Tahoma,sans-serif;
    height: 100px;
	width:97%;
	margin-top:3px;
    padding: 5px;
	line-height:normal;
	overflow:auto;
	overflow-x:hidden;
}
.user_notes_section li {
	list-style:none;
	margin:0 0 2px 0;
	width:100%;
}
.activity_feed_section {
	/*background: none repeat scroll 0 0 #F7F5E7;*/
    border:1px solid #D0D7E7;
    border-radius:3px;
    float:left;
    font:13px/28px Verdana,Tahoma,sans-serif;
    height:470px;
	width:99%;
	margin-top:5px;
	line-height:normal;
	overflow:auto;
	overflow-x:hidden;
}
.activity_feed_section li {
	list-style:none;
	margin:5px 0 5px 0;
	padding:0 5px 10px 5px;
	width:98%;
	float:left;
	border-bottom:1px solid #D0D7E7;
}
.activity_feed_title {
	float:left;
	font-size:11px;
}
.activity_feed_attachment {
	float:left;
	margin:5px 0 0 15px;
	width:96%;
}
.activity_feed_message {
	float:left;
	margin:5px 0 0 15px;
	width:96%;
	font-size:11px;
}
.crm_advocacy_stats_inner {
	float:left;
	font-weight:bold; 
	margin-top:5px;
	font-size:13px;
}
.profile_info_row {
	font-size:13px;
	padding-top:1px;
}

/*Socialmedia verification class */
.verification_box {
	float:left; 
	width:99%; 
	/*height:250px; */
	margin-top:10px; 
	border:1px solid #999999;
	border-bottom:none;
}
.each_verification_row {
	float:left; 
	width:100%; 
	padding:2%; 
	font-size:13px;
	border-bottom:1px solid #999999;
}
.verification_account_box {
	float:left;
	width:48%;
	padding-right:2%;
}
.verification_status {
	float:left;
	width:30%;
}
.verification_date {
	float:left;
	width:20%;
}
.verification_success {
	color:#386D19;
}
.verification_failed {
	color:#FF0000;
}

.select_bg3 { background:url(../images/select_bg3.png) top left no-repeat; width:190px; height:28px; float:right; margin:0 0 12px 9px; *margin:0 0 12px 0; overflow:hidden;}
.select_bg3 select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:210px; padding:5px 0 0 5px;}

.select_bg2 { background:url(../images/select_bg2.png) top left no-repeat; width:142px; height:28px; float:right; margin:0 0 12px 9px; *margin:0 0 12px 0; overflow:hidden;}
.select_bg2 select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:160px; padding:5px 0 0 5px;}
/* custom email template */
#FileUpload_template {
	position:relative;
}

.sm_mailchimp_settings .selectbg_sub { background:url(../images/select_bg2.png) top left no-repeat; width:142px; height:28px; float:left; margin:0 0 0 0; *margin:0 0 0 0; overflow:hidden;}
.sm_mailchimp_settings .selectbg_sub select { background:none; background-color:transparent;-webkit-appearance:none;-moz-appearance:none; appearance:none; border:0; float:left; width:160px; padding:5px 0 0 5px;}

/* changes for custom button setting */
.sm_preview_btn {
	/*margin-left:18px;*/
}

#custom_css_section a#edit_header_link, #custom_css_section a#edit_page_background_link, #custom_css_section a#edit_corners_link, #custom_css_section a#edit_color_link, #custom_css_section a#edit_buttons_link, #custom_css_section a#edit_fonts_link, #custom_css_section a#edit_quoation_marks_link, #custom_css_section a#edit_form_link, #custom_css_section a#edit_seo_tags_link, #custom_css_section a#edit_content_block_link { 
	float:left;
	background:#00bcf2;
    color:#ffffff;
    padding:2% 3%;
    width:94%;
}
#custom_css_section > div {
	float:left;
	width:100%;
}



.custom_blue_button {
	float:left;
	background: #00c1f3;
	background: -moz-linear-gradient(#00c1f3, #0097EA); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0097EA),color-stop(1, #00c1f3));	
	background: -webkit-linear-gradient(#00c1f3, #0097EA);	
	background: -o-linear-gradient(#00c1f3, #0097EA);
	background: -ms-linear-gradient(#00c1f3, #0097EA);
	background: linear-gradient(#00c1f3, #0097EA);
	-moz-border-radius:3px;
	border-radius:3px;
	min-width:120px;
	width:auto;
	min-width:100px;
	height:22px;
	padding:3px 10px;
	line-height:22px;
	font-size:14px;
	color:#ffffff;
	border:1px solid #00A6E3;
	cursor:pointer;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);
	text-align:center;
}

.custom_blue_button:hover {
	background: #0097EA;
	background: -moz-linear-gradient(#0097EA, #00c1f3); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00c1f3),color-stop(1, #0097EA));	
	background: -webkit-linear-gradient(#0097EA, #00c1f3);	
	background: -o-linear-gradient(#0097EA, #00c1f3);
	background: -ms-linear-gradient(#0097EA, #00c1f3);
	background: linear-gradient(#0097EA, #00c1f3);
}

/* Change Template Modal CSS Start*/
.change_template_main_div {
	margin:auto;
        width: auto;
/*	width:960px;
	min-width:960px;*/
}
.socia_template_box {
    background: #F1F1F1;
    float: left;
    line-height: 14px;
    margin: 0 28px 30px;
    overflow: hidden;
    padding: 10px 10px 0px 10px;
    text-align: center;
    width: 360px;
	font-family:Arial, Helvetica, sans-serif;
	min-height:310px;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    
	-moz-box-shadow: 0 0 0px 3px rgba(204, 204, 204, 0.7);
	-webkit-box-shadow: 0 0 0px 3px rgba(204, 204, 204, 0.7);
	box-shadow: 0 0 0px 3px rgba(204, 204, 204, 0.7);
}
.v2_section .socia_template_box{
	margin: 0 15px 30px;
	width: 265px;
}
.socia_choose_template_logo { float:left; height:265px; width:100%; padding-bottom:5px;}
.socia_choose_template_logo img { border-radius: 3px; height:265px; width:315px;}
.socia_template_title_div { float:left; width:100%; padding:10px 0px 18px; overflow:hidden; font-weight: bold;}
.socia_template_button_div { float:left; padding:7px 80px 5px; width:inherit; min-height:35px; margin-left:-10px; background:rgba(0,0,0,0.7); margin-top:-20px; opacity:0;filter: alpha(opacity = 0); }

.v2_section .socia_choose_template_logo img {width:100%;}
.v2_section .socia_template_button_div{
	padding:7px 15px 5px;
}
.socia_template_box:hover { 
	-webkit-box-shadow:0 0 0px 3px rgba(0, 156, 235, 0.6); 
	-moz-box-shadow:0 0 0px 3px rgba(0, 156, 235, 0.6); 
	box-shadow:0 0 0px 3px rgba(0, 156, 235, 0.6);
	background:#ffffff;
	transition:all 0.6s ease 0s;
	-moz-transition:all 0.6s ease 0s;
	-webkit-transition:all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
	/*border:2px solid rgba(0, 156, 235, 1);*/
}
.socia_template_box:hover > .socia_template_button_div { 
	opacity:1;
	filter: alpha(opacity = 100);
	transition:opacity 0.6s;
	-moz-transition:opacity 0.6s;
	-webkit-transition:opacity 0.6s;
	-o-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
}
.campaign_template_empty {
	float:left;
	width:100%;
	margin:auto;
	padding:10px;
	height:20px;
	background:#f1f1f1;
	text-align:center;
	border:2px solid #DBDBDB;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
/* Change Template Modal CSS End */

/* Change Asset Lib Modal CSS Start*/
.change_asset_lib_main_div {
	margin:auto;
	width:100%;
        padding-left: 10px;
}
.socia_asset_lib_box {
    background: #F1F1F1;
    float: left;
    line-height: 14px;
    margin: 0 20px 20px 1px;
    overflow: hidden;
    text-align: center;
    width: 100px;
	font-family:Arial, Helvetica, sans-serif;	
	min-height: 99px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow: 0 0 0px 1px rgba(204, 204, 204, 0.7);
	-webkit-box-shadow: 0 0 0px 1px rgba(204, 204, 204, 0.7);
	box-shadow: 0 0 0px 1px rgba(204, 204, 204, 0.7);
}
.socia_choose_asset_lib_logo { float:left; height:83px; width:100%; padding:0px 0px; margin-top:-24px;}
.socia_choose_asset_lib_logo img { border-radius: 5px; image-orientation: from-image; }
.socia_asset_lib_title_div { float:left; width:100px; padding:5px 0px 5px; overflow:hidden;opacity:0;filter: alpha(opacity = 0); position:relative; z-index:10; color:#ffffff; }
.socia_asset_lib_button_div { float:left; padding:12px 0 7px; width:100px; min-height:46px; margin-top:-59px; opacity:0;filter: alpha(opacity = 0);}

.socia_asset_lib_box:hover { 
	-webkit-box-shadow:0 0 0px 1px rgba(0, 156, 235, 0.6); 
	-moz-box-shadow:0 0 0px 1px rgba(0, 156, 235, 0.6); 
	box-shadow:0 0 0px 1px rgba(0, 156, 235, 0.6);
	background:#ffffff;
	transition:all 0.6s ease 0s;
	-moz-transition:all 0.6s ease 0s;
	-webkit-transition:all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
	/*border:2px solid rgba(0, 156, 235, 1);*/
}
.socia_asset_lib_box:hover > .socia_asset_lib_button_div, .socia_asset_lib_box:hover > .socia_asset_lib_title_div { 
	opacity:1;
	filter: alpha(opacity = 100);
	transition:opacity 0.6s;
	-moz-transition:opacity 0.6s;
	-webkit-transition:opacity 0.6s;
	-o-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    display: block;
}
.campaign_asset_lib_empty {
	float:left;
	width:100%;
	margin:auto;
	padding:10px;
	height:45px;
	background:#f1f1f1;
	text-align:center;
	border:2px solid #DBDBDB;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.asset_lib_button {
	background:transparent;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	width:80px;
	min-width:80px;
	height:22px;
	padding:3px 10px;
	line-height:12px;
	font-size:14px;
	color:#00c1f3;
	border:1px solid #00c1f3;
	cursor:pointer;
}

.asset_lib_img_delete {
	display:inline-block;
	color:#ff0000;
	cursor:pointer;
	font-size:13px;
	margin-top:7px;
	padding:6px 5px;
	border:1px solid #ff0000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.change_asset_upload_img_main_div {
	margin:auto;
	width:350px;
	min-width:350px;
}
#modal_select_image .upload_image_button_asset,
#modal_select_image .upload_image_button_fb {
	border: 1px dashed rgba(186,186,186,0.7);
    padding: 15px;
    border-radius: 8px;
    width: 140px;
    white-space: pre-wrap;
    margin-top: -45px;
    cursor: pointer;
}
#modal_select_image .upload_image_button_asset span,
#modal_select_image .upload_image_button_fb span {
	display: block;
	margin-top: 0;
    margin-bottom: 5px;
}
#modal_select_image .upload_image_button_asset span > img,
#modal_select_image .upload_image_button_fb span > img {
	width: 30px;
	opacity: 0.2;
}
#ModalBrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background:url(../images/browse.png) 100% 0px no-repeat;
    height:28px;
    width:330px;
	cursor:pointer;
}

.ModalBrowserHidden {
    position:relative;
    width:330px;
    height:26px;
    text-align: right;
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}
.modal#modal_userprofile_detail .modal-content .modal.fade.in .modal-content{
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

/* Change Asset Lib Modal CSS End */

img.sm_fb_ln_img_preview,img.sm_gmb_img_preview,
#grid-message-manager .thumbnail a > img { image-orientation: from-image; }

/* Change Import Style Modal Start*/
.change_import_style_main_div {
	width:100%;
	margin:auto;
}
.importstyle_row {
	float:left;
	width:100%;
	margin:10px 0 0;
}
.importstyle_lbl {
	width:40%;
	text-align:right;
	float:left;
}
.importstyle_input {
	width:90%;
	text-align:left;
	float:left;
        margin-left:5%;
}
.importstyle_submit { 
	float:left;
	width:90%;
	margin:15px 0 0px 5%;
}
.import_style_modal_main_div {
    float:left;
    position:absolute;
    width:275px;
    min-height:230px;
    height: auto;
    background:#ffffff;
    border:1px solid #cccccc;
    margin-top:20px;
    margin-left:-35px;
    padding:10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    z-index:999;
    display: none;
}

.importstyle_arrow {
    width:0;
    height:0;
    border-left: 12px solid #ffffff;
    border-right: 12px solid #ffffff;
    border-bottom: 12px solid #cccccc;
    margin-left:127px;
    margin-top:-23px;
    margin-bottom:5px;
}

/* Change Import Style Modal End*/

.import_template_settings_main_div {
    float:left;
    position:absolute;
    width:275px;
    min-height:200px;
    height: auto;
    background:#ffffff;
    border:1px solid #cccccc;
    margin-top:20px;
    margin-left:-35px;
    padding:10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    z-index:999;
    display: none;
}
.change_import_template_main_div {
	width:100%;
	margin:auto;
}

.socia_template_box .socia_template_button_div .custom_blue_button {
    padding:3px 55px;
}


.repost_window_section {
	position:absolute;
	/*min-width:180px;*/
	min-width:400px;
	max-width:400px;
	min-height:500px;
	max-height:600px;
	background: #fff;
	border:6px solid #858585;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px;
	z-index: 9002;
	top:120px;
	left:620px;
	left: 502px\9; /* IE 8 and below */
	display:none;
}

.repost_window_section_close a {
    background: url("../images/fancy_close_box.png") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: -21px;
    top: -20px;
    width: 36px;
    z-index: 8040;
}

.repost_data_section {
    border: 2px solid #d8d8d8;
    display: none;
    margin: 10px;
    max-height: 100%;
    min-height: 382px;
    overflow: auto;
    text-align: center;
    width: 94%;
}

.BrowserHiddenText{
    display: none !important;
}
.design_widget_tabs_group input[type="radio"]{
    visibility: hidden;
    display: none;
}
.design_widget_tabs_group > a {
    text-transform: uppercase;
    font-size: 16px !important;
}
#colorbox:focus {
    outline: 0 none !important;
}

#cboxClose{
    background-color: #ffffff;
    border: none;
}
/*video bpopup*/
#display_customer_video_section {
    background-color: #ffffff;
    border-radius: 3px;
    display: none;
    padding: 10px;
    /*min-width: 400px;*/
    min-height: 180px;
    width: 675px !important;
    /*width: 50% !important;*/
    height: 390px !important;
}
.display_video_content {
    height: 96%;
    width: 100%;
}
.b-iframe{
    background-color: #ffffff;
    height: inherit;
    width: 100%;
}
.b-close {
    float: right;
}

td.child .dropdown-menu-right{
    left: 0;
    right: auto;
}
.socialcrm_inner_detail_wrapper{
    float: left;
    width: 50%;
}
.displaynone{
    display: none;
}
span.dtr-data{
    word-wrap: break-word;
    white-space: normal;
}
.acc_box {font-size:12px;}
label.acc_box,
.acc-default span {
    color:#0098ea;
}

/* Start datatable column width */
.col_width_10{
    max-width: 10px;
    min-width: 10px;
    width: auto;              
}
.col_width_20{
    max-width: 20px;
    min-width: 20px;
    width: auto;              
}
.col_width_60{
  max-width: 60px;
  min-width: 60px;
  width: auto;          
}
.col_width_40{
  max-width: 40px;
  min-width: 40px;
  width: auto;          
}
.col_width_80{
  max-width: 80px;
  min-width: 80px;
  width: auto;        
}
.col_width_90{
  max-width: 90px;
  min-width: 90px;
  width: auto;        
}
.col_width_100{
  max-width: 100px;
  min-width: 100px;
  width: auto;        
}
.col_width_110{
  max-width: 110px;
  min-width: 110px;
  width: auto;        
} 
.col_width_120{
  max-width: 120px;
  min-width: 120px;
  width: auto;    
}             
.col_width_130{
  max-width: 130px;
  min-width: 130px;
  width: auto;        
}
.col_width_140{
  max-width: 140px;
  min-width: 140px;
  width: auto;        
}
.col_width_150{
  max-width: 150px;
  min-width: 150px;
  width: auto;        
}
.col_width_160{
  max-width: 160px;
  min-width: 160px;
  width: auto;        
}
.col_width_170{
  max-width: 170px;
  min-width: 170px;
  width: auto;        
}
.col_width_180{
  max-width: 180px;
  min-width: 180px;
  width: auto;        
}
.col_width_190{
  max-width: 190px;
  min-width: 190px;
  width: auto;        
}
.col_width_200{
  max-width: 200px;
  min-width: 200px;
  width: auto;        
}
.col_width_210{
  max-width: 210px;
  min-width: 210px;
  width: auto;        
}
.col_width_215{
  max-width: 215px;
  min-width: 215px;
  width: auto;        
}
.col_width_220{
  max-width: 220px;
  min-width: 220px;
  width: auto;        
}
.col_width_240{
  max-width: 240px;
  min-width: 240px;
  width: auto;        
}
.col_width_250{
  max-width: 250px;
  min-width: 250px;
  width: auto;        
}
.col_width_260{
  max-width: 260px;
  min-width: 260px;
  width: auto;        
}
.col_width_270{
  max-width: 270px;
  min-width: 270px;
  width: auto;        
}
.col_width_300{
  max-width: 300px;
  min-width: 300px;
  width: auto;        
}
.col_width_320{
  max-width: 320px;
  min-width: 320px;
  width: auto;        
}
.col_width_340{
  max-width: 340px;
  min-width: 340px;
  width: auto;        
}
.col_width_350{
  max-width: 350px;
  min-width: 350px;
  width: auto;        
}
.col_width_400{
  max-width: 400px;
  min-width: 400px;
  width: auto;        
}
.col_width_460{
  max-width: 460px;
  min-width: 460px;
  width: auto;        
}
.datatable-scroll td{
    white-space: normal !important;
    word-wrap: break-word;
}
.grid_editable_col { position: relative; }
.dataTables_scrollHeadInner, .dataTables_scrollHeadInner table{ width: 100% !important; }
/* End datatable column width */
.small-control{
    text-align: center;
}
#noty_topRight_layout_container{
    top: 90px !important;
    z-index: 8 !important;
}
#noty_topRight_layout_container.sm_wks_settings_msg {
	z-index: 1052 !important;
}
#noty_topRight_layout_container.sm_assest_libray_msg {
	z-index: 2147485001 !important;
}
#noty_topRight_layout_container li{
	float:right;
    clear: both;
}
#noty_topRight_layout_container.sm_assest_libray_msg li {
	width: auto !important;
}
#noty_topRight_layout_container .noty_text{
    white-space: nowrap;
}
.checkbox-inline, .radio-inline {
    /*margin: 0 20px 10px 0 !important*/
}
.formcontrol_small_text{ height: 26px !important; padding-top: 0 !important; top: -7px;  }
.tiny-form-control-chk-radio{ height: 30px !important; padding-top: 0 !important;  }
.tiny-form-control{ padding-top: 0 !important; }
.tiny-form-control-label{ line-height: 36px; margin-bottom: 0; }
.inner-step-block{
    position: relative;
    min-height: 1px;
    margin-left: 40px;
}
.step-3-wrapper {
    margin-left: 60px;
}
.design_widget_tabs {
    float: right;
    width: auto;
    margin-top: 13px;
}
.design_widget_tabs_screens {
    float: left;
    /*text-align: center;*/
    width: 71%;    
    /*margin: 30px 0 50px;*/
}
.design_widget_tabs_views {
    float: right;
    width: 40%;    
    margin: 30px 0 50px;
}
.sidebar-detached .sidebar {
    box-shadow: none;
    border: 1px solid #D0D7E7;
}
.input-group-custom {
    width: 50%;
    float: left;
}
.input-group-custom .input-group-custom-label {
    /*width: auto;*/
    float: left;
    margin-right: 30px;
}
.input-group-custom .input-group-custom-input {
    float: left;
    width: 50%;
}
.content_right{ width: 100%; float:left; }
.thumbnail{ max-width: 140px; }
.grid-form-col .grid-form-col-status label.radio-inline{ margin-top: 15px; }
.grid-form-col .grid-form-col-custom-range { width: 250px; }
.actions_wrapper{
    width:210px;
    margin:5px 0 0 20px;
    float:left;
}
.status_form{ float: left; }
.export_report_section{
    float: left;
    width: auto;
    margin-left: 25px;
    margin-top: 7px;
}
.dataTable tr.child .dtr-title { width: 25%; }
#camp_pause_frm .inner-step-block{
	margin-left: 28px;
}

.sm_logo_img_settings_section, .appearance_cmp_fav_icon_img_section, .appearance_cmp_login_img_section, .appearance_cmp_login_img_preview_section { width: auto; float: left; }
.appearance_cmp_login_img_section { float: left; width: auto; }
.appearance_cmp_login_img_preview_section { margin-left: 30px; }
.appearance_cmp_login_img_preview_section img { max-height: 200px; }
.sm_change_company_logo_link_div, .sm_remove_company_logo_link_div, .sm_change_login_page_img_link_div { width:100%; float:left; margin-top: 20px; }
.ui-widget-content .sm_change_company_logo_link_div a, .ui-widget-content .sm_change_company_favicon_link_div a, .ui-widget-content .sm_change_login_page_img_link_div a { color:#01a8e5; }
a.sm_remove_company_logo_link { margin-left: 30px; }
.ui-widget-content a.sm_remove_company_logo_link, .ui-widget-content .sm_remove_company_favicon_link_div a { color:#ff0000; }
.sm_change_company_favicon_img_div { width: auto;float: left; }
.sm_change_company_favicon_link_div, .sm_remove_company_favicon_link_div { width: auto;float: left; margin-top: 6px; margin-left: 30px; }
.sm_logo_img_preview_section { width: auto; float: left; height: auto; position: relative; left: 10%; }
.appearance_cmp_logo_img_section_div .appearance_cmp_logo_img_section { display: inline-block; max-height: 300px; }
.appearance_cmp_logo_img_section_div .appearance_cmp_logo_img_section img { max-width: 100%; max-height: 100%; display: block; margin: auto; }

/*AI WRITER CSS START */
.navigation > li#sm_menu_aiwriter .sm_aiwriter_text {
	margin-top: 5px;
}
.navigation > li#sm_menu_aiwriter .bg-new-icon {
	background-color: #FFC700;
}	
.sm_ai_writer_main_content { padding-bottom: 0px !important;} 
.sm_ai_writer_main_screen {
	background: url(images/ai_writer_main_bg.png);
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
	background-color: #112f9e;
    padding: 55px;
    position: relative;
   border-radius: 11px;
}
#sm_ai_writer_main_screen::before {
	content: '';
    height: 218px;
    width: 600px;
    background: url(images/ai_writer_chatbox.png) no-repeat;
    display: block;
    position: absolute;
    right: 325px;
    top: 0px;
}
.ai_writer_chatbox_img_container {
	position: absolute;
    top: 1px;
    right: 308px;
}
.sm_ai_writer_main_screen h4 {
	font-size: 22px;
    font-weight: 400;
    color: #fff;
    margin: 0;
}
.sm_ai_writer_main_screen h2{
	font-size: 57px;
	font-weight: 700;
	margin: 0;
	color: #fff;
}
/* AI Writer in the standard frame (Craig, 2026-10-11): no blue panel and no illustration; the page's name is the
   card's heading and the subheading is gone. Scoped to the frame, which also outranks the White Label
   "AI Writer Background Color" (account_appearance_style.php) that painted the panel. */
.sm-frame .sm_ai_writer_main_screen { padding: 0; background: none; border-radius: 0; }
.sm-frame #sm_ai_writer_main_screen::before { content: none; }
.sm-frame .sm_ai_setting_content_wrapper { margin-top: 0; padding: 8px 0 24px; border-radius: 0; background: none; }
.sm_ai_setting_content_wrapper
{
	background: #ffffff;
	border-radius: 10px;
	position: relative;
	margin-top: 40px;
	padding: 48px 23px 130px;
	display: flex;
    gap: 26px;
	flex-wrap:wrap;
	justify-content: center;
}
.sm_ai_writer_content_box {
	width: 285px;
	height: 280px;
	background: #FFFFFF;
	box-shadow: 0px 4px 18px rgba(76, 76, 95, 0.19);
	border-radius: 7px;
	padding:22px;
	flex-basis: 18%;
	position: relative;
}
.sm_aw_content_box_img  {
	width: 70px;
    height: 70px;  
	float: left;
}
.sm_aw_social_media_icon { background: url(images/ai_writer_social_media_icon_f.svg) no-repeat center center; background-size: 100%; }
.sm_aw_blogs_icon { background: url(images/ai_writer_blogs_icon.svg) no-repeat center center; background-size: 100%; } 
.sm_aw_emails_icon { background: url(images/ai_writer_emails_icon.svg) no-repeat center center; background-size: 100%; } 
.sm_aw_ads_icon { background: url(images/ai_writer_ads_icon.svg) no-repeat center center; background-size: 100%; } 
.sm_aw_seo_icon { background: url(images/ai_writer_seo_icon.svg) no-repeat center center; background-size: 100%; }
.sm_aw_courses_icon { background: url(images/ai_writer_courses_icon.svg) no-repeat center center; background-size: 100%; } 
.sm_aw_video_script_icon { background: url(images/ai_writer_video_script_icon.svg) no-repeat center center; background-size: 100%; }
.sm_aw_ms_icon { background: url(images/ai_writer_ms_icon.svg) no-repeat center center; background-size: 100%; }
.sm_aw_campaigns_icon { background: url(images/ai_writer_camp_icon.svg) no-repeat center center; background-size: 100%; }
.sm_aw_legal_docs_icon { background: url(images/ai_writer_ld_icon.svg) no-repeat center center; background-size: 100%; }
.sm_aw_legal_mag_icon { background: url(images/ai_writer_lm_icon.svg) no-repeat center center; background-size: 100%; }
.sm_aw_start_business_icon { background: url(images/ai_writer_sb_icon.svg) no-repeat center center; background-size: 100%; }
.sm_aw_startup_assistant_icon { background: url(images/ai_writer_sa_icon.svg) no-repeat center center; background-size: 100%; }
.sm_aw_agency_assistant_icon { background: url(images/ai_writer_ag_as_icon.svg) no-repeat center center; background-size: 100%; }
.sm_aw_seos_icon { background: url(images/ai_writer_seos_icon.svg) no-repeat center center; background-size: 100%; }
.sm_aw_content_box_sub_section{
	margin-top: 10px;
    margin-bottom: 12px;
}
.sm_aw_content_title {
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	color: #2E384D;
	margin-bottom: 5px;
}
.ai_writer_coming_soon {
	background: #EDEEF0;
	border-radius: 20px;
	font-size: 11px;
	color: #8798AD;
	margin-left: 5px;
	padding: 3px 10px;
	display: inline-block;
	float: right;
}
.sm_aw_content_start_btn button{
	border-radius: 8px;
    color: #fff;
    width: 164px;
    height: 44px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
}
.ai_writer_cm_content .sm_aw_content_start_btn button{
	background: #FFFFFF;
	border: 2px solid #01A8E5;
	color: #01A8E5; 
}
.sm_aw_content_details {
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	color: #8798AD;
	min-height: 60px;
}
.sm_aw_content_error_msg {
	color: red;
	margin-top: 5px;
}
.sm_aw_show_unblock_popup_alert_msg{
	color: red;
	margin-top: 5px;
	display: none;
}
.sm_ai_writer_launch_chatgpt_screen{
	text-decoration: underline;
}
.sm_ai_writer_content_box:not(.ai_writer_cm_content):hover .sm_aw_show_unblock_popup_alert_msg{
	display: block;
}
.sm_ai_writer_startup_assistant_container .sm_aw_content_start_btn{
	margin-top: 0;
}
@media (min-width: 769px) and (max-width: 1739px) {
	.sm_ai_writer_startup_assistant_container .sm_aw_content_start_btn{
		margin-top: -25px;
	}
}
/*AI WRITER CSS END */

@media (min-width: 961px) {
    .modal-xlg {
        width: 950px !important;
    }
}
@media (min-width: 769px) and (max-width: 960px) {
    .modal-xlg {
        width: 90% !important;
    }
	#modal_auth_social_network{
		padding-bottom: 80px;
	}
	.ai_step_heading_box{
		width: 275px;
	}
	.ai_step_content_box{
		width: calc(100% - 530px);
	}
	.ai_step_copy_box{
		width: 235px;
	}
	.ai_idea_number_list{
		margin-top: 15px;
	}
}
@media (min-width: 769px) and (max-width: 855px) {
    .ai_card_premium_module{
		padding-bottom: 150px;
	}
	#modal_auth_social_network .modal-dialog{
		width: auto;
	}
	.ai_step_heading_box{
		width: 100%;
	}
	.ai_step_content_box{
		width: calc(100% - 255px);
	}
	.ai_step_copy_box{
		width: 235px;
	}
	.ai_idea_number_list{
		margin-top: 15px;
	}
}
@media (max-width: 768px) {
	.sm_profile_main .text-content-title{
		width: auto;
	}
	#smemoji-picker, #smemoji-picker-bulk-images{
		margin-top: 0;
    	margin-right: 0;
	}
	.smemoji-picker-network-preview, .smemoji-picker-grid_message{
		margin-top: 0; 
    	margin-right: 0;
	}

	.nav.nav-tabs:before { content: ''; }
	#modal_select_image .asset_contents .nav.nav-tabs.nav-tabs-bottom { margin-bottom: 30px !important; }
	#grid-message-manager_filter,#grid-rss-manager_filter{text-align: left;}
	.navbar .navbar-header{
		max-width: none;
	}
	.navbar .navbar-header{
		min-height: auto;
	}
	.navbar-inverse .nav.navbar-nav > li.wks_switch_account{
		margin: 14px;
		width: 92%;
		float: right;
		z-index: 1;
	}
	#ac_profile_page_url { width: 82%; }
	.navbar-inverse .header_top_menu.navbar-nav > .sm_extra_notes span { padding: 13px 20px; }
	.sm_approve_from_user_list { margin: 0; }
	.navbar-inverse .nav.navbar-nav .dashboard_button_mian_container { display: none; }
	.sm_ai_writer_content_box { flex-basis: auto; }
	.ai_card_premium_module{
		padding-bottom: 150px;
	}
	.sm_niche_dropdown_section{
		display: block !important;
	}
	#modal_auth_social_network{
		padding-bottom: 80px;
	}
	#modal_auth_social_network .modal-dialog{
		width: auto;
		height: auto;
	}
	.sm_comment_action_area{
		width: 97%;	
	}	
	.sm_comment_action_box, .sm_email_notify_box, #sm_comment_text{
		width: 100%;		
	}
	.sm_comment_area_box{
		width: calc(100% - 75px);		
	}
	.ai_section_posttypes_container{
		width: calc(100% /2 - 11px);
	}
	.ai_section_posttypes_container:nth-child(3n){
		margin-right: 15px;
	}
	.ai_section_posttypes_container:nth-child(2n){
		margin-right: 0px;
	}
	.ai_step_heading_box{
		width:100%;
	}
	.ai_step_content_box{
		width: calc(100% - 255px);
	}
	.ai_step_copy_box{
		width: 235px;
	}
	.ai_idea_number_list{
		margin-top: 15px;
	}
	.modal.fade.right.in .modal-dialog.modal-wide{
		width: 100%;
	}
}	
@media (max-width: 590px) {
    .fullurl_style { width:86%; }
    .shared_url_social_icons { width: 14%; }
    .dataTable tr.child .dtr-title { width: 40%; }
    #wks_login{width:100%;}
    .activated_agency_tabs ul.nav-tabs li a{
		padding: 10px;
	}
	#grid-manage-workspace_filter label > span, #grid-manage-single-singon_filter label > span{
		float: unset;
	}
	.sm_social_ac_section .sm_social_ac_main{
		padding-left: 10px;
		padding-right: 10px;
	}
	.sm_social_ac_box{
		margin-bottom: 25px;
	}
	.sm_social_ac_box_heading{
		padding: 10px 10px 10px 10px;
	}
	
	#smemoji-picker, #smemoji-picker-bulk-images{
		margin-top: 0;
    	margin-right: 0;
	}
	.smemoji-picker-network-preview, .smemoji-picker-grid_message{
		margin-top: 0; 
    	margin-right: 0;
	}
	.page-header.page-header-default{
		margin-right: 0px;
	}
	.ai_card_premium_module{
		padding-bottom: 170px;
	}
	.ai_wirter_social_media_tabs {
		height: 55px;
	}
	#modal_auth_social_network .sm_ac_social_item{
		height: auto;
	}
	.ai_section_posttypes_container{
		width: calc(100% - 11px);
	}
	.ai_section_posttypes_container:nth-child(3n){
		margin-right: 15px;
	}
	.ai_section_posttypes_container:nth-child(1n){
		margin-right: 0px;
	}
}
@media (max-width: 480px) {
	.sm_custom_social_preview .sm_network_preview_box{
		width: 100%;
	}
	.sm_custom_social_preview #all_previewscreen {column-count: 1; margin-right: 0px;}
	.grid-form-body{
        padding: 15px;
    }
}	
@media (max-width: 420px) {
    .verification_account_box{
        width: 40%;
    }
    .verification_status{
        width: 30%;
    }
    .verification_date{
        width: 30%;
    }
    
    label.fullurl_style{
        width: 80%;
    }
    .shared_url_social_icons { width: 20%; }
    .sm_profile_main .text-content-title{
		width: 50%;
	}
	.sm_custom_social_preview .sm_network_preview_box{
		width: 100%;
	}
	.sm_custom_social_preview #all_previewscreen {column-count: 1; margin-right: 0px;}

	.sm_ai_setting_content_wrapper { padding: 25px 10px 50px; }
	#modal_auth_social_network .modal-dialog .modal-header{
		height: auto;
		padding-bottom: 20px;
	}
	#modal_auth_social_network .sm_ac_social_item{
		display: inline-block;
		height: auto;
		width: 100%;
	}
	#modal_auth_social_network .ac_social_item_name{
		width: calc(100% - 60px);
	}
	#modal_auth_social_network .ac_social_item_action{
		margin: 7px 0;
		text-align: center;
		width: 100%;
	}
	#modal_auth_social_network .ac_social_item_action span.error-msg{
		right: calc(50% - 72px);
	}
	.sm_comment_action_area{
		width: 94%;
	}
	.sm_comment_action_box, .sm_email_notify_box, #sm_comment_text{
		width: 100%;		
	}
	.sm_comment_area_box{
		width: calc(100% - 75px);		
	}
}

@media (max-width: 375px) {
    .dataTables_filter > label::after{
        display: none !important;
    }
    /* chart statistics panel*/
    .metrix_box .box_leftside {
        width: 34% !important;
    }
    .metrix_box .box_rightside {
        width: 66% !important;
    }
    .metrix_total_count{
        font-size: 20px;
    }
    .socialcrm_inner_detail_wrapper{
        width: 100%;
    }
    
    .inner-step-block {
        margin-left: 10px;
    }    
    
    .modal.bootbox .modal-footer button { padding: 7px 11px; }
    
    .export_report_section {
        width: 100%;
        margin-left: 0;
    }
    #smemoji-picker, #smemoji-picker-bulk-images{
		width: 100%;
		margin-top: 0;
    	margin-right: 0;
	}
	#smemoji-picker .emoji-mart,
	#smemoji-picker-bulk-images .emoji-mart {
		width: 100% !important;
	}
	.sm_custom_social_preview .sm_network_preview_box{
		width: 100%;
	}
	.sm_custom_social_preview #all_previewscreen {column-count: 1; margin-right: 0px;}
	.smemoji-picker-network-preview, .smemoji-picker-grid_message{
		margin-top: 0; 
    	margin-right: 0;
    	width: 100%;
	}
	.smemoji-picker-network-preview .emoji-mart,
	.smemoji-picker-grid_message .emoji-mart {
		width: 100% !important;
	}
}

@media (max-width: 374px) {
    .content_right{ width: 100%; }
    .edit_prev{ width: 100%; }
    .edit_prev2{ width: 100%; }
    .upload_img{ width: 100%; }
}
@media (min-width: 376px) and (max-width: 534px)  { 
    .dataTables_custom_search_wrapper{
        width: 65%;
    }
    .inner-step-block {
        margin-left: 20px;
    }  
    .post_schedule_type_area{
    	margin-left: 10px;
    }  
}

@media (min-width: 481px) and (max-width: 969px) {

    .socialcrm_inner_detail_wrapper .box_leftside, .socialcrm_inner_detail_wrapper .box_rightside {
        width: 100% !important;
    }
    #modal_userprofile_detail .user_profile_image_display{
        width: 40%;
    }
    #modal_userprofile_detail .user_profile_details{
        width: 100%;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .socialcrm_inner_detail_wrapper{
        width: 100%;
    }
    .responsive-row{

    }
    .responsive-col {
        width: 50%;
        float: left;
    }    

}
@media (min-width: 769px) and (max-width: 865px)  { 
    .dataTables_custom_search_wrapper{
        width: 65%;
        margin-left: 10px;
    }

    .dataTables_filter > label{
        margin-right: 0px !important;
    }    
}
@media (min-width: 769px) and (max-width: 1024px)  { 
    #modal_userprofile_detail .modal-dialog{
        width: 90% !important;
    }
    .input-group-custom {
        width: 100%;
        float: left;
    }
    .sm_profile_main .text-content-title{
		width: auto;
	}
	#smemoji-picker, #smemoji-picker-bulk-images{
		margin-top: 0; 
    	margin-right: 0;
	}
	.smemoji-picker-network-preview, .smemoji-picker-grid_message {
		margin-top: 0; 
    	margin-right: 0;
	}
	.sm_grid_reload_button:where(:not(.sm_pub_btn)), .sm_grid_reload_button_one, .sm_pricing_grid_setting_button, .sm_payment_history_reload_button{
		padding-top: 16px !important;
	}
	.sm_grid_reload_button.icons-list a[data-action], .sm_grid_reload_button_one.icons-list a[data-action], .sm_pricing_grid_setting_button.icons-list a[data-action], .sm_payment_history_reload_button.icons-list a[data-action]{
		width: 40px;
    	height: 40px;
	}
	.sm_grid_reload_button.icons-list a[data-action="reload"]:after, .sm_grid_reload_button_one.icons-list a[data-action="reload"]:after, .sm_payment_history_reload_button.icons-list a[data-action="reload"]:after{
		margin-top: 10px;
	}
	.icons-list.sm_bulk_delete_button a[data-action="bulk_delete"]:after{
		width: 40px;
    	height: 40px;
	}
}

.ui-front { 
    z-index: 9999 !important;
}

/*#video_player{
    width: auto !important;
}*/
@media (min-width: 1025px) and (max-width: 1400px)  { 
	.sm_profile_main.tw .text-content-title {
		width: calc(100% - 60px);
	}
	.checkbox.sm_profile_main.tw{
		margin-bottom: 30px;
	}
	.checkbox.sm_profile_main.tw .sm_delete_account{
		margin-top: 5px;
	}
	.sm_social_ac_box .tw_x_premium_switch{
		display: block;
		float: left;
		line-height: 40px;
	}
}
@media (min-width: 1025px) and (max-width: 1235px)  { 
    /* chart statistics panel*/
    .metrix_box .box_leftside, .metrix_box .box_rightside {
        width: 100% !important;
    }
    
    .input-group-custom {
        width: 100%;
        float: left;
    }    
    
    .social_left span, .social_right span {
        width: 225px;
    }
    .sm_profile_main .text-content-title{
		width: 55%;
	}
}

@media (max-width: 560px) {
    .metrics_list_window {
        left: 0 !important;
    }    
    .col-lg-11.ml-20.pl-20{
        padding-left: 0 !important;
        /*margin-left: 0 !important;*/
    }    
    .page-header-content .heading-btn-group .btn{
        min-width: 120px;
        padding: 8px 16px;
    }
    .heading-btn-icon-img{
        display: none;
    }
    #group_builder .group_name_label .text-content-title{
    	width: 100%;
    	padding-right: 0 !important;
    }
    #group_builder .group_name_input{
    	width: 100%;
    }
	.sm_wm_action_button_section{
		display: inline-grid;
	}
	.sm_wtm_area_new button.sm_skip_btn{
		margin-bottom: 10px;
		margin-right: 0 !important;
	}
}
@media (min-width: 769px) and (max-width: 820px)  { 
    .metrics_list_window {
        left: 0 !important;
    }    
    .input-group-custom .input-group-custom-input {
        width: 100%;
        float: left;
    }
    
}
@media (min-width: 591px) and (max-width: 768px) {
    .grid-form-col{ float: left; width: 50%; }    
}
@media (max-width: 590px) {
    .grid-form-col{ width: 100%; }    
}
@media (min-width: 769px) {
    .responsive-col > div:not(.ignore-padding){
        padding-right: 40px;
    }
    .seperator{
             background:url(../images/sepator_top.png) no-repeat right; 
             line-height:30px; 
             margin-right: 15px;
             float:left;
    }
    .seperator a { padding-right: 30px !important;}   
    .grid-form-col{ float: left; /*width: 300px;*/ margin-right: 50px; }
}

.dataTables_scrollBody:not(.fixed-height-body),
.dataTables_scrollBody:not(.fixed-height-body){
    min-height: 570px;
}

.social_icon_large i{
    color: #ffffff;
    background-color: #7c89e5;
    border-radius: 100px;
    font-size: 15px;
    padding: 7px;    
}
.social_icon_large.icon_fb1{margin-right: 5px;}
.social_icon_large.icon_in1{margin-right: 3px;}
.social_icon_large.icon_pi1{margin-right: 3px;}
.social_icon_large.icon_twit1{margin-right: 3px;}
.social_icon_large.icon_insta1{margin-right: 3px;}
.social_icon_large.icon_gmb1{margin-right: 3px;}


.social_icon_grid i{
    color: #ffffff;
    background-color: #7c89e5;
    border-radius: 100px;
    font-size: 14px;
    padding: 6px;    
}
.social_icon_grid.bluesky img {
	margin-top: 2px;
	margin-bottom: 2px;
}
.social_icon_grid.header i,
.social_icon_small_metrics.social_small i {
    color: #ffffff;
    background-color: #7c89e5;
    border-radius: 100px;
    font-size: 11px;
    padding: 4px;    
}
.social_icon_small_metrics.social_small i.fa-google{padding-bottom: 3px;}
.social_icon_small_metrics i{ 
    color: #ffffff;
    background-color: #7c89e5;
    border-radius: 100px;
    font-size: 12px;
    padding: 5px;        
}

.nav-tabs .popover{min-width: 225px;}
#sm_import_sub_menu .nav.nav-tabs > li {min-width: 150px;}
.heading-elements .heading-btn-group > .btn.sm_add_sharebutton_btn{ padding: 13px 36px; inline-size: max-content; margin: 0 auto; transition: none; -webkit-transition: none; }
.asset_contents .asset-tab-block .nav-tabs > li > a {
	padding: 8px 25px;
}
.nav-tabs:where(:not(.sm-tabs-framed)) > li.active > a,
.nav-tabs:where(:not(.sm-tabs-framed)) > li.active > a:hover,
.nav-tabs:where(:not(.sm-tabs-framed)) > li.active > a:focus {
    color: var(--sm-wl-accent, #00B2F3);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}
/* Framed tabs (sm-frame.css) paint the selected tab in the card color. */
.nav-tabs:where(:not(.sm-tabs-framed)) > li.active > a,
.nav-tabs:where(:not(.sm-tabs-framed)) > li.active > a:hover,
.nav-tabs:where(:not(.sm-tabs-framed)) > li.active > a:focus {
    background-color: var(--sm-wl-hover, #F6F9FF) !important;
}
#sm_menu_aiwriter .aiwriter_menu_icon{
	fill:#00B2F3;
}
#sm_menu_aiwriter .aiwriter_menu_icon1{
	fill:#00B2F3
}
#sm_menu_aiwriter .aiwriter_menu_icon2{
	fill:#B1E5FC
}
#sm_menu_aiwriter .aiwriter_menu_icon3{
	fill:#B1E5FC
}
.nav-tabs.nav-tabs-bottom > li.active > a:after{
    background-color: transparent !important;
}
.sm_msg_editor_section #bold_icon + .popover, 
.sm_msg_editor_section #italic_icon + .popover,
.sm_msg_editor_section #image_icon + .popover,
.sm_msg_editor_section #youtube_icon + .popover,
.sm_msg_editor_section #emoji_icon + .popover,
.sm_msg_editor_section #sm_hashtag_icon + .popover,
.sm_msg_editor_section #sm_cta_icon + .popover,
.sm_profile_input_container .sm_acc_hover_over_main_popup,
.sm_material_popup .popover,#custom_link_display .popover, 
.sm_msg_editor_section #sm_ai_writer_icon + .popover,
.ai_writer_post_item .popover,
.sm_msg_editor_section #cta_icon + .popover,
.sm_add_account_btn-sec + .popover
{
	border-radius: 10px;
	border: 1px solid rgb(187, 213, 245);
    outline: none;
    background-color: #ffffff;
    box-shadow: 0px 20px 20px 0px rgb(32 34 65 / 10%);
	-webkit-box-shadow: 0px 20px 20px 0px rgb(32 34 65 / 10%);
	-moz-box-shadow: 0px 20px 20px 0px rgb(32 34 65 / 10%);
}
.sm_add_account_btn-sec + .popover{
	width: 140px;
}
.sm_add_account_btn-sec button .icon-plus3{
	font-size: 12px;
}
.ai_writer_post_item .popover {
    width: 120px;
}
#custom_link_display .popover{
	width: max-content;
}
.sm_msg_editor_section #bold_icon + .popover .popover-content, 
.sm_msg_editor_section #italic_icon + .popover .popover-content,
.sm_msg_editor_section #image_icon + .popover .popover-content,
.sm_msg_editor_section #youtube_icon + .popover .popover-content,
.sm_msg_editor_section #emoji_icon + .popover .popover-content,
.sm_msg_editor_section #sm_hashtag_icon + .popover .popover-content,
.sm_msg_editor_section #sm_cta_icon + .popover .popover-content,
.sm_material_popup .popover .popover-content,
.sm_msg_editor_section #sm_ai_writer_icon + .popover .popover-content,
.ai_writer_post_item .popover .popover-content,
.sm_msg_editor_section #cta_icon + .popover .popover-content {
	padding: 10px 12px;
}
.sm_msg_editor_section #sm_hashtag_icon + .popover, .sm_msg_editor_section #sm_cta_icon + .popover { width: 114px; }
.sm_msg_editor_section #bold_icon + .popover > .arrow, 
.sm_msg_editor_section #italic_icon + .popover > .arrow,
.sm_msg_editor_section #image_icon + .popover > .arrow,
.sm_msg_editor_section #youtube_icon + .popover > .arrow,
.sm_msg_editor_section #emoji_icon + .popover > .arrow,
.sm_msg_editor_section #sm_hashtag_icon + .popover > .arrow,
.sm_msg_editor_section #sm_cta_icon + .popover > .arrow,
.sm_material_popup .popover:not(.right, .left) > .arrow,
.sm_msg_editor_section #sm_ai_writer_icon + .popover > .arrow,
.ai_writer_post_item .popover > .arrow,
.sm_msg_editor_section #cta_icon + .popover > .arrow {
	border-top-color: rgb(187, 213, 245);
}

.sm_material_popup .popover.left > .arrow { border-left-color: rgb(187, 213, 245); }
.sm_material_popup .popover.right > .arrow { border-right-color: rgb(187, 213, 245); }

.sm_material_popup .popover.bottom > .arrow {
	top: -6px !important;
	border-bottom-color: #bbd5f5;
}

.sm_acc_hover_over_main_popup .arrow {
	left: 50%;
    margin-left: -6px;
    border-bottom-width: 0 !important;
    border-top-color: rgb(187, 213, 245) !important;
    bottom: -6px;
}
.sm_acc_hover_over_main_popup .arrow {
	border-width : 6px;
}
.sm_acc_hover_over_main_popup .arrow:after {
	content: " ";
    bottom: 1px;
    margin-left: -5px;
    border-bottom-width: 0 !important;
    border-top-color: #ffffff !important;
}
.sm_acc_hover_over_main_popup .arrow:after {
	border-width: 5px;
}
.sm_acc_hover_over_main_popup .arrow, .sm_acc_hover_over_main_popup .arrow:after {
	position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.socm-sec-tab > li > a { padding: 10px 45px; font-size: 13px !important; }
.page-header-content .nav-tabs.agency_dashboard_menu_tab li > a > span {
	height: 28px;
	margin-top: 0;
	background-position: center;
}
.page-header-content .panel.msg-type-section ul { margin: 0px !important;border: 0; }
.page-header-content .panel.msg-type-section { border: 0;margin: 0px;box-shadow: none; }
.nav-tabs.socm-sec-tab li > a > span,
.nav-tabs#display_filter li > a > span {
    background-size: 22px;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background-position: top;
}
.nav-tabs#display_filter li span.sm_free_images_icon {
	background-image: url(../images/svg/free_images.svg);
}
.nav-tabs#display_filter li a.sm_canava_image_tab {
	border-radius: 5px;
    text-align: center;
}
.nav-tabs#display_filter li.active span.sm_free_images_icon,
.nav-tabs#display_filter li:hover span.sm_free_images_icon {
	background-image: url(../images/svg/free_images_active.svg);
}
.page-header .page-header-content .page-title h2 span.sm_page_heading_custom_css svg {
	display: inline-block;
	vertical-align: middle;
}
.import_guide_title { font-size: 22px; }

.social_icon_small:not(.header) [class^="icon-"], .social_icon_small:not(.header) [class*=" icon-"] {
    /*font-size: 25px;*/
    margin-bottom: 5px;
}

.metrix_box .each_network_img, .crm_user_metrics_box .each_network_img {
    float: left;
}

.txt-small-form-control{
    height: 20px;
    padding: 0;
    width: 40px;
    text-align: center;
}

.form-control:focus::-moz-placeholder {
    color: transparent !important;
}

.form-control:focus::-ms-input-placeholder {
    color: transparent !important;
}
.form-control:focus::-webkit-input-placeholder {
    color: transparent !important;
}

.dataTables_filter input:focus::-moz-placeholder {
    color: transparent !important;
}
.dataTables_filter input:focus::-ms-input-placeholder {
    color: transparent !important;
}
.dataTables_filter input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

/*.social_icon_large [class^="icon-"],.social_icon_large [class*=" icon-"]{
    font-size: 32px;
}*/
@media (min-width: 481px) {
    #campaign_preview_section {
        width: 69% !important;
        margin-left:50px;
    }
    .sm_social_icon_popover .popover.right{ min-width: 276px; }
    .tiktok-post-email-check .popover.right {
		min-width: 275px;
	}
}
@media (min-width: 769px) and (max-width: 1320px) {
    #campaign_preview_section {
        width: 65% !important;
        margin-left:2%;
    }
    .appearance_cmp_logo_img_section_div .appearance_cmp_logo_img_section {
    	top: 20%;
    	left: 30%;
    	transform: initial;
    }
}
@media (max-width: 768px) {
    .footer {
        width: 100%;
        padding: 0 20px;
        text-align: center;
        position: relative !important;
    }
    
    .input-group-custom {
        width: 100%;
        float: left;
    }
    
    .vimgdiv{
        padding-left:0;
        width: auto;
    }

    .modal:not(.bootbox) .modal-dialog{ height: 100%; padding:10px; margin: 0; }
    .modal:not(.bootbox, #sm_del_subuser_model) .modal-content{ height: 100%; }
    .modal:not(.bootbox) .modal-body{ height: 80%; overflow-y: auto; }
    .modal:not(.bootbox) .modal-header, .modal:not(.bootbox) .modal-footer { height: 10%; }
    
	#sm_del_subuser_model .sm_outline_material_style .select2-container { width: 100% !important; }
	
    /*responsive video bpopup - 06oct2016 reskin */
    #display_customer_video_section {
        padding: 5px 1px 15px;
        /*min-width: 400px;*/
        width: 95% !important;
    }    
    .design_widget_tabs{ display: none !important; }
    #campaign_preview_section {
        width: 100% !important;
        margin-left:0px;
    }            
    .css_editor_section {
        float:none;
        margin: 0 auto 50px auto;
        width: 385px;
    }
    .sidebar-category.sm_open_right_category .sm-language-category-content{
        left: 2%;
        width: 96%;
    }
    .nav-screens{
        margin: 0 auto;
        width: 80%;
    } 
    ul.header_top_menu{ margin-right: 0px }
	.nav.navbar-nav.header_top_menu > li.drop_link{ padding-right: 0px; margin: 0; }
	.nav.navbar-nav.header_top_menu > li.dropdown.help{ padding: 0px; margin: 0; }
	.nav.navbar-nav.header_top_menu > li.sm_extra_notes{ margin: 0; text-align: center; padding: 10px; }
	ul.header_top_menu > li > a{ padding:13px 20px;}
	ul.header_top_menu > li.drop_link a{ padding-bottom:35px; }
	.navbar-nav.right_navbar{ padding-bottom: 11px; } 
	.right_navbar .icon-user-img{ display: none; }  
	.first_profile_block{
		padding: 13px 10px;
		text-align: right;
		width: 88%;

	}
	ul.header_top_menu > li.drop_link a{
		padding-bottom: 0px;
	}
	.dropdown.help{
		border-right: 0px;
		padding-right: 0px;
    	margin-right: 0px;
	}
	.nav.visible-xs-block { margin-top: 3px; }
	/* Phone top bar with Help and Notifications moved in (header.php, Craig 2026-10-12): one row, the four buttons one
	   size and centred, and the logo shrinking to fit the space left rather than pushing the buttons to a second row. */
	.navbar-header:has(> .sm-mobile-header-tools) { display: flex; align-items: center; }
	.navbar-header:has(> .sm-mobile-header-tools)::before, .navbar-header:has(> .sm-mobile-header-tools)::after { display: none; }
	.navbar-header:has(> .sm-mobile-header-tools) > .navbar-brand { flex: 1 1 auto; min-width: 0; float: none; }
	.navbar-header:has(> .sm-mobile-header-tools) > .navbar-brand > img { max-width: 100%; object-fit: contain; object-position: left center; }
	.navbar-header > .sm-mobile-header-tools { flex: none; float: none; display: flex; align-items: center; margin: 0 5px 0 0; }
	.navbar-header > .sm-mobile-header-tools > li { float: none; margin: 0 !important; padding: 0 !important; border: 0 !important; height: 42px; }
	.navbar-header > .sm-mobile-header-tools > li > .sm-header-icon-control { display: grid; place-items: center; width: 44px; height: 42px;
	    padding: 0 !important; margin: 0; position: relative; }
	.navbar-header > .sm-mobile-header-tools > li.dropdown.help { padding: 0 !important; margin: 0 !important; }
	.navbar-header > .sm-mobile-header-tools > li > .sm-header-icon-control .sm-header-icon-svg { width: 22px; height: 22px; }
	/* Bootstrap lays an open navbar menu into the flow on phones; the Help menu floats under its button instead. */
	.navbar-header > .sm-mobile-header-tools > li.help > .dropdown-menu { position: absolute; top: 100%; right: 0; left: auto; float: left;
	    margin-top: 0; min-width: 180px; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); }
	html:not(.sm-dark) .navbar-header > .sm-mobile-header-tools > li.help > .dropdown-menu > li > a { color: #333 !important; }
	.first_profile_block .time{
		float: unset;
		width: 100%;
		text-align: right;
	}
	.second_profile_block{
		float: unset;
		padding: 25px 10px 0px 0px;
	}
	.drop_link .second_profile_block ul.dropdown-menu{
		margin-top: 25px;
	}	
	.sm_logo_img_settings_section,
	.sm_logo_img_preview_section {
		width: 100%
	}
	.sm_logo_img_preview_section {
		left: 0;
	}
	.appearance_cmp_logo_img_section_div .appearance_cmp_logo_img_section{
		top: initial;
	    left: initial;
	    transform: initial;
	    margin-top: 80px;
	}
	.navbar-brand > img {
		max-width: 221px;
    	max-height: 35px;
	}
	.navbar-header a.navbar-brand {
		height: auto;
		padding: 7px 10px 7px 10px;
	}
	.sm_grid_reload_button:where(:not(.sm_pub_btn)), .sm_grid_reload_button_one, .sm_pricing_grid_setting_button, .sm_payment_history_reload_button{
		padding-top: 16px !important;
	}
	.sm_grid_reload_button.icons-list a[data-action], .sm_grid_reload_button_one.icons-list a[data-action], .sm_pricing_grid_setting_button.icons-list a[data-action], .sm_payment_history_reload_button.icons-list a[data-action]{
		width: 40px;
    	height: 40px;
	}
	.sm_grid_reload_button.icons-list a[data-action="reload"]:after, .sm_grid_reload_button_one.icons-list a[data-action="reload"]:after, .sm_payment_history_reload_button.icons-list a[data-action="reload"]:after{
		margin-top: 10px;
	}
	.sm_bulk_delete_button:where(:not(.sm_pub_btn)){
		padding-top: 18px !important;
	}
	.icons-list.sm_bulk_delete_button a[data-action="bulk_delete"]:after{
		width: 40px;
    	height: 40px;
	}
	body .sidebar-main .navigation > li > a, body .sidebar-main .navigation > li.active > a, body .sidebar-main .navigation > li.active > a:hover, body .sidebar-main .navigation > li > a:hover {
		height: 60px;
	}
	body .sidebar-main .navigation > li { min-height: 60px; }
	.first_profile_block .usermenu_name{
		width: 100%;
	}
	.sm_ai_writer_main_screen { padding: 45px;}
	.sm_ai_setting_content_wrapper {
		padding-left: 15px;
		padding-right: 15px;
		gap: 20px;
		margin-top: 0;
	}
	#sm_ai_writer_main_screen::before { content: none; }
	.sm_ai_writer_main_screen h4::after {
		content: '';
		height: 217px;
		width: 100%;
		background: url(images/ai_writer_chatbox.png) no-repeat;
		display: block;
		margin-top: 40px;
		right: 370px;
		top: 12px;
	}
	.ai_post_type_item_area{
		width: 100%;
	}
}
@media (max-width: 480px) {
	.first_profile_block{
		width: 81%;
	}
	.second_profile_block{
		padding: 25px 10px 0px 0px;
	}
	.sm_ai_writer_main_screen h2 { font-size: 50px; }
	.sm_ai_writer_main_screen h4 { font-size: 20px; }
}
@media (max-width: 380px) {
	.sm_ai_writer_main_screen {
		padding: 20px;
	}
}
@media (max-width: 300px) {
	.first_profile_block{
		width: 75%;
	}
}
@media (min-width: 769px) {
    .footer {
        left: 47%;
    }
    body .sidebar-main .sidebar-content .navigation > li:hover:not(.active) > a {
    	background-color: transparent;
    }
    .content-wrapper .content {
		padding-left: 0;
	}
}

/*
.footer { width : 77%; }

#social_media_page_wrapper .footer,
#tutorials_page_wrapper .footer { width:74%; }

#publish_socialtile_page_wrapper .footer,
#campaign_series_page_wrapper .footer,
#sharebutton_page_wrapper .footer,
#subuser_page_wrapper .footer,
#account_preferences_page_wrapper .footer,
#account_settings_page_wrapper .footer,
#account_integrations_page_wrapper .footer,
#import_socialmedia_page_wrapper .footer,
#user_preferences_page_wrapper .footer {
    width: 72%;
}

#display_group_page_wrapper .footer,
#payment_page_wrapper .footer,
#paymentsuccess_page_wrapper .footer { width: 69%; }

#support_page_wrapper .footer { width: 66%; }

#changeplan_page_wrapper .footer { width: 67%; }

@media (min-width: 1600px)  { 

    .footer { width : 81%; }
    
    #social_media_page_wrapper .footer,
    #tutorials_page_wrapper .footer { width:78%; } 
    
    #publish_socialtile_page_wrapper .footer,
    #campaign_series_page_wrapper .footer,
    #sharebutton_page_wrapper .footer,
    #subuser_page_wrapper .footer,
    #account_preferences_page_wrapper .footer,
    #account_settings_page_wrapper .footer,
    #account_integrations_page_wrapper .footer,
    #import_socialmedia_page_wrapper .footer,
    #user_preferences_page_wrapper .footer {
        width: 76%; 
    }
    
    #display_group_page_wrapper .footer,
    #payment_page_wrapper .footer,
    #paymentsuccess_page_wrapper .footer { width: 74%; }
    
    #support_page_wrapper .footer { width: 71%; }
    
    #changeplan_page_wrapper .footer { width: 72%; }
}

@media (min-width:1900px){ 
    
    .footer { width : 84%; }
    
    #social_media_page_wrapper .footer,
    #tutorials_page_wrapper .footer { width:82%; }
    
    #publish_socialtile_page_wrapper .footer,
    #campaign_series_page_wrapper .footer,
    #sharebutton_page_wrapper .footer,
    #subuser_page_wrapper .footer,
    #account_preferences_page_wrapper .footer,
    #account_settings_page_wrapper .footer,
    #account_integrations_page_wrapper .footer,
    #import_socialmedia_page_wrapper .footer,
    #user_preferences_page_wrapper .footer {
        width: 80%; 
    }
    
    #display_group_page_wrapper .footer,
    #payment_page_wrapper .footer,
    #paymentsuccess_page_wrapper .footer { width: 78%; }
    
    #support_page_wrapper .footer { width: 76%; }
    
    #changeplan_page_wrapper .footer { width: 77%; }
}

@media (max-width: 1399px)  { 
    #display_group_page_wrapper .footer #copyright_text,
    #payment_page_wrapper .footer #copyright_text,
    #paymentsuccess_page_wrapper .footer #copyright_text,
    #support_page_wrapper .footer #copyright_text,
    #changeplan_page_wrapper .footer #copyright_text {
        width: 88% !important;  
    }
}*/

.bootstrap-datetimepicker-widget.dropdown-menu{
    width: auto !important;
}

.bootstrap-datetimepicker-widget a[data-action] {
    color: inherit;
}
.bootstrap-datetimepicker-widget a[data-action]:hover,
.bootstrap-datetimepicker-widget a[data-action]:focus{
    color: inherit;
}
.datepicker-months table tr td span, .datepicker-years table tr td span { padding: 1px 12px !important; }

.timepicker-picker .table-condensed > thead > tr > th,
.timepicker-picker .table-condensed > tbody > tr > th,
.timepicker-picker .table-condensed > tfoot > tr > th,
.timepicker-picker .table-condensed > thead > tr > td,
.timepicker-picker .table-condensed > tbody > tr > td,
.timepicker-picker .table-condensed > tfoot > tr > td {
    padding: 8px !important;
}

@media (max-width: 413px){
    .datepicker-days .table-condensed td, .datepicker-days .table-condensed th { padding: 8px !important; }
    .dataTables_length.sm_outline_material_style .sm_table_heading_btn_container { margin-right: 10px !important; }
}
/* start nav sidebar  new style*/
.navigation li a:hover,
.navigation li a:focus {
  border-radius: 0 30px 30px 0;
}
.navigation > li{
  min-height: 85px;
  padding: 0px 2px;
  border-left: 3px solid transparent;
}
.navigation > li#sm_menu_publish:hover,
.navigation > li#sm_menu_publish.active {
	background-color: #f6e7ed;
}
.navigation > li#sm_menu_publish.active {
	border-left: 3px solid #f64c4d;
}
.navigation > li#sm_menu_inbox:hover,
.navigation > li#sm_menu_inbox.active {
	background-color: #FCF1F5;
}
.navigation > li#sm_menu_inbox.active {
	border-left: 3px solid #B95F82;
}
.navigation > li#sm_menu_calendar:hover,
.navigation > li#sm_menu_calendar.active {
	background-color: #d2e8ff;
}
.navigation > li#sm_menu_calendar.active {
	border-left: 3px solid #38a3ff;
}
.navigation > li#sm_menu_reports:hover,
.navigation > li#sm_menu_reports.active {
	background-color: #f5e7fa;
}
.navigation > li#sm_menu_assetlibrary:hover,
.navigation > li#sm_menu_assetlibrary.active {
	background-color: #f0e9fa;
}
.navigation > li#sm_menu_reports.active {
	border-left: 3px solid #eb68d4;
}
.navigation > li#sm_menu_assetlibrary.active {
	border-left: 3px solid #7e57c2;
}
.navigation > li#sm_menu_campaigns:hover,
.navigation > li#sm_menu_campaigns.active {
	background-color: #f7f2e9;
}
.navigation > li#sm_menu_campaigns.active {
	border-left: 3px solid #fdb124;
}
.navigation > li#sm_menu_share_button:hover,
.navigation > li#sm_menu_share_button.active {
	background-color: #e1f2f9;
}
.navigation > li#sm_menu_share_button.active {
	border-left: 3px solid #26b1c1;
}
.navigation > li#sm_menu_approve:hover,
.navigation > li#sm_menu_approve.active {
	background-color: #e3f3ef;
}
.navigation > li#sm_menu_approve.active {
	border-left: 3px solid #39ba62;
}
.navigation > li#sm_menu_social_crm:hover,
.navigation > li#sm_menu_social_crm.active {
	background-color: #f7edeb;
}
.navigation > li#sm_menu_social_crm.active {
	border-left: 3px solid #ff833f;
}
.navigation > li#sm_menu_aiwriter:hover,
.navigation > li#sm_menu_aiwriter.active {
	background-color: #ddf2fe;
}
.navigation > li#sm_menu_aiwriter.active {
	border-left: 3px solid #00B2F3;
}

.navigation > li#sm_menu_publish > a .left_nav_menu_icon {
	background-color: #ffd2d2;
}
.navigation > li#sm_menu_inbox > a .left_nav_menu_icon {
	background-color: #39334E;
}
.navigation > li#sm_menu_inbox > a .left_nav_menu_icon img {
	display: block;
	width: 24px;
	height: 24px;
	margin: auto;
}
.navigation > li#sm_menu_calendar > a .left_nav_menu_icon {
	background-color: #38a3ff;
}
.navigation > li#sm_menu_reports > a .left_nav_menu_icon {
	background-color: #ffc0f3;
}
.navigation > li#sm_menu_assetlibrary > a .left_nav_menu_icon {
	background-color: #e4dbf7;
}
.navigation > li#sm_menu_campaigns > a .left_nav_menu_icon {
	background-color: #ffeac4;
}
.navigation > li#sm_menu_approve > a .left_nav_menu_icon {
	background-color: #bffed5;
}
.navigation > li#sm_menu_share_button > a .left_nav_menu_icon {
	background-color: #b9f8ff;
}
.navigation > li#sm_menu_social_crm > a .left_nav_menu_icon {
	background-color: #ffdbc8;
}
.navigation > li#sm_menu_aiwriter > a .left_nav_menu_icon {
	background-color: #b1e5fc;
}
.navigation > li#sm_menu_aiwriter > a .left_nav_menu_icon svg{
	margin-left: 4px;
    margin-top: 2px;
}
body .sidebar-main .sidebar-content .navigation > li > a > span,
body .sidebar-main:not(.sidebar_hover) .sidebar-content .navigation > li > a > span {
	width: 100%;
	text-align: center;
	padding: 0;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-51%, 70%);
    display: block;
    opacity: 1;
}
body .sidebar-main .navigation > li .bg-warning-400 {
	border-color: #ffffff;
	font-size: 14px;
}

.sidebar-main .sidebar-content .navigation > li > a .left_nav_menu_icon > div{
	height: auto;
	width: auto;
	margin: auto;
}
.sidebar-main .sidebar-content .navigation > li#sm_menu_approve > a .left_nav_menu_icon img {
	margin-left: 10%;
    margin-bottom: 10%;
}

.navigation > li:first-child {
  padding-top: 8px;
}
.navigation > li:last-child {
  padding-bottom:8px;
}
body .sidebar.sidebar-main{
  position: relative;
  top: 0;
  bottom: 0;
  transition: width 0.15s ease;
  -webkit-transition: width 0.15s ease;
  border-right: 1px solid #E3ECF6;
}

body .page-content > .content-wrapper {
  padding-left: 45px;
}
.page-header#sm_import_sub_menu{ margin-top: 20px; margin-bottom: 50px; }
.page-header.page-header-default{
	margin-right: 20px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
}
.page-header-default.remove-margin-page-header {
	margin-bottom: 1px;
}
#sm_import_sub_menu.page-header-default .page-header-content.remove-padding-header-content {
	padding-top: 0;
}
.page-header .page-header-content {
	padding: 23px 25px 0px 0px;
}
.page-header .page-header-content .page-title h2 span.sm_page_heading_icon { margin-right: 12px; }
.page-header .page-header-content .page-title h2 span.sm_page_heading_icon i { font-size: 20px; }
.page-header .page-header-content .page-title h2 span:not(.sm_page_heading_icon) { font-weight: bold; font-size: 18px !important; }

.sm_custom_social_preview .textarea_icon, 
.sm_bulk_image_post_sec .textarea_icon,
.grid_editable .textarea_icon,
#modal_image_alt_text .textarea_icon {
	position: relative;
    float: right;
    bottom: 34px;
    font-size: 16px;
    color: rgba(135, 152, 173, 0.6);
    width: 28px;
    height: 34px;
    display: flex;
    right: 5px;
    border-radius: 20px;
}
.sm_custom_social_preview .textarea_icon#sm_ai_writer_icon
{
	width: 38px;
}
.sm_custom_social_preview .textarea_icon#first_cmt_icon{
	width: 40px;
}
#sm_first_cmt_text{
	resize:none;
}
.sm_custom_social_preview .textarea_icon#first_cmt_icon i{
	height: 22px;
    width: 22px;
    margin: auto;
    line-height: 25px;
    font-size: 22px;
}
.sm_hashtag_section.dropdown-menu.pull-right,
.sm_cta_section.dropdown-menu.pull-right
{
	padding: 0;
	right: -95px;
	min-width: 250px;
}
.sm_ai_writer_section.dropdown-menu.pull-right{
    padding: 0;
	right: -115px;
	min-width: 310px;
}
.editable .sm_hashtag_section.dropdown-menu.pull-right, .editable .sm_cta_section.dropdown-menu.pull-right{
	right: 0px;
}
.editableyt .sm_hashtag_section.dropdown-menu.pull-right, .editableyt .sm_cta_section.dropdown-menu.pull-right{
	right: 0px;
}
.grid_editable .sm_hashtag_section {
	top: 96%;
	left: 7px;
	width: 260px;
}
.grid_category_name_container {
	padding: 5px 10px;
	display: block;
	background-color: #f2f4f9;
    border-radius: 5px;
}
.grid_category_name_container:hover {
	background-color: #f2f4f9;
    border-radius: 5px;
    cursor: pointer;
}
#grid-message-manager .grid_editable_category_container {
	width: 300px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    border-radius: 3px;
    z-index: 9999;
    display: block;
    background-color: #ffffff;
    position: absolute;
    margin-top: 5px;
}
#grid-message-manager .grid_editable_category_container .grid_cat_dropdown {
	margin-top: 10px;
	list-style: none;
    padding: 0;
    max-height: 250px;
    overflow-y: auto;
    margin-bottom: 0;
}
#grid-message-manager .grid_editable_category_container ul > li {
	padding: 7px 15px;
    cursor: pointer;
}
#grid-message-manager .grid_editable_category_container ul > li:hover {
	background-color: #01a8e5;
    color: #fff;
}
.edit_grid_social_message textarea {
	overflow: hidden;
	overflow-wrap: break-word;
	resize: horizontal;
	height: 100px;
}
#grid-message-manager .sm_grid_detail_editable {padding: 0 8px; display: inline-block;}
.sm_add_hashtag, .sm_add_watermark, .sm_add_cta, .sm_cp_plan_add_group_option, .sm_add_post_preset, .sm_post_preset_save{
	margin: 0;
    cursor: pointer;
}
.sm_add_hashtag label, .sm_add_watermark label, .sm_add_cta label, .sm_post_preset_save label{
	padding: 7px 12px 0 12px;
	cursor: pointer;
	width: 100%;
}
.sm_add_post_preset label { 
	padding: 10px;
	border-top: 1px solid #E2E7F5;
	cursor: pointer;
	margin-bottom: 0;
	width: 100%;
}
.sm_add_hashtag span, .sm_add_cta span, .sm_add_watermark span, .sm_cp_plan_add_group_option span, .sm_add_post_preset span, .sm_post_preset_save span{
	padding-left: 10px;
}
.sm_hashtag_list, .sm_cta_list, .sm_ai_writer_post_type_list, .post_preset_open_ul{
	list-style: none;
    padding: 0;
    margin-bottom: 0;
    max-height: 250px;
    overflow-y: auto;
    cursor: pointer;
}
.post_preset_open_ul{
	max-height: 375px;
}
.sm_ai_writer_post_type_list li,.sm_hashtag_list li, .sm_cta_list li, .post_preset_open_ul li{
	padding: 7px 12px;
	position: relative;
}
.sm_ai_writer_post_type_list li:hover, .sm_hashtag_list li:hover, .sm_cta_list li:hover, .post_preset_open_ul li:hover{
	background-color: #f5f5f5;
}
.sm_ai_writer_post_type_list li > span:first-child, .sm_hashtag_list li > span:first-child, .sm_cta_list li > span:first-child, .post_preset_open_ul li > a{
	display: inline-block;
	width: 87%;
	color: #4f4f4f;
}
.sm_ai_writer_edit, .sm_hashtag_edit , .sm_cta_edit{
	 display: none;
}
.sm_ai_writer_edit i, .sm_hashtag_edit i , .sm_cta_edit i{
	color:#7b91a8;
}
.sm_ai_writer_post_type_list li:hover .sm_ai_writer_edit ,.sm_hashtag_list li:hover .sm_hashtag_edit, .sm_cta_list li:hover .sm_cta_edit{
	display: inline-block;
}
.sm_edit_category, .sm_edit_templete_group{
	display: none;
	z-index: 9999;
	background-image: url('../images/svg/edit_category.svg');
	background-repeat: no-repeat;
	background-size: 17px;
	height: 17px;
	width: 17px;
}
.select2-container.select2-container--open .sm-first-cmt-option-container .select2-results ul.select2-results__options li.select2-results__option{
	padding: 10px 32px 10px 22px;
	position: relative;
}
.sm_cmt_mark_default{
	display: none;
	z-index: 9999;
	height: 17px;
	width: 17px;
	position: absolute;
    right: 10px;
	top: 13px;
}
.sm_cmt_mark_default i{
	color:rgba(134, 151, 172, 0.57) !important;
}
.sm_cmt_mark_default.active i{
	color:#01a8e5 !important;
}
.sm_delete_post_preset{
	display: none;
	z-index: 9999;
	height: 20px;
	width: 20px;
	float:right;
}
.sm_star_post_preset{
	display: none;
	z-index: 9999;
	height: 20px;
	width: 20px;
	float:right;
	right: 25px !important;
}
.sm_social_acc_group_list.default_preset .sm_star_post_preset i{
	color: #01a8e5;
}
.sm_social_acc_group_list .sm_edit_templete_group{
	float:right;
	top: 8px;
}
#select2-group_form_list-results li:hover .sm_edit_category{
	display: inline-block;
}
#select2-first_cmt_list-results li:hover .sm_cmt_mark_default{
	display: inline-block;
}

.sm_msg_editor_section .textarea_icon > span { 
    height: 16px;
    width: 16px; 
}
.sm_msg_editor_section .textarea_icon#cta_icon{
	width: 40px;
	margin-left: 5px;
}
.sm_msg_editor_section .textarea_icon#cta_icon > .cta_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_cta_icon.svg) no-repeat;
	width: 100%;
    height: 100%;
	background-size: 100% 100%;
	margin: 2px auto 0 2px;
}
.sm_msg_editor_section .textarea_icon#bold_icon > .bold_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_bold_icon.svg) no-repeat;
}
.sm_msg_editor_section .textarea_icon#italic_icon > .italic_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_italic_icon.svg) no-repeat;
}
.sm_msg_editor_section .textarea_icon#emoji_icon > .emoji_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_emoji_icon.svg) no-repeat;
}
.sm_msg_editor_section .textarea_icon#sm_hashtag_icon > .hashtag_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_hashtag_icon.svg) no-repeat;
}
.sm_msg_editor_section .textarea_icon#sm_cta_icon > .cta_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_cta_icon.svg) no-repeat;
}
.sm_msg_editor_section .textarea_icon#cta_icon:hover > .cta_icon_img { 
	background: url(../images/svg/publisher_menu_icon/text_editor_cta_icon_active.svg) no-repeat;
	background-size: 100% 100%;
}
.sm_msg_editor_section .textarea_icon#bold_icon:hover > .bold_icon_img { 
	background: url(../images/svg/publisher_menu_icon/text_editor_bold_icon_active.svg) no-repeat;
}
.sm_msg_editor_section .textarea_icon#italic_icon:hover > .italic_icon_img { 
	background: url(../images/svg/publisher_menu_icon/text_editor_italic_icon_active.svg) no-repeat;
}
.sm_msg_editor_section .textarea_icon#emoji_icon:hover > .emoji_icon_img { 
	background: url(../images/svg/publisher_menu_icon/text_editor_emoji_icon_active.svg) no-repeat;
}
.sm_msg_editor_section .textarea_icon#sm_hashtag_icon:hover > .hashtag_icon_img { 
	background: url(../images/svg/publisher_menu_icon/text_editor_hashtag_icon_active.svg) no-repeat;
}
.sm_msg_editor_section .textarea_icon#sm_cta_icon:hover > .cta_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_cta_icon_active.svg) no-repeat;
}


.sm_msg_editor_section .social_message_ai_edit_icon {
	width: 30px;
    height: 17px;
    margin: auto;
} 
.edit_social_message .textarea_icon > span,
.edit_grid_social_message .textarea_icon > span,
#modal_image_alt_text .textarea_icon > span {
	height: 14px;
    width: 10px; 
}
.edit_social_message .textarea_icon#bold_icon > .bold_icon_img,
.edit_grid_social_message .textarea_icon#bold_icon > .bold_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_bold_icon.svg) no-repeat ;
	background-size: 10px;    
}
.edit_social_message .textarea_icon#italic_icon > .italic_icon_img,
.edit_grid_social_message .textarea_icon#italic_icon > .italic_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_italic_icon.svg) no-repeat ;
	background-size: 9px;    
}
.edit_social_message .textarea_icon#emoji_icon > .emoji_icon_img,
.edit_grid_social_message .textarea_icon#emoji_icon > .emoji_icon_img,
#modal_image_alt_text .textarea_icon#alt_text_emoji_icon > .emoji_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_emoji_icon.svg) no-repeat ;
	background-size: 14px;
    width: 14px;
}
.edit_social_message .textarea_icon.sm_hashtag_icon > .hashtag_icon_img,
.edit_grid_social_message .textarea_icon.sm_hashtag_icon > .hashtag_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_hashtag_icon.svg) no-repeat ;
	background-size: 14px;    
	width: 14px;
}

.edit_social_message .textarea_icon#bold_icon:hover > .bold_icon_img,
.edit_grid_social_message .textarea_icon#bold_icon:hover > .bold_icon_img { 
	background: url(../images/svg/publisher_menu_icon/text_editor_bold_icon_active.svg) no-repeat; 
	background-size: 10px;
}
.edit_social_message .textarea_icon#italic_icon:hover > .italic_icon_img,
.edit_grid_social_message .textarea_icon#italic_icon:hover > .italic_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_italic_icon_active.svg) no-repeat ;
	background-size: 9px;    
}
.edit_social_message .textarea_icon#emoji_icon:hover > .emoji_icon_img,
.edit_grid_social_message .textarea_icon#emoji_icon:hover > .emoji_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_emoji_icon_active.svg) no-repeat ;
	background-size: 14px;
    width: 14px;
}
.edit_social_message .textarea_icon.sm_hashtag_icon:hover > .hashtag_icon_img,
.edit_grid_social_message .textarea_icon.sm_hashtag_icon:hover > .hashtag_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_hashtag_icon_active.svg) no-repeat ;
	background-size: 14px;    
	width: 14px;
}
.edit_social_message .textarea_icon.sm_cta_icon > .cta_icon_img,
.edit_grid_social_message .textarea_icon.sm_cta_icon > .cta_icon_img {
	background: url(../images/svg/publisher_menu_icon/text_editor_cta_icon.svg) no-repeat ;
	background-size: 14px;    
	width: 14px;
}
.edit_social_message .textarea_icon.sm_cta_icon:hover > .cta_icon_img{
	background: url(../images/svg/publisher_menu_icon/text_editor_cta_icon_active.svg) no-repeat ;	
	background-size: 100% 100%;
	width: 30px;
	height: 18px;
	margin-top: 5px;
}


.edit_grid_social_message .grid_message_tw_network_count {
	bottom: 0;
    right: 10px;
    position: relative;
    float: right;
    font-size: 12px;
    color: #949494;
}

.fb_ln_message .sm_display_textarea_icon,
.gmb_message .sm_display_textarea_icon {
	display: flex;
}
.fb_ln_message .textarea_icon,
.gmb_message .textarea_icon,
.grid_editable .textarea_icon,
#modal_image_alt_text .textarea_icon {
	bottom: 5px;
	width: 22px;
    height: 26px;
    font-size: 14px;
    float: left;
    right: unset;
    left: 5px;
}
div.textarea_icon.sm_cta_icon{
	margin-left: 5px;
	width: 30px;
}
.edit_social_message .textarea_icon.sm_cta_icon > .cta_icon_img, .edit_grid_social_message .textarea_icon.sm_cta_icon > .cta_icon_img{
	background-size: 100% 100%;
	width: 30px;
	height: 18px;
	margin-top: 5px;
}
.grid_editable .textarea_icon {
	bottom: 3px;
}
.sm_custom_social_preview .textarea_icon:hover,
.sm_bulk_image_post_sec .textarea_icon:hover,
.grid_editable .textarea_icon:hover,
#modal_image_alt_text .textarea_icon:hover {
	color: #00b2f3;
	cursor: pointer;
}
.sm_custom_social_preview .textarea_icon#image_icon:hover, 
.sm_bulk_image_post_sec .textarea_icon#image_icon:hover {
	background-color: #00b2f3;
	color: #ffffff;
	cursor: pointer;
}
.sm_custom_social_preview .textarea_icon#image_icon > span,
.sm_bulk_image_post_sec .textarea_icon#image_icon > span {
	border-radius: 20px;
	padding: 5px;
}
.sm_custom_social_preview .textarea_icon#image_icon:hover > span:hover,
.sm_bulk_image_post_sec .textarea_icon#image_icon:hover > span:hover {
	background-color: #fff;
    color: #00b2f3;
}
.sm_custom_social_preview .textarea_icon > span,
.sm_bulk_image_post_sec .textarea_icon > span,
.grid_editable .textarea_icon > span,
#modal_image_alt_text .textarea_icon > span {
	margin: auto;
	line-height: 16px;
}

.navigation > li ul li a {
  padding: 12px 0 12px 51px;
  min-height: 48px;
  margin-right: 14px;
  border-radius: 0 30px 30px 0;
}
.navigation > li > ul li:first-child {
  padding-top: 7px;
}
.navigation > li > ul li:last-child {
  padding-bottom: 7px;
}
.navigation > li > ul li.active > a,
.navigation > li > ul li.active > a:hover,
.navigation > li > ul li.active > a:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  border-radius: 0 30px 30px 0;
}
/*end nav  sidebar menu new style*/
.navigation > li > a > span { /* change in less */
    font-size: 12px;
    padding-left: 20px;
    vertical-align: middle;
    line-height: 20px;
    -webkit-box-flex: 1;
	flex: 1 1 auto;
}
svg.left-menus-svg-icons,
svg.heading-btn-icon-img {
    float: left; 
}
body .sidebar-main svg.left-menus-svg-icons{
	float: unset;
}
/*temp change*/
svg.left-menus-svg-icons {
    height: 30px;
    width: 30px;
}
body .sidebar-main svg.left-menus-svg-icons{
	margin: auto;
}
.page-title > h2 > span{ font-size: 25px !important; }
.page-title { padding-bottom: 13px !important; }
	
body .sidebar-main .navigation > li > a > span{ 
	max-height: 48px;
	opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
.heading-elements .heading-btn-group > .btn:not(.sm_add_sharebutton_btn) { padding: 7px 28px !important; }
.page-header-content .heading-elements{ margin-top: -20px; }
/* if confirmed then change for active sub-menu collapsed*/
/*temp change end    */
#campaign_form-header{margin-bottom: 30px;}/* add css common if all pages space same. */
body .sidebar-main .navigation > li > a > svg {text-align: center; }


.dataTables_length .select2-container{
    text-align: center;
}
@media only screen and (max-width: 768px){
	body .page-content > .content-wrapper {
	  padding-left: 0px;
	}
	body .page-content > .content-wrapper.cl_content_wrapper {
		padding: 55px 0 0 0 !important;
	}
	.sm_warning_bar_container { width: 100%; margin-left: 0; }

	body .sidebar-main .navigation > li > a > span{
		display: none;
	}


	body .sidebar-main .sidebar-content .navigation > li > a > span, 
	body .sidebar-main:not(.sidebar_hover) .sidebar-content .navigation > li > a > span {
		text-align: left;
		top : unset;
		left : unset;
		transform: unset;
		margin-left: 20px;
		width: 60%;
		position: relative;
		margin-top: 5px;
	}
	.sidebar-content .navigation > li {
		min-height: 60px;
	}
	body .sidebar-main .navigation > li > a,
	body .sidebar-main .navigation > li.active > a,
	body .sidebar-main .navigation > li.active > a:hover,
	body .sidebar-main .navigation > li > a:hover {
		padding: 15px 20px;
		height: 60px;
	}
	.navigation span#total_unapproved_rewards_profiles, 
	.navigation span#total_unapproved_count,.navigation span#sm_inbox_unread_count,.navigation span#new_feature {
		top: 40%;
    	left: unset;
    	right: 0;
    	padding: 1px 6px 1px 6px;
	    line-height: 22px !important;
	    min-width: 25px;
	    text-align: center;
		height: 25px;
		font-size: 12px !important;
	}
	.page-header .page-header-content{
	    padding: 7px 25px 0px 25px;
	}
	.page-header-content .panel ul:where(:not(.sm-tabs-framed)) > li > a, .page-header-content .panel ul:where(:not(.sm-tabs-framed)) > li.active > a { 
		padding: 15px 20px 15px 15px !important; display: flex; align-items: center; margin: 0 5px 10px 5px !important; width: 100% !important;max-width: calc(25% - 10px); float: left;
	}
	body .sidebar-main .sidebar-content .navigation > li > a .left_nav_menu_icon {
		height: 40px;
		width: 40px;
		position: relative;
	    bottom: 16%;
	    top: unset;
	    left: unset;
	    transform: unset;
	    margin: unset;
	}
	.sidebar-main .sidebar-content .navigation > li > a .left_nav_menu_icon > div img {
		width: 100%;
	}
	.page-header.page-header-default{
		margin-right: 0px;
	}
	.sm_ai_writer_section.dropdown-menu.pull-right { 
		right: 0;
	}
	.navigation > li#sm_menu_aiwriter .bg-new-icon{
		left: 45px;
    	min-width: auto;
		right: unset;
    	top: 13%;
	}
}
@media (min-width:586px){ 

    .dataTables_filter > label{
        margin-right: 8px;
    }
    .dataTables_filter > .sm_outline_material_style .select2-selection{ margin-top: -1px; } 
    #grid-rss-manager_filter.dataTables_filter > .sm_outline_material_style .select2-selection{ margin-top: -2px; } 

}

.uploader .filename {
    max-width: 56%;
}

/*Temp for tabs at socialtile*/
#campaign_preview_target .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
#campaign_preview_target .btn-group > .btn{
  position: relative;
  float: left;
}
#campaign_preview_target .btn-group .btn + .btn,
#campaign_preview_target .btn-group .btn + .btn-group,
#campaign_preview_target .btn-group .btn-group + .btn,
#campaign_preview_target .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
#campaign_preview_target .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
#campaign_preview_target .btn-group > .btn:first-child {
  margin-left: 0;
}
#campaign_preview_target .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#campaign_preview_target .btn-group > .btn:last-child:not(:first-child),
#campaign_preview_target .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#campaign_preview_target .btn-group > .btn-group {
  float: left;
}
#campaign_preview_target .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
#campaign_preview_target .btn-group > .btn-group:first-child > .btn:last-child,
#campaign_preview_target .btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#campaign_preview_target .btn-group > .btn-group:last-child > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}


#campaign_preview_target .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
#campaign_preview_target .btn-primary {
 /* color: #fff;
  background-color: #6A78B5;
  border-color: #3B4795;*/
  background-color:#EDFAFF;
  border-color:#a5d3e4;
  color:#1E4C5D;
}
#campaign_preview_target .btn-primary:hover,
#campaign_preview_target .btn-primary:focus,
#campaign_preview_target .btn-primary:active,
#campaign_preview_target .btn-primary.active{
  color: #ffffff;
  /*background-color: #3B4795;
  border-color: #6A78B5;*/
  background-color:#30a5d0;
  border-color:#a5d3e4;
}

.btn .badge {
  position: relative;
  top: -1px;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
#campaign_preview_target .btn-primary .badge {
  /*color: #3B4795;
  background-color: #fff;*/
  color:#ffffff;
  background-color: #30a5d0;
}

#campaign_preview_target .btn-primary:hover > .badge,
#campaign_preview_target .btn-primary:focus > .badge,
#campaign_preview_target .btn-primary:active > .badge,
#campaign_preview_target .btn-primary.active > .badge{
	color: #30a5d0;
  	background-color:#ffffff;
}
/*
#campaign_preview_section{
    width:75%;
}*/

.schedule_later_optimal {
    width: 90%;
}
.breadcrumb-line {
    display: none !important;
}
.navigation li{
	padding:0px;
}
.navigation li a{
	padding: 0;
}
.btn.btn-primary:not(.btn-rounded, .sm-no-rounded),.btn.btn-secondary:not(.btn-rounded, .sm-no-rounded),.btn.btn-default:not(.dropdown-toggle, .sm-no-rounded) {
    border-radius: 5px !important;
    font-size: 16px;
    padding: 10px 20px;
    line-height: 16px;
}

.btn.sm-no-rounded {
	border-radius: 5px;
}
.wks_switch_account ul .search_workspace_user_content { padding: 8px 15px 8px 15px; margin-top: -8px; }
.wks_switch_account .search_workspace_user_content label { padding: 0; margin: 0; }
.wks_switch_account .search_workspace_user_content label:hover { background-color: transparent; }
.wks_switch_account .search_workspace_user_content label input { padding-right: 22px; padding-left: 8px; }
.search_workspace_user_content label:after {
	content: "\e98e";
    font-family: 'icomoon';
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 24px;
    margin-top: -6px;
    color: #00B2F3;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sm_hashtag_list .hashtag_group_search_section > span:first-child {
	width: 100%;
}
.sm_hashtag_list .hashtag_group_search_section {
	display: flex;
}
.sm_hashtag_list .hashtag_group_search_section:hover {
	background-color: transparent;
}
#sm_customize_languages .select2-search--dropdown{
	padding-left: 12px;
}
.ai_writer_post_type_search_section span:after,
.hashtag_group_search_section span:after,
.cta_group_search_section span:after,
#sm_customize_languages .select2-search--dropdown:after
{
	content: "\e98e";
    font-family: 'icomoon';
    font-size: 12px;
    display: inline-block;
    position: relative;
    top: -24px;
    left: 90%;
    color: #00B2F3;
    line-height: 1;
    margin-bottom: -8px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#sm_customize_languages .select2-search--dropdown:after{
	top: -17px;
    left: 97%;
}
.ai_writer_post_type_search_section, .hashtag_group_search_section, .cta_group_search_section {
	margin: 10px;
}
.ai_writer_post_type_search_section #ai_writer_post_type_search,
.hashtag_group_search_section #hashtag_group_search,
.hashtag_group_search_section #hashtag_group_search_bulk_images,
.cta_group_search_section #cta_group_search,
.cta_group_search_section #cta_group_search_bulk_images,
.search_workspace_user_content #search_workspace_user,
#sm_customize_languages .select2-search__field {
	padding-right: 32px;
	padding-left: 8px;
	border: 1px solid;
    border-radius: 5px;
    box-shadow: none;

}
.hashtag_group_search_section #hashtag_group_search:focus,
.hashtag_group_search_section #hashtag_group_search_bulk_images:focus,
.cta_group_search_section #cta_group_search:focus,
.cta_group_search_section #cta_group_search_bulk_images:focus,
.search_workspace_user_content #search_workspace_user {
	border-color: #00B2F3;
}

.add_account_open,.add_metrics_open { padding: 12px !important; }

.navigation li:not(.active) a > i{color: #98a1c0;}
.navbar-inverse .navbar-nav > li > a{font-size: 17px !important;}

.panel.panel-flat:not(.border-left-lg){ border-color: transparent !important; box-shadow: none; } /* change in less*/
body .sidebar-main .navigation > li > ul{top:64px !important;}
.form-body{ padding: 0 20px 20px !important } /* change in individual page */
.panel-body.publisher_form_body { padding: 20px 15px 0px 15px;}
.page-title > h4 { font-size: 25px; } /* change in less */

body .sidebar-main .navigation > li > a > i{ margin-top: 0 !important;font-size: 22px;}
.navigation-main li a [class^="icon-"], .navigation-main li a [class*=" icon-"]{ font-size: 23px; margin-top: 0; } 
.popover-content{ color: #000; }
.navigation > li ul li a {font-size: 15px;display: block;} /* change in individual page */

.select2-selection--multiple .select2-selection__choice > i, .select2-selection--multiple .select2-selection__choice > img {
    color: #fff;
    background-color: #7c89e5;
    border-radius: 50%;
    padding: 6px;
    font-size: 14px;    
}
.select2-selection--multiple .select2-selection__choice > i.fa-google{
	padding-bottom: 5px;
}
.select2-results__option img {
	margin-right: 12px;
}
.heading-btn-icon-img{ margin-right: 8px; }
@media (min-width: 1200px) {   
    .css_editor_section {
        width:23%;
    }
    .css_editor_section .sidebar-detached > .sidebar { width: 100%; }
    .sidebar-category.sm_open_right_category .sm-language-category-content{
        left: calc(23% + 80px);
        width: calc(77% - 80px);
    }
}
@media (min-width: 1400px) {     
    .preview_right_content{
            padding-left: 15px;
    }    
    .css_editor_section {
        width:21%;
    }
    .sidebar-category.sm_open_right_category .sm-language-category-content{
        left: calc(21% + 85px);
        width: calc(79% - 85px);
    }
    /*#campaign_preview_section{
        width:80%;
    }*/
    .tabs_wrapper{
        width: 61%;
    }
	.sm_ai_setting_content_wrapper{
		padding-left: 80px;
		justify-content: left;
	}
}

@media (min-width: 1600px) { 
   .input-group-custom {
        width: 40%;
        padding: 0 10px; 
    }    
    .css_editor_section {
        width:18%;
    }     
    .input-group-custom .input-group-custom-label {
        margin-right: 50px;
    }
    .sidebar-category.sm_open_right_category .sm-language-category-content{
        left: calc(18% + 90px);
        width: calc(82% - 90px);
    }
    .sm_logo_img_preview_section {
    	left: 5%;
    }
    .appearance_cmp_logo_img_section_div .appearance_cmp_logo_img_section {
    	left: 20%;
    	top: 30%
    }
}

@media (max-width: 1899px) {
    .btn.sm_add_to_queue_btn{ min-width: 110px; }
    .btn.sm_dropdown_publish_btn{ padding-left: 8px !important; padding-right: 8px !important; }
	.sm_ai_writer_content_box{ height: auto; }
}
@media (max-width: 1399px) {
    .tabs_wrapper{
        width: 100%;
    }
	.sm_social_ac_inner_box{
		padding: 20px 15px 10px 15px !important;
	}
}
@media (max-width: 1280px)  { 
    .upload_video_status_wrapper{ width: 60%; }
	.sm_thank_u_new_design .thank_you_message_container,
	.sm_thank_u_new_design .sm_wtm_area_new,
	.sm_client_intake_section{
		width: 90%;
	}
	.sm_thank_u_new_design .wtm_upload_field_area input{
		width: 98%;
	}
	.sm_drag_upload_logo_section{
		margin: 0 5px;
	}
	.sm_client_intake_section .sm_white_box{
		padding: 40px;
	}
	.sm_thank_you_new_container{
		width: 90%;
	}
	.sm_thank_you_without_video .sm_thank_you_effect_gif{
		left: 0;
	}
}
@media (max-width: 1024px)  { 
    .action_btn{
        margin:40px 0 0 0;
    }    
    
    .social_right{ width: 100%; }
    .social_left{ width: 100%; }

    .social_left span, .social_right span {
        width: 262px;
    }
    .actions_wrapper{
        margin:5px 0 20px 0;
    }
    .upload_video_status_wrapper{
        width: 70%;
    }

    #sm_microsite_container #sm_microsite_url_container {
    	width: 80%;
    	float: left;
    }
    #sm_microsite_container #sm_microsite_url_copy_container {
    	width: 20%;
    	float: left;
    	margin-top: 0;
    }    
	.sm_hashtag_section.dropdown-menu.pull-right,
	.sm_cta_section.dropdown-menu.pull-right,
	.sm_ai_writer_section.dropdown-menu.pull-right{
		right: 0px;

	}
	.sm_div_reorder{
		display: flex;
		flex-direction: column;
	}
	.sm_order_1{
		order: 1;
	}
	.sm_order_2{
		order: 2;
	}
	.sm_thank_you_without_video .sm_thank_you_effect_gif{
		left: -40px;
		top: 250px;
	}
	#frm_cta_grp .row .sm_cta_col_5{
		width: auto;
	}
	#grid-manage-workspace tbody tr:hover td .sm_action_icon{
		display: flex;
		height: 100%;
        align-items: center;
        top: 0;
	}
	#grid-manage-workspace tbody .wk_action_icons_container .wk_action_popup_width{
		width: 75%;
	}
	.sm_social_ac_inner_box{
		padding: 20px 20px 10px 20px !important;
	}
	#sm_remove_tw_link{
		margin-right: 0px;
		margin-bottom: 20px;
	}
}
@media (min-width: 769px) and (max-width: 980px)  { 
    .upload_video_status_wrapper{ width: 100%; }
    
}
@media (min-width: 769px) and (max-width: 1440px)  { 
    body .sidebar.sidebar-main { width: 74px; }  
    body .sidebar-main span#total_unapproved_count, body .sidebar-main span#sm_inbox_unread_count { font-size: 9px; line-height: 14px; top: 13%; left: 75% } 
    .sidebar-category .navigation > li:first-child { padding-top: 0; }
    body .sidebar-main .navigation > li > a, body .sidebar-main .navigation > li.active > a, body .sidebar-main .navigation > li.active > a:hover, body .sidebar-main .navigation > li > a:hover {
		height: 70px;
	}
	body .sidebar-main .navigation > li { min-height: 70px; }
	a.navbar-brand {
    	height: 60px;
    	padding: 13px 20px 13px 18px;
    }
    body .page-content > .content-wrapper { padding-left: 25px; }
	body .page-content > .content-wrapper.cl_content_wrapper {
		padding: 55px 25px 0 25px !important;
	}
    .sm_warning_bar_container { width: calc(100% + 25px); margin-left: -25px; }
	#sm_ai_writer_main_screen::before {right: 65px;  }	
	ul.header_top_menu{
		margin-top: 20px;
	}
}
@media (max-width: 480px) {
    .user_detail_left_side {
            width:100%;
    }
    .user_profile_image_display {
            width:75%;
    }
    .user_profile_image_display a#change_profile_image{
        float: right !important;
        width: 50%;
    }
    .user_profile_img{
        float: left;
    }
    .user_profile_details{
        margin-top: 15px;
        width: 100%;    
    }
    .user_detail_right_side{
        width: 100%;
    }
    .step-3-wrapper {
        margin-left: 10px;
    } 
    
    .input-group-custom .input-group-custom-input {
        float: left;
        width: 100%;
    }    
    
    fieldset.stepy-step { padding: 0; }
    
    .social_right{ width: 100%; }
    .social_left{ width: 100%; }
    
    .social_left span, .social_right span {
        width: 211px;
    }
    .action_btn .btn,
    .stepy-navigator .button-next,
    .stepy-navigator .button-back,
    .stepy-navigator .stepy-finish,
    .stepy-navigator .button-save    {
        /*width: 127px;
        padding: 12px 11px;
        font-size: 13px;*/        
        margin-bottom: 20px;
    }
    .schedule_later_optimal{
        width: 100%;
    }
    .sm_requeue_section.right_aligned,
    .sm_requeue_section#auto_rp_until_date_div .has-feedback { width: 100%; margin-right: 0px; }
    .sm_group_form_list_wrapper{ width: 90%;}
    /* select template modal responsive change 07oct2016 - reskin*/
    .socia_template_box{
        width: 95%;
        margin: 0 2% 30px;
    }
    .socia_choose_template_logo img{
        width: inherit;
    }
    .socia_template_button_div{
        margin-left: 0;
        width: 100%;
        padding: 7px 0px 4px;
    }
    .bar_chart_tooltip {
        max-width: 350px;
    }
    .video_bar_chart_tooltip{
        max-width: 300px;
    }
    .css_editor_section {
        width: 100%;
    }
    .sidebar-category.sm_open_right_category .sm-language-category-content{
        left: 0;
        width: 100%;
    }
    .grid-action-column {
        text-align: left !important;
    }
    .grid-action-column ul.icons-list{
        padding-top: 10px;
    }
    .upload_video_status_wrapper{ width: 100%; }
    .sm_group_title{ width: 100%; }
    .sm_group_form_list_wrapper{ margin-left: 0px; }
    .sm_custom_social_preview .sm_network_preview_box{
        width: 100%;
        margin-right: 0;
    }
    /* One column on phones: stack the network previews in normal flow and ignore the
       inline position Masonry writes. A layout left over from a wider screen (a rotation,
       or a resize while the preview was hidden) otherwise keeps left:48% on a 100%-wide
       box and the page scrolls sideways. */
    .sm_custom_social_preview #all_previewscreen{ height: auto !important; }
    .sm_custom_social_preview #all_previewscreen > .sm_network_preview_box{
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }
	body .page-content > .content-wrapper .page-header.page-header-default{ padding: 0 20px; }
	.page-header#sm_import_sub_menu {margin-top: 0;}
	.page-header .page-header-content { padding: 0; height: auto; clear: both; margin-left: 0; }
	.page-header-content .panel.msg-type-section ul:where(:not(.sm-tabs-framed)) { margin: 0 -5px !important; }
	.page-header-content .panel ul:where(:not(.sm-tabs-framed)) > li > a, .page-header-content .panel ul:where(:not(.sm-tabs-framed)) > li.active > a { 
		padding: 15px 20px 15px 15px !important; display: flex; align-items: center; margin: 0 5px 10px 5px !important; width: 100% !important;max-width: calc(50% - 10px); float: left;
	}  
	.sm_ai_writer_main_screen h4::after {
		height: 110px;
		background-size: contain;  
		width: 300px;
	}
	.sm_aw_content_title { font-size: 15px;}
	.sm_aw_content_details { font-size: 12px; }	
}
@media (max-width: 390px) {
    .social_left span, .social_right span {
        width: 197px;
    }    
    .bar_chart_tooltip {
        max-width: 250px;
    }    
	.sm_thank_you_without_video .sm_thank_you_effect_gif {
		left: -50px;
		top: 180px;
	}
}
@media (max-width: 384px) {
    .dataTables_filter input {
        width: 230px !important; 
        padding-right: 0 !important;
    }
    .post_schedule_type_area{
    	margin-left: 0;
    }
}
@media (max-width: 340px) {
    .social_left img, .social_right img {
        width: 50px; 
        height: 50px; 
        margin-left: 5px; 
    }
    .campaign_text_wrapper{ margin-left: 5px; }
	.sm_thank_you_without_video .sm_thank_you_effect_gif {
		left: -60px;
		top: 120px;
	}
}

@media all and (-ms-high-contrast:none) {
textarea.txtelastic{ overflow-y: hidden !important; }
 *::-ms-backdrop, textarea.txtelastic{ overflow-y: hidden !important; }
}
.navbar-right-menu-toggle{ display: none; }

/* css for social media page upload photo section start */
#attachment_media_container_photo #upload_photo .uploader .action {
    background-color: #ffffff;
    color: #01a8e5;
    padding: 5px 12px;
    margin-top: 5px;
}
#attachment_media_container_photo #upload_photo .uploader:hover .action {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.upload_photo_section_new,
.sm_photo_preview_container {
    width: 100%;
    float: left;
}
.upload_photo_section_new{
	max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden; 
    white-space: nowrap;
    margin-bottom: 15px;
    display: flex;
    padding: 5px 0;
}
.upload_photo_section_new_photo {
    float: left;
    margin-right: 2px;
    display: flex;
}
.upload_video_section_new_thumb {
    float: left;
    margin-right: 2px;
    display: flex;
}
.upload_photo_section_new_button {
    float: left;
    width: 30%;
}
.upload_photo_library_button {
    background-color: #ffffff !important;
    color: #01a8e5 !important;
    padding: 5px 18px !important;
}
.upload_photo_library_button:hover, .upload_photo_library_button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.upload_photo_section_new_photo .icon-plus3, .upload_photo_section_new_button .icon-plus3 {
    font-size: 13px;
}
.upload_video_section_new_thumb .icon-plus3, .upload_photo_section_new_button .icon-plus3 {
    font-size: 13px;
}
.upload_img_cancel_button {
    vertical-align: top !important;
    margin-left: -3px !important;
    margin-top: 0px !important;
    margin-right: 8px;
}
.upload_photos_main_div {
    float: left;
    margin-bottom: 10px;
}
.upload_video_main_div {
    float: left;    
}
.upload_img_new_rotate_button {
    cursor: pointer;
    margin-left: 8px;
    margin-top: 5px;
}
/* css for social media page upload photo section end */

/* css for approved employee post page photo slider start */
.sm_scroll_photo_main {
    position: relative;
}
.sm_scroll_photo_main_message {
    position: relative;
    width: 140px;
}
.sm_scroll_photo_button {
    position: absolute;
    display: block;
    box-sizing: border-box;
    border: none;
    outline: none;
    top: 0;
    bottom: 0;
    width: 20%;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align:center;
    /*opacity: 0;*/
    z-index: 2;
}
.prev.sm_scroll_photo_button{
    background: url("../images/arrow_left_new.png") no-repeat 0 40%;
    left:0;
}
.next.sm_scroll_photo_button{
    background: url("../images/arrow_right_new.png") no-repeat 0 40%;
    right: -4px;
}
.sm_scroll_next_right_button {
    right: -10px !important;
}
.sm_scroll_photo_button + .sm_scroll_photo_container a, .sm_scroll_photo_button + .next + .sm_scroll_photo_container a {
    opacity: 0.6;
}
/* css for approved employee post page photo slider end */
/* asset library social attachment section css start */
.social_attach_cancel_button {
    top: -25px !important;
    z-index: 1000;
    right: -18px;
}
#modal_select_image .social_attach_cancel_button {
	top: -56px !important;
    z-index: 1000;
    right: -60px;
	position: relative;
}
.asset_attach_counter_rotate {
    left: -31px;
    margin-top: 18px;
    color: #ffffff;
}
.asset_attach_clock_rotate {
    right: -10px;
    margin-top: 18px;
    color: #ffffff;
}
.social_plupload_counter_rotate {
    left: 11px;
    margin-top: 10px;
    color: #7b91a8;
}
.social_plupload_clock_rotate {
    right: -18px;
    margin-top: 10px;
    color: #7b91a8;
}
/* asset library social attachment section css end */
/* social media page edit attachment upload photo button section start */
.social_media_share_custom_img {
    margin-top:5px;
    margin-left:4px;
    text-align: center;
}
.social_media_share_custom_img .form-group .uploader .action {
    background-color: #ffffff;
    color: #01a8e5;
    padding: 5px 12px;
    margin-top: 5px;
}
.social_media_share_custom_img .form-group .uploader:hover .action {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.social_media_share_custom_img .uploader .filename {
    display:none;
}
.edit_attach_preview_image_section {
    clear: both;
}
.edit_attach_rotate_photo_class {
    float: left;
    clear: both;
    margin-left: -15px;
    width: 100%;
    margin-bottom: 10px;
}
.sm_tw_message_new {
    width: 100%;
}
.attach-image-content-title {
    color: #23262b;
    font-size: 15px;
    margin-top: 5px;
}
.attach-link-image-add-button {
    width: 100%;
    text-align: center;
    margin: 0px 0px 0px 2px;
}
#socialtile_preview_product_img {
    float:left;
    width: 100%;
    text-align: center;
}
#socialtile_preview_product_img img {
    margin-bottom: 10px;
}
#socialmedia_preview_product_img {
    float:left;
    width: 100%;
    text-align: center;
}
/* social media page edit attachment upload photo button section end */
/* For account preferences button start */
.add_custom_tracking_button.btn.btn-secondary, .add_custom_tracking_button.btn.btn-secondary:focus {
    background-color: #ffffff !important;
    color: #01a8e5 !important;
    padding: 10px 20px !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.add_custom_tracking_button.btn.btn-secondary:hover {
    
    background-color: #01a8e5 !important;
    color: #ffffff !important;
}
/* For account preferences button css end*/
/* For account preferences mail setting dropdown css start */
.sm_mail_setting_dropdown_div .select2-selection__rendered{
	pointer-events: none;
}
/* For account preferences mail setting dropdown css end */
.p-l-r-5 {
	padding: 0px 5px 0px 5px !important;
}
#account_preferences_page_wrapper .page-content .content-wrapper .content .row .col-md-12 .form-validate .panel-flat .panel-body .row .p-l-r-5 .form-group .btn-secondary {
	padding: 5px 8px 5px 8px !important;
}
.photo_social_networks_selected {
	display: inline-block;
	margin-top: 5px;
	width:105px;
}
.social_media_section_col .socia_asset_lib_box { width: 105px; margin:0 10px 0 0;  }
.social_media_section_col .socia_asset_lib_title_div { width: 105px; padding:20px 0px 21px;}
.social_media_section_col .socia_asset_lib_button_div { width: 105px; }
.social_media_section_col .socia_choose_asset_lib_logo { margin-top:-54px;}
.social_icon_photo_network i{
    color: #ffffff;
    background-color: #7c89e5;
    border-radius: 100px;
    font-size: 11px;
    padding: 4px;
}
.social_icon_photo_network.icon_fb2{margin-right: 2px;}
.social_icon_photo_network.icon_in2{margin-right: 2px;}
.social_icon_photo_network.icon_blsk2{margin-right: 2px;}
.social_icon_photo_network.icon_pi2{margin-right: 2px;}
.social_icon_photo_network.icon_gmb2{margin-right: 2px;}
.sm_acc_hover_over_main_popup {
	width: 190px;
	position: absolute;
	min-height: 50px;
	bottom: 0;
	left: -70px;
	display: none;
	background: #F2F4F9;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px; 
	padding: 4px;
	color: #7b91a8;
	border: 1px solid #7b91a8;
	cursor: default;
	z-index: 99;
}
.sm_acc_hover_over_main_popup.group{
	top: initial !important;
}
.sm_acc_hover_over_main_popup.group .select2-container{
	text-align: center;
}
.sm_acc_hover_over_main_popup.group.show{
	display: block;
}
.sm_profile_input_container:first-child .sm_acc_hover_over_main_popup {
	left: -40px;
}
.sm_profile_input_container:first-child .sm_acc_hover_over_main_popup .arrow{
	left: 33%;
}
.sm_acc_hover_over_main_popup .sm_acc_hover_over_acc_title {
	font-size: 12px;
	width: 100%;
	overflow: hidden;
	min-height: 20px;
	text-align: center;
}
.sm_acc_hover_over_main_popup .sm_acc_hover_over_acc_default_settings {
	width: 100%;
	text-align: center;
}
.sm_profile_input_wrapper .sm_acc_hover_over_main_popup { padding: 10px; }
.sm_profile_input_wrapper:hover .sm_acc_hover_over_main_popup { display: block; }
.sm_acc_hover_over_main_popup a.sm_acc_not_selected {
 	
 }
 .sm_acc_hover_over_main_popup a.sm_acc_default_selected {
 	color: #7b91a8;
 	cursor: default;
 	text-decoration: underline;
 }
 .sm_acc_hover_over_main_popup a.sm_acc_group_default_selected {
 	color: #7b91a8;
 	cursor: default;
 	text-decoration: underline;
 }
 .applylifetimecode_btn{
 	float: left;
 }
 .sumoling_code_response_error {
 	color:#ff0000;
 	font-size: 15px;
 	padding-left: 15px;
 	float: left;
 }

 #purchase_and_replacement_link{
 	color:#ff0000;
 	text-decoration: underline;
 }
 .sumoling_code_response_success {
 	color:green;
 	font-size: 15px;
 	padding-left: 15px;
 }
 .error-msg {
 	color:#ff0000;
 	line-height:26px;
 }
 .validation-error-label.error-msg{
 	color:#ff0000;
 	line-height:22px;
 }
 .sm_campaign_create_from_scratch {
 	font-size:16px;
 }
 .sm_campaign_create_from_scratch a, .sm_campaign_create_from_scratch a:hover, .sm_campaign_create_from_scratch a:focus {
 	color:#23262b;
 	text-decoration: underline;
 }
 .sm_campaign_template_filter_main a.sm_campaign_template_filter,
 .sm_campaign_template_filter_main a.sm_campaign_template_filter:focus
 {
    text-transform: uppercase;
    padding: 10px 20px;
    letter-spacing: 1px;
    margin: 6px 2px;
    transition: all 0.2s linear;
    display: inline-block;
    border: 1px solid;
    border-radius: 3px;
}
.sm_campaign_template_filter_main a.sm_campaign_template_filter_selected:focus,
.sm_campaign_template_filter_main a.sm_campaign_template_filter_selected {
    background: #00b2f3;
    color: #ffffff !important;
}
.sm_campaign_template_box_main {
	margin-bottom:50px;
}
.sm_campaign_template_box_container {
	margin: 0 10px;
	width: calc(100% - 20px);
}
.sm_campaign_template_box_inner {
	height: auto;
	background:none;
	border:0px solid #eeeeee;
	/*text-align: center;*/
}
.sm_campaign_template_box_inner img {
	max-width: 100%;
	border:1px solid #eeeeee;
	/*width: 100%;*/
}
.sm_campaign_template_div_section {
	background:#ffffff;
	padding: 20px 0px;
	text-align: center;
	box-shadow: 0 10px 50px  #D0D7E7;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	color: #23262b;
	font-size: 15px;
	
	padding-left: 0px !important;
	padding-right: 0px !important;
	max-width: 315px;
	height: 63px !important;
    overflow: hidden;
}
.sm_campaign_template_box_inner_overlay {
	width: calc(100% - 40px) !important;
    /*height: 264px;*/
    background: rgb(0, 0, 0, 0.0);
    top: 0;
    max-width: 315px;
    /*margin: auto;*/
    margin-top: -264px;
    /*position: relative;*/
    z-index: 99;
    /*padding: 20px 10px;*/

    opacity: 0;
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    /*display: table;*/
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    max-height: calc(100% - 63px);
    /*height: calc(100% - 63px) !important;*/
    height: calc(100% - 54px) !important;
    position: absolute;
    margin-top: 0px !important;
}
.sm_campaign_template_box_inner_overlay:hover {
	background: rgba(0, 0, 0, 0.4);
	transition:0.6s;
	-moz-transition:0.6s;
	-webkit-transition:0.6s;
	-o-transition:0.6s;
    -ms-transition:0.6s;
    opacity: 1;
    -moz-opacity:1;
    filter:alpha(opacity: 1);
}
.sm_campaign_template_box_inner_overlay_row {
	display: table-row;
}
.sm_campaign_template_box_inner_overlay_td {
	display: table-cell;
	vertical-align: middle;
}
.sm_ai_card_box_inner_overlay {
	width: 100%;    
    background: rgb(0, 0, 0, 0.0);
    top: 0;
	left: 0;
    z-index: 99;
    opacity: 0;
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    max-height: 280px;
    
    height: 100%;
    position: absolute;
    margin-top: 0px !important;
}
.sm_ai_card_box_inner_overlay:hover {
	background: rgba(0, 0, 0, 0.4);
	transition:0.6s;
	-moz-transition:0.6s;
	-webkit-transition:0.6s;
	-o-transition:0.6s;
    -ms-transition:0.6s;
    opacity: 1;
    -moz-opacity:1;
    filter:alpha(opacity: 1);
}
.sm_ai_card_box_inner_overlay_row {
	display: table-row;
}
.sm_ai_card_box_inner_overlay_td {
	display: table-cell;
	vertical-align: middle;
}
.sm_campaign_premium_template_wrapper {
    width: 115px;
    min-height: 20px;
    position: relative;
    text-align: center;
    float: right;
    border-top-left-radius: 10px;
}
.sm_aw_premium_template_wrapper {
    width: 115px;
    min-height: 20px;
    position: absolute;
	right: 0;
	bottom: 0;
    text-align: center;
    float: right;
    border-top-left-radius: 10px;
	border-bottom-right-radius: 7px;
}
.sm_template_lock {	background: #f93630; }
.sm_template_unlock { background: #5aaa34; }
.sm_campaign_premium_template_wrapper span, .sm_aw_premium_template_wrapper span {
	color: #ffffff;
    font-family: inherit;
    font-size: 12px;
    line-height: 21px;
}
.sm_campaign_premium_template_wrapper span i, .sm_aw_premium_template_wrapper span i {
	margin-right: 5px;
}
.sm_campaign_template_box_inner_overlay .sm_campaign_template_box_description {
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 15px;
	max-height: 50px;
    overflow: hidden;
    line-height: 18px;
}
.sm_campaign_template_box_inner_overlay .sm_campaign_template_box_preview_button, .sm_campaign_template_box_use_this_template_button {
	margin-bottom: 10px;
}
.sm_campaign_template_box_inner_overlay .btn-campaign-premium-template-style {
	white-space: normal;
}
.sm_campaign_template_box_inner_overlay .btn-campaign-template-style.btn.btn-secondary:not(.btn-rounded),
.sm_campaign_template_box_inner_overlay .btn-campaign-premium-template-style.btn.btn-secondary:not(.btn-rounded) {
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	width: 220px;
	max-width:100%;
	font-size: 12px;
}
.sm_ai_card_box_inner_overlay .sm_card_template_box_preview_button{
	margin-bottom: 10px;
}
.sm_ai_card_box_inner_overlay .btn-card-premium-template-style {
	white-space: normal;
}
.sm_ai_card_box_inner_overlay .btn-card-premium-template-style.btn.btn-secondary:not(.btn-rounded) {
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	width: 220px;
	max-width:100%;
	font-size: 12px;
}
.sm_campaign_template_box_instruction_link a, .sm_campaign_template_box_instruction_link a:hover, .sm_campaign_template_box_instruction_link a:focus{ color: #ffffff; }
.sm_clickheretoresolve, .sm_clickheretoresolve:hover, .sm_clickheretoresolve:focus {
	color:#FF0000;
	text-decoration:underline;
	font-size: 11px;
	cursor: pointer;
}
.sm_additional_fbgroup_info, .sm_additional_fbgroup_info:hover, .sm_additional_fbgroup_info:focus {
	text-decoration:underline;
	font-size: 11px;
	cursor: pointer;
	margin-top: 5px;
	display: inline-block;
}
.sm_ln_addcaption_link_wrapper{ float: left; width: 100%; }
.sm_ln_addcaption_link,
.sm_tutorial_link,.sm_tutorial_link:hover,.sm_tutorial_link:focus {
    color: #00b2f3; display: block; margin-top: 7px; cursor: pointer;
}
.sm_tutorial_link_new_campaign{
	position: absolute;
    bottom: -23px;
    left: 5px;
}
.sm_ln_addcaption_link{ text-align: left; }
#photo_customer_caption{
	border: 1px solid;
	padding-left: 5px;
}
.sm_radio_label_inputs .sm_radio_label{ float: left; padding-right: 8px; }
.sm_radio_label_inputs .form-control.small-control{ float: left; height: 29px;}

.yt_preview_link_title{
	float:left;
	font-size:14px;
	word-wrap:break-word;
	font-weight:bold;
	line-height:normal;
	width:98%;
}

.yt_preview_link_desc{
	float:left;
	font-size:13px;
	word-wrap:break-word;
	line-height:inherit;
	width:99%;
}

.yt_preview_image_video{
	float:left; 
	width:70px; 
	text-align:center;
        /*margin-right: 5px;*/
}

.yt_preview_right_content{
	float:left;
	padding-left:5px;
	width:69%;
}
.uploader.sm_insta_profile_image .filename,
.uploader.sm_fb_profile_image .filename{
	width: 125px;
	overflow: hidden;
}

#modal_userprofile_detail .each_network_bars {
	width: 80%;
}

#sm_reports_page_tab_nav li span[data-popup="popover"] {
	position: absolute;
    right: -5px;
    bottom: 35%;
}
.sm_network_preview_box .facebook-post-type-check .switch .slider:before,
.sm_network_preview_box .facebook_reel_status_section .switch .slider:before,
.sm_network_preview_box .facebook_stories_status_section .switch .slider:before,
.sm_network_preview_box .sm_ln_attach_media_switch .switch .slider:before,
.sm_network_preview_box .tw_attach_media_switch .switch .slider:before,
.sm_network_preview_box .vyarl_story_status_section .switch .slider:before,
.sm_network_preview_box .instagram_reel_status_section .switch .slider:before,
.sm_network_preview_box .instagram_story_status_section .switch .slider:before,
.sm_network_preview_box .gmb-post-type-check .switch .slider:before,
.sm_network_preview_box .tiktok-post-email-check .switch .slider:before,
.sm_network_preview_box .tiktok_attach_media_switch .switch .slider:before,
.sm_network_preview_box .yt_short_status_section .switch .slider:before,
.sm_network_preview_box .sm_thrd_attach_media_switch .switch .slider:before,
.sm_network_preview_box .sm_blsk_attach_media_switch .switch .slider:before,
.sm_network_preview_box .tiktok_disclose_media_switch .switch .slider:before,
.sm_network_preview_box .yt_made_for_kids_media_switch .switch .slider:before,
.sm_network_preview_box .yt_realistic_ai_media_switch .switch .slider:before,
.sm_network_preview_box .yt_notify_subscribers_media_switch .switch .slider:before {
	height: 12px;
    width: 12px;
    top: -2px;
}
.sm_network_preview_box .facebook-post-type-check .switch,
.sm_network_preview_box .facebook_reel_status_section .switch,
.sm_network_preview_box .facebook_stories_status_section .switch,
.sm_network_preview_box .sm_ln_attach_media_switch .switch,
.sm_network_preview_box .tw_attach_media_switch .switch,
.sm_network_preview_box .vyarl_story_status_section .switch,
.sm_network_preview_box .instagram_reel_status_section .switch,
.sm_network_preview_box .instagram_story_status_section .switch,
.sm_network_preview_box .gmb-post-type-check .switch,
.sm_network_preview_box .tiktok-post-email-check .switch,
.sm_network_preview_box .tiktok_attach_media_switch .switch,
.sm_network_preview_box .yt_short_status_section .switch,
.sm_network_preview_box .sm_thrd_attach_media_switch .switch,
.sm_network_preview_box .sm_blsk_attach_media_switch .switch,
.sm_network_preview_box .tiktok_disclose_media_switch .switch,
.sm_network_preview_box .yt_made_for_kids_media_switch .switch,
.sm_network_preview_box .yt_realistic_ai_media_switch .switch,
.sm_network_preview_box .yt_notify_subscribers_media_switch .switch {
	height: 9px;
}
.sm_network_preview_box .facebook-post-type-check .switch-right-title,
.sm_network_preview_box .facebook_reel_status_section .switch-right-title,
.sm_network_preview_box .facebook_stories_status_section .switch-right-title,
.sm_network_preview_box .sm_ln_attach_media_switch .switch-right-title,
.sm_network_preview_box .tw_attach_media_switch .switch-right-title,
.sm_network_preview_box .vyarl_story_status_section .switch-right-title,
.sm_network_preview_box .instagram_reel_status_section .switch-right-title,
.sm_network_preview_box .instagram_story_status_section .switch-right-title,
.sm_network_preview_box .gmb-post-type-check .switch-right-title,
.sm_network_preview_box .tiktok-post-email-check .switch-right-title,
.sm_network_preview_box .tiktok_attach_media_switch .switch-right-title,
.sm_network_preview_box .yt_short_status_section .switch-right-title,
.sm_network_preview_box .sm_thrd_attach_media_switch .switch-right-title,
.sm_network_preview_box .sm_blsk_attach_media_switch .switch-right-title {
	margin-bottom: 0;
    font-size: 12px;
}
.sm_network_preview_box .vyarl_story_status_section > .form-group, .sm_network_preview_box .instagram_reel_status_section > .form-group, .sm_network_preview_box .instagram_story_status_section > .form-group, .sm_network_preview_box .facebook_reel_status_section > .form-group, .sm_network_preview_box .facebook_stories_status_section > .form-group, .sm_network_preview_box .yt_short_status_section > .form-group {
	margin-bottom: 0;
}
#sm_instagram_reel_post-error, #sm_facebook_reel_post-error, #sm_facebook_stories_post-error,#sm_yt_short_status-error,#sm_yt_short_status_check-error{
	padding: 0 0 0 20px;
    float: right;
}
.sm_network_preview_box #sm_instagram_reel_post-error.validation-error-label:before, .sm_network_preview_box #sm_yt_short_status-error.validation-error-label:before, .sm_network_preview_box #sm_yt_short_status_check-error.validation-error-label:before{
	padding-left: 0;
	padding-top: 0;
}
#sm_yt_short_status_check-error{
	margin: 0;
}
.sm_update_attachment_link_previ svg {
	height: 16px;
	width: 16px;
}
#update_preview_btn .sm_update_attachment_link_previ svg path {
	fill: gray;
}
#update_preview_btn:hover .sm_update_attachment_link_previ svg path {
	fill: #2FAFE5;
}
#save_social_acc_group_name img {
	margin-top: 5px;
    height: 26px;
}
.social_media_section_col .sm_group_form_list_wrapper {
	width: calc(100% - 92px);
}
.sm_rss_group_form_list_wrapper { width: 100%; }

.navbar-inverse {
	z-index: 9;
}
/* An open top-nav menu (profile, workspace switcher, help) sits over every element in the app (Craig, 2026-10-12): the
   navbar's level (9) put its menus under floating panels such as the Calendar's category legend (fixed, 100). While a
   menu is open the navbar takes the highest level there is. */
.navbar-inverse:has(.open) { z-index: 2147483647; }
/* A dialog always comes first (Craig, 2026-10-22): a menu item can open one while its menu is still open (the
   Publisher's "You will lose your edits" prompt from the profile menu), and the navbar at the highest level covered it.
   While a Bootstrap or bootbox modal (body.modal-open) or a SweetAlert (body.stop-scrolling) is open, the navbar goes
   back to its own level, under the backdrop. */
body.modal-open .navbar-inverse:has(.open),
body.stop-scrolling .navbar-inverse:has(.open) { z-index: 9; }

#group .show_cat_edit_div{
	display: inline-block !important;
	margin-left: 5px;
    margin-top: 23px;
}

.navbar-nav li.sm_extra_notes {
    margin: 20px 60px 20px auto;
	z-index: 99999;
}

.navbar-nav li.wks_switch_account {
    border: 1px solid;
    border-radius: 5px;
    margin: 20px auto;
}
.navbar-inverse .navbar-nav > li.wks_switch_account .dropdown-toggle {
    padding-left: 20px;
    padding-right: 20px;
}

.navbar-nav li.dropdown.help {
    border-right-width: 1px;
    padding-top: 22px;
    padding-bottom: 20px;
    border-right-color: rgba(255, 255, 255, 0.12);
}

.navbar-nav li.dropdown.sm_account_li_option {
    margin: 10px auto;
}

.sm_custom_social_preview .upload_photo_section_new_photo .ca-container .upload_img_new_cancel {
    top: 5px;
    right: 5px;
    left: inherit;
    position: absolute;
    display: none;
    
}
.sm_custom_social_preview .upload_photo_section_new_photo .upload_img_new_cancel i.icon-cancel-circle2{
	box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 40%);
	-webkit-box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 40%);
	border-radius: 50%;
}
.sm_custom_social_preview .upload_photo_section_new_photo .ca-container:hover .upload_img_new_cancel {
    display: inline-block;
}
.sm_custom_social_preview .upload_video_section_new_thumb .upload_img_new_cancel i.icon-cancel-circle2{
	box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 40%);
	-webkit-box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 40%);
	border-radius: 50%;
}
.sm_custom_social_preview .upload_video_section_new_thumb .ca-container:hover .upload_img_new_cancel {
    display: inline-block;
}
.in_counter_over #in_msg_countdown, .thrd_counter_over #thrd_msg_countdown , .blsk_counter_over #blsk_msg_countdown {
	float:left;
}

.panel.sm_console_grid_container,
.panel.sm_grid_panel,
.tab-pane#grid-tab,
#grid-rss-manager_wrapper,
#sm_post_queue_move_tbl_wrapper,
.dataTables_wrapper.sm_grid_panel, #grid-pricing-plan-workspace_wrapper{
	border: 1px solid rgb(186, 186, 186, 0.7);
	border-radius: 8px;
}
.sm_plan_group_filter{
	float: left;
	width: 230px;
}
.sm_plan_group_filter .select2-container{
	text-align: left;
}

#sm_post_queue_move_tbl_wrapper .dataTable thead .sorting_desc:after{
	content: '';
}
.sm_move_post_publish_on_row{
	position: relative;
}
.sm_move_queue_posts_row:hover button.sm_move_queue_grid_post_btn{
	display: block;
}
button.sm_move_queue_grid_post_btn{
	position: absolute;
	top: -13px;
    padding: 2px 21px;
	z-index: 2;
	display: none;
}
button.sm_move_post_bottom_btn{
    top: unset;
	bottom: -14px;
}
.sm_sweepstakes_option_container {
	float: left;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-top: 25px;
}
.only_socialshare_status_container { margin-left: 10px; margin-top: 2px; }
.only_socialshare_status_container .only_socialshare_status_content { padding-bottom: 5px; display: block; }
.only_socialshare_status_container .only_socialshare_status_content input[type="checkbox"] { width: 20px; height: 20px; margin-top: 0; }
.only_socialshare_status_container .only_socialshare_status_content input[type="checkbox"]:focus { box-shadow: none; }
.only_socialshare_status_container .only_socialshare_status_content input[type="checkbox"]:hover { cursor: pointer; }

.sm_sweepstakes_option {
	height: 30px;
    width: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    float: left;
    margin: 5px 7px;
    border-radius: 50%;
    cursor: pointer;
}

.sm_sweepstakes_option.finalist {
	background-image: url(../images/finalist_icon.png);
	background-color: #bffed5;
}
.sm_sweepstakes_option.block_ip {
	background-image: url(../images/block_ip_icon.png);
	background-color: #ffd2d2;
}
.sm_sweepstakes_option.participant_list {
    background-image: url(../images/participant_list_icon.png);
	background-color: #ffc0f3;
	margin: 2px 7px;
}
@media (min-width: 1025px) and (max-width: 1180px) {
  
  	.sm_campaign_template_box_inner_overlay .sm_campaign_template_box_description{
  		margin-bottom: 2px;
  		max-height: 35px;
  	}
  	#smemoji-picker, #smemoji-picker-bulk-images {
		margin-top: 0;
	    margin-right: 0;
	}
}
@media (min-width: 1025px) and (max-width: 1240px) {
  
  	.sm_campaign_template_box_inner_overlay .btn-campaign-template-style.btn.btn-secondary:not(.btn-rounded),
  	.sm_campaign_template_box_inner_overlay .btn-campaign-premium-template-style.btn.btn-secondary:not(.btn-rounded) {
  		width: 155px;
  	}
	.sm_ai_card_box_inner_overlay .btn-card-premium-template-style.btn.btn-secondary:not(.btn-rounded) {
		width: 155px;
	}
}
@media (max-width: 1240px) {
	#grid-manage-workspace .wk_action_icon_inner{
		height: 30px;
        margin: 4px;
	}
	#grid-manage-workspace .wk_action_icon_inner img{
		max-width: 100%;
	}
	#grid-manage-workspace tbody .wk_action_icons_container .wk_action_popup_width{
		line-height: 50px;
	}
	.wk_charge_for_access_inner .charge_payment_status_container{
		background-position-y: 6px;
		background-size: 14px;
	}
	#grid-manage-workspace .wk_action_icon_inner.wk_charge_for_access_inner{
		width: 250px;
		margin-left: auto;
	}
	.wk_action_icon_inner.wk_charge_for_access_inner .sm_charge_access_description{
		font-size: 12px;
	}
	.wk_action_icon_inner.wk_charge_for_access_inner .switch{
		top: 12px;
	}
	#grid-manage-workspace tbody tr:hover td .sm_action_icon{
		display: list-item;
		top: 7px;
	}
	#grid-manage-workspace tbody .wk_action_icons_container .wk_action_popup_width{
		margin-right: 10px;
	}
	#grid-manage-workspace tbody .wk_action_icons_container .wk_action_icon_right_side{
		display: list-item;
	}
	.wk_action_icon_inner #total_unapproved_count, .wk_action_icon_inner #total_unapproved_rewards_profiles, .wk_action_icon_inner #total_expire_social_accounts{
		min-width: 14px;
		min-height: 14px;
		line-height: 8px !important;
		left: 27px;
	}
}
@media (max-width: 1080px) {
	.dataTables_wrapper table.table .open > .dropdown-menu{
		position: relative;
	}
}	
@media (min-width: 1025px){
	#modal_hashtag_editor .modal-lg, #modal_cta_editor .modal-lg{
		width: 1330px;
	}
	#modal_hashtag_editor .col-md-2 {
	    width: 20%;
	}
	#modal_post_notes_editor .col-md-3 {
	    width: 20%;
	}
	#modal_post_notes_editor .modal-lg, #modal_post_comment_editor .modal-lg, #modal_post_comment_view .modal-lg{
		width: 600px;
	}
	#modal_watermark_editor .col-md-3 {
	    width: 10%;
	}
	#modal_watermark_editor .modal-lg{
		width: 800px;
	}
	#modal_image_alt_text .modal-lg{
		width: 600px;
	}
	#modal_wk_custom_schedule .modal-lg{
		width: calc(100% - 100px);
	}
	#modal_select_image .modal-lg {
		width: 1140px;
	}
}
#referral-campaigns-tab i.fas,i.far,#engagement-campaigns-tab i.fas,i.far {
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #6d6f73;
  padding: 15px;
  width: 55px;
  height: 55px;
  text-align: center;
  font-size: 25px;
  margin-left: 8px;
  cursor: pointer;
  color :#5DBCD2;
  background-color: #ffffff;
}
.activecampaign_icon{
  color: #ffffff !important;
  background-color: #01a7e5 !important;
}

.camp_sm_your_mail_server .text-content-title {
            padding-bottom: 0px;
            line-height: 40px;
            margin: 0;
}

.sm_analyltics_int_popover .popover.right {
	min-width: 430px;
}
#series_sub_type_option_1{
	padding-top: 5px;
}
.sm_custom_challenge_que_ans_container {
	display:inline-block;
}

body .table > thead > tr > th {
    background-color: #F6F9FF;
    border-bottom: 0 !important;
} 
.dataTables_wrapper .table > thead > tr > th { padding: 20px; font-size: 16px; font-weight: bold; }
.dataTables_wrapper .table > tbody > tr > td { font-size: 13px; }
table.dataTable > tbody > tr:nth-of-type(odd) { background-color: #FFFFFF; }
.dataTables_wrapper:not(#grid-message-manager_wrapper) .table > tbody > tr:hover { background-color: #F6F9FF; }
#grid-optimal-report_wrapper.dataTables_wrapper .table > thead > tr > th { padding: 20px 0; }
/*
#grid-employee-posts_wrapper .dataTables_scrollBody,
#grid-customer-photos_wrapper .dataTables_scrollBody,
#grid-customer-videos_wrapper .dataTables_scrollBody,
#grid-customer-text-posts_wrapper .dataTables_scrollBody{ overflow: unset !important; }
*/
body .table > thead > tr > th, body .table > tbody > tr > th, body .table > tfoot > tr > th, body .table > thead > tr > td, body .table > tbody > tr > td, body .table > tfoot > tr > td {
	vertical-align: top;
	color: #4b4a4b;
}

.sm_url_copy_container {
	width: auto;
	height: 36px;
	line-height: 36px;
}

.sm_url_copy_container .copy-link-icon {
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
    margin-top: 3px;
    font-size: 22px;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-45%);
    transition: 1.5s;
}
.sm_url_copy_container .copy-link-icon-green {
	color: #02b321;
}
.sm_microsite_url_textarea_green {
	border-bottom-color: #02b321 !important;
    color: #02b321 !important;	
}
.sm_outline_material_style input.sm_microsite_url_textarea_green:focus {
	border-color: #02b321 !important;
    color: #02b321 !important;	
}
.sm_url_copy_container .copy-text {
	font-weight: bold;
    color: #02b321;
    margin-left: 5px;
    display: none;
}

.sm_microsite_url_option_container {
	margin-top: 15px;
	margin-bottom: 10px;
}
.sm_url_textarea_green{
	border-bottom-color: #02b321 !important;
    color: #02b321 !important;
    box-shadow: none !important;
}
.sm_post_notes_section textarea#sm_post_notes,
.sm_custom_social_preview .form-group textarea#social_message,
.sm_bulk_image_post_sec .form-group textarea#bulk_upload_social_message,
#frm_image_alt_text textarea#image_alt_text_textarea {
	border: none;
    outline: none;
    box-shadow: none;
    background-color: #f6f9ff;
    padding: 10px;
    border-radius: 5px;
    padding-bottom: 35px;
	resize: none;
}
.sm_custom_social_preview .form-group input#custom_link {
	color: #5F5F5F;
    font-size: 13px;
    border-bottom-color: transparent;
}
.sm_custom_social_preview .form-group input#custom_link:focus {
	color: #00B2F3;
}
.sm_custom_social_preview #custom_link_display input#custom_link:focus {
	box-shadow: none;
}
#custom_link_display #update_preview_btn {
	padding: 0 !important;
}
#custom_link_display .sm_attachment_link_preview_icon {
	display: table-cell;
    width: 50px;
    vertical-align: middle;
    background-image: url(../images/svg/attachment_link.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
#custom_link_display:focus-within .sm_attachment_link_preview_icon {
	background-image: url(../images/svg/attachment_link_active.svg);
}
.sm_custom_social_preview #all_previewscreen #fb_preview,
.sm_custom_social_preview #all_previewscreen #ln_preview,
.sm_custom_social_preview #all_previewscreen #tw_preview,
.sm_custom_social_preview #all_previewscreen #in_preview,
.sm_custom_social_preview #all_previewscreen #blsk_preview,
.sm_custom_social_preview #all_previewscreen #thrd_preview,
.sm_custom_social_preview #all_previewscreen #pi_preview,
.sm_custom_social_preview #all_previewscreen #gmb_preview,
.sm_custom_social_preview #all_previewscreen #tiktok_preview,
.sm_custom_social_preview #all_previewscreen #yt_preview {
	padding: 20px 10px 24px 10px;
}

.sm_network_preview_box .social_box_icon .fa.fa-facebook {
	height: 20px;
	width: 20px;
	font-size: 14px;
	padding: 7px 5px;
}
.sm_network_preview_box .social_box_icon .fa.fa-linkedin {
	background-color: #ffffff;
    border-radius: 2px;
    color: #2867b2;	
    padding: 4px 3px;
}
.sm_network_preview_box .social_box_icon .fa.fa-twitter, 
.sm_network_preview_box .social_box_icon .fa.fa-instagram{
	font-size: 18px;
}

.sm_network_preview_box .social_box_icon {
	height: 36px;
    width: 36px;
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    border-radius: 50%;
}

.facebook-post-type-check .switch-right-title,
.facebook_reel_status_section .switch-right-title,
.facebook_stories_status_section .switch-right-title,
.sm_ln_attach_media_switch .switch-right-title,
.tw_attach_media_switch .switch-right-title,
.vyarl_story_status_section .switch-right-title,
.instagram_reel_status_section .switch-right-title,
.instagram_story_status_section .switch-right-title,
.gmb-post-type-check .switch-right-title,
.tiktok_attach_media_switch .switch-right-title,
.yt_short_status_section .switch-right-title,
.sm_thrd_attach_media_switch .switch-right-title {
	color: #464646 !important;
}
.sm_custom_social_preview .textarea_icon#image_icon:hover,
.sm_bulk_image_post_sec .textarea_icon#image_icon:hover {
	border-radius: 25px 25px 0 0;
	z-index: 99;
}
.sm_custom_social_preview .textarea_icon#image_icon:hover .sm_attached_media_icon_content {
	border-radius: 0 0 25px 25px;
	z-index: 0;
	top: 30px;
	height: 62px;
	transition: all 0.2s cubic-bezier(0.06, 0.18, 0.71, 1.16);
	-webkit-transition: all 0.2s cubic-bezier(0.06, 0.18, 0.71, 1.16);
	-moz-transition: all 0.2s cubic-bezier(0.06, 0.18, 0.71, 1.16);
	-o-transition: all 0.2s cubic-bezier(0.06, 0.18, 0.71, 1.16);
	-ms-transition: all 0.2s cubic-bezier(0.06, 0.18, 0.71, 1.16);
}
.sm_attached_media_icon_content {
	position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    margin: auto;
    text-align: center;
    background-color: #00b2f3;
    height: 0;
    margin-top: 2px;
}
.sm_attached_media_icon_container {
	height: auto;
    width: 0px;
    left: auto;
    position: relative;
    top: 0;
    z-index: -1;
}
.sm_attached_media_icon_content .media_icon_content {
	height: 28px;
    width: 28px;
    background-color: #ffffff;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 2px;
}
.sm_attached_media_icon_container .media_icon_box {
	display: block;
	position: relative;
	left: auto;
	height: 25px;
    width: 25px;
    margin-bottom: 5px;
    border-radius: 25px;
    -o-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    background-color: #ffffff;
	top:4px;
  	
}
.sm_attached_media_icon_content .media_icon_content#sm_image_lib:hover {
	background: url(../images/svg/folder_icon_hover.svg) #ffffff center no-repeat;
}
.sm_attached_media_icon_content .media_icon_content#sm_image_upload:hover {
	background: url(../images/svg/upload_image_icon_hover.svg) #ffffff center no-repeat;
}
.sm_attached_media_icon_content .media_icon_content#sm_image_lib {
	cursor: pointer;
	background: url(../images/svg/folder_icon.svg) center no-repeat;
}
.sm_attached_media_icon_content .media_icon_content#sm_image_upload {
	cursor: pointer;
	background: url(../images/svg/upload_image_icon.svg) center no-repeat;
}

.sm_attached_media_icon_container .media_icon_box#sm_image_lib {
	cursor: pointer;
	background: url(../images/svg/publisher_menu_icon/select_asset_lib_img.svg) #D6ECFF center no-repeat;
	background-size: 15px;
}
.sm_attached_media_icon_container .media_icon_box#sm_image_upload {
	cursor: pointer;
	background: url(../images/svg/publisher_menu_icon/upload_publisher_img.svg) #FDDADB center no-repeat;
	background-size: 15px;
}
.sm_attached_media_icon_container .media_icon_box#sm_video_upload {
	cursor: pointer;
	background: url(../images/svg/publisher_menu_icon/upload_publisher_video.svg) #FDCBF5 center no-repeat;
	background-size: 15px;	
}
.sm_attached_media_icon_container .media_icon_box#sm_search_images_stock {
	cursor: pointer;
	background: url(../images/svg/publisher_menu_icon/search_img.svg) #FFEAC5 center no-repeat;
	background-size: 15px;	
}



#attach-photo-video .sm_attached_media_icon_container {
	top: -8px;
    width: 110px;
    left: 0;
    z-index: -1;
    position: absolute;
}
#attach-photo-video .sm_add_image_container:hover .sm_attached_media_icon_container {
	z-index: 0;
    left: 90px;
    width: 105px;
    transition: all 0.6s cubic-bezier(0.02, 0.87, 0.3, 1.20);
    -webkit-transition: all 0.6s cubic-bezier(0.02, 0.87, 0.3, 1.20);
    -ms-transition: all 0.6s cubic-bezier(0.02, 0.87, 0.3, 1.20);
    -o-transition: all 0.6s cubic-bezier(0.02, 0.87, 0.3, 1.20);
    -moz-transition: all 0.6s cubic-bezier(0.02, 0.87, 0.3, 1.20);
}
#attach-photo-video .sm_attached_media_icon_container .media_icon_box {
	float: right;
	margin-right: 8px;
	margin-bottom: 0;
}
.sm_custom_social_preview #attach-photo-video .sm_add_video > i,
.sm_custom_social_preview #attach-photo-video .sm_add_image > i {
	width: 19px;
	float: left; 
	margin: 2px 0;
}
#attach-a-link #link_status #custom_link_display .custom_link_label{
	width: 15px;
}

.media_icon_box .uploader {
	display: none;
}
.upload_photo_section_new_button:hover .sm_attached_media_icon_container {
	z-index: 0;
	left: 112px;
	width: 60px;
	transition: all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.50);
	-o-transition: all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.50);
  	-ms-transition: all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.50);
  	-moz-transition: all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.50);
  	-webkit-transition: all 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.50);
}

.upload_photo_section_new_button:hover .sm_attached_media_icon_container .media_icon_box {
	left: 29%;
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
  	-ms-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-webkit-transition: all 0.5s ease-out;
}
.sm_network_preview_box .validation-error-label {
	padding: 20px 25px 30px 50px;
	float: left;
}
.sm_network_preview_box .validation-error-label:before {
	padding-left: 26px;
    padding-top: 20px;
}
.sm_social_media_ac_box {
	background-color: #fff;
}
.sm_network_preview_box.sm_social_media_ac_box {
	border: 1px solid #D0D7E7;
}
.page-header-content .nav-tabs.nav-tabs-bottom > li > a:not(.sm_spinner):after {
    height: 4px;
}

table .social_icon_grid.facebook i.sm_facebook_icon,
#modal_set_rp_schedule .social_icon_large.facebook i.sm_facebook_icon,
#modal_userprofile_detail .social_icon_large.facebook i.sm_facebook_icon,
#modal_userprofile_detail .social_icon_small_metrics.facebook i.sm_facebook_icon,
#campaign_chart_view_section .social_icon_grid.facebook i.sm_facebook_icon,
#campaign_grid_view_section .social_icon_grid.facebook i.sm_facebook_icon,
.sharebutton_section_col .social_icon_large.facebook i.sm_facebook_icon,
.socialshare_section_col .social_icon_large.facebook i.sm_facebook_icon,
#modal_verification .social_icon_small_metrics.facebook i.sm_facebook_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.facebook i.sm_facebook_icon,
.sm_sub_user_permitted_accounts .social_icon_large.facebook i.sm_facebook_icon {
	background: url(../images/svg/facebook.svg) center no-repeat;
    height: 26px;
    width: 26px;
}
#campaign_chart_view_section .sm_export_pdf_container .social_icon_grid.facebook i.sm_facebook_icon {
	background: url(../images/report_icons/facebook.png) center no-repeat;
}
table .social_icon_grid.twitter i.sm_twitter_icon,
#modal_set_rp_schedule .social_icon_large.twitter i.sm_twitter_icon,
#modal_userprofile_detail .social_icon_large.twitter i.sm_twitter_icon,
#modal_userprofile_detail .social_icon_small_metrics.twitter i.sm_twitter_icon,
#campaign_chart_view_section .social_icon_grid.twitter i.sm_twitter_icon,
#campaign_grid_view_section .social_icon_grid.twitter i.sm_twitter_icon,
.sharebutton_section_col .social_icon_large.twitter i.sm_twitter_icon,
.socialshare_section_col .social_icon_large.twitter i.sm_twitter_icon,
#modal_verification .social_icon_small_metrics.twitter i.sm_twitter_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.twitter i.sm_twitter_icon,
.sm_sub_user_permitted_accounts .social_icon_large.twitter i.sm_twitter_icon {
	background: url(../images/svg/twitter-x.svg) center no-repeat;
    height: 26px;
    width: 26px;
}
table .social_icon_grid.twitter i.sm_twitter_icon.fab.fa-x-twitter,
#modal_verification .social_icon_small_metrics.twitter i.sm_twitter_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.twitter i.sm_twitter_icon.fab.fa-x-twitter {
	display: inline-block;
	vertical-align: middle;
    position: relative;
    top: -1px;
}
#campaign_chart_view_section .sm_export_pdf_container .social_icon_grid.twitter i.sm_twitter_icon {
	background: url(../images/report_icons/twitter-x.png) center no-repeat;
}
table .social_icon_grid.linkedin i.sm_linkedin_icon, 
#modal_set_rp_schedule .social_icon_large.linkedin i.sm_linkedin_icon,
#modal_userprofile_detail .social_icon_large.linkedin i.sm_linkedin_icon,
#modal_userprofile_detail .social_icon_small_metrics.linkedin i.sm_linkedin_icon,
#campaign_chart_view_section .social_icon_grid.linkedin i.sm_linkedin_icon,
#campaign_grid_view_section .social_icon_grid.linkedin i.sm_linkedin_icon,
.sharebutton_section_col .social_icon_large.linkedin i.sm_linkedin_icon,
.socialshare_section_col .social_icon_large.linkedin i.sm_linkedin_icon,
#modal_verification .social_icon_small_metrics.linkedin i.sm_linkedin_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.linkedin i.sm_linkedin_icon,
.sm_sub_user_permitted_accounts .social_icon_large.linkedin i.sm_linkedin_icon {
	background: url(../images/svg/linkedin.svg) center no-repeat;
    height: 26px;
    width: 26px;
}
#campaign_chart_view_section .sm_export_pdf_container .social_icon_grid.linkedin i.sm_linkedin_icon {
	background: url(../images/report_icons/linkedin.png) center no-repeat;
}
table .social_icon_grid.instagram i.sm_instagram_icon, 
#modal_set_rp_schedule .social_icon_large.instagram i.sm_instagram_icon,
#modal_userprofile_detail .social_icon_large.instagram i.sm_instagram_icon,
#modal_userprofile_detail .social_icon_small_metrics.instagram i.sm_instagram_icon,
#campaign_chart_view_section .social_icon_grid.instagram i.sm_instagram_icon,
#campaign_grid_view_section .social_icon_grid.instagram i.sm_instagram_icon,
.sharebutton_section_col .social_icon_large.instagram i.sm_instagram_icon,
.socialshare_section_col .social_icon_large.instagram i.sm_instagram_icon,
#modal_verification .social_icon_small_metrics.instagram i.sm_instagram_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.instagram i.sm_instagram_icon,
.sm_sub_user_permitted_accounts .social_icon_large.instagram i.sm_in_icon {
	background: url(../images/svg/instagram.svg) center no-repeat;
    height: 26px;
    width: 26px;
}
.sm_threads i.sm_thrd_icon {
	background: url(../images/svg/threads.svg) center no-repeat;
    height: 26px;
    width: 26px;
	background-size: 26px;
}
#campaign_chart_view_section .sm_export_pdf_container .social_icon_grid.instagram i.sm_instagram_icon {
	background: url(../images/report_icons/instagram.png) center no-repeat;
}
table .social_icon_grid.tiktok i.sm_tiktok_icon, 
#modal_set_rp_schedule .social_icon_large.tiktok i.sm_tiktok_icon,
#modal_userprofile_detail .social_icon_large.tiktok i.sm_tiktok_icon,
#modal_userprofile_detail .social_icon_small_metrics.tiktok i.sm_tiktok_icon,
#campaign_chart_view_section .social_icon_grid.tiktok i.sm_tiktok_icon,
#campaign_grid_view_section .social_icon_grid.tiktok i.sm_tiktok_icon,
.sharebutton_section_col .social_icon_large.tiktok i.sm_tiktok_icon,
.socialshare_section_col .social_icon_large.tiktok i.sm_tiktok_icon,
#modal_verification .social_icon_small_metrics.tiktok i.sm_tiktok_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.tiktok i.sm_tiktok_icon,
.sm_sub_user_permitted_accounts .social_icon_large.tiktok i.sm_tiktok_icon {
	background: url(../images/svg/tiktok.svg) center no-repeat;
    height: 26px;
    width: 26px;
}
#campaign_chart_view_section .sm_export_pdf_container .social_icon_grid.tiktok i.sm_tiktok_icon {
	background: url(../images/report_icons/tiktok.png) center no-repeat;
}
table .social_icon_grid.gmb i.sm_gmb_icon, 
#modal_set_rp_schedule .social_icon_large.gmb i.sm_gmb_icon,
#modal_userprofile_detail .social_icon_large.gmb i.sm_gmb_icon,
#modal_userprofile_detail .social_icon_small_metrics.gmb i.sm_gmb_icon,
#campaign_chart_view_section .social_icon_grid.gmb i.sm_gmb_icon,
#campaign_grid_view_section .social_icon_grid.gmb i.sm_gmb_icon,
.sharebutton_section_col .social_icon_large.gmb i.sm_gmb_icon,
.socialshare_section_col .social_icon_large.gmb i.sm_gmb_icon,
#modal_verification .social_icon_small_metrics.gmb i.sm_gmb_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.gmb i.sm_gmb_icon,
.sm_sub_user_permitted_accounts .social_icon_large.gmb i.sm_gmb_icon {
	background: url(../images/svg/google_my_business.svg) center no-repeat;
    height: 26px;
    width: 26px;
}
#campaign_chart_view_section .sm_export_pdf_container .social_icon_grid.gmb i.sm_gmb_icon {
	background: url(../images/report_icons/google_my_business.png) center no-repeat;
}
table .social_icon_grid.pinterest i.sm_pi_icon, 
#modal_set_rp_schedule .social_icon_large.pinterest i.sm_pi_icon,
#modal_userprofile_detail .social_icon_large.pinterest i.sm_pi_icon,
#modal_userprofile_detail .social_icon_small_metrics.pinterest i.sm_pi_icon,
#campaign_chart_view_section .social_icon_grid.pinterest i.sm_pi_icon,
#campaign_grid_view_section .social_icon_grid.pinterest i.sm_pi_icon,
.sharebutton_section_col .social_icon_large.pinterest i.sm_pi_icon,
.socialshare_section_col .social_icon_large.pinterest i.sm_pi_icon,
#modal_verification .social_icon_small_metrics.pinterest i.sm_pi_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.pinterest i.sm_pi_icon,
.sm_sub_user_permitted_accounts .social_icon_large.pinterest i.sm_pi_icon {
	background: url(../images/svg/pinterest.svg) center no-repeat;
    height: 26px;
    width: 26px;
}
#campaign_chart_view_section .sm_export_pdf_container .social_icon_grid.pinterest i.sm_pi_icon {
	background: url(../images/report_icons/pinterest.png) center no-repeat;
}
table .social_icon_grid.yt i.sm_yt_icon, 
#modal_set_rp_schedule .social_icon_large.yt i.sm_yt_icon,
#modal_userprofile_detail .social_icon_large.yt i.sm_yt_icon,
#modal_userprofile_detail .social_icon_small_metrics.yt i.sm_yt_icon,
#modal_userprofile_detail .social_icon_small_metrics.youtube i.sm_yt_icon,
#campaign_chart_view_section .social_icon_grid.yt i.sm_yt_icon,
#campaign_grid_view_section .social_icon_grid.yt i.sm_yt_icon,
.sharebutton_section_col .social_icon_large.yt i.sm_yt_icon,
.socialshare_section_col .social_icon_large.youtube i.sm_yt_icon,
#modal_verification .social_icon_small_metrics.youtube i.sm_yt_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.youtube i.sm_yt_icon,
.sm_sub_user_permitted_accounts .social_icon_large.youtube i.sm_yt_icon {
	background: url(../images/svg/youtube_icon.svg) center no-repeat;
    height: 26px;
    width: 26px;
}
#campaign_chart_view_section .sm_export_pdf_container .social_icon_grid.yt i.sm_yt_icon {
	background: url(../images/report_icons/youtube_icon.png) center no-repeat;
}
table .social_icon_grid.em i.sm_em_icon, 
#modal_set_rp_schedule .social_icon_large.em i.sm_em_icon,
#modal_userprofile_detail .social_icon_large.em i.sm_em_icon,
#modal_userprofile_detail .social_icon_small_metrics.em i.sm_em_icon,
#campaign_chart_view_section .social_icon_grid.em i.sm_em_icon,
#campaign_grid_view_section .social_icon_grid.em i.sm_em_icon,
.sharebutton_section_col .social_icon_large.em i.sm_em_icon,
.socialshare_section_col .social_icon_large.em i.sm_em_icon,
#modal_verification .social_icon_small_metrics.em i.sm_em_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.em i.sm_em_icon {
	background: url(../images/svg/mail.svg) center no-repeat;
    height: 26px;
    width: 26px;
}
#campaign_chart_view_section .sm_export_pdf_container .social_icon_grid.em i.sm_em_icon {
	background: url(../images/report_icons/mail.png) center no-repeat;
}
table .social_icon_grid.cta i.sm_cta_icon, 
#modal_set_rp_schedule .social_icon_large.cta i.sm_cta_icon,
#modal_userprofile_detail .social_icon_large.cta i.sm_cta_icon,
#modal_userprofile_detail .social_icon_small_metrics.cta i.sm_cta_icon,
#campaign_chart_view_section .social_icon_grid.cta i.sm_cta_icon,
#campaign_grid_view_section .social_icon_grid.cta i.sm_cta_icon,
.sharebutton_section_col .social_icon_large.cta i.sm_cta_icon,
.socialshare_section_col .social_icon_large.cta i.sm_cta_icon,
#modal_verification .social_icon_small_metrics.cta i.sm_cta_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.cta i.sm_cta_icon {
	background: url(../images/svg/button_click.svg) center no-repeat;
    height: 26px;
    width: 26px;
}
#campaign_chart_view_section .sm_export_pdf_container .social_icon_grid.cta i.sm_cta_icon {
	background: url(../images/report_icons/button_click.png) center no-repeat;
}
table .social_icon_grid.pr i.sm_pr_icon, 
#modal_set_rp_schedule .social_icon_large.pr i.sm_pr_icon,
#modal_userprofile_detail .social_icon_large.pr i.sm_pr_icon,
#modal_userprofile_detail .social_icon_small_metrics.pr i.sm_pr_icon,
#campaign_chart_view_section .social_icon_grid.pr i.sm_pr_icon,
#campaign_grid_view_section .social_icon_grid.pr i.sm_pr_icon,
.sharebutton_section_col .social_icon_large.pr i.sm_pr_icon,
.socialshare_section_col .social_icon_large.pr i.sm_pr_icon,
#modal_verification .social_icon_small_metrics.pr i.sm_pr_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.pr i.sm_pr_icon {
	background: url(../images/svg/person.svg) center no-repeat;
    height: 26px;
    width: 26px;
}
#campaign_chart_view_section .sm_export_pdf_container .social_icon_grid.pr i.sm_pr_icon {
	background: url(../images/report_icons/person.png) center no-repeat;
}
#campaign_chart_view_section .sm_export_pdf_container .each_network_img.gmb_metrix img{
	background-color: transparent;
}
#modal_set_rp_schedule .social_icon_large.gmb_logo img,
#modal_set_rp_schedule .social_icon_large.yt_logo img,
#modal_userprofile_detail .social_icon_small_metrics.gmb img,
#modal_userprofile_detail .social_icon_small_metrics.yt img {
	background-color: inherit;
}
table .social_icon_grid.gmb_logo img,
#modal_userprofile_detail .social_icon_small_metrics.gmb_logo img, table .social_icon_grid.yt_logo img,
#modal_userprofile_detail .social_icon_small_metrics.yt_logo img  {
	padding: 0;
}

table .social_icon_grid.facebook.social_icon_small_metrics i.sm_facebook_icon,
#campaign_chart_view_section .social_icon_grid.facebook.social_icon_small_metrics i.sm_facebook_icon,
#campaign_grid_view_section .social_icon_grid.facebook.social_icon_small_metrics i.sm_facebook_icon,
#modal_userprofile_detail .social_icon_small_metrics.facebook i.sm_facebook_icon,
#modal_verification .social_icon_small_metrics.facebook i.sm_facebook_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.facebook i.sm_facebook_icon,
table .social_icon_grid.twitter.social_icon_small_metrics i.sm_twitter_icon,
#campaign_chart_view_section .social_icon_grid.twitter.social_icon_small_metrics i.sm_twitter_icon,
#campaign_grid_view_section .social_icon_grid.twitter.social_icon_small_metrics i.sm_twitter_icon,
#modal_userprofile_detail .social_icon_small_metrics.twitter i.sm_twitter_icon,
#modal_verification .social_icon_small_metrics.twitter i.sm_twitter_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.twitter i.sm_twitter_icon,
table .social_icon_grid.linkedin.social_icon_small_metrics i.sm_linkedin_icon,
#campaign_chart_view_section .social_icon_grid.linkedin.social_icon_small_metrics i.sm_linkedin_icon,
#campaign_grid_view_section .social_icon_grid.linkedin.social_icon_small_metrics i.sm_linkedin_icon,
#modal_userprofile_detail .social_icon_small_metrics.linkedin i.sm_linkedin_icon,
#modal_verification .social_icon_small_metrics.linkedin i.sm_linkedin_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.linkedin i.sm_linkedin_icon,
table .social_icon_grid.instagram.social_icon_small_metrics i.sm_instagram_icon,
#campaign_chart_view_section .social_icon_grid.instagram.social_icon_small_metrics i.sm_instagram_icon,
#campaign_grid_view_section .social_icon_grid.instagram.social_icon_small_metrics i.sm_instagram_icon,
#modal_userprofile_detail .social_icon_small_metrics.instagram i.sm_instagram_icon,
#modal_verification .social_icon_small_metrics.instagram i.sm_instagram_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.instagram i.sm_instagram_icon,
table .social_icon_grid.tiktok.social_icon_small_metrics i.sm_tiktok_icon,
#campaign_chart_view_section .social_icon_grid.tiktok.social_icon_small_metrics i.sm_tiktok_icon,
#campaign_grid_view_section .social_icon_grid.tiktok.social_icon_small_metrics i.sm_tiktok_icon,
#modal_userprofile_detail .social_icon_small_metrics.tiktok i.sm_tiktok_icon,
#modal_verification .social_icon_small_metrics.tiktok i.sm_tiktok_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.tiktok i.sm_tiktok_icon,
table .social_icon_grid.gmb.social_icon_small_metrics i.sm_gmb_icon,
#campaign_chart_view_section .social_icon_grid.gmb.social_icon_small_metrics i.sm_gmb_icon,
#campaign_grid_view_section .social_icon_grid.gmb.social_icon_small_metrics i.sm_gmb_icon,
#modal_userprofile_detail .social_icon_small_metrics.gmb i.sm_gmb_icon,
#modal_verification .social_icon_small_metrics.gmb i.sm_gmb_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.gmb i.sm_gmb_icon,
table .social_icon_grid.pinterest.social_icon_small_metrics i.sm_pi_icon,
#campaign_chart_view_section .social_icon_grid.pinterest.social_icon_small_metrics i.sm_pi_icon,
#campaign_grid_view_section .social_icon_grid.pinterest.social_icon_small_metrics i.sm_pi_icon,
#modal_userprofile_detail .social_icon_small_metrics.pinterest i.sm_pi_icon,
#modal_verification .social_icon_small_metrics.pinterest i.sm_pi_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.pinterest i.sm_pi_icon,
table .social_icon_grid.yt.social_icon_small_metrics i.sm_yt_icon,
#campaign_chart_view_section .social_icon_grid.yt.social_icon_small_metrics i.sm_yt_icon,
#campaign_grid_view_section .social_icon_grid.yt.social_icon_small_metrics i.sm_yt_icon,
#modal_userprofile_detail .social_icon_small_metrics.yt i.sm_yt_icon,
#modal_userprofile_detail .social_icon_small_metrics.youtube i.sm_yt_icon,
#modal_verification .social_icon_small_metrics.youtube i.sm_yt_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.youtube i.sm_yt_icon,
table .social_icon_grid.em.social_icon_small_metrics i.sm_em_icon,
#campaign_chart_view_section .social_icon_grid.em.social_icon_small_metrics i.sm_em_icon,
#campaign_grid_view_section .social_icon_grid.em.social_icon_small_metrics i.sm_em_icon,
#modal_userprofile_detail .social_icon_small_metrics.em i.sm_em_icon,
#modal_verification .social_icon_small_metrics.em i.sm_em_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.em i.sm_em_icon,
table .social_icon_grid.cta.social_icon_small_metrics i.sm_cta_icon,
#campaign_chart_view_section .social_icon_grid.cta.social_icon_small_metrics i.sm_cta_icon,
#campaign_grid_view_section .social_icon_grid.cta.social_icon_small_metrics i.sm_cta_icon,
#modal_userprofile_detail .social_icon_small_metrics.cta i.sm_cta_icon,
#modal_verification .social_icon_small_metrics.cta i.sm_cta_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.cta i.sm_cta_icon,
table .social_icon_grid.pr.social_icon_small_metrics i.sm_pr_icon,
#campaign_chart_view_section .social_icon_grid.pr.social_icon_small_metrics i.sm_pr_icon,
#campaign_grid_view_section .social_icon_grid.pr.social_icon_small_metrics i.sm_pr_icon,
#modal_userprofile_detail .social_icon_small_metrics.pr i.sm_pr_icon,
#modal_verification .social_icon_small_metrics.pr i.sm_pr_icon,
#modal_sendto_youtube_video .social_icon_small_metrics.pr i.sm_pr_icon {
	height: 21px;
    width: 21px;
}

#campaign_chart_view_section .social_icon_grid.twitter.social_icon_small_metrics i.sm_twitter_icon.fab.fa-x-twitter {
	display: inline-block;
}


#modal_userprofile_detail .social_icon_large.facebook i.sm_facebook_icon,
.sharebutton_section_col .social_icon_large.facebook i.sm_facebook_icon,
.socialshare_section_col .social_icon_large.facebook i.sm_facebook_icon,
#modal_userprofile_detail .social_icon_large.twitter i.sm_twitter_icon,
.sharebutton_section_col .social_icon_large.twitter i.sm_twitter_icon,
.socialshare_section_col .social_icon_large.twitter i.sm_twitter_icon,
#modal_userprofile_detail .social_icon_large.linkedin i.sm_linkedin_icon,
.sharebutton_section_col .social_icon_large.linkedin i.sm_linkedin_icon,
.socialshare_section_col .social_icon_large.linkedin i.sm_linkedin_icon,
#modal_userprofile_detail .social_icon_large.instagram i.sm_instagram_icon,
.sharebutton_section_col .social_icon_large.instagram i.sm_instagram_icon,
.socialshare_section_col .social_icon_large.instagram i.sm_instagram_icon,
#modal_userprofile_detail .social_icon_large.tiktok i.sm_tiktok_icon,
.sharebutton_section_col .social_icon_large.tiktok i.sm_tiktok_icon,
.socialshare_section_col .social_icon_large.tiktok i.sm_tiktok_icon,
#modal_userprofile_detail .social_icon_large.pinterest i.sm_pi_icon,
.sharebutton_section_col .social_icon_large.pinterest i.sm_pi_icon,
.socialshare_section_col .social_icon_large.pinterest i.sm_pi_icon,
#modal_userprofile_detail .social_icon_large.yt i.sm_yt_icon,
.sharebutton_section_col .social_icon_large.yt i.sm_yt_icon,
.socialshare_section_col .social_icon_large.youtube i.sm_yt_icon,
#modal_userprofile_detail .social_icon_large.em i.sm_em_icon,
.sharebutton_section_col .social_icon_large.em i.sm_em_icon,
.socialshare_section_col .social_icon_large.em i.sm_em_icon,
#modal_userprofile_detail .social_icon_large.cta i.sm_cta_icon,
.sharebutton_section_col .social_icon_large.cta i.sm_cta_icon,
.socialshare_section_col .social_icon_large.cta i.sm_cta_icon,
#modal_userprofile_detail .social_icon_large.pr i.sm_pr_icon,
.sharebutton_section_col .social_icon_large.pr i.sm_pr_icon,
.socialshare_section_col .social_icon_large.pr i.sm_pr_icon,
.sm_sub_user_permitted_accounts .social_icon_large.facebook i.sm_facebook_icon,
.sm_sub_user_permitted_accounts .social_icon_large.linkedin i.sm_linkedin_icon,
.sm_sub_user_permitted_accounts .social_icon_large.twitter i.sm_twitter_icon,
.sm_sub_user_permitted_accounts .social_icon_large.pinterest i.sm_pi_icon,
.sm_sub_user_permitted_accounts .social_icon_large.instagram i.sm_in_icon,
.sm_sub_user_permitted_accounts .social_icon_large.tiktok i.sm_tiktok_icon,
.sm_sub_user_permitted_accounts .social_icon_large.gmb i.sm_gmb_icon,
.sm_sub_user_permitted_accounts .social_icon_large.youtube i.sm_yt_icon {
	height: 29px;
	width: 29px;
}

.sharebutton_section_col .social_icon_large.twitter i.sm_twitter_icon.fab.fa-x-twitter {
	display: inline-block;
}

table .social_icon_grid.facebook i.sm_facebook_icon:before,
#modal_set_rp_schedule .social_icon_large.facebook i.sm_facebook_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.facebook i.sm_facebook_icon:before,
#campaign_chart_view_section .social_icon_grid.facebook i.sm_facebook_icon:before,
#campaign_grid_view_section .social_icon_grid.facebook i.sm_facebook_icon:before,
.sharebutton_section_col .social_icon_large.facebook i.sm_facebook_icon:before,
.socialshare_section_col .social_icon_large.facebook i.sm_facebook_icon:before,
#modal_verification .social_icon_small_metrics.facebook i.sm_facebook_icon:before,
#modal_sendto_youtube_video .social_icon_small_metrics.facebook i.sm_facebook_icon:before,
table .social_icon_grid.twitter i.sm_twitter_icon:before, 
#modal_set_rp_schedule .social_icon_large.twitter i.sm_twitter_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.twitter i.sm_twitter_icon:before,
#campaign_chart_view_section .social_icon_grid.twitter i.sm_twitter_icon:before,
#campaign_grid_view_section .social_icon_grid.twitter i.sm_twitter_icon:before,
.sharebutton_section_col .social_icon_large.twitter i.sm_twitter_icon:before,
.socialshare_section_col .social_icon_large.twitter i.sm_twitter_icon:before,
#modal_verification .social_icon_small_metrics.twitter i.sm_twitter_icon:before,
#modal_sendto_youtube_video .social_icon_small_metrics.twitter i.sm_twitter_icon:before,
table .social_icon_grid.linkedin i.sm_linkedin_icon:before,
#modal_set_rp_schedule .social_icon_large.linkedin i.sm_linkedin_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.linkedin i.sm_linkedin_icon:before,
#campaign_chart_view_section .social_icon_grid.linkedin i.sm_linkedin_icon:before,
#campaign_grid_view_section .social_icon_grid.linkedin i.sm_linkedin_icon:before,
.sharebutton_section_col .social_icon_large.linkedin i.sm_linkedin_icon:before,
.socialshare_section_col .social_icon_large.linkedin i.sm_linkedin_icon:before,
#modal_verification .social_icon_small_metrics.linkedin i.sm_linkedin_icon:before,
#modal_sendto_youtube_video .social_icon_small_metrics.linkedin i.sm_linkedin_icon:before,
table .social_icon_grid.instagram i.sm_instagram_icon:before,
#modal_set_rp_schedule .social_icon_large.instagram i.sm_instagram_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.instagram i.sm_instagram_icon:before,
#campaign_chart_view_section .social_icon_grid.instagram i.sm_instagram_icon:before,
#campaign_grid_view_section .social_icon_grid.instagram i.sm_instagram_icon:before,
.sharebutton_section_col .social_icon_large.instagram i.sm_instagram_icon:before,
.socialshare_section_col .social_icon_large.instagram i.sm_instagram_icon:before,
#modal_verification .social_icon_small_metrics.instagram i.sm_instagram_icon:before,
#modal_sendto_youtube_video .social_icon_small_metrics.instagram i.sm_instagram_icon:before,
table .social_icon_grid.tiktok i.sm_tiktok_icon:before,
#modal_set_rp_schedule .social_icon_large.tiktok i.sm_tiktok_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.tiktok i.sm_tiktok_icon:before,
#campaign_chart_view_section .social_icon_grid.tiktok i.sm_tiktok_icon:before,
#campaign_grid_view_section .social_icon_grid.tiktok i.sm_tiktok_icon:before,
.sharebutton_section_col .social_icon_large.tiktok i.sm_tiktok_icon:before,
.socialshare_section_col .social_icon_large.tiktok i.sm_tiktok_icon:before,
#modal_verification .social_icon_small_metrics.tiktok i.sm_tiktok_icon:before,
#modal_sendto_youtube_video .social_icon_small_metrics.tiktok i.sm_tiktok_icon:before,
table .social_icon_grid.gmb i.sm_gmb_icon:before, 
#modal_set_rp_schedule .social_icon_large.gmb i.sm_gmb_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.gm i.sm_gm_icon:before,
#campaign_chart_view_section .social_icon_grid.gmb i.sm_gmb_icon:before,
#campaign_grid_view_section .social_icon_grid.gmb i.sm_gmb_icon:before,
.sharebutton_section_col .social_icon_large.gmb i.sm_gmb_icon:before,
.socialshare_section_col .social_icon_large.gmb i.sm_gmb_icon:before,
#modal_verification .social_icon_small_metrics.gmb i.sm_gmb_icon:before,
#modal_sendto_youtube_video .social_icon_small_metrics.gmb i.sm_gmb_icon:before,
table .social_icon_grid.yt i.sm_yt_icon:before, 
#modal_set_rp_schedule .social_icon_large.yt i.sm_yt_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.yt i.sm_yt_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.youtube i.sm_yt_icon:before,
#campaign_chart_view_section .social_icon_grid.yt i.sm_yt_icon:before,
#campaign_grid_view_section .social_icon_grid.yt i.sm_yt_icon:before,
.sharebutton_section_col .social_icon_large.yt i.sm_yt_icon:before,
.socialshare_section_col .social_icon_large.youtube i.sm_yt_icon:before,
#modal_verification .social_icon_small_metrics.youtube i.sm_yt_icon:before,
#modal_sendto_youtube_video .social_icon_small_metrics.youtube i.sm_yt_icon:before,
table .social_icon_grid.pinterest i.sm_pi_icon:before, 
#modal_set_rp_schedule .social_icon_large.pinterest i.sm_pi_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.pinterest i.sm_pi_icon:before,
#campaign_chart_view_section .social_icon_grid.pinterest i.sm_pi_icon:before,
#campaign_grid_view_section .social_icon_grid.pinterest i.sm_pi_icon:before,
.sharebutton_section_col .social_icon_large.pinterest i.sm_pi_icon:before,
.socialshare_section_col .social_icon_large.pinterest i.sm_pi_icon:before,
#modal_verification .social_icon_small_metrics.pinterest i.sm_pi_icon:before,
#modal_sendto_youtube_video .social_icon_small_metrics.pinterest i.sm_pi_icon:before,
table .social_icon_grid.em i.sm_em_icon:before, 
#modal_set_rp_schedule .social_icon_large.em i.sm_em_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.em i.sm_em_icon:before,
#campaign_chart_view_section .social_icon_grid.em i.sm_em_icon:before,
#campaign_grid_view_section .social_icon_grid.em i.sm_em_icon:before,
.sharebutton_section_col .social_icon_large.em i.sm_em_icon:before,
.socialshare_section_col .social_icon_large.em i.sm_em_icon:before,
#modal_verification .social_icon_small_metrics.em i.sm_em_icon:before,
#modal_sendto_youtube_video .social_icon_small_metrics.em i.sm_em_icon:before,
table .social_icon_grid.cta i.sm_cta_icon:before, 
#modal_set_rp_schedule .social_icon_large.cta i.sm_cta_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.cta i.sm_cta_icon:before,
#campaign_chart_view_section .social_icon_grid.cta i.sm_cta_icon:before,
#campaign_grid_view_section .social_icon_grid.cta i.sm_cta_icon:before,
.sharebutton_section_col .social_icon_large.cta i.sm_cta_icon:before,
.socialshare_section_col .social_icon_large.cta i.sm_cta_icon:before,
#modal_verification .social_icon_small_metrics.cta i.sm_cta_icon:before,
#modal_sendto_youtube_video .social_icon_small_metrics.cta i.sm_cta_icon:before,
table .social_icon_grid.pr i.sm_pr_icon:before, 
#modal_set_rp_schedule .social_icon_large.pr i.sm_pr_icon:before,
#modal_userprofile_detail .social_icon_small_metrics.pr i.sm_pr_icon:before,
#campaign_chart_view_section .social_icon_grid.pr i.sm_pr_icon:before,
#campaign_grid_view_section .social_icon_grid.pr i.sm_pr_icon:before,
.sharebutton_section_col .social_icon_large.pr i.sm_pr_icon:before,
.socialshare_section_col .social_icon_large.pr i.sm_pr_icon:before,
#modal_verification .social_icon_small_metrics.pr i.sm_pr_icon:before,
#modal_sendto_youtube_video .social_icon_small_metrics.pr i.sm_pr_icon:before,
.sm_sub_user_permitted_accounts .social_icon_large.facebook i.sm_facebook_icon:before,
.sm_sub_user_permitted_accounts .social_icon_large.linkedin i.sm_linkedin_icon:before,
.sm_sub_user_permitted_accounts .social_icon_large.twitter i.sm_twitter_icon:before,
.sm_sub_user_permitted_accounts .social_icon_large.pinterest i.sm_pi_icon:before,
.sm_sub_user_permitted_accounts .social_icon_large.instagram i.sm_in_icon:before,
.sm_sub_user_permitted_accounts .social_icon_large.tiktok i.sm_tiktok_icon:before,
.sm_sub_user_permitted_accounts .social_icon_large.gmb i.sm_gmb_icon:before,
.sm_sub_user_permitted_accounts .social_icon_large.youtube i.sm_yt_icon:before,
.sm_threads i.sm_thrd_icon:before {
	content: "";
}
.sm_page_title{
	font-size: 40px;
    font-weight: 700;
    color: #00B2F3;
	letter-spacing: -1px;
	line-height: 40px;
}
.sm_page_sub_title {
	color: #5F5F5F;
	font-size: 20px;
	line-height: 30px;
}
.sm_watermark_section .upload_img_new_button{
	cursor: pointer;
}
.sm_white_box{
	border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4.14px 37.80831px 0px rgba(185, 185, 185, 0.15);
    padding: 40px;
    margin-top: 50px;
}
.sm_label_sub_text{
	color: rgba(95, 95, 95, 0.70);
}
/* Enlarging the bot icon and adjusting position START */
div#openCloseWidget {
	position: fixed;
	z-index: 200000;
	right: calc(1rem + 93px); /* Increase the distance from the right by 30 pixels */
	bottom: calc(1rem + 15px); /* Increase the distance from the bottom by 30 pixels */
	border-radius: 55px; /* Double the current border-radius */
	cursor: pointer;
	transition: all ease-in 300ms;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .3rem; /* Double the current padding */
}
#openCloseWidget img {
	width: 55px; /* Double the current width of the icon */
	height: 55px; /* Double the current height of the icon */
}
iframe#chatWidget {
	position: fixed;
	right: 1rem;
	bottom: 10.5rem;
	-webkit-box-shadow: 5px 0px 22px -5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 5px 0px 22px -5px rgba(0, 0, 0, 0.75);
	box-shadow: 5px 0px 22px -5px rgba(0, 0, 0, 0.75);
	border-radius: 0.8rem;
	z-index: 200000;
}
/* Enlarging the bot icon and adjusting position END */
@media (min-width: 769px) {
	.sm_microsite_url_option_container .form-inline .form-group > label {
		margin-right: 0;
	}
	.sm_microsite_url_option_container .form-inline .form-group + .form-group {
		margin-left: 50px;
	}
	.navbar .navbar-header {
        min-height: 60px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar {
    	padding-left: 0;
    }
}
@media (max-width: 1365px) {
	.social_media_section_col .socia_asset_lib_box { margin:0 20px 20px 0;  }
	.sm_sweepstakes_option_container{
    	padding-top: 19px;
    }
}

/* FIVE ACROSS. Bootstrap's grid is twelfths, so five equal columns is the one
   split it cannot express - col-md-2 gives 16.67% and leaves a ragged 17% of
   the row empty. The Edit Pricing Plan screen needs its five Max fields on one
   row (Craig, 2026-09-06), so this is a .col-md-* in every respect except the
   width: same gutters, same float, same full-width stacking below the md
   breakpoint, which is why the media query matches Bootstrap's own 992px
   rather than inventing a second one. */
.sm_col_fifth {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}
@media (min-width: 992px) {
	.sm_col_fifth {
		float: left;
		width: 20%;
	}
}
/* =================================================================================================
   All-pages redesign (2026-10-10 to 2026-10-12), by component. Dark-only colours live in sm-dark.css.
   ================================================================================================= */

/* ---- Lists: the Publisher's Queue, Sent, Drafts and RSS (#grid-tab) and every grid js/sm_list_style.js sets up (.sm-list) ---- */
/* The comment icon at the top right of the message box, where it sat before the line clamp made the
   message a block (Craig, 2026-10-10). The text keeps clear of it. Grid and list view, every folder. */
.sm-frame #grid-tab .grid_message:has(> .comment-logo-img, > .notes-logo-img) { display: block; position: relative; }
.sm-frame #grid-tab .grid_message > :is(.comment-logo-img, .notes-logo-img) { top: 6px; right: 6px; margin-left: 0; }
.sm-frame #grid-tab .grid_message:has(> .comment-logo-img, > .notes-logo-img) > span[id^="sp_message_"] { padding-right: 30px; }
/* Media-style lists on every grid (Craig, 2026-10-11): js/sm_list_style.js puts .sm-list on a grid's pane, which
   the :is() lists above include, so a grid takes the Publisher lists' look with ID-level specificity. These are the
   two list-specific rules the Publisher keeps by id, made general: a page's Add button at the right of the pill
   row, and the page's old "N selected" links hidden while the floating bulk bar is there. */
.sm-list .sm_pub_pills { position: relative; align-self: stretch; }
.sm-list .sm_pub_addbtn { display: block; float: none; height: auto; margin: 0 !important; }
@media (min-width: 769px) { .sm-list .sm_pub_addbtn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } }
.sm-list.sm_list_has_bar .sm_bulk_delete_label { display: none !important; }
/* Grids set up with SMListStyle.responsive(): details always open beneath the row, so the theme toggle goes. */
.sm-list table.dataTable.sm-list-immediate.collapsed > tbody > tr > td:first-child::before { display: none !important; }
/* A page filter row whose selects now live in a list header as pills (js/sm_list_style.js, list.hide). */
.sm_list_replaced { display: none !important; }
/* Add buttons that would cover the centred pills flow in the row after them (js/sm_list_style.js fitAdd). */
.sm-list .sm_pub_pills.sm_list_addflow .sm_pub_addbtn { position: static !important; transform: none !important; margin-left: 12px !important; }
/* One-row list header (SMListStyle option inlineHead; Craig, 2026-10-11, first on Client Workspaces): the heading at
   the left in a smaller size, the search (15% narrower than the usual 720px) with Refresh beside it in the middle,
   and the page's buttons at the right with fixed gaps, inset like the column text. The side columns are equal while
   there is room, so the search sits at the exact centre; when tight it shifts toward the shorter side; too narrow
   for one row at all, the search takes a row of its own below them. The :is() matches the ID weight of the header rules above. */
.sm-list .dataTables_wrapper:has(> .sm_pub_head--inline) { container-type: inline-size; }
:is(#grid-tab, .sm-list) .sm_pub_head.sm_pub_head--inline {
	display: grid; grid-template-columns: minmax(max-content, 1fr) max-content minmax(max-content, 1fr); grid-template-areas: "title center actions";
	align-items: center; gap: 14px 16px; padding: 0 10px;
}
:is(#grid-tab, .sm-list) .sm_pub_head--inline > .sm_pub_title { grid-area: title; justify-self: start; font-size: 20px; line-height: 1.3; letter-spacing: -0.01em; white-space: nowrap; }
:is(#grid-tab, .sm-list) .sm_pub_head--inline > .sm_list_head_center { grid-area: center; display: flex; align-items: center; justify-content: center; gap: 10px; width: auto; max-width: 100%; min-width: 0; }
:is(#grid-tab, .sm-list) .sm_pub_head--inline .sm_pub_search { flex: 0 1 612px; width: 612px; max-width: 100%; min-width: 0; }
:is(#grid-tab, .sm-list) .sm_pub_head--inline .sm_pub_pills { flex: none; align-self: auto; flex-wrap: nowrap; }
:is(#grid-tab, .sm-list) .sm_list_head_center > .sm_pub_pills:not(:has(> :not(.sm_pub_pills_end):not([style*="none"]))) { display: none; } /* nothing left in it once Refresh moved to the headings */
:is(#grid-tab, .sm-list) .sm_pub_head--inline > .sm_list_head_actions { grid-area: actions; justify-self: end; display: flex; align-items: center; gap: 10px; }
:is(#grid-tab, .sm-list) .sm_pub_head--inline > .sm_list_head_actions > * { float: none; margin: 0 !important; }
:is(#grid-tab, .sm-list) .sm_pub_head--inline > .sm_list_head_actions > .sm_pub_addbtn { position: relative; top: auto; right: auto; transform: none; }
:is(#grid-tab, .sm-list) .sm_pub_head--inline > .sm_list_head_actions .btn { display: inline-flex; align-items: center; height: 40px; } /* one height, the Refresh button's */
@container (max-width: 1239px) {
	/* Only a row with the 612px search needs a second row this soon; filters alone still fit beside the heading. */
	:is(#grid-tab, .sm-list) .sm_pub_head.sm_pub_head--inline:has(.sm_pub_search) { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title actions" "center center"; }
	:is(#grid-tab, .sm-list) .sm_pub_head--inline > .sm_list_head_center { justify-self: center; }
}
@container (max-width: 559px) {
	:is(#grid-tab, .sm-list) .sm_pub_head.sm_pub_head--inline { grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "actions" "center"; }
	:is(#grid-tab, .sm-list) .sm_pub_head--inline > .sm_list_head_actions { justify-self: start; flex-wrap: wrap; }
}
/* inlineHead 'below' (Manage Agency Users): the heading and its intro line keep their centred rows above, with room
   under the intro; the search row below works as above, its empty left column balancing the buttons. */
:is(#grid-tab, .sm-list) .sm_pub_head.sm_pub_head--inline.sm_pub_head--below { grid-template-areas: "title title title" "intro intro intro" ". center actions"; }
:is(#grid-tab, .sm-list) .sm_pub_head--inline.sm_pub_head--below > .sm_pub_title { justify-self: center; font-size: 32px; line-height: 1.25; letter-spacing: -0.02em; white-space: normal; text-align: center; }
:is(#grid-tab, .sm-list) .sm_pub_head--inline.sm_pub_head--below > .sm_pub_intro { grid-area: intro; justify-self: center; margin: -6px 0 12px; }
@container (max-width: 1239px) {
	:is(#grid-tab, .sm-list) .sm_pub_head.sm_pub_head--inline.sm_pub_head--below { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title title" "intro intro" "center actions"; }
}
@container (max-width: 559px) {
	:is(#grid-tab, .sm-list) .sm_pub_head.sm_pub_head--inline.sm_pub_head--below { grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "intro" "center" "actions"; }
	:is(#grid-tab, .sm-list) .sm_pub_head--inline.sm_pub_head--below > .sm_list_head_actions { justify-self: end; }
}
/* The agency's own workspace row keeps the list's ordinary divider (Craig, 2026-10-11): style.css's 2px blue line
   above it read as a line under the column headings. */
.sm-frame .sm-list table.dataTable > tbody > tr.primary_wks_selected > td { border-top: 0 !important; }
/* The Agency Dashboard's lists sit straight on the white card, with no outline of their own (Craig, 2026-10-11):
   Client Workspaces, Agency Users, AgencyPro's Pricing Plans and the Payment History pop-up. The shared rule (.sm-frame-card > .panel.sm_grid_panel)
   only reaches panels directly in the card; these are inside tab panes and a modal. */
.sm-frame-card :is(.workspace_list_section, .single_singon_list_section, .payment_history_list_section, .workspace_pricing_plan_list_section > .panel).sm_grid_panel { border: 0; border-radius: 0; box-shadow: none; background: none; }
.sm-frame-card #grid-pricing-plan-workspace_wrapper { border: 0; border-radius: 0; } /* style.css outlines this wrapper by its id as well */
/* Refresh in the heading row, on every list (SMListStyle refreshInHead; Craig, 2026-10-11: "replace the refresh button
   everywhere there is a grid"). The last heading stays over its column; the Refresh icon sits at the right end of the
   row, on the labels' line (the heading cell has 10px below its 20px line), as far from the line under them as they
   are. It is a plain icon: no circle, which style.css draws for .sm_grid_reload_button links, and not the theme's own
   blue reload glyph as well. In Grid view, with no heading row, it is at the right of the Select all row. The Publisher's lists (#grid-tab,
   #grid-tab-rss-sec; js/sm_publisher_lists.js placeRefresh) do the same. */
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, .sm-list) table.dataTable > thead > tr > th.sm_list_th_refresh { position: relative; white-space: nowrap; padding-left: 30px; padding-right: 30px; }
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) th.sm_list_th_refresh > ul.sm_list_head_refresh { position: absolute; bottom: 10px; right: 10px; height: 20px; }
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) th.sm_list_th_refresh.sm_list_th_refresh--top > ul.sm_list_head_refresh { top: 0; bottom: auto; } /* top-aligned headings: the first 20px line */
/* A scrolling grid (scrollX) wider than its box: the icon keeps to the visible right edge of the heading strip, not the
   last heading, which can be scrolled out of view. DataTables makes .dataTables_scrollHead position: relative. */
.sm-frame :is(#grid-tab, #grid-tab-rss-sec, .sm-list) .dataTables_scrollHead table.dataTable > thead > tr > th.sm_list_th_refresh { position: static; }
/* On a grid wider than its card the icon stays at the visible edge while the headings scroll under it, so it carries
   the card colour and a short fade on its left: a heading that reaches it slides under instead of colliding. */
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) .dataTables_scrollHead ul.sm_list_head_refresh { z-index: 1; padding-left: 8px !important; background: var(--sm-wl-surface, #fff); box-shadow: -14px 0 10px -4px var(--sm-wl-surface, #fff); }
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) ul.sm_list_head_refresh { display: inline-flex; align-items: center; margin: 0; padding: 0 !important; float: none; } /* !important: a legacy rule pads Refresh lists 16px from the top, !important */
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) .sm_pub_selectbar > ul.sm_list_head_refresh { margin: 0 10px 0 auto; }
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) ul.sm_list_head_refresh > li { display: inline-flex; margin: 0; padding: 0; }
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) ul.sm_list_head_refresh > li > a[data-action] {
	display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; margin: 0; padding: 0; border: 0;
	border-radius: 0; background: none; box-shadow: none; color: var(--sm-wl-muted, #667085); font-size: 14px; line-height: 1; cursor: pointer;
}
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) ul.sm_list_head_refresh > li > a[data-action]:is(:hover, :focus-visible) { color: var(--sm-wl-strong, #101828); background: none; }
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) ul.sm_list_head_refresh > li > a[data-action]::after { content: none; display: none; }
#grid-tab-rss-sec .sm_pub_pills { min-height: 40px; } /* RSS: Add RSS Feed (absolute) still has its row once Refresh moved to the headings */
/* With Refresh gone from it, the row under the search keeps its 40px, so the space under the search is what it was
   (Craig, 2026-10-11, on Display Groups: "maintain the same space as it is now"). */
:is(#grid-tab, .sm-list) .sm_pub_head:has(> .sm_pub_search, > .sm_list_search_row) > .sm_pub_pills { min-height: 40px; }
/* The page's Add buttons on the search row (SMListStyle addBeside, on wherever a list has a search and an Add button;
   Craig, 2026-10-11, Display Groups, Campaigns, Series): the search in the middle column, centred while the buttons
   leave room and nudged left when they are wide, the buttons at the right, 10px in. Too narrow for one row, the
   buttons go under the search. */
.sm-list .dataTables_wrapper:has(> .sm_pub_head--addbeside) { container-type: inline-size; }
:is(#grid-tab, .sm-list) .sm_pub_head--addbeside > .sm_list_search_row {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 720px) minmax(max-content, 1fr); align-items: center;
	column-gap: 16px; width: 100%; padding-right: 10px; box-sizing: border-box;
}
:is(#grid-tab, .sm-list) .sm_pub_head--addbeside > .sm_list_search_row > .sm_pub_search { grid-column: 2; width: 100%; max-width: none; }
:is(#grid-tab, .sm-list) .sm_pub_head--addbeside > .sm_list_search_row > .sm_pub_addbtn { grid-column: 3; justify-self: end; position: static; transform: none; margin: 0 !important; }
@container (max-width: 799px) {
	:is(#grid-tab, .sm-list) .sm_pub_head--addbeside > .sm_list_search_row { grid-template-columns: minmax(0, 1fr); row-gap: 10px; }
	:is(#grid-tab, .sm-list) .sm_pub_head--addbeside > .sm_list_search_row > :is(.sm_pub_search, .sm_pub_addbtn) { grid-column: 1; }
}
/* A list's line of explanation under its heading (SMListStyle option intro). */
:is(#grid-tab, .sm-list) .sm_pub_head > .sm_pub_intro { max-width: 720px; margin: -6px 0 0; padding: 0; font-size: 14px; line-height: 1.5; color: var(--sm-wl-text, #475467); text-align: center; }
/* Agency Users is its own screen (Craig, 2026-10-11): no "Agency Dashboard" heading while that tab is open, and the
   line that sat above the list is under its heading now, so its old box goes. */
.sm-frame-card:has(#grid-single-sign-on-section.active) > .sm-card-head { display: none; }
.agency_single_signon_section:not(:has(> p)) { display: none; }
/* Empty lists: a quiet inbox icon above the message, instead of a bare line of text (both themes, White Label colours). */
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) table.dataTable td.dataTables_empty { padding: 44px 16px 40px !important; color: var(--sm-wl-muted, #667085); font-size: 14px; line-height: 1.5; text-align: center; }
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) table.dataTable td.dataTables_empty::before {
    content: ''; display: block; width: 34px; height: 34px; margin: 0 auto 12px; background: var(--sm-wl-subtle, #98a2b3);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'><path d='M3 13.5h4.5l1.5 2.5h6l1.5-2.5H21'/><path d='M5.5 5h13l2.5 8.5V19H3v-5.5z'/></svg>") center / contain no-repeat;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'><path d='M3 13.5h4.5l1.5 2.5h6l1.5-2.5H21'/><path d='M5.5 5h13l2.5 8.5V19H3v-5.5z'/></svg>") center / contain no-repeat; }
/* Row action menus in the lists size to their longest item ("Sweepstakes Console" was cut to "Sweepstakes Conso..."). */
:is(#grid-tab, #grid-tab-rss-sec, .sm-list) .dropdown-menu { width: max-content; max-width: 340px; }
@media (max-width: 767px) {
    /* Grid detail rows: titles wrap between words, never inside one ("Descrip/tion"). */
    ul.dtr-details > li > .dtr-title, .dtr-details .dtr-title { min-width: 112px; overflow-wrap: normal !important; word-break: normal !important; hyphens: manual !important; }
    .dataTable tr.child .dtr-title { min-width: 7em; padding-right: 12px !important; overflow-wrap: normal !important; word-wrap: normal !important; word-break: normal !important; hyphens: manual !important; }
    /* Campaigns: the two add buttons stack full width with space between them. */
    .sm_pub_head--addbeside .sm_table_heading_btn_container { display: flex !important; flex-direction: column; gap: 10px; width: 100% !important; justify-self: stretch !important; }
    .sm_pub_head--addbeside .sm_table_heading_btn_container > .btn { width: 100%; margin: 0 !important; }
}

/* ---- Publisher ---- */
/* Publisher dropdowns hold their final size from the first paint (Craig, 2026-10-11: "If we can get the dropdown list
   to load instantly even if the contents of the list take longer, that's fine because the screen won't jump").
   select2 replaces each select once the page is ready; until then Category and Watermark draw the select itself at the
   select2 box's size, with its chosen text where select2 writes it. Repost and Move link are boxes with their selects
   inside (styled with their field in css/outline_material_style.css); the boxes show as blocks from the start. */
#auto_rps_div .sm_outline_mterial_input_div,
#publish_move_link_section .sm_outline_mterial_input_div { display: block; }
/* Repost is hidden from the first paint when the selected profiles cannot repost, as change_account_details()
   decides once the page has loaded (only Pinterest and/or X picked); it showed while loading, then vanished and the
   fields after it jumped. The script's show()/hide() write inline styles, which take over from here. */
#grid-publish-to-social-sec:has(.sm_profile_input_container:is(.pi, .tw) input:checked):not(:has(.sm_profile_input_container:is(.fb, .ln, .in, .blsk, .thrd, .tiktok, .yt, .gmb) input:checked)) #auto_rps_div { display: none; }
:is(#group_form_list, #watermark_style_status_select):not(.select2-hidden-accessible) {
    display: block;
    width: 100%;
    height: 38px;
    margin: 0;
    padding: 7px 10px 9px; /* the text lands where select2 writes it */
    border: 1px solid #d0d7e7;
    border-radius: 5px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 12px;
    -webkit-appearance: none;
    appearance: none;
}
/* ...with the chevron select2 will draw, on the same pixels (its field ends 24px above the group's bottom). */
.sm_outline_material_style:has(> :is(#group_form_list, #watermark_style_status_select):not(.select2-hidden-accessible))::after {
    content: "\e9c5"; position: absolute; right: 9px; bottom: 35px; width: 10px; height: 16px; font-family: Icomoon; font-size: 16px;
    line-height: 16px; color: #4f4f4f; pointer-events: none; -webkit-font-smoothing: antialiased;
}
/* Repost: every dropdown in the box has the chevron Category and Watermark have, the inline ones too ("days",
   "until I remove from queue"), so each reads as something to change (Craig, 2026-10-12: Repost only; Move link is
   a plain dropdown). It is drawn on the
   dropdown's own container, so it is there before select2 starts, and select2 keeps the space under it, so a click on
   it still opens the list. The inline number and date fields have no chevron. */
.sm_post_repost_option_container:has(> select) { position: relative; }
.sm_post_repost_option_container:has(> select)::after {
    content: "\e9c5"; position: absolute; top: 9px; right: 4px; margin-top: -8px; font-family: Icomoon; font-size: 16px; line-height: 16px;
    color: inherit; pointer-events: none; -webkit-font-smoothing: antialiased; }
.sm_post_repost_option_container:has(> select) .select2-selection { padding-right: 22px !important; }
/* The inline dropdowns read as part of a sentence ("Repost every 1 days until I remove from queue"): only their first
   letter is lowered, so "I" stays a capital (the theme lowercased the whole phrase). */
.sm_post_repost_option_container:has(> select) .select2-selection__rendered { text-transform: none !important; }
.sm_post_repost_option_container:not(#repost_status_type_option):has(> select) .select2-selection__rendered::first-letter { text-transform: lowercase; }
#repost_status_type:not(.select2-hidden-accessible) { padding-right: 22px; }
/* Repost's chosen option, written by the page (social_media_html.php), shows from the first paint with select2's metrics,
   so the box is its final size with its chevron in place before select2 starts (Craig, 2026-10-13); it goes once
   select2 has replaced the select. */
#repost_status_type_option > .sm_repost_preload { display: block; padding-right: 22px; font-size: 12px; line-height: 18.4615px; white-space: nowrap; color: inherit; }
#repost_status_type_option:has(> select.select2-hidden-accessible) > .sm_repost_preload { display: none; }
/* Pinterest's Boards button and Board Section box, written by the page (social_media_html.php) in the plugins' own markup,
   show from the first paint at their final size (2026-10-22). The page removes them once bootstrap-multiselect and
   select2 have drawn theirs; these rules hide them if that ever runs late. */
.pi_ac_board_box > .btn-group:not(.sm_pi_board_preload) ~ .sm_pi_board_preload,
.pi_ac_section_box > select.select2-hidden-accessible ~ .sm_pi_section_preload { display: none; }
/* The network previews take their place unseen while the page is still arriving, and show once Masonry has packed them
   (social_media_html.php, right after the form; 2026-10-22), so a card is never seen in the float layout first. */
#all_previewscreen.sm_pv_packing { visibility: hidden; }
/* A field's label belongs to it: a little more room above the next row's label than between a label and its field.
   Every labelled field row is 24px from the next (Craig, 2026-10-12), Import included. */
.social_media_option_main .sm_outline_material_style:has(> .sm_field_label_container) { padding-bottom: 24px !important; }
/* Network preview headings: the X glyph sits in the middle of its disc (Craig, 2026-10-12); the shared 9px padding
   left it low and to the side. */
.sm_network_preview_box .social_box_icon i.fa-x-twitter { display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; line-height: 1 !important; vertical-align: top; top: 0 !important; left: 0 !important; }
@media (max-width: 767px) {
    /* Publisher: Repost and Move link are full width like the fields above them. */
    .sm_auto_width:has(#repost_status_type, #publish_mlfcmt_status) { width: 100% !important; margin-right: 0 !important; }
    .sm_auto_width:has(#repost_status_type, #publish_mlfcmt_status) :is(.sm_outline_material_style, .sm_outline_mterial_input_div) { width: 100% !important; }
}

/* ---- Publisher Import (CSV and Images) ---- */
/* Import Images heading (Craig, 2026-10-12): set like the CSV screen's "Import Bulk Posts from CSV File". */
.sm_bulk_image_post_sec > .text-content-title { font-weight: bold; margin-top: 0; margin-bottom: 20px; }
/* Publisher Import (CSV and Images): the option fields run as one line that wraps only when it is full (Craig,
   2026-10-12): Category, Repost and the buttons, then Pinterest Boards, Move link, Hashtags and Call-to-Action. Their
   two row boxes step aside, and the button group is as tall as the fields so a wrapped field cannot catch on it. The
   Publish tab is untouched. The second row box steps aside whichever of its fields it holds: without a Pinterest
   profile there is no Boards field, and the row's -10px gutter put Hashtags, Call-to-Action and the buttons 10px left
   of the message box (Craig, 2026-10-13). */
.smimport_wrapper > .social_media_section_col > :is(.import-add-to-queue-options, .row:has(> :is(.bulk_pinboard_section, #bulk_move_link_section, .bulk_img_hashtags_div, .bulk_img_cta_div))) { display: contents; }
.smimport_wrapper > .social_media_section_col > :is(.import-add-to-queue-options, .row:has(> :is(.bulk_pinboard_section, #bulk_move_link_section, .bulk_img_hashtags_div, .bulk_img_cta_div)))::before,
.smimport_wrapper > .social_media_section_col > :is(.import-add-to-queue-options, .row:has(> :is(.bulk_pinboard_section, #bulk_move_link_section, .bulk_img_hashtags_div, .bulk_img_cta_div)))::after { display: none !important; }
.smimport_wrapper :is(#group, #add_watermark_style_status_switch, #auto_rps_div, .bulk_pinboard_section, #bulk_move_link_section, .bulk_img_hashtags_div, .bulk_img_cta_div) { margin-left: 0 !important; margin-right: 10px !important; }
.smimport_wrapper :is(.bulk_pinboard_section, .bulk_img_hashtags_div, .bulk_img_cta_div) > .sm_outline_material_style { margin-left: 0 !important; }
.smimport_wrapper :is(.bulk_img_hashtags_div .sm_add_hashtag_inline_div, .bulk_img_cta_div .sm_add_cta_inline_div) { width: 100% !important; }
/* Pinterest Boards is as wide as its label ("Pinterest Boards (if unspecified)" ran 55px past the 145px column). */
.smimport_wrapper .bulk_pinboard_section { width: auto !important; min-width: 145px; }
.smimport_wrapper .bulk_pinboard_section :is(.btn-group, .multiselect) { width: 100% !important; }
/* The button group is as tall as a field, and its own 7px inset (5px margin, 2px padding) is taken out, so the circles
   sit on the 10px rhythm like the fields. */
.smimport_wrapper #add_to_queue_mail_send_status { min-height: 73px; margin-left: -7px !important; margin-right: 3px !important; }
/* The three buttons follow Add Call-to-Action (js/sm_import_layout.js moves them; Craig, 2026-10-12), so Hashtags and
   Call-to-Action share their line with the buttons: each takes half of what the buttons leave. */
@media (min-width: 768px) {
    .smimport_wrapper :is(.bulk_img_hashtags_div, .bulk_img_cta_div) { width: calc((100% - 180px) / 2) !important; }
}
@media (max-width: 767px) {
    /* On phones every Import field is full width, and Move link is as tall as the others (the outline's table display
       wrapped its floated select in the padding, which the Publish tab does not do). */
    .smimport_wrapper :is(#group, #add_watermark_style_status_switch, #auto_rps_div, .bulk_pinboard_section, #bulk_move_link_section, .bulk_img_hashtags_div, .bulk_img_cta_div) { width: 100% !important; margin-right: 0 !important; }
    .smimport_wrapper #bulk_move_link_section :is(.sm_outline_material_style, .sm_outline_mterial_input_div) { width: 100% !important; }
    .smimport_wrapper #bulk_move_link_section .sm_outline_mterial_input_div { display: block; }
    /* On its own line the button row keeps the fields' 24px spacing: no desktop 73px height, and the circles' 10px top inset is pulled back. */
    .smimport_wrapper #add_to_queue_mail_send_status { display: flow-root; min-height: 0 !important; margin-top: -10px !important; padding-bottom: 14px !important; }
}

/* Publisher image thumbnails are full bleed (Craig, 2026-10-13): the picture box was pulled up over the tile's empty
   55px hover strip by a -54px margin, which left a 1px line of the white tile at the top. It now fills the tile; the
   hover strips (title and buttons) are positioned with their own z-index and stay above it. */
.upload_photo_section_new_photo .socia_asset_lib_box:has(> .socia_choose_asset_lib_logo) { height: 115px; }
.upload_photo_section_new_photo .socia_asset_lib_box > .socia_choose_asset_lib_logo { position: absolute; inset: 0; margin: 0 !important;
    height: auto; }
.upload_photo_section_new_photo .socia_asset_lib_box > .socia_choose_asset_lib_logo > img.upload_img_new_button { display: block; width: 100%;
    height: 100%; object-fit: cover; }
/* With the picture out of the flow, the buttons strip no longer needs the -29px that pulled it back up over the picture:
   it sits under the title strip at 55px, where it was, so Delete is 7px from the top again instead of off it (Craig,
   2026-10-13). */
.upload_photo_section_new_photo .socia_asset_lib_box:has(> .socia_choose_asset_lib_logo) > .socia_asset_lib_button_div { margin-top: 0; }

/* YouTube's three character counters (title, description, tags) sit the same way under their fields, in one colour
   (Craig, 2026-10-13). The description's is a help-block like the other two (social_media_html.php) and no longer has
   its group's 24px bottom padding above it; the tags' inline gray is gone. The scripts colour all three #797979, or
   red over the limit; in dark mode the help-block colour rule (sm-dark.css, !important) hid that red, so it stays. */
#yt_preview .yt_message > .form-group.sm_outline_material_style { padding-bottom: 0 !important; }
#yt_preview .yt_message > .help-block.yt_counter_over { float: right; display: block; margin: 7px 0 9px; line-height: inherit; }
#yt_preview .help-block { color: #797979; }
html.sm-dark #yt_preview .help-block[style*="255, 0, 0"] { color: var(--dk-danger, #ff0000) !important; }

/* The Publisher's circle buttons on a line of their own (marked by js/sm_import_layout.js) sit 16px under the fields
   above instead of 45px: the 13px here and 8px on each button only line them up with fields beside them (Craig,
   2026-10-13). Import keeps its own spacing. */
.social_media_option_main:not(.smimport_wrapper) #add_to_queue_mail_send_status.sm_opts_own_line { margin-top: -16px; }

/* The Publisher's comment button draws its glyph in the text colour, like the envelope switch beside it (Craig,
   2026-10-13: the two read as different colours); its active blue is unchanged. */
.sm_hold_post_user_comment svg .comment_hold_posts_approval_inner_icon { fill: currentColor; }

/* The Publisher media box's "Search stock images" label sits above its field like the other field labels (Craig,
   2026-10-13) instead of on the border with a background patch; the search button drops by the label's 24px to stay
   level with the input while the box is open. */
.sm_publisher_media_text_div #sm_publisher_meida_search_input_div label {
    position: static; display: block; margin: 0 0 4px; padding: 0; background: transparent !important; text-align: left; white-space: nowrap;
    font-size: 13px !important; line-height: 20px !important; font-weight: 500 !important; color: var(--sm-wl-text, #475467) !important;
}
.sm_publisher_media_text_div #sm_publisher_meida_search_input_div.active + #sm_publisher_meida_search_icon { margin-top: 24px; vertical-align: top; }

/* ---- Drop areas ---- */
/* Every drop area has the Publisher media box look (Craig, 2026-10-12: "the same treatment you gave the publisher media
   box"): a 30px thin-outline icon in the editor toolbar's grey over one line of 14px regular text in the accent, inside
   a #D0D7E7 dashed border. The boxes' own rules carry the text and border (Publisher media box, Import CSV and Images,
   the Publisher's add-more and thumbnail tiles, the Media library upload modal); the Media page bar and the campaign
   designer boxes are styled in their own stylesheets. The icons share this rule; the Import ones leave their spacing
   to the box around them. */
.sm_drop_icon,
.sm_publisher_media_text_div > .sm_publisher_media_icon,
.sm_bulk_upload_inner_img_sec > .sm_import_drop_icon { display: block; margin: 0 auto 8px; font-size: 30px; line-height: 1; color: var(--sm-wl-subtle, #b7c1ce); }
.sm_bulk_upload_inner_img_sec > .sm_import_drop_icon { margin-bottom: 0; }
.sub_text_title .sm_drag_upload_logo_section p.sm_drop_text { font-size: 14px; font-weight: 400; color: var(--sm-wl-accent, #00B2F3); }

/* ---- Field labels above their fields ---- */
/* Field labels sit above their fields as ordinary labels instead of floating in a notch on the outline (Craig,
   2026-10-12: tried on the Publisher, then "yes" for every page, except Reports: "don't change the reports dropdowns,
   they work well there"; every report page carries the .smrt-title heading). They were 11px, nudged 8px onto the border
   and painted with the main-area colour to hide it, which showed as a dark box in dark mode. The fields are unchanged. */
body:not(:has(.smrt-title)) .sm_outline_material_style .sm_field_label_container {
    position: static !important; top: auto !important; left: auto !important; z-index: auto !important;
    display: block; width: auto; height: auto; margin: 8px 0 4px !important; padding: 0 !important;
    background: transparent !important; text-align: left;
    font-size: 13px !important; line-height: 20px !important; font-weight: 500 !important; color: var(--sm-wl-text, #475467) !important;
    white-space: normal;
}
/* The 8px top margin keeps each label's text where the floating label drew it (it was nudged 8px down), so pages keep
   their spacing and the field moves down to make room. The Publisher's rows were tuned without it (24px below). */
body:not(:has(.smrt-title)) .social_media_option_main .sm_outline_material_style .sm_field_label_container { margin-top: 0 !important; white-space: nowrap; }
/* A few legacy labels wrap their own select (Integrations: "List: (x) [Select List]"); they may wrap, so the select
   takes its own line under the text. */
body:not(:has(.smrt-title)) .sm_outline_material_style .sm_field_label_container:has(select, .select2-container) { white-space: normal !important; }
/* Fields stacked straight onto the one above (the floating label hid that inside the outline) get 20px above their
   label: after a textarea (SSL certificate boxes), between full-width groups that are not grid columns, the Agency
   invitation email fields, the user notification modal, and a second label inside one group (the calendar overlay's
   Rank by / Look back). A grid column beside a textarea column (Workspace Settings: Address | City) is not
   stacked under it, so only a full-width column (the SSL boxes are col-md-12) counts as "after a textarea". */
body:not(:has(.smrt-title)) .sm_outline_material_style:has(textarea) + .sm_outline_material_style:not([class*="col-"]:not([class*="col-md-12"])) .sm_field_label_container,
body:not(:has(.smrt-title)) .sm_outline_material_style > :has(textarea) + * > .sm_field_label_container,
body:not(:has(.smrt-title)) .sm_outline_material_style > :not([class*="col-"]):has(> .sm_field_label_container) + :not([class*="col-"]):has(> .sm_field_label_container) > .sm_field_label_container:not(.social_media_option_main *),
body:not(:has(.smrt-title)) .sm_outline_material_style:not([class*="col-"]):not(.form-group):not([class*="mb-1"]):not([class*="mb-2"]):not([class*="mb-3"]):not([class*="mb-4"]) + .sm_outline_material_style:not([class*="col-"]) .sm_field_label_container:not(.social_media_option_main *),
body:not(:has(.smrt-title)) .row:has(#wks_email_subject) ~ .row > .sm_outline_material_style > .sm_field_label_container,
body:not(:has(.smrt-title)) .sm_edit_agency_users_field + .sm_edit_agency_users_field .sm_field_label_container,
body:not(:has(.smrt-title)) #sm_subuser_notification_model .sm_mail_setting_dropdown:not(.hidden) ~ .sm_mail_setting_dropdown > .sm_outline_material_style > .sm_field_label_container,
body:not(:has(.smrt-title)) .sm_outline_material_style > :is(select, .select2-container, input:not([type=hidden]), textarea, div:has(select, input:not([type=hidden]), textarea)) ~ .sm_field_label_container { margin-top: 20px !important; }
/* The Media picker's Free Stock Images row: the keyword field and Search button line up with the Stock Library dropdown
   under its label instead of a fixed 20px drop tuned for the floating label (Craig, 2026-10-12). Stacked below 1200px. */
@media (min-width: 1200px) {
    body:not(:has(.smrt-title)) #free-image-tab > .row:has(#free_image_type) { display: flex; align-items: flex-end; }
    body:not(:has(.smrt-title)) #free-image-tab > .row:has(#free_image_type) > [class*="col-"] { float: none; margin-top: 0 !important; }
}
@media (max-width: 767px) {
    /* On phones a long label wraps instead of running past its field, and field columns that stack (side by side on
       desktop) keep 20px between them; the Publisher keeps its own row spacing. */
    body:not(:has(.smrt-title)) .sm_outline_material_style .sm_field_label_container { white-space: normal !important; }
    body:not(:has(.smrt-title)) .sm_outline_material_style:not([class*="col-xs-"]) + .sm_outline_material_style:not([class*="col-xs-"]) > .sm_field_label_container:not(.social_media_option_main *) { margin-top: 20px !important; }
}
/* Post preset dialog (Publisher): its fields follow an intro, a select and a row of checkboxes with no space of their own. */
body:not(:has(.smrt-title)) #modal_post_Preset .sm_outline_material_style .sm_field_label_container { margin-top: 16px !important; }

/* ---- Profile pictures ---- */
/* Profile pictures that would not load (js/sm_theme.js marks them) or that the account never had show a person glyph
   instead of an empty disc or the Sociamonials mark: the account picker, the post lists (Queue, Sent, Drafts, Approve)
   and the connected accounts in Account Preferences and the Pages report (Craig, 2026-10-12). */
.sm_profile_image_container > span[data-sm-avatar="missing"],
:is(.sm_pub_avatar, .sm_account_profile_image):is([data-sm-avatar="missing"], :not([style*="background-image"])) {
    background-color: #eef1f6 !important; background-size: 62% !important; background-position: center 60% !important; background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2398a2b3'><circle cx='12' cy='8' r='4.2'/><path d='M3.5 21c.8-4.4 4.2-7 8.5-7s7.7 2.6 8.5 7z'/></svg>") !important; }

/* ---- Top nav, sidebar and tab lists ---- */
/* An agency's dark-mode logo (White Label tab) shows only in dark mode; css/sm-dark.css swaps the two there. */
.navbar-brand > img.sm-logo-dark { display: none; }
/* The top nav's Help label hides while its menu is open (it sat on top of the menu). */
.navbar .open .sm-header-tooltip, .navbar .dropdown.open .sm-header-tooltip { opacity: 0 !important; visibility: hidden !important; }
/* Tablet widths: the top nav keeps to one row (it stacked into three) by dropping its wide labels. */
@media (min-width: 769px) and (max-width: 1199px) {
    .navbar > #navbar-mobile.navbar-collapse { float: right; width: auto !important; clear: none; }
    .navbar > #navbar-mobile.navbar-collapse { padding-left: 0 !important; padding-right: 0 !important; }
    .navbar > .navbar-header { width: auto !important; }
    .navbar > .navbar-header img { max-width: 230px; height: auto; }
    .navbar #navbar-mobile > ul.navbar-nav { display: flex; align-items: center; flex-wrap: nowrap; }
    .navbar .sm-agent-launch > span, .navbar .sm-agent-launch > svg:last-child { display: none; }
    .navbar li.wks_switch_account > a.workspace_user_profile_name { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .navbar li.sm_account_li_option .first_profile_block { display: none; }
}
/* 800px: the header's right side fits beside the logo (it dropped to a second row). */
@media (min-width: 769px) and (max-width: 859px) {
    .navbar > .navbar-header img { max-width: 210px; }
    .navbar li.wks_switch_account > a.workspace_user_profile_name { max-width: 140px; }
}
@media (max-width: 768px) {
    /* Phone nav drawer: readable labels. */
    .sidebar-main .navigation > li > a > span:not(.label):not(.bg-new-icon) { font-size: 13px !important; }
}
/* Phone tab lists: no empty band above the list (the theme's "Contents" caption is blanked here but kept its margins). */
@media (max-width: 768px) { .nav-tabs:not(.sm-tabs-framed)::before { display: none !important; } }

/* ---- Calendar (the Calendar page and the Publisher's Schedule tab) ---- */
@media (max-width: 767px) {
    /* Calendar: the Categories legend joins the page under the toolbar as a row of chips instead of floating over the
       grid; the date navigation stays on one line, and the views and the tools share one row, 12px apart. */
    .sm-cl-legend #dragMeLegend.category-legend { position: static !important; width: auto !important; height: auto !important; max-height: none !important;
        left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; margin: 0 0 12px !important; }
    .sm-cl-legend #dragMeLegend .category-legend-list { display: flex; flex-wrap: wrap; gap: 2px 14px; height: auto !important; max-height: none !important; }
    .fc-toolbar .fc-left { display: flex !important; flex-wrap: nowrap; align-items: center; gap: 4px !important; float: none !important; width: 100%; }
    .fc-toolbar .fc-left h2 { flex: 0 0 auto; float: none !important; margin: 0 !important; font-size: 12px !important; white-space: nowrap; }
    .fc-toolbar .fc-left > .fc-button { flex: 0 0 auto; margin: 0 !important; }
    .fc-toolbar .fc-left > :is(.fc-prev-button, .fc-next-button, .fc-SearchButton-button) { width: 32px !important; min-width: 0 !important; height: 32px !important; padding: 0 !important; }
    .fc-toolbar .fc-left > .fc-today-button { min-width: 0 !important; width: auto !important; height: 32px !important; padding: 0 8px !important; font-size: 12px !important; }
    .fc-toolbar .fc-right { display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 12px !important; row-gap: 8px !important; float: none !important; width: 100%; margin-top: 8px; }
    .fc-toolbar .fc-right > .fc-button-group { display: flex !important; flex: 1 0 100%; }
    .fc-toolbar .fc-right > .fc-button-group > .fc-button { flex: 1 1 0; padding-left: 4px !important; padding-right: 4px !important; }
    .fc-toolbar .fc-right > .fc-button { margin: 0 !important; }
}
/* Tablet: the Calendar's Categories legend joins the page as on phones (floating, it covered the toolbar and grid). */
@media (min-width: 768px) and (max-width: 1199px) {
    .sm-cl-main > .sm-cl-legend { float: none !important; clear: both; width: 100% !important; }
    .sm-cl-legend #dragMeLegend.category-legend { width: auto !important; height: auto !important; max-height: none !important;
        left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; margin: 0 0 12px !important; }
    .sm-cl-legend #dragMeLegend .category-legend-list { display: flex; flex-wrap: wrap; gap: 2px 14px; height: auto !important; max-height: none !important; }
}
@media (max-width: 1199px) {
    /* In the page flow the legend is the box its close button belongs to, and the button sits inside its corner. */
    .sm-cl-legend #dragMeLegend.category-legend { position: relative !important; }
    .sm-cl-legend #dragMeLegend .category-close-btn { top: 6px !important; right: 6px !important; }
    .sm-cl-legend #dragMeLegend .category-legend-list { padding-right: 10px !important; }
}
@media (max-width: 479px) {
    /* Calendar list: the text stays inside its card and the network avatars get their own row. */
    .fc-list-item .fc_event_content { display: flex !important; gap: 8px; min-width: 0; overflow: hidden; }
    .fc-list-item .fc_event_content > .fc_img { flex: 0 0 auto; }
    .fc-list-item .fc_event_content > .fc-content { flex: 1 1 auto; min-width: 0; width: auto !important; overflow: hidden; }
    .fc-list-item .fc_event_content .fc-time { display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px; }
    .fc-list-item .fc_event_content .calendar_event_box_social_networks { order: 2; flex: 0 0 100%; position: static !important; float: none !important; margin: 2px 0 0 !important; }
    /* Calendar month and week: a day cell is 30-34px wide, so each post is a chip in its category colour; a tap opens
       it as before. */
    .fc-month-view .fc-day-grid-event { display: block !important; width: auto !important; min-width: 0 !important; height: 8px !important; min-height: 0 !important; margin: 3px 3px 0 !important; padding: 0 !important; border: 0 !important; border-radius: 4px !important;
        background-color: var(--cat, #4BA5DF) !important; overflow: hidden; }
    .fc-month-view .fc-day-grid-event > * { display: none !important; }
    .fc-agendaWeek-view .fc-time-grid-event { min-width: 0 !important; padding: 0 !important; overflow: hidden; border: 0 !important; border-left: 3px solid var(--cat, #4BA5DF) !important; border-radius: 3px !important;
        background-color: color-mix(in srgb, var(--cat, #4BA5DF) 30%, transparent) !important; }
    .fc-agendaWeek-view .fc-time-grid-event > * { display: none !important; }
}

/* ---- Settings pages: Workspace Preferences and White Label ---- */
/* White Label tab (agency_dashboard.php): the dark-mode logo is previewed on the agency's dark top nav color, as it will
   show in dark mode. */
.sm_wl_dark_logo_preview { display: inline-block; max-width: 100%; margin-bottom: 8px; padding: 10px 14px; border-radius: 5px; line-height: 0; }
.sm_wl_dark_logo_preview > img { max-width: 100%; max-height: 60px; }
@media (max-width: 767px) {
    /* White Label: the logo sliders keep inside their column. */
    .sm_logo_img_settings_section .noUi-target { width: 100% !important; max-width: 200px; }
    /* White Label: the slider's value labels stay under the slider. */
    .sm_logo_img_settings_section .noUi-target + div { width: 100% !important; max-width: 200px; }
}
@media (max-width: 479px) {
    /* Workspace Preferences and White Label: the stacked panel paddings left 175px cards; the buttons wrap if needed. */
    .sm_angular_material_expansion_panel_content { padding-left: 12px !important; padding-right: 12px !important; }
    .sm_social_ac_main { padding-left: 0 !important; padding-right: 0 !important; }
    .sm_social_ac_inner_box { padding-left: 14px !important; padding-right: 14px !important; }
    .sm_social_ac_box .form-group > button.btn { max-width: 100%; height: auto; white-space: normal !important; }
}

/* ---- AI Writer and the campaign editor ---- */
/* AI Writer editor: the intro video shrinks with its column (its 795px width made the page scroll sideways at 800). */
#ai_iframe { max-width: 100%; height: auto; aspect-ratio: 795 / 450; }
/* Campaign editor, Promote step below 992px: the two panels stack, each action is one flex row (titles wrapped under
   their icons and overprinted the next row), and the illustration scales to the width. */
@media (max-width: 991px) {
    .sm_campaign_promote_screen_inner_container { flex-direction: column; }
    .sm_campaign_promote_screen_inner_container > :is(.sm_campaign_promote_left_panel, .sm_campaign_promote_right_panel) { width: 100% !important; max-width: none !important; }
    .sm_campaign_promote_list_wrapper { display: flex !important; align-items: center; gap: 16px; height: auto !important; min-height: 80px; }
    .sm_campaign_promote_list_wrapper > .icon { float: none !important; flex: 0 0 50px; margin: 0 !important; top: 0 !important; transform: none !important; }
    .sm_campaign_promote_list_wrapper > .sm_campaign_promote_list_title { float: none !important; flex: 1 1 auto; min-width: 0; width: auto !important; height: auto !important; line-height: 1.35 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
    .sm_campaign_promote_list_wrapper { padding-top: 12px !important; padding-bottom: 12px !important; }
    .sm_campaign_promote_inner_image { width: 100% !important; max-width: 495px; height: auto !important; aspect-ratio: 1 / 1; }
}
/* Campaign editor on phones: the three steps share the bar (each was 200px wide, so only Settings showed), and the
   Promote heading is sized for the screen. */
@media (max-width: 767px) {
    .sm_socialtile_top_bar:not(:has(> .sm_social_top_bar_design_controls.active)) { display: flex !important; }
    .sm_socialtile_top_bar:not(:has(> .sm_social_top_bar_design_controls.active)) > .sm_social_top_bar_label { flex: 1 1 0; width: auto !important; min-width: 0; float: none !important; font-size: 13px !important; white-space: nowrap; }
    .sm_socialtile_top_bar:not(:has(> .sm_social_top_bar_design_controls.active)) > .sm_social_top_bar_label > span { padding-right: 12px; }
    .sm_campaign_promote_right_panel h1 { font-size: 34px !important; line-height: 1.15 !important; }
}