.container-fluid{padding:0!important}
.row{margin:0!important}
.col-lg{padding:0!important;}
.panel img{height:49px;width:auto;margin:0 0 40px}
.panel .label{font-size:18px!important;margin:0 0 20px;display:inline-block;border-radius:50%;width:40px;height:40px;line-height:40px;padding:0;background:#8D9FCB;position:relative;text-align:center}
.category-name{font-size:24px;color:#343c42;border-bottom:3px solid #8D9FCB;border-top:0!important;padding-top:40px!important;}
.floating-alert{position:fixed;z-index:2;right:1rem;bottom:1rem;margin:0;display:none}
.floating-alert:empty{display:none}
.mobile-sub,.email-sub{width:100px;cursor:pointer}
.email-sub img{width:60px}
.mobile-sub img{width:52px}
.tooltip-inner{padding:7px 10px;border-radius:3px;}
.btns-section{border:0!important;padding-top:30px!important}
.small-text td{font-size:12px;font-weight:bold}
.second-panel{display:none}
.hide-text{display:none}
/* #subscriptionListTable td {vertical-align:middle} */
#subscriptionListTable img ~ span {display:block;height:15px}
.mail-cell > div,
.hide-text > div {width:70px;text-align:center}
#subscriptionListTable img[src *= "email"] ~ span::after,
#subscriptionListTable img[src *= "phone"] ~ span::after{font-size:11px;text-decoration:none;color:#71797f;display:block;text-align:center}
img[src $= "email-active.png"] ~ span::after,
img[src $= "phone-active.png"] ~ span::after{content:'Subscribed'}
img[src $= "email-pending.png"] ~ span::after,
img[src $= "phone-pending.png"] ~ span::after{content:'Pending'}
img[src $= "email.png"] ~ span::after,
img[src $= "phone.png"] ~ span::after{content:'Unsubscribed'}
#subscriptionListBody td a{word-break: break-all}
@media only screen and (max-width:767px){
	/* .form-group .form-control{width:70%} */
	/* .form-group .btn{width:30%;padding-left:0;padding-right:0} */
	.first-panel,.third-panel{width:100%}
	.panel{width:100%!important;height:auto!important}
	.first-panel,.second-panel,.third-panel{width:100%!important}
	.table{font-size:12px!important}
	/* #subscriptionListBody{overflow-x:scroll;width:100%;max-width:100%} */
	#subscriptionListBody .table th,	#subscriptionListBody .table tr{white-space:nowrap}
	#subscriptionListBody:before{content:"Swipe Here ← Left or Right →";font-size:12px;bottom:-30px;position:relative;left:10px;visibility:hidden}
	#subscriptionListBody .table th, #subscriptionListBody .table tr{white-space:normal!important;float:left;width: 15%;margin-bottom:30px;}
	#subscriptionListBody tr.small-text td{display:block;width:100%!important;height:57px;}
	#subscriptionListBody tr.small-text + tr td{display:block;width:100%!important;height:57px;}
	#subscriptionListTable tbody>tr:first-of-type{float:none}
	#subscriptionListTable tbody>tr:first-of-type>td{width:100%}
	#subscriptionListBody a{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
	#subscriptionListBody .table tr.small-text + tr {width:85%}
	#subscriptionListBody .category-row{width:100%!important;float:none!important}
	.mail-cell > div,
	.hide-text > div {width:auto;text-align:left;}
	td.hide-text{display:block!important}
	#subscriptionListTable img[src *= "email"] ~ span::after,
	#subscriptionListTable img[src *= "phone"] ~ span::after{text-align:left}
}
@media only screen and (max-width:550px) {
	#subscriptionListBody .table tr.small-text{width:35%}
	#subscriptionListBody .table tr.small-text + tr {width:65%}
}