/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
:root {
	/* Background Colors */
	--color-bg-light-grey: #E5E5E5;
	--color-bg-white: #FFFFFF;
	
	/* Border Colors */
	--color-border-black: #000;
	
	/* Badge Colors */
	--color-badge-purple: #C16FFB;
	--color-badge-yellow: #FFEEA9;
	
	/* Text Colors */
	--color-text-dark-grey: #474747;
	--color-text-black: #000;
	--color-text-white: #FFFFFF;
	--color-text-purple: #C16FFB;
	--color-text-link: #e6007e;
	--color-text-info: #0063B5;
	
	/* Gradient Colors */
	--color-gradient-start: #667eea;
	--color-gradient-end: #764ba2;
	
	/* Button Colors */
	--color-button-bg: #000;
	--color-button-bg-hover: #1a1a1a;
	
	/* Status Colors */
	--color-status-active: rgba(102, 255, 102, 0.3);
	
	/* Shadow Colors */
	--color-shadow-purple: rgba(102, 126, 234, 0.3);
	--color-shadow-black: rgba(0, 0, 0, 0.3);
	
	/* Border/Overlay Colors */
	--color-overlay-white: rgba(255, 255, 255, 0.2);
	--color-overlay-white-light: rgba(255, 255, 255, 0.25);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
	letter-spacing: -0.02rem;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
}

/* */

/** Fonts */

@font-face {
	font-family: "WorkSans-Regular";
	src: url("../fonts/WorkSans-Regular.eot") format("embedded-opentype"),
		url("../fonts/WorkSans-Regular.woff") format("woff"),
		url("../fonts/WorkSans-Regular.ttf") format("truetype"),
		url("../fonts/WorkSans-Regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "WorkSans-SemiBold";
	src: url("../fonts/WorkSans-SemiBold.eot") format("embedded-opentype"),
		url("../fonts/WorkSans-SemiBold.woff") format("woff"),
		url("../fonts/WorkSans-SemiBold.ttf") format("truetype"),
		url("../fonts/WorkSans-SemiBold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "SansTime-Bold";
	src: url("../fonts/SansTime-Bold.eot") format("embedded-opentype"),
		url("../fonts/SansTime-Bold.woff") format("woff"),
		url("../fonts/SansTime-Bold.ttf") format("truetype"),
		url("../fonts/SansTime-Bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "SansTime-Live";
	src: url("../fonts/SansTime-Live.eot") format("embedded-opentype"),
		url("../fonts/SansTime-Live.woff") format("woff"),
		url("../fonts/SansTime-Live.ttf") format("truetype"),
		url("../fonts/SansTime-Live.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "SansTime-Play";
	src: url("../fonts/SansTime-Play.eot") format("embedded-opentype"),
		url("../fonts/SansTime-Play.woff") format("woff"),
		url("../fonts/SansTime-Play.ttf") format("truetype"),
		url("../fonts/SansTime-Play.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.7em;
	color: #000000;
	box-sizing: border-box;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

button {
	display: inline-block;
	margin: 0;
	border: none;
	background: none;
}

button:focus {
	outline: 0;
}

input,
select {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: normal;
	line-height: 1.6em;
}

input[type="checkbox"],
input[type="radio"] {
	border: 1px solid #a4aab3;
	width: 20px;
	height: 20px;
	border-radius: 0%;
	-webkit-appearance: none;
	margin: 0 5px -3px 0;
	position: relative;
	line-height: 20px;
	vertical-align: sub;
}

input[type="checkbox"]:after,
input[type="radio"]:after {
	color: #ffffff;
	font-size: 12px;
	font-family: "FontAwesome";
	line-height: 20px;
	text-align: center;
	display: block;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background-color: #f454cd;
	border-color: #f454cd;
}
.body-ftto input[type="checkbox"]:checked,
.body-ftto input[type="radio"]:checked {
	background-color: #c16ffb;
	border-color: #c16ffb;
}

input[type="radio"]:checked:after {
	/* content: '\f00c'; */
	color: #ffffff;
	font-size: 12px;
	font-family: "FontAwesome";
	line-height: 20px;
	text-align: center;
	display: block;
}
input[type="checkbox"]:checked:after {
	content: "\f00c";
	color: #ffffff;
	font-size: 12px;
	font-family: "FontAwesome";
	line-height: 20px;
	text-align: center;
	display: block;
}

h1,
h2,
h3,
h3 {
	font-family: "WorkSans-Regular", sans-serif;
	line-height: 1.4em;
	margin: 0.5em 0;
}

.page-sitemap {
	margin: 1em 0;
}

.page-sitemap .sitemap-block {
	display: inline-block;
	vertical-align: top;
	width: 33%;
}

.page-sitemap ul {
	margin: 2em 0;
}

.page-sitemap ul a {
	font-family: "WorkSans-Regular", sans-serif;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 24px;
}

.font-24 {
	font-size: 24px !important;
}

.font-18 {
	font-size: 18px !important;
}

a {
	color: #0780a5;
	font-family: "WorkSans-SemiBold", sans-serif;
}
a:hover {
	color: #aa0fa3;
}

strong,
b {
	font-family: "WorkSans-SemiBold", sans-serif;
}

.page-login .footer {
	position: absolute;
}

.footer {
	color: #a4aab3;
	border-top: 1px solid #e6e6e7;
	overflow: hidden;
	height: 56px;
	bottom: 0;
	width: 100%;
	left: 0;
	background-color: #fff;
}

.footer .copyright {
	float: left;
	padding: 1em 2em;
}

.page-login .footer .footer-links {
	margin-right: 160px;
}

.footer .footer-links {
	float: right;
	text-align: right;
	margin-right: 0px;
	padding: 1em 2em;
}

.footer .footer-links a {
	color: #a4aab3;
	margin: 0 4px;
}

.footer .footer-links a:last-child {
	margin-right: 0px;
}

.messenger {
	position: fixed;
	bottom: 0px;
	right: 0px;
	background: transparent url(../images/messenger-only.png) left center
		no-repeat;
	width: 175px;
	height: 56px;
	z-index: 10;
	cursor: pointer;
}

#custom_fc_button {
	right: 0 !important;
	z-index: 2147483600 !important;
}

.page-login-wrapper {
	overflow: hidden;
}

.login-section {
	margin: 1em 0;
	max-width: 330px;
	display: inline-block;
}

.login-section .logo {
	margin-bottom: 3em;
}

.login-section h2 {
	text-transform: capitalize;
	color: #000000;
	font-size: 20px;
}

.login-logo {
	margin-bottom: 2em;
	margin-top: 2em;
	text-align: left;
	margin-left: 2em;
}

.login-logo img {
	max-width: 180px;
}

.login-section h1 {
	margin-top: 0px;
}

.page-login-wrapper .col-left,
.page-login-wrapper .col-right {
	overflow: hidden;
}

.page-login-wrapper .col-left {
	width: 35%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	height: 95vh;
	float: left;
}

.page-login-wrapper .col-right {
	width: 64.9%;
	float: right;
	height: 95vh;
	border-left: 1px solid #dedede;
}

.form-intro p {
	margin: 1em 0;
}

.login-section form {
	width: 300px;
	margin: 0 auto;
}

.col-right .col-right-top {
	display: block;
	height: 60vh;
	position: relative;
}

.col-right .col-right-bottom {
	display: block;
	height: 40vh;
	position: relative;
}

.section-title {
	margin: 1em 0 2em;
}

.login-section .section-title {
	margin-top: 0px;
}

.title {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 36px;
	text-transform: capitalize;
	color: #000000;
	font-weight: bold;
	line-height: 1em;
}

.title .desc {
	font-size: 16px;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: normal;
	line-height: 1.6em;
	text-transform: none;
	letter-spacing: 0px;
	margin-top: 0.5em;
}

.title:after {
	content: " ";
	border-bottom: 2px solid #f454cd;
	width: 100%;
	display: block;
	width: 70px;
	margin: 5px auto 0;
}

.sub-title {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 24px !important;
}

p,
.form-intro {
	margin: 1em 0 2em;
}

.form-intro {
	margin: 1em 2em 2em;
}

p a,
.form-intro a {
	font-family: "WorkSans-SemiBold", sans-serif;
	color: #f454cd;
}
.body-ftto p a,
.body-ftto .form-intro a,
.body-ftto b.highlight {
	color: #c16ffb;
}

form .form-row {
	margin: 10px 0;
	position: relative;
}

form .form-row.left {
	text-align: left;
}

form .form-row.submit {
	margin-top: 2em;
}

form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="password"],
.form-section input[type="email"],
.form-section input[type="tel"],
.form-section input[type="text"],
.form-section input[type="tel"],
.form-section input[type="password"],
.form-section input[type="number"],
.form-section select,
.form-section .select2-container--default .select2-selection--single {
	border: 2px solid #000000;
	padding: 0.7em 1em;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 15px;
	-webkit-appearance: none;
}

.form-section input[type="text"],
.form-section input[type="email"],
.form-section input[type="tel"],
.form-section input[type="password"] {
	width: 80%;
	font-size: 16px;
}

form input[type="checkbox"] {
	border: 1px solid #a4aab3;
	height: 14px;
	width: 14px;
	border-radius: 0px;
	border: 1px solid #a4aab3;
	width: 20px;
	height: 20px;
	border-radius: 0%;
	-webkit-appearance: none;
	line-height: 1em;
	margin: 0 5px -3px 0;
	position: relative;
	line-height: 20px;
	vertical-align: middle;
}

form input[type="button"],
form input[type="submit"],
.button {
	line-height: normal;
	padding: 0.5em 1.2em;
	font-family: "WorkSans-SemiBold", sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 50px;
	-webkit-appearance: none;
	border: 1px solid #f454cd;
	background-color: #f454cd;
	color: #000000;
	text-align: center;
}
.button:hover {
	border: 1px solid #000000 !important;
	background-color: #000000 !important;
	color: #ffffff;
}
.button {
	cursor: pointer;
	white-space: nowrap;
}

.button-full {
	display: block;
	line-height: 1em;
	padding: 0.3em 0.5em !important;
	font-size: 26px;
	margin-top: 10px;
}

.r-btn-69 {
	height: 69px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pay-section-presub {
	width: 100% !important;
}

.item-specs-l .ttl {
	font-size: 18px;
	width: 100% !important;
}

.button.wide {
	padding: 0.3em 3em !important;
}

.button.small {
	font-size: 14px !important;
	line-height: normal;
	padding: 0.5em 1.5em;
	display: inline-block;
	width: auto;
	font-weight: normal;
}

.button.mini {
	font-size: 14px !important;
	font-weight: normal;
}

.button.supermini {
	font-size: 14px !important;
	font-weight: normal;
	padding: 0 1em;
}

.body-ftto .button.dark,
.button.dark {
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
}

.button.dark:hover {
	background-color: #f454cd !important;
	border-color: #f454cd !important;
	color: #000000;
}

.button.text-button {
	text-transform: none;
	background-color: transparent;
	border: 0px;
	font-size: 16px;
	color: #f454cd;
	font-family: "WorkSans-Regular", sans-serif;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

form label {
	font-family: "WorkSans-SemiBold", sans-serif;
	vertical-align: middle;
}

form .form-row.tnc {
	margin-top: 1.5em;
}

form .form-row.tnc a {
	text-decoration: underline;
}

form .form-row.tnc input {
	float: left;
	margin-bottom: 3em;
	margin-right: 1em;
}

form .form-row.tnc label {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 14px;
	vertical-align: top;
}

form .form-row.tnc label a {
	font-family: "WorkSans-SemiBold", sans-serif;
}

form input[type="tel"]::placeholder,
form input[type="text"]::placeholder,
form input[type="email"]::placeholder,
form input[type="tel"]::placeholder,
form input[type="password"]::placeholder {
	color: #a4aab3;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 16px;
}

.toggle-password {
	position: absolute;
	right: 5%;
	top: 1em;
	z-index: 2;
	color: #f454cd;
	cursor: pointer;
}

.form-links {
	margin-top: 2em;
	font-size: 14px;
}

.form-links a {
	text-decoration: none;
}

.login-promo-banner {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(../images/login-promo-banner.jpg) center center
		no-repeat;
	background-size: cover;
}

.login-banner {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ff008a url(../images/login-page-bg.png) center bottom no-repeat;
	background-size: contain;
}

#download-app-section .section-table {
	background-color: #a90067;
	height: 100%;
}

#download-app-section .section-table-cell {
	vertical-align: bottom;
}

#download-app-section .download-app-content {
	margin-bottom: 50px;
}

.download-app-links,
.download-visual {
	display: inline-block;
	vertical-align: middle;
}

.download-app-links {
	text-align: left;
	margin-left: -30px;
}

.download-app-links p,
.download-app-links h2 {
	color: #fff;
	margin: 0;
	line-height: 1.25em;
}

.download-app-links p {
	padding-bottom: 15px;
}

@media (max-width: 1000px) {
	#download-app-section .download-app-content {
		margin-bottom: 30px;
	}
}

@media (max-width: 984px) {
	#download-app-section .download-app-content {
		margin-bottom: -7px;
	}
}

@media (max-width: 767px) {
	.download-app-links {
		position: absolute;
		top: 30px;
		width: 100%;
		left: 0;
		margin-left: 0px;
		text-align: center;
	}

	#download-app-section .download-app-content {
		padding-top: 150px;
	}
}

.smartappbanner {
	display: none;
}

@media (max-width: 767px) {
	.smartappbanner {
		display: block;
		background-color: #f2f2f2;
		padding: 7px 15px;
		border-bottom: 1px solid #aaaaaa;
	}

	.smartapplogo,
	.smartapptitle,
	.smartapplink {
		vertical-align: middle;
		display: inline-block;
	}

	.smartapplogo {
		padding: 0px 20px 0px 0px;
	}

	.smartapptitle {
	}

	.smartapptitle h3 {
		margin: 0px;
		font-size: 17px;
		line-height: 1.25em;
	}

	.smartapptitle p {
		margin: 0px;
		line-height: 1em;
	}

	.smartapplink {
		float: right;
		margin-top: 20px;
	}

	.smartapplink a {
		color: #0080dc;
		font-size: 17px;
	}
}

.input-row-3 {
	width: 26.2% !important;
}

@media (max-width: 767px) {
	.input-row-3 {
		width: 80%;
	}
}

.pay-bills-section {
	text-align: center;
	max-width: 560px;
	margin: 4em auto;
	padding: 1em;
}

.pay-bills-section .title {
	font-size: 40px;
}

.pay-bills-section input[type="text"] {
	padding-left: 48px;
	display: inline-block;
	width: 80%;
	vertical-align: middle;
	border-color: #dedede;
}

.pay-bills-section input[type="submit"] {
	display: inline-block;
	width: auto;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	vertical-align: middle;
}

.form-row .textbox-icon {
	position: absolute;
	left: 5%;
	top: 25%;
	z-index: 2;
	font-size: 20px;
}

.section-table {
	display: table;
	height: 87%;
	width: 100%;
}

.section-table-cell {
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}

.col-full .login-section {
	max-width: 360px;
	margin-top: 12vh;
	margin-bottom: 12vh;
}

.col-full.full-height {
	height: 80vh;
}

.page .header {
	padding-top: 14px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e6e6e7;
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	z-index: 1040;
	height: 45px;
}

.page .content {
	padding-top: 59px;
}

.page .header .logo {
	background: transparent url(../images/time-logo-menu.png) center center
		no-repeat;
	width: 74px;
	height: 22px;
	float: left;
	background-size: contain;
}

.limit-width {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.lines-button {
	padding: 0px;
	height: 30px;
	transition: 0.3s;
	cursor: pointer;
	user-select: none;
	float: right;
	display: none;
	margin-left: 2em;
	margin-top: 2px;
}

.lines-button:hover {
	opacity: 1;
}

.lines-button:active {
	transition: 0;
}

.lines {
	display: inline-block;
	width: 30px;
	height: 3px;
	background: #f454cd;
	transition: 0.3s;
	position: relative;
	margin-bottom: 9px;
}

.lines:before,
.lines:after {
	display: inline-block;
	width: 30px;
	height: 3px;
	background: #f454cd;
	transition: 0.3s;
	position: absolute;
	left: 0;
	content: "";
	-webkit-transform-origin: 0.28571rem center;
	transform-origin: 0.28571rem center;
}

.lines:before {
	top: 7px;
}

.lines:after {
	top: -7px;
}

.lines-button.open {
	-webkit-transform: scale3d(0.8, 0.8, 0.8);
	transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.x.open .lines {
	background: transparent;
}

.lines-button.x.open .lines:before,
.lines-button.x.open .lines:after {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
	width: 40px;
}

.lines-button.x.open .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.lines-button.x.open .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

.header .menu {
	margin: 5px auto;
	width: 70%;
}

.header .menu ul {
	text-align: center;
}

.header .menu ul li {
	list-style: none;
	display: inline-block;
	margin: 0 0.9em;
}

.header .menu ul li:nth-child(5) {
	display: none;
}

.header .menu ul li a {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

.header .menu ul li.current a {
	color: #f454cd;
}
.header .menu ul li a:hover {
	color: #aa0fa3;
}

.menu-notification {
	float: right;
	margin-top: -10px;
	padding: 10px 3px;
	margin-right: 15px;
	font-size: 22px;
	position: relative;
	cursor: pointer;
}

@media (max-width: 767px) {
	.menu-notification {
		margin-right: 10px;
	}
}

.menu-notification .counter {
	position: absolute;
	font-weight: bold;
	display: inline-block;
	min-width: 3px;
	min-height: 3px;
	padding: 3px 3px 3px;
	background-color: #f454cd;
	color: #fff;
	text-align: center;
	font-size: 0px;
	line-height: 1;
	top: 7px;
	right: -1%;
	border-radius: 100%;
	border: 2px solid #fff;
}

.notification-center {
	position: fixed;
	top: 0px;
	right: -320px;
	padding: 20px 0px;
	background-color: #fff;
	width: 280px;
	height: 100%;
	border-left: 1px solid #ccc;
	font-size: 14px;
	transition: 0.3s;
}

.notification-center.open {
	right: 0px;
	transition: 0.3s;
}

.notification-center.notification-vertical {
	position: relative;
	top: -5px;
	right: 0;
	padding: 0px 0px;
	background-color: #fff;
	width: 350px;
	max-height: 0px;
	border: 0px solid #e6e6e7;
	border-top: 0px solid #fff;
	font-size: 14px;
	transition: 0.3s;
	z-index: 1;
	overflow: hidden;
	float: right;
	clear: both;
	border-radius: 0px;
}

.notification-vertical.open {
	transition: 0.3s;
	max-height: 500px;
	border: 1px solid #e6e6e7;
}

.notification-vertical .notification-close {
	display: none;
}

.notification-center h2 {
	text-align: center;
	font-size: 18px;
	font-family: "WorkSans-SemiBold";
}

.notification-center ul {
	line-height: 1;
}

.notification-center ul li {
	padding: 15px 10px;
	border-bottom: 1px solid #ccc;
	display: flex;
}

.notification-vertical .scrollbar {
	float: left;
	height: auto;
	width: 100%;
	overflow-y: auto;
	max-height: 400px;
}

@media (max-width: 767px) {
	.notification-center.notification-vertical {
		position: absolute;
		top: 63px;
	}
}

.scrollbar {
	float: left;
	height: 85vh;
	width: 100%;
	overflow-y: auto;
	margin-bottom: 0px;
}

#scrollbar-style::-webkit-scrollbar-track {
	background-color: #f5f5f5;
}

#scrollbar-style::-webkit-scrollbar {
	width: 6px;
	background-color: #ccc;
}

#scrollbar-style::-webkit-scrollbar-thumb {
	background-color: #e6e6e7;
}

.notification-center a {
	display: block;
	padding: 5px 20px;
}

.notification-center ul li:hover {
	background-color: #f1f1f1;
	transition: 0.3s;
}

.notification-close {
	position: absolute;
	left: 10px;
	top: 20px;
	display: inline-block;
	padding: 10px;
	cursor: pointer;
}
.notification-category {
	font-size: 16px;
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	margin: 0px;
	line-height: 1.3;
	margin-bottom: 5px;
}

.notification-title {
	position: relative;
	display: block;
	font-size: 12px;
	color: #000000;
	font-family: "WorkSans-Regular", sans-serif;
	line-height: 1.3;
}

.notification-view-all {
	display: block;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

.notification-view-all a {
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	background-color: #f454cd;
	font-size: 10px;
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	.notification-center.notification-vertical {
		width: 100%;
		height: 0vh;
	}

	.notification-center {
		right: -100%;
		width: 100%;
	}

	.notification-vertical.open {
		height: 90vh;
		transition: 0.3s;
		max-height: none;
		border: none;
	}

	.notification-center.open {
		right: 0%;
	}

	.notification-vertical .scrollbar {
		height: 100vh;
	}

	.notification-vertical .scrollbar {
		max-height: none;
	}
}

.menu-account {
	float: right;
	margin-top: -8px;
	position: relative;
	padding-bottom: 10px;
}

.menu-account .avatar {
	border-radius: 50%;
	border: 1px solid #474747;
	display: inline-block;
	margin-right: 4px;
}

.menu-account .avatar span {
	display: inline-block;
	border: 1px solid #f454cd;
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: uppercase;
	font-size: 23px;
	color: #000000;
	border-radius: 50%;
	height: 38px;
	width: 38px;
	line-height: 38px;
	text-align: center;
}

.notification-new {
	display: inline-block;
	position: relative;
	color: #fff;
	background-color: #f454cd;
	width: 16px;
	height: 16px;
	border-radius: 50px;
	vertical-align: bottom;
	margin-right: 10px;
	flex: 0 0 auto;
}
.notification-new.read {
	background-color: transparent;
}

.dropdown-wrapper {
	display: none;
	padding-top: 2em;
	margin-top: -15px;
}

.dropdown {
	background-color: #ffffff;
	padding: 1em 2em;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
	position: absolute;
	right: 0px;
	width: 100px;
	text-align: center;
	text-transform: capitalize;
	z-index: 10;
	border-radius: 15px;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.dropdown li {
	margin: 5px 0px;
}

.dropdown a {
	color: #a4aab3;
}

.dropdown a.current,
.dropdown a:hover {
	color: #f454cd;
}

.dropdown:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0%;
	right: 24%;
	box-sizing: border-box;
	border: 8px solid black;
	border-color: #ffffff #ffffff transparent transparent;
	transform-origin: 0 0;
	transform: rotate(-45deg);
	-webkit-box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
}

.menu-account .dropdown-wrapper {
	display: none;
	padding-top: 2em;
	position: absolute;
	margin-top: 5px;
	right: 0;
	border-radius: 15px;
}

.menu-account .dropdown {
	background-color: #ffffff;
	padding: 1em 2em;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	position: absolute;
	right: 0px;
	width: 110px;
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
	margin-bottom: -1em;
	top: 10px;
	border-radius: 15px;
}

.menu-account .dropdown li {
	margin: 10px 0px;
}

.menu-account .dropdown a {
	color: #000000;
	text-transform: capitalize;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.menu-account .dropdown a:hover {
	color: #c16ffb;
}

.menu-account .dropdown .current a {
	color: #f454cd;
}

.menu-account .dropdown:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0%;
	right: 24%;
	box-sizing: border-box;
	border: 8px solid black;
	border-color: #ffffff #ffffff transparent transparent;
	transform-origin: 0 0;
	transform: rotate(-45deg);
	-webkit-box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
}

.menu-account:hover .dropdown-wrapper {
	display: block;
}

.hello-section {
	padding: 20px 0px;
	border-bottom: 1px solid #e6e6e7;
}

.hello-owner {
	overflow: hidden;
}

.hello-avatar {
	border-radius: 50%;
	border: 2px solid #474747;
	display: inline-block;
	margin-right: 20px;
	float: left;
}

.hello-avatar span {
	display: inline-block;
	border: 2px solid #f454cd;
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: uppercase;
	font-size: 50px;
	color: #000000;
	border-radius: 50%;
	height: 64px;
	width: 64px;
	line-height: 64px;
	text-align: center;
}

.hello-text {
	font-family: "WorkSans-SemiBold", sans-serif;
	text-transform: capitalize;
	font-size: 30px;
	color: #000000;
	font-weight: bold;
	line-height: 1em;
	margin-top: 5px;
	float: left;
}

.hello-text-single {
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: capitalize;
	font-size: 30px;
	color: #000000;
	font-weight: bold;
	line-height: 64px;
	float: left;
}

.hello-text span {
	color: #f454cd;
	line-height: 1em;
}

.hello-text2 {
	margin-top: 5px;
	font-size: 16px;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: normal;
	text-transform: none;
	line-height: 1em;
}

.account-selector {
	position: absolute;
	right: 0;
	top: 0;
}

.current-item {
	display: block;
}
.current-item > .account-item {
	border-radius: 15px;
}

.account-item {
	border: 1px solid #dedede;
	padding: 0.8em 3.5em 0.8em 2em;
	text-align: right;
	display: block;
	position: relative;
	color: #000000;
	background-color: #ffffff;
}

.dropdown .account-item {
	border: 0px;
	padding: 1em 2em 1em 2em;
	border-bottom: 1px solid #efefef;
}

.menu-selector .dropdown .account-item {
	padding: 1em 2em 1em 2em;
}
.current-item .dropdown a:first-child {
	border-radius: 15px 15px 0 0;
}
.current-item .dropdown a:last-child {
	border-radius: 0 0 15px 15px;
}
.account-selector .dropdown {
	display: none;
	padding: 0px;
	width: 250px;
	z-index: 9999;
}

.menu-selector .dropdown {
	width: 220px;
}

.account-selector .current-item:hover .dropdown {
	display: block;
	position: absolute;
}

.account-selector .account-num {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 15px;
	color: #000000;
}

.account-selector .account-plan {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 18px;
	color: #000000;
	text-transform: none;
}

.account-selector .fa {
	position: absolute;
	right: 1.5em;
	top: 40%;
}

.breadcrumb {
	padding: 1em 0;
}

.breadcrumb ul li {
	list-style: none;
	display: inline-block;
}

.breadcrumb a {
	color: #000000;
}

.breadcrumb ul li {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 12px;
}

.breadcrumb ul li a {
	font-family: "WorkSans-Regular", sans-serif;
}

.breadcrumb ul li a {
	text-transform: uppercase;
}

.breadcrumb ul li:last-child a {
	text-transform: none;
}

.breadcrumb ul li.separator {
	margin: 0 0.5em;
}

.breadcrumb ul li.separator .fa {
	font-size: 12px;
}

.breadcrumb ul li.current {
	color: #c16ffb;
}

.account-info-section {
	margin: 3em 0;
}

.account-info-content {
	border: 1px solid #e6e6e7;
	padding: 2em 1em 2em 2em;
	box-sizing: border-box;
	border-radius: 15px;
}

.account-info,
.account-due,
.account-actions {
	display: inline-block;
	width: 33%;
	vertical-align: middle;
}

.account-info {
	width: 66%;
}

@media (max-width: 500px) {
	.account-due .account-actions-wrapper {
		max-width: 200px;
		margin: auto;
	}
}
/* .account-due {
	width: 28%;
} */

.account-actions {
	width: 10%;
	text-align: center;
}

.account-info .account-num {
	font-size: 18px;
	color: #a4aab3;
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: uppercase;
}

.account-info .account-plan {
	font-size: 40px;
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: bold;
	line-height: 1.4em;
}

.account-plan .account-status {
	background-color: #14d0ef;
	border-radius: 15px;
	line-height: 1em;
	padding: 1.2em 2em;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	font-family: "WorkSans-SemiBold", sans-serif;
	vertical-align: middle;
	margin-left: 1em;
	margin-bottom: 0;
}

.account-plan .account-status.inactive {
	background-color: #ff4077 !important;
}

.account-plan .account-status.not-connected {
	background-color: #ff0000;
}

.account-plan .account-status.good {
	background-color: #00ce2b;
}

.account-tel {
	color: #474747;
	font-size: 18px;
	font-family: "WorkSans-Regular", sans-serif;
}

.account-tel .fa {
	color: #000000;
	font-size: 20px;
}

.account-address {
	color: #474747;
	margin: 1em 0;
}

.account-statement-summary {
	font-size: 14px;
	color: #000000;
}

.account-statement-summary .row {
	font-family: "WorkSans-Regular", sans-serif;
}

.home-forward-stats .row .fa {
	margin: 0 2px;
}

.account-statement-summary .row {
	margin: 3px 0px;
}

.account-statement-summary .row .address {
	font-family: "WorkSans-Regular", sans-serif;
	color: #000000;
	font-size: 14px;
}

.account-statement-summary label {
	color: #000000;
	display: inline-block;
	width: 45%;
	font-family: "WorkSans-SemiBold", sans-serif;
	vertical-align: top;
}

.account-statement-summary .multi {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	line-height: 1.4em;
}

.account-due {
	text-align: center;
}

.account-due label {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 24px;
	text-transform: uppercase;
}

.amount-due {
	text-align: center;
}

.amount-due .currency,
.amount-due .currency-refund,
.price .currency,
.price .remark {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
}

.price .remark {
	vertical-align: super;
	line-height: 1;
}

.amount-due .amount-num {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 60px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	display: inline-block;
}

.amount-due.paid .amount-num {
	color: #000000;
}

.button.pay-now {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.button.pay-now-disabled {
	cursor: default;
	color: white;
	background-color: #c9c9c9;
	border-color: #c9c9c9;
}

.button.pay-now-disabled:hover {
	background-color: #c9c9c9 !important;
	border-color: #c9c9c9 !important;
}

.button.paid {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	background-color: #e6e6e7;
	border-color: #e6e6e7;
}

.account-action {
	display: inline-block;
	width: 120px;
	padding: 10px 5px;
	text-align: center;
	vertical-align: bottom;
}

.account-action img {
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 8px;
}

.account-action span {
	text-align: center;
	font-family: "WorkSans-SemiBold", sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 1em;
	display: block;
}

.performance-section {
	margin: 2em 0;
}

.performance-content {
	border-left: 1px solid #e6e6e7;
	border-right: 1px solid #e6e6e7;
	padding: 1em 2em 2em;
	box-sizing: border-box;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
}

.border-left {
	border-left: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
}

#performance-action-off .button.small {
	vertical-align: middle;
}

#performance-action,
#performance-action-off {
	margin-top: 0;
}
.ssid-summary {
	display: inline-block;
	vertical-align: middle;
	padding-right: 20px !important;
}

.ssid-password {
	position: relative;
}

.ssid-password #password {
	width: 100%;
}

.ssid-password .toggle-password {
	right: 0%;
	top: 2px;
}

#troubleshoot-btn {
	cursor: pointer;
}

.network-name-text {
	margin-bottom: 10px;
}

.network-pass-text {
	margin-top: 10px;
}

.ssid-action {
	vertical-align: middle !important;
}

.mid-valign {
	display: inline-block;
	vertical-align: middle;
}

@media (max-width: 767px) {
	#performance {
		text-align: center;
	}

	#performance-action-off img {
		margin-right: 0px !important;
	}

	#performance-action-off .account-actions-wrapper {
		text-align: center;
	}

	#performance-action-off {
		padding-top: 30px !important;
	}

	#performance-action-off .voiceline-summary {
		margin: 10px auto 10px;
	}

	#performance .voiceline-summary {
		width: 100%;
	}

	#performance-action-off {
		border-left: 0px solid #dddddd;
	}

	.voiceline-summary + #performance-action-off {
		padding-left: 0px;
	}
}

.widget .section-title .title {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
	line-height: 1em;
	border-bottom: 2px solid #f454cd;
	display: inline-block;
	padding-bottom: 0.2em;
}

.widget .section-title .title:after {
	display: none;
}

.widget .col-left {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.widget .col-right {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

.widget .col-left.wider {
	width: 70%;
}

.setup-auto-debit .widget-wrap > .col-right {
	width: 35%;
}

.connection {
	margin-bottom: 2em;
}

.connection .label {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 2%;
}

.connection .desc {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

.connection .button {
	display: inline;
}

.connection .label label {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
	line-height: 24px;
	vertical-align: middle;
}

.connection .label img {
	margin-right: 3px;
	vertical-align: middle;
}

/*
.connection.ssid-row .label {
	width: auto;
}
.connection.ssid-row .desc {
	width: auto;
}*/
.status-indicator {
	margin-bottom: 1em;
}

.status-indicator .status-indicator-bar {
	display: inline-block;
	margin-right: 10px;
}

.status-indicator-bar span {
	width: 20px;
	display: inline-block;
	height: 5px;
	border-radius: 2px;
	background-color: #d8d8d8;
	vertical-align: middle;
}

.status-indicator-bar.one span:first-child {
	background-color: red;
}

.status-indicator-bar.two span:first-child {
	background-color: red;
}

.status-indicator-bar.two span:nth-child(2) {
	background-color: red;
}

.status-indicator-bar.three span:first-child {
	background-color: #7ed321;
}

.status-indicator-bar.three span:nth-child(2) {
	background-color: #7ed321;
}

.status-indicator-bar.three span:nth-child(3) {
	background-color: #7ed321;
}

.status-indicator-bar.four span {
	background-color: #7ed321;
}

.status-indicator-bar.four span:last-child {
	background-color: #d8d8d8;
}

.status-indicator .status-label {
	font-family: "WorkSans-SemiBold", sans-serif;
	display: inline-block;
}

.status-indicator .status-desc {
	font-size: 14px;
}

.performance-section .col-left {
	padding-right: 2%;
	width: 54%;
}

.performance-section .col-right {
	border-left: 1px solid #e6e6e7;
	padding-left: 2em;
	box-sizing: border-box;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
	width: 42%;
}

.mini-speedtest {
	display: inline-block;
	width: 50%;
	text-align: center;
	margin-right: 5%;
}

.more-test {
	display: inline-block;
	width: 39%;
}

.section-title-mini {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #000000;
	line-height: 1em;
	margin-bottom: 0.5em;
}

.more-test .button {
	width: 150px;
	margin-bottom: 10px;
}

.speed-stats {
	font-size: 14px;
	vertical-align: middle;
	margin-bottom: 0.5em;
}

.speed-stats img {
	margin-right: 3px;
	vertical-align: middle;
}

.speed-stats .speed-up,
.speed-stats .speed-down {
	display: inline-block;
	font-family: "WorkSans-SemiBold", sans-serif;
	line-height: 18px;
}

.speed-stats .speed-up {
	padding-right: 1em;
}

.current-speed {
	margin-top: 2em;
}

.current-speed a.upgrade {
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 12px;
}

.hr {
	border-bottom: 1px solid #e6e6e7;
}

.voicelines-content {
}

.section-title-small {
	margin: 1em 0;
	border-bottom: 1px solid #e6e6e7;
}

.section-title-small.mtop40 {
	margin: 3em 0 1em;
	border-bottom: 1px solid #e6e6e7;
}

.section-title-small .title {
	font-size: 24px;
	border-bottom: 2px solid #f454cd;
	display: inline-block;
	padding-bottom: 10px;
}

.section-title-small .title:after {
	display: none;
}

.voicelines-section {
	margin: 4em 0;
}

.filters {
	float: right;
}

.filters label {
	display: inline-block;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #a4aab3;
}

.filters:not(.date-filter) label {
	margin-right: 1em;
}

.filters .selections {
	display: inline-block;
}

.filters .item {
	font-family: "WorkSans-SemiBold", sans-serif;
	display: inline-block;
	margin-right: 1em;
	font-size: 16px;
	letter-spacing: 0px;
	cursor: pointer;
}

.selections:hover .dropdown-wrapper {
	display: block;
}

.selections .item {
	text-transform: none;
}

.standard-section .filters .dropdown {
	width: 16%;
	padding: 1em;
}

.filters .item .line-num {
	margin-right: 3px;
}

.filters .item .line-plan {
	color: #f454cd;
	text-transform: none;
}

.filters .fa {
	font-size: 14px;
}

.voicelines-content {
}

.voicelines-content .account-plan {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 38px;
	color: #000000;
	font-weight: bold;
	line-height: 1em;
	margin: 5px 0;
}

.voicelines-content .account-statement-summary label {
}

.voicelines-content .col-left {
	width: 100%;
	position: relative;
}

.voicelines-content .chart-section-wrap {
	display: inline-block;
	vertical-align: middle;
}

.voicelines-content .chart-section {
	display: inline-block;
	vertical-align: middle;
}

.chart-section {
	position: relative;
}

.chart-section .chart {
	width: 160px;
}

.chart {
}

.usage-progress {
	text-align: center;
	margin-top: 1em;
	text-align: center;
}

.usage-progress label {
	font-size: 14px;
}

.usage-progress .label {
	width: 100%;
	float: left;
	line-height: 1.6em;
	font-family: "WorkSans-Regular", sans-serif;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
}

.ui-progressbar {
	height: 1.4em;
}

.usage-progress .ui-widget-header {
	background-color: #f454cd;
}

.usage-progress .ui-widget.ui-widget-content {
	border: 0px;
	background-color: #d8d8d8;
}

.chart .percent {
	position: absolute;
	top: 32%;
	text-align: center;
	width: 100%;
}

.chart .percent .num {
	color: #f454cd;
	font-size: 36px;
	line-height: 1em;
}

.pay-per-use .chart .percent {
	top: 37%;
}

.pay-per-use .chart .percent .num {
	font-size: 30px;
}

.chart .percent label {
	clear: left;
	font-size: 18px;
	line-height: 1em;
	font-family: "WorkSans-Regular", sans-serif;
}

.voiceline-summary {
	display: inline-block;
	margin-left: 5%;
	width: 50%;
	vertical-align: middle;
}

.voicelines-content .account-actions {
	width: 35%;
	text-align: right;
	margin-top: 3em;
}

.voicelines-content .account-actions .account-action {
	border-right: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
	width: auto;
}

.voicelines-content .account-actions .account-action:last-child {
	border: 0px;
}

.account-actions-wrapper .account-action {
	padding: 0 10px;
}

.action-right {
	position: absolute;
	right: 0px;
	top: 0px;
}

.widget-wrap {
	padding: 2em;
	margin-left: auto;
	margin-right: auto;
}

.widget-wrap-v {
	padding: 2em 0;
}

.table-list {
	display: table;
	width: 100%;
}

.table-list .table-row {
	display: table-row;
}

.table-list .table-row.table-head .table-cell {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

.table-list .table-row.table-head {
	/* display: table-cell; */
}

.table-list.table-statements .table-row.table-head .table-cell {
	border-top: 1px solid #e6e6e7;
}

.table-list .table-row {
}

.table-list .table-row .table-cell {
	display: table-cell;
	position: relative;
	padding: 18px 0px 20px;
	border-bottom: 1px solid #e6e6e7;
	vertical-align: middle;
	white-space: normal;
}

.table-list .table-row .table-cell.date {
	width: 15%;
	line-height: 1.4em;
}

.table-list .table-row .table-cell.item {
	width: 30%;
	cursor: pointer;
}

.table-list .table-row .table-cell.item .account-status {
	display: none;
}

.table-list .table-row .table-cell.status {
	width: 20%;
	text-align: left;
}

.table-list .table-row .table-cell.details {
	width: 30%;
	line-height: 1.6em;
}

.table-list .table-row .table-cell.actions,
.table-list .table-row .table-cell.action {
	width: 10%;
	text-align: right;
	padding-left: 20px;
}

.table-list .table-row .table-cell.date .main {
	font-family: "WorkSans-Regular", sans-serif;
}

.table-list .table-row .table-cell.item .main {
	font-family: "WorkSans-SemiBold", sans-serif;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 18px;
}

.table-list .table-row .table-cell .account-status {
	background-color: #14d0ef;
	border-radius: 15px;
	line-height: 1em;
	padding: 1.2em 2em;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	font-family: "WorkSans-SemiBold", sans-serif;
	vertical-align: middle;
	width: min-content;
	white-space: nowrap;
}
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status {
	background-color: #ffeea9;
	border-radius: 20px;
	padding:0.8em 0.8em;
}

.account-status.paid {
	background-color: #66c8c6 !important;
}

.account-status.unpaid {
	background-color: #f454cd !important;
	border-radius: 15px !important;
	padding: 1.2em 2em !important;
	font-size: 12px !important;
}

.table-actions {
	text-align: right;
	padding: 20px 0px;
}

.table-actions .button {
	display: inline-block;
	width: auto;
}

.standard-section {
	margin: 3em 0;
}

.filters .date-selector {
	display: inline-block;
}

.filters .date {
	display: inline-block;
}

.date-filter {
	float: none;
	display: inline-block;
	width: 60%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
}

.date-filter input[type="text"] {
	border: 0px;
	border-bottom: 1px;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 16px;
	width: 100px;
	text-align: center;
	padding: 0px;
}

.date-filter-right {
	float: right;
	text-align: right;
	width: auto;
}

.date-filter .ui-datepicker-trigger {
	margin-right: 1em;
	margin-left: 0.5em;
	border: none;
	background: none;
	cursor: pointer;
}

.date-filter .fa {
	font-size: 20px;
	color: #000000;
	position: relative;
}
.date-filter .fa-calendar:before {
	left: -10px;
}

.form-section {
	width: 70%;
}

.form-section .form-row {
	margin: 0.9em 0 2em;
}

.form-section .label {
	font-family: "WorkSans-SemiBold", sans-serif;
	text-transform: capitalize;
	font-size: 16px;
	color: #000000;
	margin: 0 0 0.6em;
}

.form-section .value {
	font-size: 16px;
	line-height: 1.6em;
}

.form-section .form-row.inline {
	margin-bottom: 0em;
	margin-top: 0.9em;
}

.form-section .form-row.inline-block {
	margin-top: 0.9em;
}

.form-section .form-row.inline .label,
.form-section .form-row.inline .value {
	display: inline-block;
}

.form-section .form-row.inline .label {
	width: 40%;
	margin-bottom: 0px;
}

.form-actions {
	margin-top: 2em;
}

.form-actions.full {
	text-align: center;
	margin-top: 3em;
}

.form-actions .button {
	display: inline-block;
	width: auto;
	padding-left: 2em;
	padding-right: 2em;
	margin-right: 1em;
}

.form-actions.full .button {
	padding-left: 4em;
	padding-right: 4em;
	margin: 0;
}

.add-user-button-sec {
	margin: 0 20px;
}

.td-label {
	font-family: "WorkSans-SemiBold", sans-serif;
}

.page-standard .content {
	margin-bottom: 6em;
}

.info-pop {
	cursor: pointer;
	background-color: #f454cd;
	color: #ffffff;
	font-size: 12px;
	display: inline-block;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	line-height: 16px;
	padding: 0px;
	margin-left: 3px;
	position: relative;
}

.bubble-wrapper {
	display: none;
}

.info-pop .bubble {
	background-color: #ffffff;
	padding: 1em 2em;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	position: absolute;
	right: -105%;
	width: 200px;
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
	box-sizing: border-box;
}

.info-pop .bubble:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0%;
	right: 45%;
	box-sizing: border-box;
	border: 8px solid black;
	border-color: #ffffff #ffffff transparent transparent;
	transform-origin: 0 0;
	transform: rotate(-45deg);
	-webkit-box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
}

.info-pop:hover .bubble-wrapper {
	display: block;
}

.form-row input.half {
	width: 40%;
}

.form-row.address input {
	margin-bottom: 10px;
}

.amount-pay {
}

.short-summary {
	margin-top: 2em;
}

.pay-amount-due label.light,
.amount-pay label.light {
	font-size: 18px;
	font-family: "WorkSans-SemiBold";
}

.pay-amount-due .col-left {
}

.pay-amount-due .col-right {
	padding-right: 2em;
	box-sizing: border-box;
}

.pay-amount-due .amount-due {
	margin-top: 1em;
	text-align: left;
}

.pay-amount-due .amount-due .amount-num {
	color: #000000;
	display: inline;
}

.pay-amount-due .amount-due .amount-num input {
	text-align: right;
	color: #f454cd;
	padding: 0px;
	border: 0px;
	font-size: 80px;
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	display: inline;
	border-bottom: 1px solid #e6e6e7;
}

.pay-amount-due .amount-due .amount-num input.zero {
	color: #ff0000;
}

.pay-amount-due .amount-due .amount-num .fixed-amount {
	text-align: right;
	color: #f454cd;
	padding: 0px;
	border: 0px;
	font-size: 80px;
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	display: inline;
	border-bottom: 1px solid transparent;
	display: none;
}

.pay-amount-due .amount-due .amount-num .red-note {
	text-align: right;
	text-transform: none;
	line-height: 1.4em;
	margin-top: 1em;
	display: none;
}

.pay-amount-due .amount-due .amount-num.fixed input {
	display: none;
}

.pay-amount-due .amount-due .amount-num.fixed .fixed-amount {
	display: inline;
}

.pay-amount-due .amount-due .amount-num .red-note {
	text-align: right;
	text-transform: none;
	line-height: 1.4em;
	margin-top: 1em;
}

.pay-amount-due .amount-due.actual-due {
	text-align: right;
}

.account-pay-select {
	margin: 1em 0;
	font-size: 18px;
}

.account-pay-select li {
	margin: 10px 0px;
}

.account-pay-select li label {
	font-family: "WorkSans-Regular", sans-serif;
	color: #a4aab3;
	font-weight: normal;
}

.account-pay-select li .due {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 22px;
	margin-left: 1em;
}

.account-pay-select li label .plan {
	color: #000000;
	font-family: "WorkSans-Regular", sans-serif;
	margin-left: 5px;
}

.pay-amount-due {
	text-align: left;
	margin: 3em 0 2em;
}

.pay-amount-due .amount-due .amount-num {
	font-size: 80px;
}

.form-section {
}

.bill-list {
}

.bill-list .table-row .table-cell.date {
	width: 12%;
}

.bill-list .table-row .table-cell.item {
	width: 18%;
}

.bill-list .table-row .table-cell.amount {
	width: 10%;
}

.bill-list .table-row .table-cell.details {
	width: 25%;
}

.bill-list .table-row .table-cell.action {
	width: 25%;
	text-align: right;
}

.pagination {
	text-align: center;
	margin: 2em 0 0;
}

.pagination.all-disabled .end-of-start,
.pagination.all-disabled .prev,
.pagination.all-disabled .current,
.pagination.all-disabled p,
.pagination.all-disabled .total,
.pagination.all-disabled .next,
.pagination.all-disabled .end-of-last,
.pagination.all-disabled input {
	pointer-events: none;
	color: #c9c9c9;
}

.pagination.first-page .end-of-start,
.pagination.first-page .prev {
	pointer-events: none;
	color: #c9c9c9;
}

.pagination.last-page .end-of-last,
.pagination.last-page .next {
	pointer-events: none;
	color: #c9c9c9;
}

.pagination.all-disabled input {
	border: 1px solid #c9c9c9;
	border-radius: 8px;
}

.pagination label {
	display: inline-block;
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	color: #a4aab3;
	margin-right: 0.8em;
}

.pagination ul {
	display: inline-block;
	font-family: "WorkSans-Regular", sans-serif;
}

.pagination ul li {
	list-style: none;
	display: inline-block;
	margin: 0 0.8em;
}

.pagination a {
	color: #000000;
	font-size: 16px;
}

.pagination ul li.current a {
	color: #f454cd;
}
.pagination ul li.current a:hover {
	color: #aa0fa3;
}

.pagination .more {
	display: inline-block;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 16px;
	margin-left: 0.8em;
}

.pay-section {
	width: 100%;
}

.pay-section.pay-done {
	margin: 3em 0 4em;
}

.pay-section.change-plan-done {
	margin: 3em auto 4em;
	width: 80%;
}

.pay-section > .col-left {
	width: 58%;
	border-right: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
}

.pay-section > .col-right {
	width: 37%;
	padding-left: 4%;
}

.payment-method-select {
	margin: 1em 0;
	font-size: 18px;
}

.payment-method-select li {
	margin: 10px 0px;
}

.payment-method-select li label {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #000000;
	vertical-align: middle;
}

em.note {
	font-size: 16px;
}

.status-message {
	text-align: center;
	width: 94%;
	margin: 0 auto 0;
	line-height: 1.4;
}

.status-title {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: bold;
	font-size: 28px;
	color: #000000;
	line-height: 1.4em;
}

.status-icon {
	margin: 2em 0;
}

.trans-summary {
	margin: 1em 0px;
	text-align: left;
}

.trans-summary li {
	margin: 5px 0px;
}

.trans-summary label {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: 100;
	font-size: 16px;
	color: #000000;
	text-transform: capitalize;
	display: inline-block;
	width: 40%;
	vertical-align: top;
}

.trans-summary .value {
	font-size: 16px;
	font-family: "WorkSans-Regular", sans-serif;
	display: inline-block;
	color: #000000;
	width: 57%;
}

.trans-summary.mini li {
	margin: 5px 0px;
}

.trans-summary.mini label {
	font-size: 15px;
	width: 60%;
}

.trans-summary.mini .value {
	font-size: 15px;
}

.min-h-2 {
	min-height: 200px;
}
.min-h-3 {
	min-height: 300px;
}
.min-h-4 {
	min-height: 350px;
}

.item-specs {
	margin: 1em auto;
}

.item-specs {
	margin: 1em auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.item-specs li {
	margin: 30px 0px;
	overflow: hidden;
	clear: both;
}
.item-specs li.option {
	margin: 0px 0px;
}

.item-specs label {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 14px;
	color: #000000;
	text-transform: initial;
	display: inline-block;
	width: 130px;
	text-align: left;
	float: left;
	line-height: 1.2;
}

.item-specs .value {
	font-size: 14px;
	display: inline-block;
	text-align: left;
	float: left;
	max-width: 220px;
	width: calc(100% - 150px);
	padding: 0px 10px;
	line-height: 1.2;
}
.grid-col-4 .item-specs .value {
	width: calc(100% - 90px);
}

.item-specs .value.price {
	font-family: "WorkSans-Regular", sans-serif;
	color: #000000;
}

.item-payment {
	padding: 1em 0px;
	border-top: 1px solid #dddddd;
	border-bottom: 0px solid #dddddd;
}

.item-payment .warning {
	color: #d0021b;
}

.item-payment-relocation {
	padding: 5px 0 24px;
}

.item-payment-relocation label {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 20px;
	color: #a4aab3;
	text-transform: uppercase;
	text-align: center;
	display: block;
	line-height: 1.2em;
}

.item-payment-relocation .amount {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 36px;
	color: #000000;
	text-transform: uppercase;
	text-align: center;
	display: block;
	font-weight: bold;
	line-height: 1.2em;
}

.item-payment ul {
	margin: 8px 0px;
}

.item-payment li {
	margin: 8px 0px;
	overflow: hidden;
}

.item-payment label {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 16px;
	color: #000000;
	text-transform: capitalize;
	display: inline-block;
	text-align: left;
	float: left;
}

.item-payment .value {
	font-size: 14px;
	display: inline-block;
	width: 32%;
	text-align: left;
	float: left;
	font-family: "WorkSans-Regular", sans-serif;
}

.item-payment .amount {
	font-size: 14px;
	display: inline-block;
	width: 32%;
	text-align: right;
	float: right;
	font-family: "WorkSans-Regular", sans-serif;
}

.item-payment-total {
	text-align: right;
	font-size: 20px;
	padding: 0.5em 0 1em;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.grid-section {
	text-align: center;
}

.box {
	text-align: center;
}

.grid-section .box {
	width: 33%;
	box-sizing: border-box;
	display: inline-block;
	border-right: 1px solid #efefef;
	padding: 1.15em;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
	vertical-align: top;
}

.grid-section .box.last-child {
	border-right: 0px;
}

.grid-section.grid-col-2 .box {
	width: 40%;
}

.grid-section.grid-col-4 .box {
	width: 24.3333333%;
}

.grid-section.grid-col-4 .box .item-specs label {
	width: 30%;
}

.grid-section.grid-col-4 .nice-select.open .list {
	min-width: 155px;
}

.box .item-title {
	margin: 1em 0 1.5em;
	text-align: center;
}

.box .item-title .item-title-sub {
	font-size: 16px;
	font-family: "WorkSans-Regular", sans-serif;
	color: #444444;
	line-height: 1.2em;
}

.box .item-title .item-title-main {
	font-size: 26px;
	font-family: "WorkSans-SemiBold", sans-serif;
	color: #000000;
	line-height: 1.2em;
}

.box .item-title .item-title-main span {
	color: #000000;
}

.box .item-title .item-title-relocation-explain {
	text-align: center;
	font-size: 14px;
	margin: 1em auto;
	font-family: "WorkSans-Regular", sans-serif;
	color: #000000;
	line-height: 1.2em;
}

.upgrade-note {
	font-family: "WorkSans-SemiBold", sans-serif;
	text-align: center;
	width: 100%;
	margin: 2em auto 0;
}

.gst-upgrade-note {
	margin: 10px auto 0;
	width: 100%;
}

.confirm-note {
	text-align: center;
	width: 70%;
	margin: 2em auto 0;
}

.icon-settings {
	display: inline-block;
	width: 60px;
	height: 60px;
	position: relative;
	cursor: pointer;
}

.icon-settings span.icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: transparent url(../images/icons/icon-settings.png) center center
		no-repeat;
}

.icon-settings .dropdown-wrapper {
	display: none;
}

.icon-settings .dropdown {
	background-color: #ffffff;
	padding: 1em 1em;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	position: absolute;
	right: -105%;
	width: 200px;
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
	box-sizing: border-box;
	border-radius: 15px;
}

.icon-settings .dropdown li {
	margin: 5px 0px;
}

.icon-settings .dropdown a {
	color: #000000;
	text-transform: capitalize;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.icon-settings .dropdown a.current,
.icon-settings .dropdown a:hover {
	color: #aa0fa3;
}

.icon-settings .dropdown:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0%;
	right: 45%;
	box-sizing: border-box;
	border: 8px solid black;
	border-color: #ffffff #ffffff transparent transparent;
	transform-origin: 0 0;
	transform: rotate(-45deg);
	-webkit-box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2px -2px 2px 0px rgba(0, 0, 0, 0.1);
}

.icon-settings:hover .dropdown-wrapper {
	display: block;
}

.dropdown .debit-on {
	color: #f454cd;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.dropdown .debit-off {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.account-summary-col {
	margin-top: 1em;
}

.account-summary-col .col-left {
	width: 55%;
	display: inline-block;
}

.account-summary-col .col-right {
	width: 37%;
	display: inline-block;
}

.voiceline-summary .account-summary-col .col-left {
	width: 60%;
	margin-right: 8%;
	display: inline-block;
}

.voiceline-summary .account-summary-col .col-right {
	width: 40%;
	display: inline-block;
}

.filters .dropdown {
	width: 20%;
}

.filters .dropdown .item {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0px;
	display: block;
}
.filters .dropdown .item:hover {
	color: #c16ffb;
}

.pay-per-use-stats {
	text-align: center;
	margin-top: 4em;
}

.pay-per-use-stats .title {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 22px;
	text-transform: capitalize;
	color: #000000;
	line-height: 1.4em;
}

.pay-per-use-stats .title:after {
	display: none;
}

.pay-per-use-stats .amount {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 36px;
	color: #f454cd;
	margin: 10px 0px;
}

.pay-per-use-stats .label {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 14px;
	color: #000000;
}

.voiceline-stats {
	display: inline-block;
	width: 40%;
	vertical-align: middle;
}

.voiceline-stats .col-left {
	width: 50%;
}

.voiceline-stats .col-right {
}

.voicelines-content.exceed-credit .voiceline-summary {
	width: 28%;
	border-left: 1px solid #000000;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
	padding-left: 3%;
	margin-left: 1%;
}

.voicelines-content.exceed-credit .account-statement-summary label {
	width: 40%;
}

.voicelines-content.exceed-credit .voiceline-stats {
	/*width: 37%;*/
	width: auto;
	padding: 0px 20px 0px 0px;
}

.voicelines-content.exceed-credit .widget-wrap {
	padding: 2em 1em;
}

.ui-tooltip,
.arrow:after {
	background: #ffffff;
	border: 1px solid #cccccc;
}

.ui-tooltip {
	width: 180px;
	background-color: #ffffff;
	padding: 1em 2em;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 14px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	border-radius: 15px;
}

body.page-login .ui-tooltip {
	width: 255px;
}

.arrow {
	width: 20px;
	height: 25px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: -16px;
}

.arrow.bottom {
	width: 20px;
	height: 25px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: -22px;
	-ms-transform: rotate(-90deg);
	/* IE 9 */
	-webkit-transform: rotate(-90deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	margin-left: -12px;
}

.arrow.top {
	top: -16px;
	bottom: auto;
}

.arrow.left {
	left: -20px;
	top: 50%;
	margin-top: -15px;
}

.arrow:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	width: 50px;
	height: 25px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow.top:after {
	bottom: -20px;
	top: auto;
}

.col-right.border-left {
	border-left: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
	padding-left: 8%;
	box-sizing: border-box;
}

.edit-bill-settings-content .form-section {
	width: 100%;
}

.edit-bill-settings-content .form-section > .col-left {
	width: 35%;
}

.edit-bill-settings-content .form-section > .col-right {
	width: 64%;
}

.nice-select {
	width: 90%;
	float: none;
	border-radius: 0px;
	border-color: #000000;
	border-radius: 15px;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	border-width: 2px;
}

.nice-select.half {
	width: 40%;
}

.nice-select.open .list {
	min-width: 100%;
	border-radius: 15px;
	max-height: 200px;
	overflow-y: auto;
}

.nice-select:after {
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	right: 20px;
}

.nice-select.dark {
	width: auto;
	height: auto;
	display: inline-block;
	color: #fff;
	background-color: #000;
	margin: 0px 5px;
	padding: 0em 1em;
	padding-left: 2em;
	padding-right: 2em;
	font-family: "WorkSans-SemiBold", sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	border-radius: 50px;
	height: 46px;
	line-height: 46px;
}

@media (max-width: 480px) {
	.nice-select.dark {
		width: 100%;
		text-align: center !important;
		margin: 10px 0;
	}
}

.nice-select.dark:after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}

.nice-select.dark .list {
	background-color: #000;
	border-top: 1px solid #666;
	margin-top: 5px;
}

.nice-select.dark .option:hover,
.nice-select.dark .option.focus,
.nice-select.dark .option.selected.focus {
	background-color: #333;
}

.nice-select.dark .option {
	font-size: 20px;
	text-align: center;
}

.choose-bank,
.choose-credit,
.choose-acc-type {
	margin-left: 0%;
	margin-top: 1em;
	display: none;
}

.choose-bank p,
.choose-credit p {
	margin: 0em 0.5em !important;
}

.choose-bank.active,
.choose-credit.active,
.choose-acc-type.active {
	display: block;
}

.modal-overlay-no-js,
.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 9999;
	overflow: auto;
}

.modal-wrapper {
	display: table;
	height: 100%;
	width: 100%;
}

.modal-inner-wrapper {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.modal {
	text-align: left;
	background-color: #ffffff;
	padding: 2em 3em 4em;
	display: inline-block;
	width: 100%;
	max-width: 600px;
	position: relative;
	box-sizing: border-box;
	border-radius: 15px;
}

@media (max-width: 767px) {
	.modal,
	.popup-slider .modal {
		max-width: 80%;
	}
}

.close-modal,
.close-modal-no-js {
	position: absolute;
	right: 6px;
	top: 6px;
	cursor: pointer;
	z-index: 999;
}

.modal-content {
	font-size: 16px;
	text-align: center;
	border-radius: 15px;
}

.modal-content .address-title,
.modal-content .address {
	display: inline-block;
}

.modal-h1 {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 30px;
	line-height: normal;
	color: #000000;
	margin: 1.5em 0 1em;
}

.modal .form-actions .button {
	margin: 0px 5px;
}

.modal .form-actions .button.full {
	width: 50%;
}

.plan-summary {
	text-align: center;
}

/*.plan-summary .item-specs {
	display: inline-block;
	margin: 0 auto;
}*/
.plan-summary .item-specs {
	display: inline-block;
	margin: 20px auto 0;
}

.plan-summary .item-specs label {
	width: 110px;
}

@media (min-width: 1101px) {
	.plan-summary .item-specs {
		width: 100%;
	}

	.plan-summary .item-specs .value {
		width: 57%;
	}
}

.plan-summary .box .item-title {
	margin: 1em 0;
}

.col-3 {
}

.widget-wrap.col-3,
.widget-wrap.col-2 {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}

.col-2 .col {
	display: inline-block;
	width: 40%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 3em;
	padding-bottom: 3em;
	vertical-align: middle;
}

.col-2 .col .item-icon img {
	max-width: 280px;
}

.col-2 .col:nth-child(2) {
	width: 40%;
	padding-left: 3%;
	padding-right: 3%;
	border-left: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
}

.col-3 .col {
	display: inline-block;
	width: 28%;
	padding-left: 2%;
	padding-right: 2%;
	/* padding-top: 3em; */
	/* padding-bottom: 3em; */
	vertical-align: middle;
	vertical-align: top;
}

.col-3 .col:nth-child(2) {
	width: 30%;
	padding-left: 1.5%;
	padding-right: 1.5%;
	border-left: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
}

.col-3 .col:nth-child(3) {
	width: 26%;
	padding-left: 3%;
	padding-right: 3%;
	border-left: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
}

.item-specs-l {
	margin: 1em auto;
}

.item-specs-l li {
	margin: 8px 0px;
	display: block;
	overflow: hidden;
}

.item-specs-l label {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #000000;
	text-transform: capitalize;
	display: inline-block;
	width: 100px;
	text-align: left;
	float: left;
}

.item-specs-l .value {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 16px;
	display: inline-block;
	text-align: left;
	float: left;
	color: #000000;
	width: 160px;
}

.item-specs-l ul {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.item-specs-l ul li {
	display: table-row;
}

.item-specs-l ul li label,
.item-specs-l ul li .value {
	display: table-cell;
	padding: 5px 9px;
	width: auto;
	text-align: left;
	float: none;
}

.total-payable {
	text-align: left;
}

.item-specs-l ul li label {
	width: 48%;
	text-align: left !important;
}

.total-payable label {
	color: #000000;
	font-size: 14px;
	/* text-transform: capitalize; */
	font-family: "WorkSans-SemiBold", sans-serif;
}

.total-payable .price {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 60px;
	line-height: 1em;
}
@media (max-width: 640px) {
	.total-payable .price {
		font-size: 50px !important;
	}
}
.total-payable .per-month {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 14px;
	line-height: 1em;
}

.bill-header {
	margin-top: 3em;
	overflow: hidden;
	margin-bottom: 2em;
}

.bill-header .address {
	float: left;
	width: 40%;
}

.bill-acct {
	float: right;
	width: 40%;
	text-align: right;
	color: #000000;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 18px;
}

.bill-summary .section-title .title,
.bill-summary .section-title-small .title {
	border-bottom: 0px;
}

.bill-table {
	width: 100%;
}

.bill-table tr th,
.bill-table tr td {
	border: 1px solid #e6e6e7;
	font-family: "WorkSans-Regular", sans-serif;
	text-align: center;
	color: #000000;
	padding: 1em;
	line-height: 1.2em;
	vertical-align: middle;
}

.bill-table tr th {
	background-color: #e6e6e7;
}

.bill-summary .section-title-small {
	border: 0px;
}

.bill-table.current-charges tr th,
.bill-table tr td {
}

.bill-table.current-charges {
	border: 1px solid #e6e6e7;
}

.bill-table.current-charges tr th {
	text-align: left;
	border: 0px;
}

.bill-table.current-charges tr td {
	text-align: left;
	border: 0px;
}

.bill-table tr th.amount,
.bill-table tr td.amount {
	text-align: right;
}

.bill-notes {
	margin: 3em 0;
	font-size: 12px;
}

.bill-notes ol {
	list-style: decimal;
	padding-left: 1em;
	line-height: 1.4em;
}

.bill-notes ol li {
	margin: 1em 0;
}

.red-note {
	color: #ff0000;
	font-size: 14px;
	font-family: "WorkSans-Regular", sans-serif;
}

.no-auto-debit .status-title {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 36px;
}

.no-auto-debit .status-message {
	font-size: 16px;
}

.bill-table-wrap .bill-table tr th:last-child {
	background-color: #000;
	color: #fff;
}

.bill-table-wrap .bill-table tr td:last-child {
	/*background-color: #f6f1e2;*/
}

.select2 {
}

.select2 .nice-select,
.select2.nice-select,
.body-ftto .select2 .nice-select,
.body-ftto .select2.nice-select {
	border: 0px;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	padding-left: 0px;
}

.select2 .nice-select:after,
.select2.nice-select:after,
.body-ftto .select2 .nice-select:after,
.body-ftto .select2.nice-select:after {
	position: relative;
	display: inline-block;
	left: auto;
	top: auto;
	right: auto;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 4px;
}

.select2.nice-select,
.body-ftto .select2.nice-select {
	width: 250px;
	margin: 0 auto;
	text-align: center !important;
	padding: 0px;
}

.select2.nice-select:active,
.select2.nice-select:focus,
.select2.nice-select:hover,
.body-ftto .select2.nice-select:active,
.body-ftto .select2.nice-select:focus,
.body-ftto .select2.nice-select:hover {
	border: 0px!important;
}

.select2.nice-select .option {
	text-align: center;
}

.form-section input[type="password"].borderless,
.form-section input[type="text"].borderless {
	border: 2px solid #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 20px;
	color: #000000;
	padding: 10px 20px;
}

.form-section input[type="password"].cvc {
	width: 85px;
}

.form-section input[type="text"].expiry-date {
	width: 85px;
	text-align: center;
}

.form-section input[type="text"].expiry-date::placeholder {
	color: #e6e6e7;
}

.setup-auto-debit .form-row .col-left {
	width: auto;
	margin-right: 2em;
}

.setup-auto-debit .label {
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: none;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0;
}

.form-section input.error,
.form input.error {
	border-color: #ff0000 !important;
}

.error-message {
	color: #ff0000;
	font-size: 14px;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 0.5em;
}
.error-message.absolute {
	position: absolute;
	bottom: -20px;
	text-align: left;
	font-size: 12px;
}

.form-section.setup-auto-debit {
	width: 90%;
	margin: 3em auto 0;
}

.setup-auto-debit > .col-left {
	width: 58%;
}

.setup-auto-debit > .col-right {
	width: 41%;
}

.form-tnc {
	clear: both;
	border-top: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	padding: 3em 0;
	margin-top: 1em;
}

.form-tnc ul li {
	overflow: hidden;
}

.form-tnc input[type="checkbox"] {
	display: inline-block;
	float: left;
	margin-right: 1em;
	margin-bottom: 2em;
}

.form-tnc ul li {
	margin-bottom: 1em;
}

.form-tnc ul li label {
	display: inline-block;
}

.icon-card {
	vertical-align: middle;
}

.setup-auto-debit .icon-card {
	height: 24px;
	margin-top: -5px;
	display: none;
}

.card-preview {
}

.card-model {
	border: 1px solid #979797;
	border-radius: 10px;
	padding: 25px 30px;
	width: 380px;
	box-sizing: border-box;
	margin: 2em auto;
	position: relative;
}

.mini-preview .card-model {
	max-width: 340px;
}

.auto-debit-added-done .card-model {
}

.card-model .bank-name {
	font-family: "WorkSans-Regular", sans-serif;
	text-align: right;
	font-size: 14px;
	color: #a4aab3;
	line-height: 1em;
	height: 14px;
}

.card-model .card-number {
	font-size: 28px;
	color: #444444;
	line-height: 1.4em;
	margin: 0.5em 0;
	text-align: center;
	min-height: 44px;
	font-family: "WorkSans-SemiBold";
}

.card-model .card-name,
.card-model .card-code {
	text-align: left;
}

.card-model .card-name {
	margin-bottom: 1em;
}

.card-model .card-name .value {
	height: 24px;
	color: #a4aab3 !important;
}

.card-model .card-code .col-left,
.card-model .card-code .col-right {
	display: inline-block;
	width: auto;
	margin-right: 1em;
}

.card-model .label {
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #a4aab3;
	margin-bottom: 0px;
	line-height: 1.4em;
}

.card-model .value {
	text-transform: uppercase;
	font-size: 14px;
	font-family: "WorkSans-Regular", sans-serif;
	color: #000000;
	line-height: 1.4em;
	color: #a4aab3 !important;
}

.card-code .card-security .value {
	height: 24px;
}

.card-expiry .value {
	height: 24px;
}

.card-expiry .slash {
	visibility: hidden;
}

.card-expiry .filled .slash {
	visibility: visible;
}

.card-model .card-logo {
	position: absolute;
	right: 30px;
	bottom: 25px;
	height: 37px;
}

.card-model .card-logo img {
	display: none;
}

.select-visa .visa {
	display: inline-block !important;
}

.select-mastercard .master {
	display: inline-block !important;
}

.col-right .card-preview {
	display: inline-block;
	vertical-align: top;
}

.modal-card-preview .modal-content p {
	font-size: 14px;
}

.auto-debit-added-done > .col-left {
	width: 50%;
}

.auto-debit-added-done > .col-right {
	width: 40%;
}

.auto-debit-added-payment-done > .col-left {
	width: 30%;
}

.auto-debit-added-payment-done > .col-right {
	width: 64%;
	padding-left: 4%;
}

.auto-debit-added-payment-done .amount-pay {
	display: inline-block;
	width: 40%;
	margin: 3em 0 0;
	padding-left: 5%;
	box-sizing: border-box;
}

.auto-debit-added-payment-done .amount-pay label {
	font-size: 14px;
}

.auto-debit-added-payment-done .amount-pay .trans-summary label {
	width: 40%;
}

.pay-section.auto-debit-added-done {
	margin: 3em auto 4em;
}

.setup-auto-debit.form-section .value {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	line-height: 1em;
}

.main-menu-selector {
	display: none;
}

.hello-section .account-selector {
}

.header .menu-selector {
	margin-top: -10px;
	display: inline-block;
}

.menu-selector {
	display: inline-block;
	float: right;
	position: relative;
	margin-top: -8px;
}

.header.scrolled .menu-selector {
	display: inline-block;
}

.menu-selector .account-selector {
	position: relative;
}

@media (max-width: 768px) and (min-width: 480px) {
	.menu-selector .account-selector {
		max-width: 200px;
	}

	.menu-selector .account-selector .account-item {
		overflow: hidden;
	}
}

.menu-selector .account-selector .dropdown {
	margin-top: 0px;
}

.menu-selector .account-item {
	padding: 0.5em 2.8em 0.5em 1em;
}

.menu-selector .current-item > .account-item {
	border: 0px;
}

.menu-selector .account-selector .account-plan {
	font-size: 18px;
	line-height: 1.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.menu-selector .account-selector .account-num {
	font-size: 12px;
	line-height: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.menu-selector .account-selector .fa {
	right: 1em;
	top: 35%;
}

.mobile-only {
	display: none;
	margin-top: 5px;
}

.no-border {
	border: 0px !important;
	border-image: none !important;
}

.relocation-form {
	text-align: center;
	width: 100%;
	margin-bottom: 3em;
}

.relocation-title {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	line-height: 1em;
	margin: 1em 0;
}

.relocation-item-title {
	font-size: 20px !important;
}

.relocation-title-2 {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	line-height: 1em;
	margin: 1em 0;
}

.relocation-search-address {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}

.relocation-search-address input[type="text"] {
	width: calc(100% - 220px);
	padding: 1.1em 2em;
	vertical-align: middle;
	border: 2px solid #000000;
	margin-right: 20px;
}

.relocation-search-address input[type="button"] {
	width: 29%;
	vertical-align: middle;
}

.search-address-item {
	display: block;
	text-align: center;
	padding: 2em;
	border-bottom: 1px solid #e6e6e7;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
}

.address-title {
	font-size: 18px;
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	margin-bottom: 10px;
}
.address {
	font-size: 14px;
	line-height: 1.2;
	color: #000000;
}

.search-address-item .address,
.search-address-found .address {
	color: #000000;
	font-size: 14px;
	font-family: "WorkSans-Regular", sans-serif;
	margin-top: 1em;
	margin-left: 3em;
}

.account-tel .fa {
	margin-right: 0.25em;
	min-width: 30px;
	text-align: center;
	position: relative;
}
.address-title .fa {
	font-size: 24px;
	color: #f454cd;
	margin-right: 0.25em;
	min-width: 30px;
	text-align: center;
	position: relative;
}
.fa-map-pin:before {
	content: "";
	background-image: url("../images/icons/icon_border_relocation.png");
	background-size: contain;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -20px;
	left: 0;
}
.fa-plan:before {
	content: "";
	background-image: url("../images/icons/icon_border_change_plan.png");
	background-size: contain;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -20px;
	left: 0;
}
.fa-router:before {
	content: "";
	background-image: url("../images/icons/icon_border_router.png");
	background-size: contain;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -20px;
	left: 0;
}
.fa-phone:before {
	content: "";
	background-image: url("../images/icons/icon_border_phone.png");
	background-size: contain;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -20px;
	left: 0;
}
.fa-calendar:before {
	content: "";
	background-image: url("../images/icons/icon_border_calender.png");
	background-size: contain;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -20px;
	left: 0;
}

.search-address-found {
	margin: 3em 0;
}

.search-address-found .address-title .fa {
	margin-left: -0.5em;
}

.search-address-found .address {
	margin-left: 0px;
}

.set-unit {
	font-size: 16px;
	margin-top: 1em;
}

.set-unit div {
	display: inline-block;
	padding: 10px;
	max-width: 120px;
	vertical-align: top;
}

.set-unit input[type="text"] {
	display: block;
	width: 100px;
	margin: 0 auto;
	text-align: center;
	border-width: 0px;
	border-bottom-width: 2px;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0px;
	color: #000000;
	/*border-color: #FF0004;*/
}

.relocation-calendar {
	text-align: center;
	margin-top: 2em;
}

.relocation-calendar tr th,
.relocation-calendar tr td {
	font-size: 24px;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
	color: #000000;
	padding: 0.5em 1em;
}

.relocation-calendar tr td a {
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.relocation-calendar tr th {
	text-transform: uppercase;
	font-size: 18px;
	color: #a4aab3;
}

.relocation-calendar tr th,
.relocation-calendar tr td {
	border-bottom: 1px solid #e6e6e7;
	border-right: 1px solid #e6e6e7;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
}

.relocation-calendar tr th:last-child,
.relocation-calendar tr td:last-child {
	border-right: 0px;
}

.relocation-calendar .ui-datepicker-calendar {
	margin: 1em auto;
}

.relocation-calendar .ui-datepicker-next,
.relocation-calendar .ui-datepicker-prev,
.relocation-calendar .ui-datepicker-title {
	display: none;
}

.ui-datepicker-week-end {
	opacity: 0.35;
}

.status-message-faq {
	font-size: 18px;
}

.relocation-payable {
	text-align: right;
	margin-bottom: 10em;
}

.relocation-spec-title {
	font-size: 20px;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: 100;
	color: #000000;
	text-transform: capitalize;
	margin: 0 0 1em;
}

.relocation-spec-summary .search-address-item {
	border: 0px;
	padding: 1em 0;
	text-align: left;
}

.relocation-spec-summary .address-title .button {
	float: right;
	width: auto;
}

.qr-code-section {
	width: 50%;
	margin: 2em auto 3em;
}

.qr-code-section .qr-code {
	width: 40%;
	display: inline-block;
	vertical-align: middle;
}

.qr-code-section .qr-code img {
	width: 100%;
	max-width: 200px;
}

.qr-code-section .qr-connect {
	width: 59%;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 5%;
}

.qr-code-section .sub-title {
	font-size: 20px;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: bold;
	color: #000000;
	text-transform: capitalize;
	margin: 1em 0;
	margin-top: 0px;
}

.qr-code-section .qr-connect-desc {
	margin: 1em 0;
}

.qr-code-section .button {
	font-size: 18px;
	display: inline-block;
	width: auto;
}

@media (max-width: 640px) {
	.qr-code-section,
	.device-types {
		margin: 0 !important;
		padding-top: 0 !important;
	}
}

.device-os {
	font-size: 20px;
	font-family: "WorkSans-Regular", sans-serif;
	line-height: 1em;
	margin-bottom: 0.5em;
}

.total-connected {
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	font-family: "WorkSans-Regular", sans-serif;
	margin-bottom: 0.5em;
}

.device-types {
	width: 50%;
	margin: 1em auto;
	border-top: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	padding-top: 3em;
}

.device-type {
	display: inline-block;
	width: 49%;
}

.device-type .device-icon {
	display: inline-block;
	width: 48%;
	vertical-align: middle;
}

.device-type .device-details {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.device-actions .button {
	display: inline-block;
	width: auto;
}

.button.current-plan {
	background-color: transparent !important;
	color: #000000 !important;
	border-top: 1px solid #e6e6e7 !important;
	border-bottom: 1px solid #e6e6e7 !important;
	border-left: 0px;
	border-right: 0px;
}

.voiceline-grid-payment {
	height: 76px;
	box-sizing: border-box;
	vertical-align: middle;
}

.item-payment.voiceline-grid-payment li {
	margin: 0px;
}

.change-voice-plan-pay {
	text-align: right;
}

.manage-voicelines .voiceline-summary {
	margin-left: 0px;
	width: 60%;
}

.manage-voicelines {
}

.manage-voicelines .voiceline-summary-wrap-left {
	display: inline-block;
	width: 35%;
	vertical-align: middle;
	margin-right: 20px;
}

.manage-voicelines .voiceline-summary-wrap-right {
	display: inline-block;
	width: 55%;
	vertical-align: middle;
}

.manage-voicelines .voicelines-content .account-actions {
	margin-top: 0px;
}

.manage-voicelines .voiceline-single {
	padding: 2em 0;
	border-bottom: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
}

.manage-voicelines .upgrade-note {
	width: 100%;
	margin-top: 1em;
}

li.item-specs-credit-limit {
	height: 46px;
}

.purchase-addons-section .grid-section {
	text-align: left;
}

.purchase-addons-section .grid-section .box {
	border: 0px;
	padding-top: 3em;
	padding-bottom: 3em;
}

.purchase-addons-section .grid-section .box .item-title-price {
	font-size: 24px;
	font-family: "WorkSans-Regular", sans-serif;
	color: #f454cd;
	line-height: 1.4em;
}

.item-icon img {
	max-width: 100%;
}

.plan-icon {
	max-height: 115px;
}

.purchase-addons-section .grid-section .box .item-icon img {
	width: 100%;
}

.purchase-addons-section .grid-section .box .item-title-main {
	font-size: 20px;
	line-height: 1.4em;
	color: #000000;
}

.product-options {
}

.product-option {
	position: relative;
	margin: 1em 0;
}

.product-option input {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	left: 0px;
	top: 0px;
}

.product-option .product-option-text {
	display: inline-block;
	vertical-align: top;
	margin-left: 2.5em;
}

.product-option .product-option-text p {
	margin: 0 0 10px;
}

.product-option .product-option-text p:last-child {
	margin: 0px;
}

.product-option .product-option-text label {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.product-price {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: #000000;
	margin: 1em 0 0.3em;
}

.product-price + p {
	margin-top: -8px;
	margin-bottom: 15px;
}

.product-price-contract-info p {
	margin-top: -7px;
}

h3.product-sub-title {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 18px;
	margin: 1em 0 0;
}

h1.product-title {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 24px;
	margin: 0 0 1em;
}

.product-gallery {
	overflow: hidden;
	padding-left: 5%;
	padding-right: 5%;
}

.product-gallery img {
	width: 100%;
}

.product-gallery .royalSlider {
	width: 100%;
	height: 300px;
}

.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsVideoFrameHolder,
.rsDefaultInv .rsThumbs {
	background-color: transparent !important;
}

.product-details-section .widget-wrap > .col-left {
}

.rsDefaultInv .rsBullet {
	margin-left: 3px;
	margin-right: 3px;
}

.rsDefaultInv .rsBullet span {
	width: 10px;
	height: 10px;
	background-color: #e6e6e7;
}

.rsDefaultInv .rsBullet.rsNavSelected span {
	background-color: #f454cd;
}

.product-details-section .product-action {
	margin: 2em 0;
}

.product-details-section .product-action a + a {
	margin-top: 10px;
}

.addon-checkout-spec {
}

.addon-checkout-spec label {
	font-size: 18px;
}

.item-specs-l.addon-checkout-spec ul li .value {
	text-align: right;
	width: auto;
}

.addon-checkout-spec .value span {
	display: inline-block;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
	font-size: 24px;
}

.addon-checkout-spec .value .amt {
	min-width: 40%;
	font-weight: bold;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: bold;
	font-size: 24px;
}

.addon-checkout-spec .total-price .value {
	font-size: 64px;
	line-height: 1em;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
	white-space: nowrap;
}

.addon-checkout-spec .total-price .value .curr {
	font-size: 30px;
}

.addon-checkout-spec .total-price .value .amt {
	color: #000000;
	/* font-size: 64px; */
	font-size: 48px;
}

.addon-checkout-spec .total-price label {
	margin-top: 2em;
	vertical-align: middle;
}

.addon-checkout-section .col-3 .col:nth-child(3) {
	padding-right: 0px;
	width: 29%;
}

.addon-checkout-section .box .item-title {
	margin-bottom: 0px;
}

.empty-intro .pay-section {
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.test-result {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}

.test-result-single {
	text-align: center;
	display: inline-block;
	width: 49%;
}

.test-result-single label {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	color: #000000;
}

.test-result-single .speed-num {
	font-size: 18px;
}

.test-result-preview {
	margin-top: 4em;
	height: 400px;
	padding: 3em 0px;
	border-top: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
}

.test-result-preview iframe {
	width: 100%;
	height: 100%;
	border: 1px solid #000000;
}

.test-result-preview {
	text-align: center;
}

.test-result-preview label {
	display: block;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
	font-size: 24px;
	margin: 1em 0;
	text-transform: uppercase;
	color: #000000;
}

.test-video {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.test-video iframe {
	width: 100%;
}

.test-video-result {
	margin: 3em 0 0;
	text-align: center;
}

.test-video-result .title {
	text-align: center;
	font-size: 24px;
	display: inline-block;
	padding-bottom: 0.3em;
	border-bottom: 2px solid #f454cd;
}

.test-video-result .title:after {
	display: none;
}

.test-video-result-table {
	margin: 2em auto 0;
	display: table;
}

.test-video-result-row {
	display: table-row;
}

.test-video-result-row label {
	display: table-cell;
	font-size: 16px;
	padding: 5px 50px 5px 20px;
	vertical-align: middle;
	text-align: left;
}

.test-video-result-row .value {
	display: table-cell;
	font-size: 24px;
	padding: 5px 20px;
	font-family: "WorkSans-Regular", sans-serif;
	vertical-align: middle;
	text-align: left;
}

.play-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255, 255, 255, 0.85);
}

.play-layer .play-layer-wrap {
	display: table;
	height: 100%;
	width: 100%;
}

.play-layer .play-layer-wrap2 {
	display: table-row;
}

.play-layer .play-layer-play {
	display: table-cell;
	vertical-align: middle;
}

.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center;
}

.relocation-calendar .ui-datepicker-calendar td a {
	width: 42px;
	height: 42px;
	display: inline-block;
	border-radius: 50%;
	line-height: 42px;
	font-family: "WorkSans-Regular", sans-serif;
}

.relocation-calendar .ui-datepicker-current-day a,
.relocation-calendar .ui-datepicker-calendar td a:hover {
	background-color: #f454cd;
	width: 42px;
	height: 42px;
	display: inline-block;
	border-radius: 50%;
	color: #000000 !important;
}

.relocation-calendar .ui-datepicker-current-day a,
.relocation-calendar .ui-datepicker-calendar td a:hover {
	background-color: #c16ffb;
	width: 42px;
	height: 42px;
	display: inline-block;
	border-radius: 50%;
	color: #000000 !important;
}

.relocation-calendar .ui-datepicker-current-day.ui-datepicker-week-end a,
.relocation-calendar .ui-datepicker-calendar td.ui-datepicker-week-end a:hover {
	background-color: #333333;
	width: 42px;
	height: 42px;
	display: inline-block;
	border-radius: 50%;
	color: #ffffff !important;
}

.ui-datepicker-month {
}

.relocation-calendar .ui-datepicker-calendar {
	border-top: 1px solid #e6e6e7;
}

.relocation-selector label {
	font-size: 16px;
	font-family: "WorkSans-Regular", sans-serif;
	display: block;
	text-align: left;
}

.relocation-selector .date-select {
	display: inline-block;
}

.relocation-selector .nice-select.open .list {
	width: auto;
}

.relocation-calendar .ui-datepicker-header {
	font-size: 24px;
	line-height: 1.6em;
}

.product-description {
}

.product-description ul {
	list-style: disc;
	padding-left: 1.5em;
}

.product-description ul li {
	margin: 0.5em 0;
}

.product-description table td {
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
}

.product-description table td:nth-child(1) {
	width: 150px;
}

.product-description table td + td {
	padding: 5px 0px 5px 10px;
	vertical-align: middle;
}

.product-description table tr:last-child td {
	border-bottom: 0px solid #ccc;
}

.product-description p a.normal-text {
	font-family: "WorkSans-Regular", sans-serif;
	color: inherit;
}

.product-description b {
	color: #f454cd;
}

.product-features {
}

.product-features .accordion {
	font-family: "WorkSans-Regular", sans-serif;
	position: relative;
	background-color: #eee;
	color: inherit;
	cursor: pointer;
	width: 100%;
	padding: 10px 18px;
	text-align: left;
	outline: none;
	transition: 0.4s;
	font-size: 100%;
	margin-top: 5px;
}

.product-features .accordion:after {
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	content: "";
	display: block;
	height: 5px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 5px;
}

.product-features .accordion.active {
	margin-bottom: 5px;
}

.product-features .accordion.active:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

li.secondary {
	display: none;
}

a.more-accounts.button {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-left: 2em;
}

.account-pay-select .secondary {
}

.credit-input {
	display: inline-block;
}

.credit-input .credit-cell {
	border-radius: 15px;
	margin-right: 5px;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 20px;
	color: #000000;
	padding: 10px 20px;
	width: 50px;
	display: inline-block;
	text-align: center;
}

@media (max-width: 450px) {
	.credit-input .credit-cell {
		width: calc(25% - 29px);
		padding: 10px 10px;
	}
}

.credit-input .credit-cell::placeholder {
	color: #e6e6e7;
}

.ui-tooltip,
.arrow:after {
	position: absolute !important;
}

.ui-helper-hidden-accessible {
	display: none;
}

.card-notice {
	padding: 2em;
	background-color: #e6e6e7;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
	border-radius: 15px;
}

.remove-auto-debit {
	margin-top: 1em;
	text-align: center;
}

.no-ssid {
	margin-top: 3em;
}

#jpWalkthrough #jpwTooltip {
	text-align: center;
}

#jpWalkthrough #jpwTooltip #tooltipInner {
	padding: 1em 0;
}

#jpWalkthrough #jpwTooltip #tooltipInner,
#jpwClose,
#jpwNext,
#jpwPrevious,
#jpwFinish {
	font-family: "WorkSans-Regular", sans-serif;
}

#jpwClose:hover {
	color: #ffffff;
}

#jpwClose,
#jpwNext,
#jpwPrevious,
#jpwFinish {
	color: #ffffff;
}

#jpwNext {
	margin-right: 10%;
}

#jpwPrevious,
#jpwFinish {
	margin-left: 10%;
}

#jpwNext,
#jpwPrevious,
#jpwFinish {
	background-color: #f454cd;
	color: #ffffff;
	padding: 0.3em 1em;
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: uppercase;
}

#jpwOverlay {
}

#jpwClose:before {
}

#jpwClose {
	top: auto;
	bottom: 5%;
}

.overlay-hole {
	box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 1px 10000px !important;
}

#jpWalkthrough .overlay-hole > div {
	box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.8) !important;
}

.tour-tips {
	display: none;
}

#jpWalkthrough #jpwTooltip .top {
	margin-bottom: 40px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover,
.relocation-calendar .ui-datepicker-calendar tbody td.ui-datepicker-current-day a.ui-state-active {
	background-color: #f454cd;
	border-color: #f454cd;
}

.page-login-wrapper .mCSB_inside > .mCSB_container {
	margin-right: 0px;
}

.page-login-wrapper .mCSB_scrollTools {
	width: 1px;
	opacity: 1;
}

.page-login-wrapper .mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.page-login-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: transparent;
}

/* CSS Update 261017 Begin */
.input-group.error {
	border: 1px solid red;
}

.input-group.error .btn-number,
.input-group.error .addon-currency,
.input-group.error .input-number {
	border-top: 0px;
	border-bottom: 0px;
}

.input-group.error .btn-minus {
	border-left: 0px;
	padding: 17px 16px;
}

.input-group.error .btn-plus {
	border-right: 0px;
	padding: 17px 16px;
}

.current-credit-limit {
	text-align: left;
	margin: 0em 0 4em;
}

.current-credit-limit .currency,
.current-credit-limit .amount-num {
	color: #000000;
	display: inline;
	font-size: 36px;
}

.current-credit-limit .currency {
}

.current-credit-limit .amount-due {
	text-align: left;
}

.current-credit-limit .col-left {
	width: 20%;
}

.new-credit-limit .col-left .amount-due {
	margin-top: 20px;
	margin-bottom: 20px;
}

.new-credit-limit .btn-number {
	padding: 16px;
}

.btn-number {
	background-color: #eee;
}

.input-number {
	z-index: 10 !important;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 36px !important;
	color: #000000;
	text-transform: uppercase;
	text-align: center !important;
	padding: 0px 0px !important;
	height: 54px !important;
	background-color: transparent !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
	/*border-right: none !important;
	border-left: none !important;*/
}

.addon-currency {
	border-right: 0px;
}

.btn-plus {
	border-left: 0px;
}

.new-credit-limit .btn-default:hover {
	color: #fff;
	background-color: #f454cd;
	transition: 0.3s ease-in-out background-color;
}

.new-credit-limit {
	text-align: left;
}

.new-credit-limit .col-left {
	width: 40%;
}

.new-credit-limit .col-right {
	width: 59%;
}

.new-credit-limit .col-left .light,
.new-credit-limit .col-right .light {
	text-align: center;
	width: 100%;
}

.new-credit-limit .btn-default:focus,
.btn-default.focus {
	color: #fff;
	background-color: #f454cd;
	transition: 0.3s ease-in-out background-color;
}

.new-credit-limit-title {
	font-size: 18px;
	color: #a4aab3;
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: uppercase;
}

.new-limit-border {
	border-bottom: 1px solid #e6e6e7;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.credit-limit-link {
	display: block;
	color: #fff !important;
}

.remove-chart {
	height: 100px;
	z-index: -1;
}

.remove-chart canvas {
	opacity: 0;
}

@media (max-width: 767px) {
	.current-credit-limit .amount-due,
	.current-credit-limit {
		text-align: center;
	}
}

.multi-service-dropdown {
	display: block;
	width: 100%;
	padding: 40px 0px;
	margin-top: -40px;
}

.section-row .date-filter-right {
	position: relative;
}

::selection {
	background: #f454cd;
	/* WebKit/Blink Browsers */
	color: #fff;
}

::-moz-selection {
	background: #f454cd;
	/* Gecko Browsers */
	color: #fff;
}

.body-ftto ::selection {
	background: #c16ffb;
}

.body-ftto ::-moz-selection {
	background: #c16ffb;
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

input:focus,
textarea:focus {
	border-color: none !important;
	box-shadow: inset 0 1px 1px rgba(230, 0, 126, 0.05),
		0 0 3px rgba(230, 0, 126, 0.29) !important;
}

textarea {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: normal;
	line-height: 1.6em;
	font-size: 16px !important;
	color: #000 !important;
}

.vert-align,
.vert-align a {
	vertical-align: top;
}

.vert-align a.button {
	margin: 0px 10px;
}

.account-status.inprogress {
	background-color: #f1ecde !important;
	border-radius: 0px !important;
	color: #000000 !important;
}

.hook-up-and-earn .section-title-small .title {
	font-size: 24px;
	border-bottom: 1px solid #f454cd;
}

.title.center {
	text-align: center;
	margin-bottom: 35px;
	font-size: 24px;
}

.title.center:after {
	display: none;
}

@keyframes FadeInOut {
	0% {
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

#huae-banner {
	position: relative;
	height: 120px;
	margin: auto;
}

#huae-banner img {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 0;
	height: 100%;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 9s linear infinite 0s;
	-moz-animation: imageAnimation 9s linear infinite 0s;
	-o-animation: imageAnimation 9s linear infinite 0s;
	-ms-animation: imageAnimation 9s linear infinite 0s;
	animation: imageAnimation 9s linear infinite 0s;
}

#huae-banner > img:nth-child(2) {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}

#huae-banner > img:nth-child(3) {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}

@keyframes imageAnimation {
	0% {
		opacity: 0;
		animation-timing-function: ease-in;
	}

	6% {
		opacity: 1;
		animation-timing-function: ease-out;
	}

	37% {
		opacity: 1;
	}

	40% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

/* #huae-banner img.banner-1 {
	opacity: 1;
}

#huae-banner img.banner-1 {
	animation-name: FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	animation-direction: alternate;
	animation-delay: 0s;
}

#huae-banner img.banner-2 {
	animation-name: FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	animation-direction: alternate;
	animation-delay: 3s;
}

#huae-banner img.banner-3 {
	animation-name: FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	animation-direction: alternate;
	animation-delay: 6s;
} */

.hook-up-and-earn .col-left {
	width: calc(35% - 30px);
	padding: 15px;
	float: left;
}

.hook-up-and-earn .col-right {
	width: calc(65% - 50px);
	padding: 25px;
	float: left;
}

.hook-up-and-earn .col-right .link-wrapper {
	padding: 25px;
	border-radius: 15px;
}

.hook-up-and-earn .col-right .link-wrapper a.huae-link {
	font-weight: bold;
	font-size: 20px;
	font-family: "WorkSans-SemiBold", sans-serif;
	color: #000;
	margin-bottom: 10px;
	word-break: break-all;
}

.hook-up-and-earn .col-right .link-wrapper svg {
	margin-left: 10px;
	cursor: pointer;
}

.hook-up-and-earn .col-right .link-wrapper svg:hover #Icon_feather-link path {
	stroke: #f454cd;
}

.hook-up-and-earn .col-right .link-wrapper a.huae-link:hover {
	color: #f454cd;
}

.img-desc-row {
	display: table;
}

.tnc-row {
	display: none;
}

.tnc-row.show {
	display: block;
}

.share-row {
	clear: both;
	margin-top: 28px;
	display: none;
}

.share-row.show {
	display: table;
}

.social-icons {
	margin-top: 10px;
}

.huae-link-img {
	position: relative;
}

.copied-tooltip {
	display: none;
	background: #f0efef;
	font-size: 10px;
	position: absolute;
	top: 20px;
	left: 51%;
	transform: translateX(-50%);
	width: 65px;
	text-align: center;
}

.copied-tooltip:after {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #f0efef;
}

.copied-tooltip.show {
	display: block;
}

.hook-up-and-earn .col-right .col-img {
	width: 40%;
	float: left;
}

.hook-up-and-earn .col-right .col-img .img-1gbps {
	width: calc(100% - 40px);
}

.hook-up-and-earn .col-right .col-img .img-1gbps img {
	border: 1px solid #e6e6e7;
	padding: 10px;
}

.hook-up-and-earn .col-right .col-desc {
	width: 60%;
	float: left;
}

.hook-up-and-earn h2 {
	margin: 0px;
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 24px;
}

.hook-up-and-earn p {
	margin-top: 5px;
	margin-bottom: 0px;
}

.join-me-on-fast-lane {
	width: 70%;
	display: table;
}

.join-me-on-fast-lane .hover-underline:hover {
	text-decoration: underline;
}

.join-me-on-fast-lane .btn {
	padding: 10px 30px;
	border-radius: 50px;
}

.join-me-on-fast-lane .btn.disabled {
	opacity: 1;
	background: #c1c1c1;
}

.border-grey {
	border: 1px solid #e6e6e7;
}

.tbl-2 {
	margin: 0 auto;
}

.filters .current {
	color: #a4aab3;
}

.hidden {
	display: none !important;
}

.how-it-works {
	padding-top: 3em;
	margin-bottom: 7em;
	border-top: 1px solid #cccccc;
	-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
}

.discount-balance {
	text-align: center;
}

.discount-balance .col-wrap {
	display: inline-block;
	text-align: left;
	padding: 0% 5% 3%;
}

.discount-balance .col-wrap:last-child {
	border-left: 1px solid #000000;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
}

.discount-balance .col-wrap .price {
	font-size: 36px;
}

@media (max-width: 1100px) {
	.join-me-on-fast-lane {
		width: 100%;
		max-width: 826px;
	}
}

@media (max-width: 900px) {
	#huae-banner {
		height: 150px;
	}

	.join-me-on-fast-lane {
		max-width: 450px;
	}

	.hook-up-and-earn .col-left {
		width: auto !important;
		display: block;
		margin: 0 auto 20px;
		text-align: center;
		border: 0px;
	}

	.hook-up-and-earn .col-left img {
		padding: 15px;
		box-sizing: border-box;
	}

	.hook-up-and-earn .col-right {
		width: 100% !important;
		padding: 0px;
	}

	.hook-up-and-earn .col-right br {
		display: none;
	}

	.how-it-works td {
		display: block;
	}

	.how-it-works td:nth-child(2n) img {
		transform: rotate(90deg);
		height: 60px;
	}

	.discount-balance .col-wrap:last-child {
		border-left: 0px solid #000000;
		border-top: 1px solid #e6e6e7;
		margin-top: 10px;
		padding-top: 15px;
		-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
		-o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
		border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	}
}

@media (max-width: 450px) {
	.join-me-on-fast-lane .btn {
		display: flex;
		justify-content: center;
	}

	.hook-up-and-earn .col-right .col-img {
		width: 150px;
		margin: auto;
		text-align: center;
		float: none;
	}

	.hook-up-and-earn .col-right .col-img .img-1gbps {
		width: calc(100% - 20px);
	}

	.hook-up-and-earn .col-right .col-desc {
		width: 100%;
		text-align: center;
	}
}

/* Astro Voiceline */
.astro-voiceline-summary {
	position: relative;
}

.astro-voiceline-summary .action-right {
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
}

.astro-voiceline-summary .account-summary-col .col-right {
	width: 33%;
	display: inline-block;
}

.normal-text {
	text-transform: none;
}

.account-statement-summary .account-status {
	background-color: #14d0ef;
	border-radius: 15px;
	line-height: 1em;
	padding: 1.2em 2em;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	font-family: "WorkSans-SemiBold", sans-serif;
	vertical-align: middle;
}

.steps-col-wrapper {
	margin-bottom: 30px;
	float: left;
	width: 100%;
}

.steps-col-wrapper .col-full {
	float: left;
	width: 100%;
}

.steps-col-wrapper .col-left {
	float: left;
	width: 30%;
	clear: left;
}

.steps-col-wrapper .col-left img {
	max-width: 90%;
}

.steps-col-wrapper .col-right {
	font-size: 15px;
	line-height: 1.25;
	padding: 15px 0px;
	float: left;
	width: 65%;
	clear: right;
}

.payment-terms label,
.payment-terms label a {
	font-family: "WorkSans-Regular", sans-serif !important;
	font-weight: normal !important;
	font-size: 14px !important;
}

.payment-terms label a {
}

/*.addon-checkout-section .col {
	vertical-align:top;
}*/
.status-message .small {
	font-size: 12px;
	margin-bottom: 0px;
}

.full-banner {
	background-image: url(../images/homescreen-option2.jpg);
	background-size: cover;
	background-position: center center;
	height: 93vh !important;
}

.fpx-logo {
	vertical-align: top;
	height: 33px;
}

.voiceline-grid-usage-history {
	position: relative;
	min-height: 100px;
}

@media (max-width: 767px) {
	.voiceline-grid-usage-history {
		min-height: 15px;
	}
}

.voiceline-grid-usage-history p {
	float: left;
}

.voiceline-grid-usage-history .recommended-plan {
	margin: 0px;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 25px;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	color: #f454cd;
}

.description-col,
.month-col {
	display: inline-block;
	height: 40px;
	text-align: center;
}

.usage-history {
	font-size: 12px;
	display: block;
	float: none;
	clear: both;
	padding-top: 20px;
}

.barchart-bar {
	position: relative;
	height: 40px;
	width: 20px;
	border-bottom: 1px solid #cccccc;
}

.barchart-bar > span {
	position: absolute;
	bottom: 5px;
	display: block;
	width: 20px;
}

.bar-01 {
	background-color: #666666;
}

.bar-02 {
	background-color: #999999;
}

.bar-03 {
	background-color: #cccccc;
}

.barchar-number {
	width: 20px;
	text-align: center;
	position: absolute;
	top: -20px;
	left: 0;
	background-color: transparent;
}

.barchart-bar {
	padding: 0px 10px;
}

.value.penalty {
	color: #ff0f00;
}

.img-responsive {
	max-width: 100%;
}

.flip-container {
	perspective: 1000px;
}

.flip-container:hover .flipper,
.flip-container.hover .flipper {
	transform: rotateY(180deg);
}

.flip-container,
.front,
.back {
	width: 100%;
	height: 70px;
	cursor: pointer;
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front,
.back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

.back {
	transform: rotateY(180deg);
}

#performance .account-actions {
	vertical-align: top;
}

#performance .voiceline-summary {
	margin-left: 1%;
	width: 61%;
}

#performance .col-left {
	min-height: 40px;
}

/** Raise Tickets **/
.ticket-col {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding: 0px 20px 0px;
	box-sizing: border-box;
}

.ticket-2col-left {
	display: block;
	float: left;
	width: 70%;
	margin-bottom: 20px;
	padding: 20px 20px 0px;
	box-sizing: border-box;
	border-right: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
	box-sizing: border-box;
}

.ticket-2col-left.scrollbar {
	height: 470px;
}

.ticket-2col-right {
	display: block;
	float: left;
	width: 30%;
	min-height: 300px;
	margin-bottom: 20px;
	padding: 20px;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.ticket-2col-left {
		width: 100%;
	}
	.ticket-2col-right {
		width: 100%;
	}
}

.ticket-2col-right textarea,
.raise-ticket-form textarea {
	width: 100%;
	margin: 0 auto;
	min-height: 150px;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #a4aab3;
}

.ticket-row {
	display: block;
	width: 100%;
	padding-top: 20px;
	border-bottom: 1px solid #e6e6e7;
}

.ticket-user-icon {
	display: inline-block;
	color: #a4aab3;
	vertical-align: middle;
	padding-right: 15px;
	margin-bottom: 20px;
}

.ticket-user-name {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 20px;
}

.ticket-details {
	display: block;
	padding-bottom: 30px;
}

.ticket-upload {
	margin: 15px auto 30px;
}

.ticket-reply-header {
	color: #000000;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 15px;
	display: block;
}

.raise-ticket-form input[type="text"] {
	width: 100%;
}

.raise-ticket-form .ticket-upload {
	margin: 5px auto;
}

.raise-ticket-btn {
	font-family: "WorkSans-Regular", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	font-size: 18px;
	padding: 5px 20px 4px;
	color: #fff;
	background-color: #f454cd;
}

.connection-status {
	background-image: url(../images/icon-connection-down.png);
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 0%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: baseline;
}

/*
.connection-status {
	background-image: url(../images/icon-connection-down.png);
	position: relative;
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
*/
.connection-status.on {
	background-image: url(../images/icon-connection-up.png);
}

/* CSS Update 14032018 End */
.qty-row {
	margin-bottom: 30px;
}

.qty-number {
	z-index: 10 !important;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 25px !important;
	color: #000000;
	text-transform: uppercase;
	text-align: center !important;
	padding: 0px 0px !important;
	height: 39px !important;
	background-color: transparent !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
	border-right: none !important;
	border-left: none !important;
	width: 50px;
	border: 1px solid #ccc;
	vertical-align: middle;
}

.qty-row label {
	display: inline-block;
	margin-right: 15px;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
	font-size: 20px;
	vertical-align: middle;
}

.qty-button {
	display: inline-block;
	padding: 8px;
	background-color: #eee;
	vertical-align: middle;
	font-size: 25px;
	font-weight: bold;
	width: 25px;
	text-align: center;
	border: 1px solid #ccc;
	cursor: pointer;
}

.qty-button:hover {
	background-color: #f454cd;
	color: #fff;
}

.qty-button.dec {
	margin-right: -5px;
}

.qty-button.inc {
	margin-left: -5px;
}

.qty-button.button-disabled {
	color: #fff;
}

.max-limit,
.min-limit {
	color: #ff0004;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2;
	padding-top: 5px;
	display: none;
}

.max-limit.error,
.min-limit.error {
	display: block;
}

.account-plan .account-status.down {
	background-color: #595a5c;
}

#troubleshoot li {
	margin-bottom: 10px;
	font-size: 14.5px;
	line-height: 1.5;
}

#troubleshoot p {
	margin-bottom: 0px;
	margin-top: 0px;
}

#troubleshoot p strong {
	font-family: "WorkSans-Regular Bold", sans-serif;
}

#surprise .modal,
.modal-surprise .modal {
	padding: 0px 0px;
}

#surprise .close-modal,
.modal-surprise .close-modal {
	color: #fff;
}
@media (max-width: 480px) {
	#surprise a.btn-border,
	.modal-surprise a.btn-border {
		margin-bottom: 20px;
		display: inline-block;
		width: auto;
		margin: 20px auto;
	}
}

.text-black {
	color: #000000 !important;
}

.text-pink {
	color: #f454cd;
}

.reward-header {
	background-color: #ff82e6;
	color: #fff;
	padding: 10px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	border-radius: 15px 15px 0 0;
}

.reward-header img {
	max-height: 200px;
	max-width: 100%;
}

.reward-img {
	box-sizing: border-box;
}
.reward-img img {
	border-radius: 15px;
}

.reward-img,
.reward-text {
	display: block;
}

.reward-text {
	padding: 0px 15px 20px;
	font-family: "WorkSans-SemiBold", sans-serif;
}

@media (max-width: 480px) {
	.reward-text h3 br {
		display: none;
	}
}

#surprise .text-wrapper,
.modal-surprise .text-wrapper {
	padding: 0px 15px;
}

#surprise .text-wrapper h2,
.modal-surprise .text-wrapper h2 {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 30px;
}

.reward-terms {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 14px;
	line-height: 1.25em;
	padding: 0em 15px 0em;
	display: inline-block;
}

.reward-claimed {
	opacity: 0.3;
	background-color: #cccccc;
}

.button.reward-claimed {
	color: #000;
	border: 0px;
	cursor: auto;
}

.reward-sticky {
	position: fixed;
	bottom: 55px;
	right: -200px;
	display: inline-block;
	text-align: center;
	transition: 0.6s;
	z-index: 10;
}

.reward-sticky h3 {
	display: inline-block;
	background-color: #f454cd;
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	padding: 5px 35px;
	margin: 0;
	font-size: 20px;
	cursor: pointer;
	vertical-align: middle;
	border-radius: 15px;
}

.reward-sticky img {
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	left: -1px;
}

.reward-sticky.open {
	right: 0px;
	transition: 0.6s;
}

.rewards-claim-page h1 {
	font-family: "WorkSans-SemiBold", sans-serif;
	line-height: 1;
	font-size: 30px;
}

.rewards-claim-page img {
	max-width: 100%;
}

.rewards-claim-page .button {
	margin-top: 30px;
	display: inline-block;
	width: auto;
}

.rewards-claim-page .account-statement-summary label {
	width: 25%;
}

.rewards-claim-page .account-statement-summary {
	font-size: 15px;
}

sup {
	font-size: 60%;
	vertical-align: super;
}

img.barcode {
	max-width: 180px;
}

#how-to-redeem {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

#how-to-redeem h1 {
	font-family: "WorkSans-SemiBold", sans-serif;
	margin-top: 30px;
}

.rewards-redeem-steps {
	display: inline-block;
	width: 24.5%;
	position: relative;
	padding-right: 30px;
	padding-left: 30px;
	box-sizing: border-box;
	vertical-align: top;
}

.rewards-redeem-steps span:after {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(images/rewards-right-arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 50%;
	right: -120px;
	transform: translateY(-50%);
}

.rewards-redeem-steps:last-child span:after {
	display: none;
}

@media (max-width: 767px) {
	.rewards-redeem-steps span:after {
		display: none;
	}

	.rewards-redeem-steps {
		display: block;
		width: 100%;
	}

	.reward-redeemed {
		text-align: center;
	}

	.rewards-claim-page h1 {
		text-align: center;
	}
}

.rewards-redeem-steps > span {
	position: relative;
	display: inline-block;
	font-family: "WorkSans-SemiBold", sans-serif;
	color: #f454cd;
	background-color: #fff;
	height: 70px;
	width: 70px;
	line-height: 70px;
	font-size: 40px;
	border: 6px solid #f454cd;
	border-radius: 100%;
	margin-bottom: 0px;
	margin-top: 30px;
}

.rewards-redeem-steps span.small {
	font-size: 12px;
}

.rewards-redeem-steps p {
	line-height: 1.25;
}

#participating-outlets {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#terms-and-conditions {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#terms-and-conditions .text-wrapper {
	line-height: 1.25;
}

#reward-claim {
	text-align: center;
}

#reward-claim h3 {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 25px;
}

#reward-claim .button {
	width: auto;
	display: inline-block;
}

#reward-claim .reward-terms {
	margin-bottom: 0px;
}

.reward-redeemed {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 36px;
}

.menu > ul > li .dropdown li {
	margin: 10px 0px;
}

.menu > ul > li {
	position: relative;
	z-index: 99999;
}

.menu > ul > li > a > i {
	font-size: 14px;
	vertical-align: middle;
	padding-bottom: 5px;
}

.menu > ul > li:hover .dropdown-wrapper {
	display: block;
}

.menu > ul > li .dropdown {
	width: 140px;
	padding: 1em 1em;
	border-radius: 15px;
}

.menu > ul > li .dropdown a {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 14px;
	text-transform: capitalize;
}

.button.grey {
	background-color: #595a5c;
	border: none;
	cursor: default;
}

@media (max-width: 900px) {
	.menu > ul > li:hover .dropdown-wrapper {
		display: block;
		position: relative;
	}

	.menu .dropdown {
		position: relative;
		width: 100% !important;
		box-sizing: border-box;
		font-size: 15px;
	}

	.menu .dropdown::after {
		right: 50%;
	}

	.menu-account {
		z-index: 12;
	}

	.menu > ul > li .dropdown a {
		font-size: 16px !important;
	}

	.header .menu ul li {
		z-index: 10;
	}

	.header .menu ul li:first-child {
		z-index: 11;
	}
}

/* Addon */
.purchase-addons-section .grid-section {
	position: relative;
}

.purchase-addons-section .grid-section .box:nth-child(1):after {
	content: "TIME WiFi LIFESAVERS";
	font-family: "WorkSans-Regular", sans-serif;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 7px 15px 5px;
	background-color: #f454cd;
	color: #fff;
}

@media (min-width: 641px) {
	.purchase-addons-section .grid-section .box:nth-child(1),
	.purchase-addons-section .grid-section .box:nth-child(2) {
		border: 1px solid #f454cd;
		margin-right: -5px;
	}

	.purchase-addons-section .grid-section .box:nth-child(1) {
		border-right: 1px solid #f454cd;
	}

	.purchase-addons-section .grid-section .box:nth-child(2) {
		border: 0px;
	}
}

@media (max-width: 640px) {
	.purchase-addons-section .grid-section .box:nth-child(1),
	.purchase-addons-section .grid-section .box:nth-child(2) {
		border: 1px solid #f454cd;
		margin-right: 0px;
		margin-bottom: 0px;
	}

	.purchase-addons-section .grid-section .box:nth-child(1) {
		border-bottom: 0px;
	}

	.purchase-addons-section .grid-section .box:nth-child(2) {
		border-top: 0px;
	}
}

/* GST Note */
.gst-note-wrapper {
	text-align: center;
	background-color: #f6f7ee;
	padding: 15px 15px;
	margin-bottom: 45px;
	font-size: 14px;
	line-height: 1.25;
}

.gst-note-wrapper p {
	padding: 0px;
	margin: 0px;
}

@media (max-width: 767px) {
	.gst-note-wrapper {
		margin-top: 15px;
		margin-bottom: 0px;
	}
}

/* Announcement Note */
.announcement-wrapper {
	text-align: center;
	font-size: 14px;
	line-height: 1.25;
	width: 100%;
	min-height: 10px;
}

.announcement-wrapper p {
	padding: 0px;
	margin: 0px;
}

.announcement-wrapper .visible-xs {
	display: none;
}

.announcement-wrapper .hidden-xs {
	display: block;
}

.visible-xs {
	display: none;
}

.hidden-xs {
	display: block;
}

@media (max-width: 767px) {
	.announcement-wrapper {
		margin-top: 15px;
		margin-bottom: 0px;
	}

	.announcement-wrapper .visible-xs {
		display: block;
	}

	.announcement-wrapper .hidden-xs {
		display: none;
	}

	.visible-xs {
		display: block;
	}

	.hidden-xs {
		display: none;
	}
}

/** Ragnarok Popups **/
.popup-slider .modal {
	background-color: transparent;
	padding: 0em 0em 0em;
	max-width: 600px;
}

.popup-slider .modal-content {
	background-color: #fff;
}

#UpgradeComing .modal {
	padding: 0px 0px;
}

#UpgradeComing .close-modal {
	color: #fff;
}

#UpgradeComing .text-wrapper {
	max-width: 450px;
	margin: auto;
}

#UpgradeComing .text-wrapper h2 {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 38px;
}

.popup-cta {
	padding-top: 15px;
}

.popup-cta .button {
	display: inline-block;
	max-width: 300px;
	margin-top: 2px;
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	.popup-cta .button {
		max-width: 80%;
		margin-bottom: 8px;
	}

	.popup-cta .button + .button {
		margin-bottom: 20px;
	}
}

.popup-rewards {
	padding-top: 30px;
}

.popup-rewards .reward-img img {
	margin: 0 auto;
}

.popup-header {
	position: relative;
}

.popup-header img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -25px;
}

.rrp {
	font-size: 20px;
	font-weight: 100;
	color: #000;
}

.small-note {
	line-height: normal;
	font-size: 12px !important;
	display: block;
}

.plan-dropdown {
	overflow: visible !important;
	height: 23px;
	width: 100%;
	display: flex;
	align-items: center;
}

.plan-dropdown .nice-select,
.plan-dropdown-2 .nice-select {
	font-size: 12px;
	height: 46px;
	padding: 5px 5px;
	line-height: 1.1;
	width: 100% !important;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #000000;
}

.plan-dropdown .nice-select::after,
.plan-dropdown-2 .nice-select::after {
	right: 10px;
}

.plan-dropdown-2 {
	overflow: visible !important;
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (min-width: 880px) and (max-width: 1100px) {
	.plan-dropdown,
	.plan-dropdown-2 {
		height: 46px;
	}
}

@media (max-width: 1100px) {
	.plan-dropdown .nice-select,
	.plan-dropdown-2 .nice-select {
		width: 100%;
	}

	.item-specs .value {
		width: 100%;
		padding: 0px 0px;
	}
}

.change-plan-wrapper .col {
	vertical-align: top;
}

.relocation-desc {
	background-color: #e5e5e5;
	padding: 15px;
	display: block;
	width: 70%;
	margin: 0 auto 30px;
	border-radius: 15px;
}

.relocation-desc p {
	margin: 0px;
}

.mock-payment-gateway {
	display: block;
	margin: 0 auto;
}

.center-block {
	margin: 0 auto;
}

#PopupMain .popup-img {
	background-image: url(images/popup-banner-bg.png);
	background-size: 100% 100%;
	position: relative;
}

#PopupMain .popup-img-2 {
	background-image: url(images/popup-bg-mhm.png);
	background-size: 100% 100%;
}

#PopupMain .marshmallow-popup-text,
#PopupMain .marshmallow-popup-visual {
	display: inline-block;
}

#PopupMain .marshmallow-popup-text {
	width: 60%;
	vertical-align: top;
	position: relative;
	z-index: 10;
}

#PopupMain .marshmallow-popup-text img {
	max-height: 200px;
}

#PopupMain .marshmallow-popup-visual {
	width: 40%;
	vertical-align: bottom;
	position: relative;
	z-index: 5;
}

#PopupMain .marshmallow-popup-visual img {
	max-height: 430px;
}

#PopupMain .marshmallow-popup-text {
	padding: 15px;
	box-sizing: border-box;
}

.popup-clouds {
	position: absolute;
	display: block;
	width: 100%;
	bottom: -2px;
	left: 0px;
	z-index: 7;
}

.marshmallow-popup-text .popup-title,
.marshmallow-popup-text .date-title,
.marshmallow-popup-text .date,
.marshmallow-popup-text .plan-speed {
	font-family: "WorkSans-Regular", sans-serif;
	line-height: 1em;
	font-weight: bold;
}

.marshmallow-popup-text .popup-title {
	text-align: left;
}

.marshmallow-popup-text .date-title {
	font-size: 25px;
}

.marshmallow-popup-text .date {
	font-size: 35px;
	color: #f454cd;
}

.marshmallow-popup-text .plan-speed {
	font-size: 75px;
	color: #f454cd;
	margin: 15px auto 15px;
}

.marshmallow-popup-text .plan-speed span {
	font-size: 50px;
}

#PopupMain .marshmallow-popup-text .popup-title {
	color: #f454cd;
	line-height: 0.92em;
	font-weight: bold;
	font-size: 63px;
	margin-top: 15px;
}

.popup-centralise {
	max-width: 270px;
	display: block;
}

.popup-mhm-magenta .marshmallow-popup-text {
	padding-left: 15px !important;
}

.popup-mhm-magenta .marshmallow-popup-text {
	width: 50%;
}

.popup-mhm-magenta .marshmallow-popup-visual {
	width: 50%;
	margin-left: -50px;
}

.popup-mhm-magenta .marshmallow-popup-text .popup-title {
	text-align: left;
	margin-bottom: 100px;
}

.popup-mhm-magenta .marshmallow-popup-text .popup-title.mbtm-20 {
	margin-bottom: 20px;
	text-align: center;
}

.popup-mhm-magenta .marshmallow-popup-text .popup-title.mbtm-20.text-left {
	text-align: left;
}

.popup-mhm-magenta .marshmallow-popup-text .popup-title.mbtm-20.text-left + p {
	font-size: 14px;
	line-height: 1.35;
}

.outstanding-note {
	display: block;
	width: 85%;
	margin: 0 0;
	box-sizing: border-box;
	padding: 20px 0px 0px;
	border-radius: 10px;
	text-align: left;
}

.outstanding-note p {
	color: #f454cd;
	line-height: 1.25;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.outstanding-note p.text-black {
	color: #000;
}

.outstanding-note p + p {
	margin: 0px 0px 10px;
	color: #000;
	font-size: 18px;
	font-family: "WorkSans-Regular", sans-serif;
}

.outstanding-note h4 {
	color: #f454cd;
	font-size: 60px;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
}

.outstanding-note.upgrade-plan h4 {
	color: #000;
	font-size: 23px;
	font-family: "WorkSans-Regular", sans-serif;
}

.outstanding-note.upgrade-plan h4 + h4 {
	color: #f454cd;
	font-size: 35px;
	line-height: 40px;
	margin-top: 5px;
}

.outstanding-note.upgrade-plan a {
	color: #000;
	font-size: 18px;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
}

.outstanding-note .small-note {
	font-size: 12px !important;
	color: #000;
	margin-top: 20px !important;
	height: auto;
}

.outstanding-note .small-note a {
	color: #f454cd;
}

.price-cut {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	font-size: 30px;
}

.price-cut:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #f454cd;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.price-discount span {
	color: #f454cd;
	position: relative;
	display: inline-block;
}

.price-discount span:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #f454cd;
	position: absolute;
	top: 45%;
	transform: translateY(-45%);
}

.confirmation-change-plan-icon {
	max-width: 150px;
}

.confirmation-change-plan-details .address-title {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #000000;
}

.confirmation-change-plan-details .address,
.confirmation-change-plan-details .address-title {
	display: inline-block;
	width: 45%;
	text-align: left;
	vertical-align: top;
}

.confirmation-change-plan-details h3 {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 20px;
}

.confirmation-change-plan-details .table,
.confirmation-change-plan-details .table tbody,
.confirmation-change-plan-details .table tbody tr {
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.confirmation-change-plan-details .table tbody td {
	width: 49%;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.confirmation-change-plan-details .table tbody tr {
		margin-bottom: 15px;
	}

	.confirmation-change-plan-details .table tbody td {
		width: 100%;
		text-align: center;
		vertical-align: middle;
	}
}

.plan-notes {
	font-size: 12px;
	background-color: #e5e5e5;
	padding: 15px 15px 15px;
	margin-top: 20px;
	display: block;
	line-height: 1.3;
	border-radius: 15px;
}

.plan-notes ol {
	text-align: left;
	padding-left: 20px;
}

.plan-notes ol li {
	margin-bottom: 0px;
	line-height: 1.35em;
}

.plan-notes ol li {
	list-style: decimal;
}

.plan-notes ol ul {
	padding-left: 20px;
}

.plan-notes ol ul li {
	list-style: disc;
}

@media (max-width: 767px) {
	#PopupMain .marshmallow-popup-text .popup-title {
		font-size: 35px;
		margin-top: 10px;
	}

	.marshmallow-popup-text .date-title {
		font-size: 21px;
		display: inline-block;
	}

	.marshmallow-popup-text .date {
		font-size: 21px;
		display: inline-block;
	}

	#PopupMain .marshmallow-popup-text,
	#PopupMain .marshmallow-popup-visual {
		/*display: block;
	width:100%;*/
	}

	#PopupMain .marshmallow-popup-visual img {
		width: auto;
		margin: 0 auto;
		display: block;
		max-height: 100%;
	}

	.popup-mhm-magenta .marshmallow-popup-text .popup-title {
		text-align: left;
		margin-bottom: 10px;
	}

	.popup-mhm-magenta .marshmallow-popup-visual {
		margin-left: -20px;
	}

	.outstanding-note {
		width: 100%;
		padding: 10px 0px;
	}

	.outstanding-note p {
		font-size: 12px;
	}

	.outstanding-note h4 {
		font-size: 30px;
	}

	.outstanding-note.upgrade-plan h4 {
		font-size: 16px;
	}

	.outstanding-note.upgrade-plan h4 + h4 {
		font-size: 20px;
		line-height: 20px;
	}

	.price-cut {
		font-size: 22px;
	}

	.marshmallow-popup-text .plan-speed {
		font-size: 60px;
	}

	.marshmallow-popup-text .plan-speed span {
		font-size: 40px;
	}

	/* .slick-dots {
		bottom: -60px !important;
	} */
}

.text-white {
	color: #fff;
}

/* CSS Update 13032019 Begin */
.radio-row {
	display: block;
	margin-bottom: 10px;
}

.radio-row label {
	font-size: 20px !important;
}

.choose-bank .payment-terms label {
	display: block;
	margin-bottom: 10px;
}

/* CSS Update 13032019 End */
/* CSS Update 01072019 Start */
.normal-ul {
	padding-left: 20px;
}

.normal-ul li {
	list-style: disc;
	display: list-item;
	text-align: left;
	margin-bottom: 15px;
}

/* Device Expansion */
.device-expansion-section .grid-section {
	text-align: left;
	margin: 0px -5px;
}

.device-expansion-section .grid-section .box {
	border-image: none;
	border: none;
	padding: 5px;
}

#TIME-Voice {
	margin-top: 30px;
}

.device-expansion-wrapper > .row > div {
	padding: 0 0;
}

.device-expansion-wrapper .header {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-style: normal;
	font-weight: 500;
	margin: 0 0 15px;
}

.device-expansion-wrapper .header h3 {
	display: inline-block;
	margin: 0 0;
	padding-bottom: 5px;
	border-bottom: 3px solid #f454cd;
}

.device-expansion-wrapper .header h5 {
	margin: 0 0 15px;
}

.device-expansion-wrapper .header .title {
	display: block;
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px;
}

.device-item {
	position: relative;
	margin-bottom: 30px;
}

.device-item > div {
	background-color: #ffffff;
	padding: 10px 15px 10px;
	border-radius: 15px;
	border: 2px solid #000000;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 515px;
}

.device-item > div.active,
.device-item:hover > div {
	border: 2px solid #f454cd;
}

.device-label {
	position: absolute;
	right: 10px;
	top: -8px;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-style: normal;
	font-weight: 500;
	display: inline-block;
	font-size: 16px;
	padding: 12px 10px 0px;
	/*width:80px;*/
	width: 120px;
	background-color: #f2b826;
	text-align: center;
	line-height: 1;
	box-sizing: border-box;
	z-index: 10;
}

.device-label:before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 8px solid #916904;
	border-left: 7px solid transparent;
	left: -7px;
	top: 0;
	position: absolute;
}

.device-label:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	width: 0;
	height: 0;
	border-style: solid;
	/*border-width: 12px 40px 0 40px;*/
	border-width: 12px 60px 0 60px;
	border-color: #f2b826 transparent transparent transparent;
	z-index: 10;
}

.device-name {
	font-family: "WorkSans-SemiBold", sans-serif;
	color: #000000;
	margin: 10px 0 10px;
	font-size: 18px;
}

.device-price.price-discount > h5 {
	color: #7e7e7e;
	position: relative;
}

.device-price.price-discount h5:before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #7e7e7e;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-7deg);
}

.device-price h5,
.device-price h1 {
	font-family: "WorkSans-SemiBold", sans-serif;
	display: inline-block;
	vertical-align: top;
	margin: 0 0;
}

.device-price h1 + h5 {
	vertical-align: bottom;
	margin-bottom: 4px;
	margin-left: 3px;
}

.device-price h5 {
	margin-top: 0px;
	margin-right: 3px;
	font-weight: 500;
	font-size: 18px;
}

.device-price.text-black h1 {
	color: #000000;
}

.device-terms {
	margin: 0 0 20px;
	font-size: 85%;
	line-height: 1.5;
}

.device-price h1 {
	color: #000000;
	font-size: 36px;
	line-height: 1;
}

.device-price h5.rrp-price {
	color: rgba(35, 31, 32, 0.5);
}

.device-feature {
	min-height: 540px;
	padding: 20px 10px;
	text-align: left;
}

.device-feature td {
	position: relative;
	line-height: 1.25;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ccc;
}

.device-feature td:nth-child(1) {
	width: 72px;
}

.device-feature td:nth-child(2) {
	padding-left: 10px;
	vertical-align: middle;
}

span.small,
td span.small {
	font-size: 12px;
	line-height: 12px;
	font-style: italic;
}

.device-feature td span.small {
	font-size: 12px;
	line-height: 12px;
	font-style: italic;
}

.icon-table {
	display: inline-block;
	padding: 0px 10px;
	border: 1px solid #454545;
	border-radius: 10px;
}

a.icon-table {
	color: #000000;
	font-size: 80%;
	padding: 2px 10px 0;
}

a.icon-table:hover {
	background-color: #eeeeee;
}

.incompatible-error {
	display: block;
	font-size: 12px;
	line-height: 1.25;
	text-align: center;
	color: #ff0004;
	padding: 5px 15px 5px;
	margin-top: 15px;
	border: 1px solid #ff0004;
	border-radius: 15px;
}

.device-feature tr:last-child td {
	border-bottom: 0px solid #ccc;
	text-align: center;
	padding-bottom: 0px;
}

.device-feature ul {
	padding-left: 0px;
}

.device-feature li {
	position: relative;
	display: block;
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: 1.25;
}

.device-feature li:before {
	content: "";
	display: block;
	position: absolute;
	left: -3px;
	top: 5px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #f454cd;
}

.device-item select {
	min-width: 200px;
	margin: 0 auto;
	display: block;
}

.device-button {
	position: relative;
	display: block;
	background-color: #f454cd;
	padding: 10px 30px;
	border-radius: 50px;
	color: #000000 !important;
	margin: 20px auto 5px;
	width: 140px;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	clear: both;
	outline: 0;
}

.device-button:active,
.device-button:focus {
	outline: 0;
}

.device-button.current {
	background-color: #000000;
	color: #f454cd;
}

.device-button:before {
	font-family: FontAwesome;
	content: "\f058";
	position: absolute;
	font-size: 22px;
	left: 15px;
	margin-top: -2px;
	opacity: 0;
	transform: scale(0);
}

.device-button.current:before {
	opacity: 1;
	-webkit-animation: expand 0.2s forwards;
	animation: expand 0.2s forwards;
}

@-webkit-keyframes expand {
	100% {
		transform: scale(1);
	}
}

@keyframes expand {
	100% {
		transform: scale(1);
	}
}

.device-button.current:hover {
	background-color: #000000;
}

.device-button:hover,
.device-item:hover > div .device-button {
	background-color: #000000;
	color: #ffffff !important;
}

.device-item.disabled .device-button,
.device-item.disabled .device-button:hover,
.device-item.disabled:hover .device-button {
	pointer-events: none;
	opacity: 0.3;
	background-color: #000000;
}

.device-item.disabled:hover > div {
	border: 2px solid #f2f2f2;
}

.device-item img {
	mix-blend-mode: multiply;
	height: 180px;
}

.device-detail-toggle {
	display: flex;
	justify-content: center;
	align-items: baseline;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: #000000 !important;
	cursor: pointer;
	text-align: center;
	margin: 20px auto 10px;
}

.device-detail-toggle:hover {
	text-decoration: none;
	color: #f454cd !important;
}

.device-detail-toggle i {
	display: block;
	color: #f454cd !important;
	margin-left: 10px;
}

.device-detail-toggle.collapsed .fa-chevron-up::before {
	content: "\f078";
}

#TIME-Voice .device-feature {
	min-height: 170px;
}

#TIME-Voice .device-feature li {
	padding-left: 25px;
	background-image: url("../images/icon-tick.png");
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-size: 15px 15px;
}

#TIME-Voice .device-feature li:before {
	display: none;
}

#TIME-WiFi-Lifesavers .device-feature {
	min-height: 560px;
	min-height: 500px;
}

.device-fine-terms p {
	padding: 0px 0px;
	display: block;
	margin-bottom: 20px;
	text-align: left;
	font-size: 14px;
}

.device-tnc {
	text-align: left;
}

.device-tnc ol {
	padding-left: 20px;
}

.device-tnc ol li {
	list-style-type: decimal;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 7px;
}

@media (min-width: 991px) and (max-width: 1300px) {
	.device-feature,
	.router-spec {
		padding: 0px 5px;
	}

	.device-item > div > div {
		padding: 0px;
	}

	#TIME-Voice .device-feature {
		height: 185px;
	}

	.device-label {
		width: 70px;
		font-size: 15px;
		padding: 12px 7px 0px !important;
		right: 5px;
	}

	.device-label::after {
		border-width: 12px 35px 0 35px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.device-feature li::before {
		left: -5px;
		top: 3px;
	}

	.device-feature li {
		padding-left: 15px;
	}

	#TIME-Voice .device-feature,
	#Router-Upgrade .device-feature,
	#TIME-WiFi-Lifesavers .device-feature,
	.router-spec,
	.device-feature li {
		font-size: 12px;
	}

	.device-label {
		width: 60px;
		font-size: 14px;
		padding: 12px 7px 0px !important;
		right: -5px;
	}

	.device-label::after {
		border-width: 12px 30px 0 30px;
	}

	#details-package > .container {
		width: 100%;
	}

	.unstyled li {
		width: 24% !important;
	}

	.unstyled li {
		font-size: 12px !important;
	}

	.mr-rt {
		padding-left: 10px;
		font-size: 12px;
	}

	div.free-voice-calls-tag {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	#TIME-Voice .device-feature,
	#Router-Upgrade .device-feature,
	#TIME-WiFi-Lifesavers .device-feature {
		min-height: auto;
	}

	.device-fine-terms p {
		text-align: center;
	}

	.btn-sign-up,
	.btn-back {
		width: 100%;
	}

	.device-label {
		width: 60px;
		font-size: 14px;
		padding: 12px 7px 0px !important;
		right: -5px;
	}

	.device-label::after {
		border-width: 12px 30px 0 30px;
	}
}

/* Boostrap Collapse */
.btn {
	font-family: "WorkSans-SemiBold", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	background: #f454cd;
	color: #000000;
	font-size: 18px;
	padding: 10px;
	cursor: pointer;
}
.btn:hover,
.btn:focus,
.btn.focus {
	color: #ffffff;
	background: #000000;
	text-decoration: none;
}
.collapse {
	display: none;
}

.collapse.in {
	display: block;
}

tr.collapse.in {
	display: table-row;
}

tbody.collapse.in {
	display: table-row-group;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility;
	-webkit-transition-duration: 0.35s;
	-o-transition-duration: 0.35s;
	transition-duration: 0.35s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}

.modal-open {
	overflow: hidden;
}

.device-modal.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	background-color: transparent;
	max-width: none;
	width: auto;
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}

.modal-content {
	position: relative;
	background-color: #fff;
	/*border:1px solid #999;
 border:1px solid rgba(0,0,0,0.2);
 border-radius:6px;
 -webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);
 box-shadow:0 3px 9px rgba(0,0,0,0.5);*/
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}

.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0);
}

.modal-backdrop.in {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	min-height: 16.42857143px;
}

.modal-header .close {
	margin-top: -2px;
}

.modal-title {
	margin: 0;
	line-height: 1.42857143;
}

.modal-body {
	position: relative;
	padding: 15px;
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
	margin-left: 5px;
	margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
	margin-left: 0;
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}

	.modal-content {
		/*-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);
  box-shadow:0 5px 15px rgba(0,0,0,0.5)*/
	}

	.modal-sm {
		width: 300px;
	}
}

@media (min-width: 992px) {
	.modal-lg {
		width: 900px;
	}
}

.modal.device-modal .modal-content {
	border-radius: 8px;
	overflow: hidden;
	text-align: left;
}

.modal.device-modal .modal-header {
	background: #ffffff;
	padding: 30px 40px 17px 40px;
	border-bottom: 0px;
}

.modal.device-modal .modal-header .title-wrapper {
	padding-bottom: 0px;
	border-bottom: 1px solid #ccc;
	display: block;
}

.modal.device-modal .modal-title {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: 100;
	font-size: 20px;
	color: #000000;
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 3px solid #f454cd;
}

.modal.device-modal button.close {
	color: #231f20;
}

.modal.device-modal ul,
.modal.device-modal ol {
	padding-left: 15px;
}

.modal.device-modal ol {
	list-style: decimal;
}

.modal.device-modal li {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
}

.modal.device-modal .modal-body {
	padding: 0px 40px 20px 40px;
	color: #000000;
	background: #ffffff;
}

.modal.device-modal .modal-footer {
	padding: 0px 20px 20px 20px;
	text-align: right;
	border: 0;
	background: #ffffff;
	color: #fff;
}

.modal.device-modal .modal-footer .btn {
	text-transform: uppercase;
	padding: 10px 10px;
	border-radius: 6px;
	min-width: 100px;
	text-align: center;
}

/* CSS Update 22 Oct 2019 **/
.contract-selection {
	padding: 0px 0px 20px;
}

.contract-selection input[type="radio"] {
	position: relative;
	padding: 22px 0px;
	width: 50%;
	max-width: 200px;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px;
	border-color: #000000;
	cursor: pointer;
	margin-right: -1px;
	z-index: 1;
}

.contract-selection input[type="radio"]:first-child {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.contract-selection input[type="radio"]:last-child {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.contract-selection input[type="radio"]:before {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 18px;
	display: block;
	color: #7d7d7d;
	text-align: center;
	position: relative;
	margin-top: -11px;
}

.contract-selection input:checked {
	background: #f454cd;
	border-color: #000000;
	z-index: 10;
}

.contract-selection input[type="radio"]:checked:before {
	color: #000000;
}

.contract-selection input[type="radio"]:disabled,
.contract-selection input[type="radio"]:disabled:before {
	background: #e8e8e8;
	color: #d0d0d0;
	border-color: #e8e8e8;
	cursor: default;
}

.contract-selection input[type="radio"]:after {
	display: none;
}

.contract-selection #Selection-24-months:before {
	content: "24-month contract";
}
.contract-selection #Selection-12-months:before {
	content: "12-month contract";
}

.contract-selection #Selection-No-Contract:before {
	content: "No contract";
}

.contract-selection #Purchase-Device:before {
	content: "Purchase device";
}

.upfront-payment {
	margin-top: 30px;
}

.modal .small {
	font-size: 12px;
	margin-top: 20px;
	line-height: 1.5;
}

.view-all-router {
	display: block;
	margin: 0px 0px 10px;
	font-size: 12px;
}

.view-all-router a {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: 100;
}

.item-specs.min-height {
	min-height: 230px;
}

.item-specs.min-height .small-note {
	/*height: 40px;*/
	padding: 10px;
}

.product-option input[type="radio"] {
	border-radius: 100%;
	-webkit-appearance: radio;
}

@media (max-width: 767px) {
	.item-specs.min-height {
		min-height: auto;
	}
}

/** Presub Phase 2 **/
#ElminaPopup .modal,
#ElminaPopupOutstandingAmount .modal {
	background-color: #f454cd;
	background-image: url("../images/elmina-2-popup-bg.png");
	background-size: auto 100%;
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0;
}

#ElminaPopup .modal-content,
#ElminaPopupOutstandingAmount .modal-content {
	background: transparent;
	text-align: left;
	padding: 2em 3em 0em;
}

#ElminaPopup .modal-content h1,
#ElminaPopup .modal-content p,
#ElminaPopupOutstandingAmount .modal-content h1,
#ElminaPopupOutstandingAmount .modal-content p {
	color: #fff;
}

#ElminaPopup .form-actions,
#ElminaPopupOutstandingAmount .form-actions {
	text-align: center;
	background: #000;
	padding: 15px 0px;
	margin-top: 15px;
}

#ElminaPopup .button-full,
#ElminaPopupOutstandingAmount .button-full {
	padding: 5px 0.5em !important;
}

#ElminaPopup .remark,
#ElminaPopupOutstandingAmount .remark {
	width: 100%;
	font-size: 65%;
	margin-top: 60px;
	line-height: 1;
	margin-bottom: 0px;
	text-align: center;
	color: #000;
}

#ElminaPopupOutstandingAmount .remark {
	margin-top: 0px;
}

#ElminaPopup .close-modal,
#ElminaPopupOutstandingAmount .close-modal {
	color: #fff;
}

.presub-expiry-title,
.presub-expiry-date,
.presub-expiry-date + p,
.presub-expiry-title + p {
	width: 70%;
	line-height: 1.25;
}

.presub-expiry-title + p {
	margin: 0px 0px 10px;
}

.presub-expiry-title,
.presub-expiry-date {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 55px;
	line-height: 1;
}

.presub-overdue-amount {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 35px;
}

#ElminaPopup .presub-expiry-title,
#ElminaPopupOutstandingAmount .presub-expiry-title {
	margin-bottom: 10px;
}

#ElminaPopup .modal-content h1.presub-expiry-date,
#ElminaPopupOutstandingAmount .modal-content h1.presub-expiry-date {
	display: inline-block;
	padding: 10px;
	background: #000;
	color: #f454cd;
	width: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border-radius: 5px;
}

@media (max-width: 767px) {
	#ElminaPopup .modal-content,
	#ElminaPopupOutstandingAmount .model-content {
		padding: 20px 30px 0px;
	}

	.presub-expiry-title,
	.presub-expiry-date,
	.presub-expiry-date + p,
	.presub-expiry-title + p {
		width: 70%;
		line-height: 1.25;
	}

	.presub-expiry-title,
	.presub-expiry-date {
		font-size: 35px;
		line-height: 1;
	}
}

/* Elmina presub activation banner */
#elmina-activation,
#elmina-activation div {
	box-sizing: border-box;
}

#elmina-activation {
	background-color: #f454cd;
	background-image: url("../images/elmina-2-popup-bg.png");
	background-repeat: no-repeat;
	background-position: right 34%;
	background-size: 25% auto;
}

#elmina-activation h1 {
	font-size: 33px;
	color: #fff;
	font-family: "WorkSans-Regular", sans-serif;
	margin: 0px;
	line-height: 1em;
}

#elmina-activation p {
}

#elmina-activation .activate-btn {
	color: #fff;
	display: inline-block;
	padding: 7px 40px;
	background-color: #000;
	cursor: pointer;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 22px;
}

#elmina-activation .activate-btn:hover {
	color: #f454cd;
	background-color: #fff;
}

#elmina-activation .col-sm-7 {
	box-sizing: border-box;
	width: 59%;
}

#elmina-activation .col-sm-5 {
	box-sizing: border-box;
	width: 39%;
}

#elmina-activation .col-xs-12 {
	padding: 20px 15px;
	display: inline-block;
	vertical-align: middle;
}

.presub-wrapper {
	text-align: left;
}

.presub-wrapper .col-sm-7,
.presub-wrapper .col-sm-5 {
	text-align: center;
}

.presub-wrapper .col-sm-7 {
	background-image: url("../images/elmina-2-popup-bg-flipped.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 25% auto;
}

.upgrade-1gbps .item-icon {
	position: relative;
}

.announcement-date {
	display: inline-block;
	padding: 2px 10px;
	margin-left: 5px;
	font-weight: bold;
	background-color: #fff;
}

@media (max-width: 1024px) {
	#elmina-activation .col-xs-12 {
		padding: 10px 15px;
	}

	#elmina-activation .col-sm-7 {
		width: 100%;
	}

	#elmina-activation .col-sm-8 p {
		margin-bottom: 0px;
		font-weight: bold;
	}

	#elmina-activation .col-sm-5 {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.presub-wrapper .col-sm-7 {
		background-image: none;
	}

	#elmina-activation {
		background-image: url("../images/elmina-2-popup-bg.png");
		background-position: right middle;
		background-size: 100% auto;
	}

	#elmina-activation h1 {
		width: 70%;
		font-size: 35px !important;
		font-weight: 100 !important;
		text-align: left;
	}

	#elmina-activation h1 + p {
		width: 70%;
		color: #fff;
		text-align: left;
	}
}

/** Manage Plan Overview **/
.manage-plan-overview,
.mpo-actions {
	padding: 15px;
	background-color: #f9f8f8;
	box-sizing: border-box;
}
.manage-plan-overview {
	border-radius: 15px 15px 0 0;
}

.mpo-actions {
	padding: 15px 26px;
	text-align: right;
	border-radius: 0 0 15px 15px;
}

.manage-plan-overview .table-cell table {
	display: block;
	width: 100%;
}

.manage-plan-overview .table-row {
	width: 100%;
	display: table-row;
}
.manage-plan-overview .table-head {
	width: 120px;
}
.manage-plan-overview .table-row .table-cell:first-child {
	padding-left: 15px;
	width: 45%;
}

.manage-plan-overview.table-list .table-row .table-cell:nth-child(2) {
	width: 30%;
}

.manage-plan-overview.table-list .table-row .table-cell.status {
	width: 25%;
}
@media (max-width: 991px) {
	.manage-plan-overview.table-list .table-row .table-cell:first-child {
		width: 100%;
		float: left;
		border-bottom: 0px solid #e6e6e7;
	}

	.manage-plan-overview.table-list .table-row .table-cell:nth-child(2) {
		width: 100%;
		float: left;
		border-bottom: 0px solid #e6e6e7;
		padding: 0 0.4em;
	}

	.manage-plan-overview.table-list .table-row .table-cell.status {
		width: 100%;
		float: left;
		border-bottom: 1px solid #e6e6e7;
		padding: 0 0.4em;
	}
}
@media (max-width: 768px) {
	.manage-plan-overview.table-list .table-row .table-cell .account-status {
		margin: 0;
	}
	.manage-plan-overview.table-list .table-row .table-cell:nth-child(2) {
		padding: 0 !important;
	}

	.manage-plan-overview.table-list .table-row .table-cell.status {
		padding: 0 !important;
	}
}

.manage-plan-overview.table-list .table-row .table-cell {
	vertical-align: top;
}

.manage-plan-overview .table-cell table td {
	padding: 5px 10px;
	line-height: 1.25;
}

.manage-plan-overview .table-head {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.manage-plan-overview .table-desc {
}

.table-cell.mpo-account {
	font-family: "WorkSans-SemiBold", sans-serif !important;
	color: #000000 !important;
	font-size: 18px !important;
	font-weight: 100 !important;
	text-transform: none !important;
}

.table-cell.mpo-account span {
	display: inline-block;
	padding-left: 10px;
	font-size: 18px;
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	text-transform: capitalize;
}

.mpo-services .account-plan {
	font-size: 30px;
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: 100;
	line-height: 1.05em;
}

.mpo-services .sub,
.mpo-subservices .sub {
	font-size: 18px;
	font-family: "WorkSans-SemiBold", sans-serif;
	color: #f454cd;
}

.mpo-subservices .account-plan {
	font-size: 18px;
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: 100;
	line-height: 1.05em;
}

.mpo-action-col {
	display: inline-block;
	width: 32.333333%;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 4px;
}

.mpo-action-col a {
	min-width: 150px;
	font-size: 14px;
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: 100;
	line-height: 1.05em;
	vertical-align: middle;
	display: block;
	text-align: center;
	background-color: #fff;
	padding: 14px 10px;
	border-radius: 50px;
	border: 2px solid #000000;
	display: flex;
	align-items: center;
}

.mpo-action-col a:hover {
	border: 2px solid #f454cd;
}

.mpo-action-col span,
.mpo-action-col img {
	display: inline-block;
	vertical-align: middle;
}

.mpo-action-col img {
	max-width: 35px;
	margin-right: 10px;
}

.mpo-actions.col-4 .mpo-action-col {
	width: 24.699999%;
}

.mpo-actions.col-5 .mpo-action-col {
	width: 19.6%;
	padding: 1px;
}

.mpo-actions.col-5 .mpo-action-col a {
	padding: 14px 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	margin-bottom: 10px;
}

.mpo-actions.col-5 .mpo-action-col img {
	margin-right: 10px;
}

.mpo-actions.col-6 .mpo-action-col a {
	padding: 14px 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	margin-bottom: 10px;
}

.mpo-actions.col-6 .mpo-action-col img {
	margin-right: 10px;
}

.mpo-actions.col-6 .mpo-action-col {
	width: 16.3%;
	padding: 1px;
}

/** Transfer Ownership **/
.transfer-ownership .form-section .ui-datepicker-trigger {
	margin-left: -50px;
	padding: 10px;
	font-size: 17px;
	cursor: pointer;
	color: #f454cd;
}
.transfer-ownership .form-section.ftto-form .ui-datepicker-trigger {
	color: #14d0ef;
}

.transfer-ownership .form-section {
	width: 100%;
}

.transfer-ownership .col-left {
	width: 60%;
}

.transfer-ownership .col-right {
	width: 39%;
	padding-left: 4%;
}

.transfer-ownership .form-row {
	margin: 0px 0px 7px;
}

.transfer-ownership .col-left .label,
.transfer-ownership .col-left .value {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

.transfer-ownership .small {
	font-size: 12px;
	line-height: 14px;
}

.transfer-ownership .col-left .label {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: 100;
	text-transform: none;
}

.transfer-ownership .form-section input[type="text"],
.transfer-ownership .form-section input[type="email"],
.transfer-ownership .form-section input[type="tel"],
.transfer-ownership .form-section input[type="number"] {
	width: 90%;
}

.transfer-ownership .col-right h5,
.confirmation-transfer-ownership-payment h5 {
	font-size: 18px;
	color: #000000;
	font-family: "WorkSans-Regular", sans-serif;
	line-height: 1.15;
	margin-bottom: 20px;
}

.transfer-ownership .col-right .label,
.transfer-ownership .col-right .value,
.confirmation-transfer-ownership-payment .label,
.confirmation-transfer-ownership-payment .value {
	display: inline-block;
}

.transfer-ownership .col-right .label,
.confirmation-transfer-ownership-payment .label {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: 100;
	width: 58%;
	color: #8f919c !important;
	text-align: left;
	vertical-align: top;
}

.transfer-ownership .col-right .value,
.confirmation-transfer-ownership-payment .value {
	font-family: "WorkSans-Regular", sans-serif;
	width: 40%;
	text-align: right;
	font-size: 18px;
}

.transfer-ownership .col-right .amount-due .label {
	width: 30%;
	vertical-align: text-top;
}

.transfer-ownership .col-right .amount-due .value {
	width: 68%;
	vertical-align: top;
}

.transfer-ownership .plan-notes {
	margin-bottom: 25px;
}

.transfer-ownership .plan-notes p {
	margin-bottom: 5px;
	margin-top: 5px;
}

.transfer-ownership .plan-notes ul {
	padding-left: 15px;
}

.transfer-ownership .plan-notes li {
	margin-bottom: 10px;
}

.transfer-ownership .relationship-terms {
	display: block;
	padding: 20px;
	width: 60%;
	margin: 20px auto;
}

.transfer-ownership .relationship-terms .others {
	display: none;
}

.transfer-ownership .relationship-terms .others.active {
	display: block;
}

.transfer-ownership .relationship-terms label input,
.transfer-ownership .relationship-terms label input + span {
	display: inline-block;
	vertical-align: top;
}

.transfer-ownership .relationship-terms label input + span {
	width: 88%;
}

.transfer-ownership .form-actions.full {
	margin-top: 0px;
}

.confirmation-transfer-ownership .col-3 .col {
	vertical-align: top;
}

.confirmation-transfer-ownership .col-3 .col:first-child {
	width: 25%;
	padding-left: 15px;
	padding-right: 15px;
}

.confirmation-transfer-ownership .col-3 .col:nth-child(2) {
	width: 35%;
}

.confirmation-transfer-ownership .col-3 .col:nth-child(3) {
	width: 29%;
}

.confirmation-transfer-ownership
	.col-3
	.col.confirmation-transfer-ownership-payment {
	padding-left: 15px;
	padding-right: 15px;
}

.confirmation-transfer-ownership-payment {
	padding-left: 15px;
	padding-right: 15px;
}

.confirmation-transfer-ownership-payment label {
	font-size: 16px;
	color: #000000;
	font-family: "WorkSans-SemiBold";
}

.confirmation-transfer-ownership-payment .value {
	width: 40%;
	vertical-align: top;
}

.confirmation-transfer-ownership-payment .amount-due .label {
	width: 38.33333%;
}

.confirmation-transfer-ownership-payment .amount-due .value {
	width: 60%;
}

.confirmation-transfer-ownership-payment .value .amount-num {
	font-size: 40px;
}

.confirmation-transfer-ownership-payment .form-row {
	margin-bottom: 0.6em;
}

.transfer-ownership-spec-title {
	font-size: 20px;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: 100;
	color: #000000;
	text-transform: capitalize;
	margin-bottom: 20px;
}

.transfer-ownership-spec-summary p {
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
}

.transfer-ownership-spec-summary .search-address-item {
	padding: 1em;
}

.transfer-ownership-spec-summary .details-title,
.transfer-ownership-spec-summary .details-value {
	display: inline-block;
	vertical-align: top;
}

.transfer-ownership-spec-summary .details-title {
	width: 50%;
	box-sizing: border-box;
	font-size: 16px;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: 100;
	color: #000000;
	text-transform: capitalize;
	margin: 0 0 10px;
}

.transfer-ownership-spec-summary .details-value {
	width: 45%;
}

.transfer-ownership-spec-summary .button.supermini {
	display: inline-block;
	width: auto;
	float: right;
	text-decoration: none;
}

#date-confirmation .ui-datepicker-inline,
.date-form {
	border: 0px !important;
	width: 100%;
}

#date-confirmation .ui-datepicker-header {
	display: none;
}

#date-confirmation .relocation-calendar {
	margin-top: 0px;
}

#date-confirmation .relocation-calendar tr th,
#date-confirmation .relocation-calendar tr td {
	padding: 4px 0 6px !important;
}

#date-confirmation .ui-state-default,
#date-confirmation .ui-widget-content .ui-state-default {
	border: 0px;
	background: transparent;
}

#date-confirmation h3 {
	font-size: 25px;
	font-weight: bold;
}

#date-confirmation .select2 .nice-select,
.select2.nice-select {
	font-size: 20px;
}

/* #date-confirmation .relocation-selector .nice-select.open .list {
	width: 100%;
} */

#date-confirmation .form-actions {
	margin-top: 10px;
}

#date-confirmation .relocation-calendar .ui-datepicker-calendar td a {
	width: 30px !important;
	height: 30px !important;
	border-radius: 50%;
	line-height: 27px;
}

#date-confirmation .relocation-calendar .ui-datepicker-current-day a,
#date-confirmation .relocation-calendar .ui-datepicker-calendar td a:hover {
	background-color: #f454cd;
	width: 30px !important;
	height: 30px !important;
	display: inline-block;
	border-radius: 50%;
	color: #ffffff !important;
}

#date-confirmation .relocation-calendar.ftto-calendar .ui-datepicker-current-day a,
#date-confirmation .relocation-calendar.ftto-calendar .ui-datepicker-calendar td a:hover {
	background-color: #c16ffb;
}

#date-confirmation .button {
	width: 46% !important;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 4px;
}

#date-confirmation .ui-state-highlight,
#date-confirmation .ui-widget-content .ui-state-highlight {
	color: #000;
}

@media (max-width: 767px) {
	.modal,
	.popup-slider .modal {
		max-width: 95%;
	}
}

@media (max-width: 1100px) {
	.transfer-ownership .col-right {
		padding-left: 15px;
	}

	.transfer-ownership .col-left {
		margin-bottom: 20px;
	}

	.confirmation-transfer-ownership-payment .label,
	.confirmation-transfer-ownership-payment .amount-due .label,
	.confirmation-transfer-ownership-payment .value,
	.confirmation-transfer-ownership-payment .amount-due .value,
	.confirmation-transfer-ownership .col-3 .col:first-child,
	.confirmation-transfer-ownership .col-3 .col:nth-child(2),
	.confirmation-transfer-ownership .col-3 .col:nth-child(3) {
		width: 100%;
		border-left: 0px;
	}

	.confirmation-transfer-ownership .col-3 .col .item-specs-l ul {
		width: 100%;
	}

	.confirmation-transfer-ownership .col-3 .col:first-child,
	.confirmation-transfer-ownership .col-3 .col:nth-child(2),
	.confirmation-transfer-ownership .col-3 .col:nth-child(3),
	.transfer-ownership-spec-summary .search-address-item {
		padding-left: 0px;
		padding-right: 0px;
		box-sizing: border-box;
	}

	.confirmation-transfer-ownership .col-3 .col:nth-child(2) {
		display: block;
		text-align: left;
		border-top: 1px solid #e6e6e7;
		-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
		-o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
		border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	}

	.transfer-ownership .col-right .amount .label,
	.transfer-ownership .col-right .amount-due .label {
		width: 100%;
		margin-bottom: 0px;
		text-align: left;
	}

	.transfer-ownership .col-right .amount .value,
	.transfer-ownership .col-right .amount-due .value {
		width: 100%;
		line-height: 1.2;
		text-align: left;
	}

	.transfer-ownership .col-right .amount-due .value .amount-num {
		font-size: 60px;
	}

	.transfer-ownership-spec-summary .details-title {
		font-size: 16px;
	}

	.transfer-ownership-spec-summary .details-title,
	.transfer-ownership-spec-summary .details-value {
		width: 48%;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.mpo-actions.col-4 .mpo-action-col,
	.mpo-actions.col-5 .mpo-action-col,
	.mpo-actions.col-6 .mpo-action-col {
		width: 49.33333%;
	}

	.transfer-ownership .relationship-terms {
		padding: 20px 0px;
		width: 100%;
		margin: 10px auto;
	}

	.transfer-ownership .form-section input[type="text"],
	.transfer-ownership .form-section input[type="email"],
	.transfer-ownership .form-section input[type="tel"],
	.transfer-ownership .form-section input[type="number"],
	.transfer-ownership .form-section .nice-select {
		width: 100%;
	}

	.transfer-ownership .col-left,
	.transfer-ownership .col-right {
		width: 100%;
	}

	.transfer-ownership .col-right {
		padding-top: 20px;
		padding-left: 0px;
		margin-bottom: 0px;
		border-top: 1px solid #cccccc;
		-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
		-o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
		border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	}
}

@media (max-width: 767px) {
	.transfer-ownership .relationship-terms {
		padding: 20px 0px;
		width: 100%;
		margin: 10px auto;
	}

	.transfer-ownership .col-left .label,
	.transfer-ownership .col-left .value {
		display: block;
		width: 100%;
		margin: 0;
	}
	.transfer-ownership .form-row {
		margin: 0px 0px 15px;
	}
	.transfer-ownership .form-section input[type="text"],
	.transfer-ownership .form-section input[type="email"],
	.transfer-ownership .form-section input[type="tel"],
	.transfer-ownership .form-section input[type="number"],
	.transfer-ownership .form-section .nice-select {
		width: 100%;
	}

	.transfer-ownership .col-right .amount .label,
	.transfer-ownership .col-right .amount-due .label,
	.transfer-ownership .col-right .amount .value,
	.transfer-ownership .col-right .amount-due .value,
	.transfer-ownership .col-right h5,
	.confirmation-transfer-ownership-payment {
		text-align: center;
	}

	.mpo-actions.col-4 .mpo-action-col,
	.mpo-actions.col-5 .mpo-action-col,
	.mpo-actions.col-6 .mpo-action-col {
		width: 100%;
	}

	.transfer-ownership .col-right {
		padding-top: 20px;
		padding-left: 0px;
		margin-bottom: 0px;
		border-top: 1px solid #cccccc;
		-webkit-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
		-o-border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
		border-image: url(../images/border-gradient-mini-h.png) 3 stretch;
	}

	.transfer-ownership .col-left,
	.transfer-ownership .col-right {
		width: 100%;
	}
}

/** Service Modification BEGIN **/
.service-modifications-btn {
	position: relative;
}

.service-modifications-btn #service-modi-tooltip ol {
	list-style: decimal !important;
	padding-left: 15px;
	margin-top: 10px;
}

.service-modifications-btn #service-modi-tooltip ol li {
	margin-bottom: 5px;
}

.service-modifications-btn #service-modi-tooltip {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: -325%;
	text-align: left;
	line-height: 1.25;
	transition: 0.3s;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 15px;
	z-index: 0;
}

.service-modifications-btn:hover #service-modi-tooltip {
	opacity: 1;
	transition: 0.3s;
}

.service-modifications-btn #service-modi-tooltip .arrow.top::after {
	bottom: 0px;
	top: 26px;
	left: -8px;
}

.service-modifications-btn #service-modi-tooltip .arrow.top {
	top: -23px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}

.service-modifications-btn #service-modi-tooltip .arrow.bottom {
	display: block;
}

.service-modi-wrapper {
	display: none;
}

.service-modi-wrapper.display {
	display: block;
}

.service-modification #addAcc {
	display: inline-block;
	background: #f454cd;
	padding: 10px 20px;
	cursor: pointer;
	color: #fff;
	transition: 0.3s;
}

.service-modification #addAcc:hover {
	background: #000;
	transition: 0.3s;
}

.preferred-number input {
	margin-bottom: 10px;
}

.service-modification .form-section .ui-datepicker-trigger {
	margin-left: -40px;
	padding: 10px;
	font-size: 17px;
	cursor: pointer;
	color: #f454cd;
}

.service-modification .form-section {
	width: 100%;
}

.service-modification .col-left {
	/*	width:60%;*/
	width: 100%;
}

.service-modification .col-right {
	/*
	width:39%;
	padding-left: 4%;
*/
	width: 100%;
}

.service-modification .form-row {
	margin: 0px 0px 7px;
}

.service-modification .col-left .label,
.service-modification .col-left .value {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

.service-modification .small {
	font-size: 12px;
	line-height: 14px;
}

.service-modification .col-left .label {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: 100;
	text-transform: none;
}

.service-modification .form-section input[type="text"] {
	width: 90%;
}

.service-modification .col-right h5,
.confirmation-service-modification-payment h5 {
	font-size: 18px;
	color: #000000;
	font-family: "WorkSans-Regular", sans-serif;
	line-height: 1.15;
	margin-bottom: 20px;
}

.service-modification .col-right .label,
.service-modification .col-right .value,
.confirmation-service-modification-payment .label,
.confirmation-service-modification-payment .value {
	display: inline-block;
}

.service-modification .col-right .label,
.confirmation-service-modification-payment .label {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: 100;
	width: 58%;
	color: #8f919c !important;
	text-align: left;
	vertical-align: top;
}

.service-modification .col-right .value,
.confirmation-service-modification-payment .value {
	font-family: "WorkSans-Regular", sans-serif;
	width: 40%;
	text-align: right;
	font-size: 22px;
}

.service-modification .col-right .amount-due .label {
	width: 30%;
	vertical-align: text-top;
}

.service-modification .col-right .amount-due .value {
	width: 69%;
	vertical-align: top;
}

.service-modification .plan-notes {
	margin-bottom: 25px;
}

.service-modification .plan-notes p {
	margin-bottom: 5px;
	margin-top: 5px;
}

.service-modification .plan-notes ul {
	padding-left: 15px;
}

.service-modification .plan-notes li {
	margin-bottom: 10px;
}

.service-modification .relationship-terms {
	display: block;
	padding: 20px;
	width: 75%;
	margin: 20px auto;
}

.service-modification .relationship-terms .others {
	display: none;
}

.service-modification .relationship-terms .others.active {
	display: block;
}

.service-modification .relationship-terms label input,
.service-modification .relationship-terms label input + span {
	display: inline-block;
	vertical-align: top;
}

.service-modification .relationship-terms label input + span {
	width: 88%;
}

.service-modification .form-actions.full {
	margin-top: 0px;
}

@media (max-width: 767px) {
	.service-modifications-btn #service-modi-tooltip {
		opacity: 1;
		top: auto;
		bottom: -265%;
		position: relative !important;
		width: 100% !important;
		margin-top: 7px;
	}

	.service-modifications-btn #service-modi-tooltip .arrow.top {
		display: block;
	}

	.service-modifications-btn #service-modi-tooltip .arrow.bottom {
		display: none;
	}

	.service-modification .form-section input[type="text"] {
		width: 100%;
	}

	.service-modification .col-left .label,
	.service-modification .col-left .value {
		width: 100%;
		display: block;
		margin: 0;
	}
	.service-modification .form-row {
		margin: 0px 0px 15px;
	}

	.service-modification .section-title-small {
		margin-top: 3em;
	}

	.service-modification .relationship-terms {
		padding: 0;
		width: 100%;
	}
}

/** Service Modification END **/
.time-app-transition {
	text-align: left;
	background-color: #e5e5e5;
	border-radius: 10px;
}

.time-app-transition h3 {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 26px;
	line-height: 1;
	margin: 0px;
	color: #000000;
}

.time-app-transition p {
	margin-bottom: 0px;
	line-height: 1.25;
}

@media (max-width: 767px) {
	.time-app-transition {
		text-align: center;
	}
}

.yellow-tab {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 16px;
	display: block;
	background-color: transparent;
	color: #000000;
}

.yellow-tab.active {
	background-color: #f2b826;
}

.yellow-tab span {
	color: #f454cd;
}

.label-yellow-footnote {
	display: inline-block;
	background: #ffdc2e;
	color: #000;
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 12px;
	font-family: "WorkSans-SemiBold", sans-serif;
}

/** Anniversary Upgrade **/
#AnniversaryUpgrade {
	margin-top: 10px;
}

.popup-slider.anniversaryupgrade .modal-content {
	background-color: transparent !important;
}

#AnniversaryUpgrade .modal {
	background-image: url("../images/promo-anniversary-upgrade-bg.jpg");
	background-size: 100% 100%;
}

#AnniversaryUpgrade .modal-content {
	background-color: transparent !important;
	padding-top: 40px;
}

#AnniversaryUpgrade .modal-inner-wrapper {
	margin-top: 10px;
}

#AnniversaryUpgrade .modal-content img {
	max-width: 190px !important;
	width: 100%;
	padding: 15px;
}

#AnniversaryUpgrade .device-label {
	top: -8px !important;
	left: 10px !important;
	right: auto !important;
	width: 95px !important;
}

#AnniversaryUpgrade .device-label::after {
	border-width: 12px 48px 0 48px;
}

#AnniversaryUpgrade .device-label::before {
	border-bottom: 8px solid #916904;
	border-right: 7px solid transparent;
	border-left: 0px;
	right: -7px;
	left: auto;
}

#AnniversaryUpgrade .title-sm,
#AnniversaryUpgrade .title-lg,
#AnniversaryUpgrade h3 {
	font-family: "WorkSans-Regular", sans-serif;
	margin: 0px auto;
	line-height: 1;
}

#AnniversaryUpgrade p {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;
}

#AnniversaryUpgrade .title-sm,
#AnniversaryUpgrade h3 {
	font-size: 30px;
}

#AnniversaryUpgrade .title-lg {
	font-size: 65px;
}

#AnniversaryUpgrade .anniversary-promo-deal {
	display: inline-block;
	padding: 10px 20px;
	background: #000;
	color: #f2b826;
	border-radius: 8px;
	margin: 10px auto;
}

#AnniversaryUpgrade .form-actions {
	text-align: center;
	margin-top: 0px;
	background-color: #000;
	padding: 15px 15px;
}

#MCO img {
	width: 100%;
}

#MCO .form-actions {
	background-color: #000;
	text-align: center;
	margin-top: 0px;
	padding: 10px 10px;
}

button:disabled,
input[type="submit"]:disabled,
.button-disabled,
.button:disabled {
	background-color: #e5e5e5;
	border-color: #e5e5e5;
	cursor: default;
	pointer-events: none;
}
.body-ftto .button:disabled {
	background-color: #9a9a9a;
	border-color: #9a9a9a;
	color: #ffffff;
}

.yellow-text-highlight {
	font-family: "WorkSans-SemiBold", sans-serif !important;
	font-size: 16px !important;
	display: inline-block !important;
	padding: 5px 3px 0px;
	background-color: #fdd00d;
}

#mco-voice-plan .device-label {
	top: 30px !important;
	right: 15px !important;
	width: 95px !important;
}

#mco-voice-plan .device-label::after {
	border-width: 12px 48px 0 48px;
}

#mco-voice-plan .account-actions .button {
	display: inline-block !important;
}

#mco-voice-plan .account-actions {
	text-align: right;
}

.account-plan.dash-promo {
	font-family: "WorkSans-SemiBold", sans-serif;
	color: #f454cd;
	font-weight: bold;
	font-size: 24px;
}

/* Accordian */
.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

.accordion:after {
	content: "\002B";
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

/* Accordian */
.margin-btm-0 {
	margin-bottom: 0px;
}

@media (min-width: 1024px) {
	.button-lg {
		max-width: 300px;
	}
}

@media (max-width: 767px) {
	#mco-voice-plan .device-label {
		top: 45px !important;
	}

	#mco-voice-plan {
		text-align: center;
	}

	#mco-voice-plan .section-title-small {
		text-align: left;
	}
}

.contract-selection-memo label {
	width: 100%;
	max-width: 400px;
	display: block;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: bold;
	font-size: 16px;
	vertical-align: top;
	padding: 10px 0;
	border-radius: 15px;
	text-align: center;
	color: #000000;
	background-color: #e5e5e5;
}

.checked label {
	color: #000000;
	background-color: #f454cd !important;
}

.unchecked label {
	background-color: #cccccc;
}

.contract-selection-memo-option label:hover {
	cursor: pointer;
}

.contract-selection-memo input[type="checkbox"] {
	vertical-align: top;
	background-color: #ffffff;
}

.contract-selection-memo label + input[type="checkbox"]:checked {
	vertical-align: top;
}

.contract-selection-memo input[type="checkbox"]:after {
	color: #ffffff;
	background-color: #f454cd;
}

.contract-selection-memo input[type="checkbox"]:checked:after {
	color: #f454cd;
	background-color: #ffffff;
}

.non-recontract,
.non-recontract-unchecked {
	display: none;
}

.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

.accordion:after {
	content: "\002B";
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.accordion.active:after {
	font-size: 110%;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

#latest-promo {
	display: block;
}

#latest-promo .modal {
	/*max-width: 480px;*/
	padding: 30px 40px 20px;
}

#latest-promo .modal .fa {
	color: #000000;
}

#latest-promo .modal-content {
}

#latest-promo .modal-content img {
	width: 100%;
	max-width: 300px;
	margin-top: 0;
	margin-bottom: 0;
}

#latest-promo .title {
	color: #f454cd;
	margin-top: 10px;
	margin-bottom: 0;
}

#latest-promo .title:after {
	display: none;
}

#latest-promo .notes {
	margin-bottom: 20px;
}

#latest-promo .form-actions {
	margin-bottom: 30px;
}

#latest-promo .form-actions .button.full {
	width: 48%;
	margin: 0;
}

#latest-promo .footnote {
	text-align: left;
	font-size: 10px;
	font-style: italic;
	margin-left: -15px;
}

div.nice-select span.current {
	white-space: nowrap;
	width: calc(100% - 12px);
	overflow: hidden;
	text-overflow: ellipsis;
	/* display: inline-block; */
}

.grid-section.grid-col-4 .nice-select.open .list {
	min-width: 175px;
}

.promo-300 .reward-header {
	font-size: 30px;
}

.promo-300 .text-wrapper h2 {
	color: #ffffff;
}

.promo-300 .modal-content {
	color: #ffffff;
	background-image: url("../images/promo-background-300mbps.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.promo-300 .reward-text h3 {
	max-width: 500px;
	margin: 0.5em auto;
	line-height: 1.4;
}

.promo-300 .reward-terms {
	margin-top: 30px;
	margin-bottom: 0;
	padding-bottom: 40px;
}

.button.silversand {
	color: #f454cd;
	background-color: #f2ebdd;
	border-color: #f2ebdd;
}

/* Addon above 24 month */
.device-label-promo span {
	color: #f454cd;
}

.device-label-promo {
	width: 150px;
}

.device-label-promo:after {
	border-width: 12px 75px 0 75px;
}

@media screen and (max-width: 1300px) {
	.device-label-promo span {
		display: block;
	}

	.device-label-promo {
		width: 80px;
	}

	.device-label-promo:after {
		border-width: 12px 40px 0 40px;
	}
}

@media screen and (max-width: 1024px) {
	.device-label-promo {
		width: 70px;
	}

	.device-label-promo:after {
		border-width: 12px 35px 0 35px;
	}
}

/* Details above 24 month */
.promo-above-24-months .product-title {
	margin-bottom: 10px;
}

.promo-label {
	display: inline-block;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 16px;
	margin: 0 0 1em;
	padding: 10px 20px 5px;
	background-color: #f2b826;
}

.promo-label span {
	color: #f454cd;
}

/** Dashboard update 14102020 **/
@media (min-width: 1024px) {
	.expaned .page-dashboard-wrapper .account-info {
		width: 65%;
	}

	.expaned .page-dashboard-wrapper .mpo-actions {
		padding: 15px 15px 0px 0px;
		background: transparent;
	}
}

@media (max-width: 1023px) {
	.expaned .page-dashboard-wrapper .mpo-actions {
		padding: 15px 0px 0px 0px;
		background: transparent;
	}
}

/** Form Toggle Start **/
.toggle-form {
	min-height: 400px;
	padding: 30px 0px;
	max-width: 600px;
}

.toggle-row {
	display: none;
	pointer-events: none;
	width: 100%;
	padding: 30px 20px;
	border-top: 1px solid #ebebeb;
}

.toggle-row.active {
	display: block;
	pointer-events: auto;
	background: transparent !important;
}

.toggle-row.active:after {
	display: none;
}

.toggle-row:first-child {
	border-top: 0px solid #ebebeb;
}

.toggle-row .col-left {
	width: 70%;
}

.toggle-row .col-left h5 {
	margin-bottom: 0px;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 22px;
}

.toggle-row .col-left p {
	margin: 0px;
}

.toggle-row .col-right {
	width: 25%;
	text-align: right;
}

.toggle-row .col-left,
.toggle-row .col-right {
	vertical-align: middle;
}

.toggle {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 34px;
}

.toggle input {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.toggle-slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 5px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.toggle-slider:after {
	position: absolute;
	left: 11px;
	transform: translateY(-50%);
	top: 50%;
	content: "ON  \00a0 \00a0 OFF";
	font-size: 12px;
	color: #ffffff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.toggle-btn input:checked + .toggle-slider {
	background-color: #f454cd;
}

.toggle-btn input:focus + .toggle-slider {
	box-shadow: 0 0 1px #f454cd;
}

.toggle-btn input:checked + .toggle-slider:before {
	-webkit-transform: translateX(34px);
	-ms-transform: translateX(34px);
	transform: translateX(34px);
}

/* Rounded sliders */
.toggle-slider.round {
	border-radius: 34px;
}

.toggle-slider.round:before {
	border-radius: 50%;
}

.warning-modal .toggle-title {
	display: block;
}

.warning-modal .toggle-title h4 {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 28px;
	line-height: 1.1;
}

.warning-modal .modal {
	padding: 60px 30px 30px;
}

.warning-modal .form-actions {
	margin-top: 50px;
}

.warning-modal .form-actions .button {
	width: 46%;
	padding: 20px 15px;
	font-size: 32px;
}

@media (max-width: 767px) {
	.toggle-form {
		min-height: 400px;
		padding: 10px 0px;
	}

	.toggle-row {
		padding: 20px 0px;
	}

	.toggle-row .col-left {
		display: inline-block !important;
		width: 70% !important;
		margin-bottom: 0px !important;
	}

	.toggle-row .col-right {
		display: inline-block !important;
		width: 25% !important;
		margin-bottom: 0px !important;
	}
}

/** Form Toggle End **/
/** TIME App Banner 25-08-2021 **/
.page-login .footer {
	z-index: 20;
}

.download-timeapp-store {
	position: absolute;
	width: 100%;
	z-index: 11;
	bottom: 0;
	left: 0;
	padding: 25px 15px 15px;
	text-align: center;
	background-color: #f1ebde;
	box-sizing: border-box;
}

.download-timeapp-store p {
	margin: 0 0 8px;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: normal;
	font-size: 25px;
}

.download-timeapp-store p + p {
	margin-bottom: 15px;
}

.download-timeapp-store p.app-links img {
	max-width: 120px;
	margin: 0px 7px;
}

.download-timeapp-store span.text-magenta {
	color: #f454cd;
}

.page-login-wrapper .col-right {
	position: relative;
}

.download-timeapp-links {
	position: absolute;
	width: 45%;
	z-index: 10;
	top: 72%;
	left: 6%;
	transform: translateY(-72%);
}

.download-timeapp-links p {
	color: #000000;
	line-height: 1.25;
	font-size: 16px;
	margin: 0px 0px 45px;
}

.download-timeapp-links p.footnote {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
}

.app-links img {
	display: inline-block;
	max-width: 30%;
}

.login-banner-timeapp {
	background-image: url("../images/selfcare-timeapp-banner-10022025-desktop-split.jpg");
	background-size: 120% auto;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.page-login-wrapper .col-right:after {
	content: "";
	background: #14d0ef;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

@media (min-width: 1920px) {
	.download-timeapp-links p {
		font-size: 24px;
	}
}

@media (max-height: 700px) {
	.login-banner-timeapp {
		background-size: auto 115%;
		background-position: center center;
	}

	.download-timeapp-links p {
		font-size: 14px;
		margin: 0px 0px 25px;
	}

	.download-timeapp-links p.footnote {
		margin-bottom: 0px;
	}
}

@media (max-width: 980px) {
	.page-login-wrapper .col-right {
		height: 68vh !important;
		min-height: 600px !important;
	}

	.download-timeapp-links {
		top: 72%;
		transform: translateY(-72%);
	}

	.page-login-wrapper .col-right {
		border-left: 0px;
	}
}

@media (min-width: 768px) {
	.login-banner-timeapp img {
		display: none;
	}
}

@media (max-width: 767px) {
	.download-timeapp-store {
		padding: 40px 10px 40px;
	}

	.download-timeapp-store p.app-links img {
		width: 32%;
		max-width: 110px;
		margin: 0px 0px;
	}

	.download-timeapp-store p + p {
		margin-bottom: 0px;
	}

	.download-timeapp-links {
		width: 88%;
		z-index: 10;
		top: 40%;
		left: 6%;
		transform: translateY(-22%);
	}

	.download-timeapp-links p {
		color: #fff;
		line-height: 1.25;
		font-size: 14px;
		margin: 0px 0px 5px;
	}

	.download-timeapp-links p.desc {
		margin-top: 47%;
		width: 45%;
		padding-top: 20px;
	}

	.download-timeapp-links p.footnote {
		width: 41%;
		margin-top: 59%;
	}

	.page-login-wrapper .col-right {
		height: auto !important;
		min-height: 550px !important;
	}

	.login-banner-timeapp {
		background-image: none;
		background-size: 100% auto;
		background-position: center bottom;
	}

	.login-banner-timeapp img {
		width: 100%;
		margin-bottom: 100px;
	}
}

/*reset password 2022*/
.page-login .ui-tooltip {
	max-width: 330px !important;
	width: 80% !important;
	margin: auto;
	z-index: 11;
	border-radius: 15px;
}

.username-ttl {
	font-weight: bold;
	font-family: "WorkSans-Regular";
	font-size: 18px;
}

.toggle-account {
	position: absolute;
	right: 5%;
	top: 1em;
	z-index: 2;
	color: #f454cd;
	cursor: pointer;
	pointer-events: none;
}

#modal-select-account .modal {
	border-radius: 10px;
	max-height: 90vh;
}

#modal-select-account .modal .group-wrapper {
	max-height: calc(90vh - 140px);
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
	width: 100%;
}

#modal-select-account .group.active {
	background-color: transparent;
	color: #f454cd;
}

#modal-select-account .group.active:after {
	display: none;
}

#modal-select-account .group {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d6d6d6;
	cursor: pointer;
}

#modal-select-account .group:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px solid #d6d6d6;
}

#modal-select-account .group:hover {
	color: #f454cd;
}

#modal-select-account .group b {
	font-size: 18px;
}

#modal-select-account ul {
	padding: 0.5em 1em;
}

#modal-select-account ul li {
	list-style: disc;
}

#selectAccount {
	border: 1px solid #a4aab3;
	padding: 0.7em 1em;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 15px;
	-webkit-appearance: none;
	color: #a4aab3;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 18px;
	text-align: left;
}

.select-account-label {
	font-weight: bold;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 21px;
	margin: 10px 0px;
}

.select-account-info {
	background: #f2f2f2;
	border-radius: 15px;
	padding: 15px;
}

.select-account-info .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.select-account-info .wrap .account {
	font-weight: bold;
	margin: 0;
}

.select-account-info ul {
	padding-left: 0.6em;
}

.select-account-info ul li {
	list-style: disc;
}

.modal-error .close-btn {
	position: absolute;
	right: 0;
	width: 20px;
	height: 20px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.close-btn {
	position: absolute;
	right: 0;
	width: 20px;
	height: 20px;
	top: -20px;
	right: -20px;
	cursor: pointer;
}

@media (max-width: 767px) {
	#modal-select-account .close-btn {
		top: -10px;
		right: -10px;
	}
}

.close-btn svg {
	width: 100%;
	height: 100%;
}

.close-btn:hover svg line {
	stroke: #f454cd;
}

.password-info .row-password-info {
	display: flex;
	align-items: center;
}

.password-info .row-password-info .svg-tick {
	width: 17px;
	margin-right: 10px;
	display: none;
}

.password-info .row-password-info .svg-dot {
	width: 7px;
	margin: 0px 10px;
	display: block;
}

.password-info .row-password-info.active .svg-tick {
	display: block;
}

.password-info .row-password-info.active .svg-dot {
	display: none;
}

.password-info .row-password-info.active {
	background-color: transparent;
}

.password-info .row-password-info.active::after {
	display: none;
}

.password-info .row-password-info.active .svg-tick svg path {
	stroke: #f454cd;
}

.password-info .row-password-info.active p {
	color: #000000;
}

.password-info .row-password-info svg {
	width: 100%;
	height: 100%;
}

.password-info .row-password-info p {
	margin: 0;
	text-align: left;
	line-height: normal;
	font-size: 14px;
	color: #a3aab4;
	font-family: "WorkSans-Regular", sans-serif;
}

.disabled-btn {
	background-color: #e5e5e5 !important;
	border: 1px solid #e5e5e5 !important;
	cursor: default;
	pointer-events: none;
}

.highlight-border {
	border-color: #f454cd !important;
}

.count {
	background: #ffffff;
	border-radius: 50px;
	color: #f454cd;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: relative;
	top: -3px;
	left: 5px;
}

.count p {
	background: #ffffff;
	border-radius: 50%;
	font-size: 18px;
	color: #f454cd;
	margin: 0;
	font-weight: bold;
	display: inline-block;
	vertical-align: initial;
}

@media (max-width: 560px) {
	.count p {
		vertical-align: middle;
	}
}

.info-icon {
	position: absolute;
	right: 5%;
	top: 1.1em;
	z-index: 2;
	color: #f454cd;
	cursor: pointer;
	pointer-events: none;
}
.info-icon .info-pop {
	font-size: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toggle-password.second-right {
	right: 14%;
}

/* statement and receipt */
.d-inline {
	display: inline;
}

.page-statement-calender .ui-datepicker-calendar {
	display: none;
}

.page-statement-calender .standard-section {
	margin: 4em 0;
}

.page-statement-calender .ui-priority-secondary,
.page-statement-calender .ui-widget-content .ui-priority-secondary,
.page-statement-calender .ui-widget-header .ui-priority-secondary {
	opacity: 1;
	display: none;
}
.fa {
	position: relative;
}

.calender-input-wrap .fa {
	font-size: 20px;
	color: #000000;
	position: relative;
}
.calender-input-wrap .fa-calendar:before {
	content: "";
	background-image: url(../images/icons/icon_border_calender.png);
	background-size: contain;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -20px;
	left: -20px;
}

.calender-input-wrap input[name="start_date"],
.calender-input-wrap input[name="end_date"] {
	pointer-events: none;
	background-color: transparent;
	border: none;
	text-align: center;
}

.statement-box {
	background-color: #f5f5f5;
	border: 1px solid #c3c3c3;
	padding: 15px;
	border-radius: 15px;
}

.statement-box .section-title {
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.statement-box .section-title .statement-calender {
	display: flex;
	justify-content: center;
	align-items: center;
}

.statement-box .section-title .statement-calender .calender-input-wrap {
	display: flex;
	align-items: center;
}

.statement-box .section-title .statement-calender .date {
	display: flex;
	margin-right: 10px;
}

.statement-box .section-title .statement-calender label {
	display: inline-block;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #a4aab3;
	margin-right: 10px;
}

.statement-box .section-title .title {
	padding: 0;
	border: none;
}

.statement-box .date-filter input[type="text"] {
	background-color: transparent;
}

.flex-space-between-end {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.download-btn input {
	width: auto;
	padding: 3px 25px;
	font-size: 18px;
	margin-bottom: 10px;
}

.receipt-table tr td {
	text-align: left;
}

.receipt-table tr td:first-child {
	background-color: #e6e6e7;
	width: 15%;
}

.bill-table-wrap .bill-table.statement-table tr th:last-child {
	background-color: #e6e6e7;
	color: #000000;
}

.bill-table .text-right {
	text-align: right;
}

.bill-table .text-left {
	text-align: left;
}

@media (max-width: 767px) {
	.statement-box .section-title {
		flex-direction: column;
	}

	.statement-box .section-title .statement-calender {
		margin-top: 10px;
	}
}

@media (max-width: 560px) {
	.statement-box .section-title .statement-calender {
		flex-direction: column;
		align-items: flex-end;
	}

	.statement-box .section-title .statement-calender .date {
		margin-right: 0px;
	}

	.statement-box .section-title .statement-calender .calender-input-wrap {
		margin-bottom: 10px;
	}
}

.w-100 {
	width: 100% !important;
}

input[type="checkbox"],
input[type="radio"] {
	vertical-align: text-top !important;
}

.vertical-align-top {
	vertical-align: top !important;
}

/* service modification */
.notes {
	max-width: 400px;
	width: 100%;
	font-family: "WorkSans-Regular", sans-serif;
	display: block;
	line-height: 16px !important;
	margin: 5px 0px;
	color: #f454cd;
}

.service-id-notes {
	color: #f454cd;
	font-family: "WorkSans-Regular", sans-serif;
	line-height: 16px !important;
}

/*bank account*/
.malysia-bank-list .nice-select .option {
	line-height: normal;
	white-space: initial;
	display: flex;
	align-items: center;
}

.malysia-bank-list .nice-select {
	line-height: normal;
	white-space: initial;
	display: flex;
	align-items: center;
}

.error-msg {
	color: #ff4077;
	font-size: 12px;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0.5em 0;
}

.error input {
	border: 1px solid #ff4077 !important;
	cursor: default;
	background-color: #ff8fb4 !important;
	color: #1a1818;
	border-color: #ff4077;
}

/*terminate service 2022*/
@media (min-width: 1024px) {
	#Total-Amount.sticky {
		position: fixed;
		top: 90px;
		width: 429px;
		padding-left: 2.9888%;
		margin-left: 4px;
	}
}

.item-specs-l label {
	font-size: 14px;
}

.item-specs-l .value {
	font-size: 14px;
}

.plan-notes .plan-notes-notice {
	margin: 0;
	margin-bottom: 5px;
}

.plan-notes .plan-notes-msg {
	margin: 0;
	line-height: 1.5;
}

.plan-summary .item-specs label {
	width: 130px;
}

@media (min-width: 1101px) {
	.plan-summary .item-specs .value {
		width: calc(100% - 150px);
	}
}

.table-cell.actions .button.dark {
	display: block;
	margin-bottom: 5px;
}

.table-cell.actions .button.mini {
	display: block;
	margin-bottom: 5px;
}
.confirmation-transfer-ownership.confirmation-change-date
	.col-3
	.col:first-child {
	width: 22%;
}

.confirmation-transfer-ownership.confirmation-change-date
	.col-3
	.col:nth-child(2) {
	width: 30%;
}

.confirmation-transfer-ownership.confirmation-change-date
	.col-3
	.col:nth-child(3) {
	width: 35%;
}

@media (max-width: 1100px) {
	.confirmation-transfer-ownership.confirmation-change-date
		.col-3
		.col:first-child {
		width: 100%;
	}

	.confirmation-transfer-ownership.confirmation-change-date
		.col-3
		.col:nth-child(2) {
		width: 100%;
	}

	.confirmation-transfer-ownership.confirmation-change-date
		.col-3
		.col:nth-child(3) {
		width: 100%;
		text-align: left;
	}

	.confirmation-transfer-ownership.confirmation-change-date
		.col-3
		.col:nth-child(3)
		* {
		text-align: left;
	}
}

.confirmation-change-date .ui-datepicker-trigger {
	margin-left: -40px;
	padding: 10px;
	font-size: 17px;
	cursor: pointer;
	color: #f454cd;
}

.confirmation-change-date input[type="text"] {
	border: 1px solid #a4aab3;
	padding: 0.5em 1em;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 0px;
	-webkit-appearance: none;
}

.color-magenta,
b.highlight {
	color: #f454cd;
}

.prefill-input {
	width: 90%;
	display: block;
}

.service-modification .col-left {
	margin-bottom: 60px !important;
}

#merge-account .value label,
#unmerge-account .value label,
#merge-billing .value label,
#unmerge-billing .value label,
#pilot-hunting .value label {
	display: flex;
	margin: 10px 0;
	font-size: 14px;
	line-height: 20px;
	align-items: center;
}

#unmerge-account .value label,
#unmerge-billing .value label {
	display: inline;
	margin: 10px 0;
	font-size: 14px;
	line-height: 20px;
	align-items: center;
}

#unmerge-account ul,
#unmerge-billing ul {
	list-style: none;
	/* margin: 5px 30px; */
}

#unmerge-account ul li,
#unmerge-billing ul li {
	margin: 10px 0;
}

/* input:indeterminate {
	background: #F454CD;
} */

#merge-account .value input,
#merge-billing .value input,
#pilot-hunting .value input {
	margin: 0 5px 0 0;
}

.service-modification .col-left {
	margin-bottom: 60px !important;
}

.separator-ulli {
	margin-bottom: 15px !important;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e7;
}

.ml-0 {
	margin-left: 0px !important;
}

.primary-notes-ttl {
	padding-top: 10px;
	margin-bottom: 5px;
	font-size: 14px;
}

.billing-checkbox input {
	margin: 0;
	vertical-align: initial;
}

.billing-checkbox input[type="checkbox"]:checked {
	vertical-align: initial;
}

.row-acc-bill-radio {
	display: flex;
}

.row-acc-bill-radio.row-email-radio {
	display: block;
	text-align: left;
	width: 100%;
	max-height: 125px;
}
.row-acc-bill-radio.row-email-radio .email-radio {
	display: block;
	width: 100%;
	margin-bottom: 0;
}
.row-acc-bill-radio.row-email-radio input {
	float: left;
}
.row-acc-bill-radio.row-email-radio label {
	display: block;
	float: left;
	margin-bottom: 10px;
}
.page-login-wrapper
	.row-acc-bill-radio.row-email-radio
	.mCSB_scrollTools
	.mCSB_dragger
	.mCSB_dragger_bar {
	background-color: #f454cd;
}
.page-login-wrapper .row-acc-bill-radio.row-email-radio .mCSB_scrollTools {
	width: 4px;
}

.acc-bill-radio {
	width: 50%;
	float: left;
	margin-bottom: 15px;
	display: flex;
}

@media (max-width: 600px) {
	.row-acc-bill-radio {
		display: flex;
		flex-direction: column;
	}

	.acc-bill-radio {
		width: 100%;
		float: left;
	}
}

.acc-bill-radio input[type="radio"]:checked:after {
	content: "";
	width: 10px;
	height: 10px;
	background-color: #f454cd;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.acc-bill-radio input[type="radio"] {
	border-radius: 100%;
	background: #ffffff;
	border: 1px solid #000;
}

.acc-bill-radio label {
	color: #000000;
	font-size: 14px;
	margin: 0;
	width: calc(100% - 25px);
}
#TerminationReason input[type="radio"]:checked:after {
	content: "";
	width: 10px;
	height: 10px;
	background-color: #f454cd;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#TerminationReason input[type="radio"] {
	border-radius: 100%;
	background: #ffffff;
	border: 1px solid #000;
}

.radio-ttl {
	color: #000000;
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	margin-top: 20px;
}

.primary-tag {
	background-color: #66c8c6;
	color: #ffffff;
	border-radius: 4px;
	padding: 2px 8px;
	font-size: 12px;
	margin-left: 5px;
}

.notes-unmerge-account {
	max-width: 100%;
}

.radio-notes {
	display: block;
	font-size: 12px;
	color: #f454cd;
	margin-top: 5px;
	padding-right: 10px;
}

.notes-ttl {
	padding-top: 0px;
	margin-bottom: 5px;
	font-size: 14px;
}

/* Free 30 mins Voice */

.voiceline-summary-free30min {
	width: 62% !important;
}

.free30min-notes {
	position: relative;
	padding: 20px;
}

.border-bottom {
	border-bottom: 1px solid #dedede;
	margin: 5px 0px;
}

.free30min-notes .free30-ttl {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 30px;
	margin: 0;
	margin-bottom: 10px;
}

.free30min-notes .voice-free-icon {
	width: 100px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.free30min-notes .wrap {
	display: table;
}

.free30min-notes .wrap ol li {
	margin-bottom: 10px;
}

.voiceline-summary-free30min.voice-10-plan {
	width: 43% !important;
}

.voiceline-summary.voice-10-plan .account-summary-col .col-left {
	width: 70%;
}

.chart-voice-10-plan {
	position: relative;
	margin-right: 20px;
}

.chart-voice-10-plan .wrap-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.chart-voice-10-plan p.count {
	font-size: 44px;
	color: #ec008c;
	line-height: normal;
}

.chart-voice-10-plan p {
	margin: 0;
	text-align: center;
	font-size: 17px;
}

@media (max-width: 768px) {
	.voiceline-summary-free30min,
	.voiceline-summary-free30min.voice-10-plan {
		width: 100% !important;
	}

	.voiceline-summary.voice-10-plan .account-summary-col .col-left {
		width: 100% !important;
	}

	.free30min-notes .voice-free-icon {
		float: none;
		margin: auto;
	}

	.free30min-notes .free30-ttl {
		text-align: center;
	}

	.free30min-notes .device-label {
		width: 70px;
		right: 5px;
	}

	.device-label::after {
		border-width: 12px 35px 0 35px;
	}

	.voice-free-icon {
		float: left !important;
		height: 60px !important;
		width: 60px !important;
	}

	.free30min-notes .wrap {
		display: initial;
	}

	.free30min-notes .wrap .free30-ttl {
		height: 60px;
		padding-left: 10px;
		padding-right: 40px;
		font-size: 20px;
		line-height: normal;
		display: flex;
		justify-content: start;
		align-items: center;
		text-align: left;
		margin-bottom: 20px;
	}
}

/*Relocation with blocker*/
.d-inline-block {
	display: inline-block;
}

.relocation-spec-summary .notice-msg {
	width: calc(100% - 40px);
	float: right;
}

/** 2022 Support FAQ**/
.menu > ul > li .dropdown li {
	display: table;
	margin: 10px auto;
}

.search-input-wrapper {
	position: relative;
	max-width: 750px;
	width: 85%;
	margin: auto;
	display: flex;
}

.search-input-wrapper .fa {
	position: absolute;
	top: 14px;
	left: 15px;
	font-size: 22px;
	color: #8d8d8d;
}

.search-wrapper input {
	padding: 10px 45px 10px 45px;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	border-radius: 15px;
	border: 1px solid #c7c7c7;
}

.search-wrapper input:focus ~ .fa {
	color: #f454cd;
}

.quick-link-dropdown-wrapper {
	display: none;
}

.quick-link-dropdown {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 51px;
	z-index: 1;
	border: 1px solid #e3e3e3;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	max-width: 750px;
	width: calc(100% - 20px);
	background: #fff;
	text-align: left;
	padding: 10px;
	border-radius: 15px;
}

.quick-link-dropdown .quick-link-ttl {
	font-family: "WorkSans-SemiBold", sans-serif;
	margin: 0;
	color: #8d8d8d;
	font-weight: bold;
	margin-bottom: 10px;
}

.quick-link-dropdown ul li {
	margin-bottom: 10px;
}

.quick-link-dropdown ul li:hover {
	color: #f454cd;
	cursor: pointer;
}

/* .search-input-wrapper input:focus~.quick-link-dropdown-wrapper {
	display: block;
} */

.clear-search-btn {
	position: absolute;
	right: 15px;
	width: 15px;
	height: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.clear-search-btn svg {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.clear-search-btn:hover svg path {
	fill: #f454cd;
}

.quick-link-dropdown-wrapper.open {
	display: block;
}

.search-title {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 36px;
	color: #000000;
	font-weight: bold;
}

.limit-width-faq {
	display: flex;
	justify-content: space-between;
}

.limit-width-faq .search-wrapper {
	display: flex;
	align-items: center;
}

.limit-width-faq .search-wrapper .search-label {
	margin: 0;
	padding-right: 15px;
	color: #000;
	font-weight: bold;
}

.limit-width-faq .search-input-wrapper {
	width: 300px;
}

.limit-width-faq .search-wrapper input {
	font-size: 14px;
	padding: 6px 35px 6px 35px;
}

.limit-width-faq .search-input-wrapper .fa {
	top: 9px;
	left: 9px;
	font-size: 18px;
}

.search-wrapper.mobile-only {
	margin-top: 30px;
}

.view-all {
	float: right;
}

.view-all a {
	color: #000000;
}

.view-all .button.mini {
	font-size: 14px !important;
	font-weight: normal;
	color: #ffffff;
}

.view-all a:hover {
	color: #f454cd;
}

.top-questions-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px 20px;
}

.top-questions-row .col-4 {
	width: 33.33%;
	display: flex;
}

@media (max-width: 960px) {
	.top-questions-row .col-4 {
		width: 50%;
	}
}

.top-questions-box-wrap {
	display: flex;
}

.top-questions-box {
	border: 1px solid #8c909b;
	margin: 20px;
	padding: 20px;
	border-radius: 15px;
}

.top-questions-button {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	display: flex;
}

.view-all-box {
	background: #fff7fb;
	margin: 20px;
	padding: 20px;
	width: 100%;
	position: relative;
	border-radius: 15px;
}

.view-all-box .wrap {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
	text-align: center;
}

.view-all-box a {
	border-radius: 20px;
	padding: 5px 20px;
}

.top-questions-ttl {
	color: #f454cd;
	font-weight: bold;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	min-height: 48px;
}

.top-questions-desc {
	color: #707070;
	font-size: 15px;
	margin: 0px 0px 20px 0px;
}

.truncate-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.how-to-videos-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px 20px;
}

.how-to-videos-row .col-4 {
	width: 33.33%;
	display: flex;
}

@media (max-width: 960px) {
	.how-to-videos-row .col-4 {
		width: 50%;
	}
}

.how-to-videos-box-wrap {
	width: 100%;
	height: 100%;
}

.how-to-videos-box-wrap.last-box-wrap {
	display: flex;
}

.how-to-videos-box {
	margin: 20px;
}

.video-info {
	display: flex;
	justify-content: space-between;
	align-items: self-start;
}

.video-ttl {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.video-tag {
	display: inline-block;
	font-size: 14px;
	color: #000000;
	background: #f0f0f0;
	border-radius: 50px;
	padding: 2px 20px;
}

.top-faq-row {
	display: flex;
}

.top-faq-row .tab {
	width: 250px;
}

.top-faq-row .tab button {
	display: block;
	background-color: inherit;
	color: #000;
	padding: 7px 0px;
	margin-right: 20px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 18px;
	font-weight: bold;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.top-faq-row .tab button:hover {
	color: #f454cd;
}

.top-faq-row .tab button.active {
	color: #f454cd;
}

.top-faq-row .tab button.active:after {
	content: "";
}

.top-faq-row .tabcontent {
	width: 100%;
	padding: 0px 12px;
	border-left: none;
}

.accordion-faq.accordion {
	width: 100%;
	padding: 0;
	border-radius: 1rem;
	background: white;
}

.accordion-faq.accordion:after {
	content: "";
}

.accordion-faq.accordion:hover {
	background: transparent;
}

.accordion-faq .accordion__item:not(:last-child) {
	border-bottom: 1px solid lightgrey;
}

.accordion-faq .accordion__btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0.6rem 0.3rem;
	border: none;
	outline: none;
	font-size: 16px;
	text-align: left;
	cursor: pointer;
	transition: 0.1s;
	font-weight: bold;
	font-family: "WorkSans-SemiBold", sans-serif;
	color: #000000;
}

.accordion-faq .accordion__btn:hover {
	color: #f454cd;
}

.accordion-faq .accordion__item--active .accordion__btn {
	border-bottom: 2px solid var(--color-purple);
}

.accordion-faq .accordion__item--active .accordion__btn .accordion__icon {
	color: #f454cd;
}

.accordion-faq .download-timeapp-store {
	padding: 10px;
}

.accordion__icon {
	border-radius: 50%;
	transform: rotate(0deg);
	transition: 0.3s ease-in-out;
	opacity: 0.9;
}

.accordion__item--active .accordion__icon {
	transform: rotate(180deg);
}

.accordion__content {
	font-weight: 300;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	color: var(--color-text-muted);
	transform: translateX(16px);
	transition: max-height 0.5s ease, opacity 0.5s, transform 0.5s;
}

.accordion__content p {
	padding: 0rem 0.6rem 0.6rem;
	margin: 0;
}

.accordion__item--active .accordion__content {
	opacity: 1;
	transform: translateX(0px);
	max-height: 100vh;
	overflow-y: auto;
}

.sub-section-ttl {
	margin: 0;
	margin-left: 0.3rem;
	margin-bottom: 0.3rem;
	padding: 0.6rem 0.3rem 0rem 0rem;
	font-size: 1.2rem;
	font-weight: bold;
	font-family: "WorkSans-SemiBold", sans-serif;
	color: #000000;
	border-bottom: 2px solid #f454cd;
	display: inline-block;
}

table.table-faq {
	margin: 5px;
	margin-bottom: 20px;
}

table.table-faq th {
	border: 1px solid #ccc;
	font-weight: bold;
	padding: 5px;
	vertical-align: middle;
	background-color: #c16ffb;
	color: #000000;
}

table.table-faq td {
	border: 1px solid #ccc;
	padding: 5px;
	vertical-align: middle;
}

.image-faq {
	max-width: 700px;
	margin: auto;
}

.ratio-16x9 {
	position: relative;
	display: block;
	width: 80%;
	padding: 0;
	overflow: hidden;
	max-width: 600px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.ratio::before {
	display: block;
	content: "";
	padding-top: 56.25%;
}

.ratio > * {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.icon-setting {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: contain !important;
	background: transparent url(../images/icons/icon-settings.png) center center
		no-repeat;
}

ul.ul-faq {
	display: block;
	list-style-type: disc;
	margin-block-start: 0em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

ul.ul-faq li {
	display: list-item;
	text-align: -webkit-match-parent;
}

ul.ul-faq li::marker {
	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	text-transform: none;
	text-indent: 0px !important;
	text-align: start !important;
	text-align-last: start !important;
}

ol.ol-faq {
	display: block;
	list-style-type: decimal;
	margin-block-start: 0em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

ol.ol-faq li::marker {
	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	text-transform: none;
	text-indent: 0px !important;
	text-align: start !important;
	text-align-last: start !important;
}

.font-smaller {
	font-size: smaller;
}

.font-italic {
	font-style: italic;
}

.filter-cat {
	width: 200px;
	margin-bottom: 5px;
}

.filter-cat .form-control {
	border-radius: 15px;
	width: 100%;
}

.filter-cat-results .f-cat {
	opacity: 0;
	display: none;
}

.filter-cat-results .f-cat.active {
	opacity: 1;
	display: block;
	-webkit-animation: fadeIn 1s ease forwards;
	animation: fadeIn 1s ease forwards;
	background-color: transparent;
}

.filter-cat-results .f-cat.active::after {
	content: "";
}

.start-end-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.result-amount {
	padding-left: 10px;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@media (max-width: 767px) {
	.top-questions-ttl {
		min-height: auto;
	}

	.top-questions-row .col-4 {
		width: 100%;
	}

	.view-all-video {
		margin-right: 20px;
	}

	.view-all-box {
		height: auto;
	}

	.how-to-videos-box {
		margin: 0px;
		margin-bottom: 20px;
	}

	.variable-width .how-to-videos-box {
		margin-right: 20px;
	}

	.how-to-videos-row {
		margin: 0px 0px 20px 0px;
	}

	.how-to-videos-row .col-4 {
		width: 100%;
	}

	.ratio-16x9 {
		width: 100%;
	}

	.top-faq-row {
		flex-direction: column;
	}

	.top-faq-row .tab {
		width: 100%;
		overflow: auto;
		white-space: nowrap;
		display: block;
		margin-bottom: 15px;
	}

	.top-faq-row .tab button {
		display: inline-block;
		width: auto;
	}

	.top-faq-row .tabcontent {
		padding: 0;
	}

	.section-title-small-video {
		border-bottom: none;
	}

	.start-end-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.start-end-row .ttl-wrap {
		display: flex;
		justify-content: space-between;
		width: 100%;
		border-bottom: 1px solid #e6e6e7;
	}

	.start-end-row .filter-cat {
		width: 100%;
		max-width: 300px;
		margin: 20px auto;
	}

	.start-end-row .filter-cat .nice-select {
		width: 100%;
	}
}

/* modal */
.btn-modal-video {
	cursor: pointer;
	position: relative;
}
.btn-modal-video img {
	border-radius: 15px;
}

.modal-video.active::after {
	content: "";
}

.modal.modal-video {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	padding: 0rem;
	z-index: 1041;
	width: 800px;
	max-width: 80%;
	transition: 200ms ease-in-out;
	box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);
	pointer-events: none;
}

.modal.modal-video.active {
	transform: translate(-50%, -50%) scale(1);
	pointer-events: all;
}

.modal-video .closebtn {
	cursor: pointer;
	border: none;
	font-size: 2rem;
	outline: none;
	background: none;
	color: #fff;
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 1;
}

.modal-video .modal-body {
	padding: 0;
}

#overlay {
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	top: 0;
	pointer-events: none;
	opacity: 0;
	transition: 200ms ease-in-out;
	z-index: 1040;
}

#overlay.active {
	pointer-events: all;
	opacity: 1;
}

@media (max-width: 767px) {
	.modal.modal-video {
		padding: 0rem;
	}
}

.yt-play-btn {
	background: rgba(31, 28, 28, 0.8);
	border-radius: 50% / 10%;
	color: #ffffff;
	font-size: 1em;
	height: 3em;
	padding: 0;
	position: relative;
	text-align: center;
	text-indent: 0.1em;
	transition: all 150ms ease-out;
	width: 4em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.btn-modal-video:hover .yt-play-btn {
	background: red;
	transition: all 150ms ease-out;
}

.yt-play-btn::before {
	background: inherit;
	border-radius: 5% / 50%;
	bottom: 9%;
	content: "";
	left: -5%;
	position: absolute;
	right: -5%;
	top: 9%;
}

.yt-play-btn::after {
	border-style: solid;
	border-width: 1em 0 1em 1.732em;
	border-color: transparent transparent transparent rgba(255, 255, 255, 1);
	content: " ";
	font-size: 0.55em;
	height: 0;
	margin: -1em 0 0 -0.75em;
	top: 50%;
	position: absolute;
	width: 0;
}

/** HUAE 2021 - custom checkbox**/
.join-me-on-fast-lane .container {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-top: 12px;
	margin-bottom: 12px;
	font-size: 14px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 90%;
}

.join-me-on-fast-lane .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.join-me-on-fast-lane .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #9d9d9d;
	border-radius: 6px;
}

.join-me-on-fast-lane .container:hover input ~ .checkmark {
	background-color: #fff;
}

.join-me-on-fast-lane .container input:checked ~ .checkmark {
	background-color: #fff;
	border: 1px solid #f454cd;
}

.join-me-on-fast-lane .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.join-me-on-fast-lane .container input:checked ~ .checkmark:after {
	display: block;
}

.join-me-on-fast-lane .container .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #f454cd;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*free device delivery*/
.nice-select .option a {
	color: #000000;
}
.contact-details-form-row .col-left {
	width: 40%;
}
.contact-details-form-row .col-right input[type="text"],
.contact-details-form-row .col-right input[type="number"] {
	width: 100%;
	font-size: 14px;
}
.contact-details-form-row .col-left .label {
	margin: 0;
	line-height: 44px;
}
.col-right .phone-col {
	width: 100%;
	display: flex;
	align-items: center;
}
.col-right .phone-col .phone-col-left {
	width: 100px;
}
.col-right .phone-col .phone-col-right {
	width: calc(100% - 100px);
}
.col-right .phone-col .phone-col-dash {
	width: 10px;
	height: 1px;
	background-color: #000;
	margin-right: 10px;
}
.mt-0 {
	margin-top: 0px;
}
.mt-5 {
	margin-top: 50px;
}

.plan-notes.self-installation {
	font-size: 14px;
	background-color: #e5e5e5;
	padding: 15px 15px 15px;
	margin-top: 20px;
	display: block;
	line-height: 1.3;
	max-width: 400px;
	margin: 10px auto;
}

.default-ul {
	padding-left: 20px;
}

.default-ul li {
	list-style: disc;
	display: list-item;
	text-align: left;
}

.ml-0 {
	margin-left: 0;
}
.ml-1 {
	margin-left: 10px;
}
.ml-2 {
	margin-left: 20px;
}
.ml-4 {
	margin-left: 40px;
}
.mb-1 {
	margin-bottom: 10px;
}
.mb-2 {
	margin-bottom: 20px;
}
.mb-5 {
	margin-bottom: 50px !important;
}
.mt-1 {
	margin-top: 10px !important;
}
.mt-2{
	margin-top: 20px!important;
}
.mt-3 {
	margin-top: 30px;
}

.font-weight-normal {
	font-weight: normal;
}

.flex-center-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flexible {
	display: flex;
	align-items: center;
	justify-content: center;
}

.w-auto {
	width: auto;
}

.refund.transfer-ownership .value input[type="number"] {
	font-size: 14px;
}
.refund.transfer-ownership .col-right .value {
	width: 100%;
	font-family: "WorkSans-Regular";
}
.refund.transfer-ownership .col-right .value .nice-select {
	width: 100%;
}
.refund.transfer-ownership span.small {
	font-style: normal;
}

@media (min-width: 1024px) {
	.refund.transfer-ownership .col-left .col-right {
		width: 90%;
		padding: 0;
	}
	.refund.transfer-ownership .col-right .phone-col .phone-col-dash {
		margin: 10px;
	}
}
.packaging-issues-form {
	width: 100%;
}
.packaging-issues-form textarea {
	width: 100%;
	margin: 0 auto;
	min-height: 150px;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #a4aab3;
}
.upload-img-row {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.dash-border {
	border: 1px dashed #2e2e2e;
}
.upload-photo {
	width: 132px;
	height: 132px;
	text-align: center;
	cursor: pointer;
}
.upload-photo {
	width: 132px;
}
.upload-photo p {
	margin: 0;
}
.upload-photo p.plus {
	font-size: 70px;
	line-height: 30px;
	margin-bottom: 10px;
}
.upload-photo p.add-photo {
	font-size: 20px;
}

.imageThumb {
	height: auto;
	cursor: pointer;
	width: auto;
	z-index: -1;
	max-height: 100%;
	max-width: 100%;
}
.pip {
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
	height: 130px;
	width: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #a4aab3;
}
.remove {
	position: absolute;
	top: -5px;
	right: -5px;
	border-radius: 50px;
	width: 25px;
	height: 25px;
	background-color: #393838;
	color: #fff;
	cursor: pointer;
	font-family: cursive;
	display: flex;
	justify-content: center;
	align-items: center;
}
.remove img {
	width: 14px;
	height: 14px;
}
.remove:hover {
	background: #f454cd;
}

.guide-box {
	border: 1px solid #dddddd;
	border-radius: 5px;
	padding: 10px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 410px;
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
}
.m-auto {
	margin: auto;
}
.m-0 {
	margin: 0px;
}
.guide-box img {
	margin-right: 15px;
}
.guide-box p {
	margin: 0px;
}
.guide-box a {
	text-decoration: none;
	font-family: "WorkSans-Regular", sans-serif;
}

.free-delivery-col .flex-center-between {
	margin-bottom: 15px;
}
.free-delivery-col .flex-center-between .left {
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: 100;
	font-size: 18px;
	color: #a4aab3;
	text-transform: uppercase;
}
.free-delivery-col .flex-center-between .right {
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	text-transform: uppercase;
}
.free-delivery-col .flex-center-between .amount-due .amount-num {
	font-size: 55px;
}

@media (max-width: 980px) {
	.free-delivery-col {
		width: 80% !important;
	}
}

.refunds-summary .item-specs li {
	display: flex;
}

/* FTTO TIME VOICE APP */
#time-voice-app .fa-close {
	color: #fff !important;
}
#time-voice-app .reward-header {
	font-size: 55px !important;
	padding: 30px 15px !important;
	line-height: 0.8 !important;
}
#time-voice-app .reward-header span {
	font-size: 43px;
}
#time-voice-app .text-wrapper p {
	margin: 0px 0 5px;
}
#time-voice-app .text-wrapper p + p {
	margin: 15px 0 15px;
	padding: 0px 30px;
}
.how-it-works-desc {
	display: block;
	box-sizing: border-box;
	width: 50%;
	margin: -30px auto 60px;
}
@media (max-width: 767px) {
	#time-voice-app .text-wrapper p {
		margin: 0 0;
	}
	#time-voice-app .text-wrapper p img {
		max-width: 200px;
	}
	#time-voice-app .text-wrapper p + p {
		margin: 15px 0 5px;
		padding: 0px 15px;
	}
	#time-voice-app .close-modal {
		top: 1.5%;
	}
	.how-it-works-desc {
		width: 100%;
		padding: 0px 15px;
		margin: -10px auto 20px;
	}
}
/* FTTO TIME VOICE APP */
@media (min-width: 1024px) {
	#Total-Amount.sticky {
		position: fixed;
		top: 90px;
		width: 429px;
		padding-left: 2.9888%;
		margin-left: 4px;
	}
}
@media (max-width: 767px) {
	.plan-summary .item-specs label,
	.plan-summary .item-specs .value {
		width: 100%;
		float: none;
		text-align: center;
	}
	.small-note {
		height: auto;
	}
}

/** WiFi Settings Start **/
#wifi-toggle {
	border: none;
}

.toggle-action .desc,
.toggle-action .toggle {
	display: inline-block;
	vertical-align: middle;
}

.toggle-action .desc {
	text-align: left;
	margin-right: 5px;
}

.toggle-action .toggle-btn {
	display: inline-block;
	background-color: #f5f5f5;
	padding: 20px 10px;
	border-radius: 15px;
}
#performance-action-off .account-action img,
#change-voice-plan .account-action img {
	height: 45px;
}

@media (max-width: 1100px) {
	#performance .voiceline-summary {
		margin-left: 1%;
		width: 50%;
	}

	#performance-action-off.account-actions {
		width: 49%;
	}
}

@media (max-width: 880px) {
	#performance .voiceline-summary {
		margin-left: 1%;
		width: 100%;
	}

	#performance-action-off.account-actions {
		width: 100%;
		margin-top: 30px;
	}

	#performance-action-off .account-action {
		margin-top: 15px;
	}
}

@media (max-width: 500px) {
	#performance .voiceline-summary {
		margin: 0px auto;
	}
	#performance .account-actions {
		margin-top: 0px;
	}
}

/** WiFi Settings End **/

/* PPPoE Start*/
.widget-wrap {
	padding: 2em 0;
	margin-left: auto;
	margin-right: auto;
}

.pppoe-password-row .toggle-password {
	position: initial;
}

.pppoe-password-row .toggle-password i {
	font-size: 20px;
	color: #000;
}

.pppoe-password-row .txt-pppoe {
	width: auto !important;
	color: #000;
	background: none;
	border: none !important;
	padding: 0 !important;
}

.notice-box {
	background: #e5e5e5;
	padding: 12px 20px;
	display: table;
	border-radius: 15px;
}

.notice-box p {
	margin: 0px;
}

.pppoe-password-row input:focus {
	border-color: none !important;
	box-shadow: none !important;
}

@media (min-width: 880px) {
	#performance .voiceline-summary {
		margin-left: 1%;
		width: 46%;
	}

	#performance-action-off.account-actions {
		width: 53%;
	}

	#performance-action-off .account-action {
		margin-top: 15px;
	}
}

/* PPPoE End*/

/*TCC Lite 2022*/
.widget-wrap-tcc.col-3 .col:nth-child(3) {
	width: 28%;
}
.widget-wrap-tcc .sub-title {
	line-height: normal;
	margin-bottom: 10px;
}
.widget-wrap-tcc p {
	line-height: normal;
}
.widget-wrap-tcc .status-icon {
	margin: 0px;
}
.widget-wrap-tcc .tcc-steps-img img {
	max-width: 100%;
}

.upload-doc {
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 100% auto !important;
}

.upload-doc.file-added .upload-icon {
	display: none;
}

.upload-doc.file-added h4 {
	color: #fff;
	justify-content: center;
	position: relative;
}

.upload-doc.file-added:before {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	pointer-events: none;
	background: rgb(0, 0, 0);
	background: linear-gradient(
		0deg,
		rgba(0, 0, 0, 0.5) 50%,
		rgba(255, 255, 255, 0) 100%
	);
}

.upload-doc.file-added:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	width: 0%;
	height: 5px;
	bottom: 0;
	left: 0;
	background: #f454cd;
	animation: uploading 2s forwards;
	opacity: 0.5;
}

@keyframes uploading {
	0% {
		width: 0%;
		opacity: 1;
	}

	99% {
		width: 100%;
		opacity: 1;
	}

	100% {
		width: 100%;
		opacity: 0;
	}
}

.upload-icon {
	display: inline-block;
	vertical-align: middle;
	/* background-image: url("../images/icons/icon-upload-grey.png"); */
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 25px;
	margin-left: 5px;
	margin-top: -10px;
}

.current-step {
	box-shadow: inset 0 0 0 2px rgb(236 0 140);
	animation: animate-pulse-2col 1.2s infinite;
	transition: 0.3s;
	border: 2px solid #f454cd !important;
	border-radius: 7px;
	background: rgba(236, 0, 140, 0);
}

.selector-1col a {
	border: 1px solid #888888;
	border-radius: 5px;
	background: #fff;
	color: #000;
	padding: 10px;
	text-align: center;
	display: block;
	margin-bottom: 5px;
	position: relative;
	width: 288px;
}
.selector-1col a h4 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #bdbdbd;
	font-weight: bold;
}

.widget-wrap-tcc .item-specs-l label {
	font-size: 17px;
}

.widget-wrap-tcc .item-specs-l .value {
	font-size: 14px;
	line-height: 1.3;
}

.widget-wrap-tcc .plan-notes .item-specs-l ul li.upfront-big label {
	color: #000000;
	font-size: 17px;
	font-weight: bold;
	line-height: normal;
	padding-left: 0;
	vertical-align: middle;
	white-space: nowrap;
}
.widget-wrap-tcc .plan-notes .item-specs-l ul li.upfront label {
	color: #000000;
	font-size: 17px;
	font-weight: bold;
	line-height: normal;
	padding-left: 0;
}
.widget-wrap-tcc .plan-notes .item-specs-l ul li.outstanding label {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
	vertical-align: top;
	padding-left: 0;
}

.widget-wrap-tcc .plan-notes .item-specs-l ul li.upfront .value {
	font-size: 20px;
	font-family: "din-condensed", sans-serif;
	font-weight: bold;
	padding-right: 0;
}

.widget-wrap-tcc .item-specs-l ul li.upfront .value .text-magenta {
	font-size: 22px;
	font-family: "din-condensed", sans-serif;
	color: #f454cd;
}
.widget-wrap-tcc .plan-notes .item-specs-l ul li.outstanding .value,
.widget-wrap-tcc .plan-notes .item-specs-l ul li.upfront-big .value {
	font-size: 35px;
	font-family: "din-condensed", sans-serif;
	font-weight: bold;
	padding-right: 0;
}

.widget-wrap-tcc .plan-notes {
	background: #f2f2f2;
	max-width: 320px;
	margin: auto;
	padding: 1px 15px 1px;
}
.widget-wrap-tcc .plan-notes .button {
	font-size: 20px;
	padding: 0px;
}

.item-specs-l .text-left {
	text-align: left !important;
}

.font-bold {
	font-weight: bold;
}

.font-italic {
	font-style: italic;
}

.m-0 {
	margin: 0px !important;
}
.mb-0 {
	margin-bottom: 0px !important;
}
.mb-1 {
	margin-bottom: 10px;
}
.mb-3 {
	margin-bottom: 30px;
}

.disabled {
	background: #e5e5e5;
	color: #ffffff;
	border-color: #e5e5e5;
	pointer-events: none;
}

.custom-radio {
	cursor: pointer;
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 20px;
	padding: 0 0 0 40px;
	position: relative;
}

.custom-radio input[type="radio"] {
	display: none;
}

.custom-radio span.radio {
	background-color: #fff;
	border: solid 2px #cccccc;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 20px;
	margin: 0px;
	position: absolute;
	left: 0;
	top: 0px;
	width: 20px;
}

.custom-radio input[type="radio"]:checked + span.radio {
	background: #f454cd;
	border-color: #f454cd;
	text-align: center;
}

.custom-radio input[type="radio"]:checked + span.radio:before {
	content: "\f00c";
	color: #fff;
	font: normal normal normal 18px/1 FontAwesome;
}

.widget-wrap-tcc.col-4 .col {
	width: 25%;
	float: left;
}

@media (max-width: 767px) {
	.widget-wrap-tcc.col-4 .col {
		width: 50%;
	}
}
@media (max-width: 450px) {
	.widget-wrap-tcc.col-4 .col {
		width: 100%;
	}
}

.widget-wrap-tcc {
	display: inline-block;
	width: 100%;
}
.widget-wrap-tcc .internal-number-box {
	background: #f4f4f4;
	height: 170px;
	padding: 10px;
	margin: 10px;
	position: relative;
}
.widget-wrap-tcc .internal-number-box .sub-title.numbers {
	font-size: 20px !important;
}

.widget-wrap-tcc .internal-number-box .add-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.widget-wrap-tcc .internal-number-box .delete-icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 16px;
	color: #7b7c7f;
}
.widget-wrap-tcc .internal-number-box .edit-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 16px;
	color: #7b7c7f;
}
.widget-wrap-tcc .internal-number-box .indicator {
	background: #cccccc;
	width: 15px;
	height: 15px;
	border-radius: 50px;
	display: inline-block;
	margin-right: 5px;
}
.widget-wrap-tcc .internal-number-box .indicator.green {
	background: #2eff11;
}

@media (min-width: 768px) {
	.service-modification-tcc .form-section input[type="text"],
	.service-modification-tcc .form-section input[type="number"] {
		width: 45%;
	}
	.service-modification-tcc .service-modifications-btn #service-modi-tooltip {
		top: 50%;
		left: auto;
		right: 0px;
		transform: translateY(-50%);
		z-index: 1;
		padding-right: 10px;
		width: 220px;
	}
	.service-modification-tcc
		.service-modifications-btn
		#service-modi-tooltip
		.arrow.left {
		display: block !important;
	}
}
@media (max-width: 767px) {
	.service-modification-tcc .service-modifications-btn #service-modi-tooltip {
		width: 80% !important;
	}
	.service-modification-tcc
		.service-modifications-btn
		#service-modi-tooltip
		.arrow.left {
		display: none;
	}
}

.service-modification-tcc .ui-tooltip-content ul {
	list-style: disc !important;
}
.service-modification-tcc .ui-tooltip-content ul li {
	margin-bottom: 4px;
}

.service-modification-tcc .info-pop {
	vertical-align: initial;
	margin-left: 10px;
}
.service-modification-tcc .info-pop i {
	font-size: 10px;
}

.service-modification-tcc .mpo-action-col a {
	padding: 10px;
}

.service-modification-tcc .mpo-action-col img {
	max-width: 40px;
}

.music-list .table-row .table-cell.music-item {
	width: 5%;
}
.music-list .table-row .table-cell.music-play {
	width: 300px;
}

.search-box {
	background-color: #f5f5f5;
	border: 1px solid #c3c3c3;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.search-box-wrapper {
	position: relative;
	width: 100%;
}
.search-box-wrapper .fa {
	position: absolute;
	top: 9px;
	left: 10px;
	font-size: 20px;
	color: #8d8d8d;
}

.search-box-wrapper input:focus ~ .fa {
	color: #f454cd;
}

.search-box input#search-music {
	padding: 8px;
	padding-left: 40px;
	width: 100%;
	border: 1px solid #cccccc;
}

.search-box input:focus {
	box-shadow: none;
	outline: none;
	border: 1px solid #f454cd;
}

.search-box .buttons-wrapper {
	display: flex;
}
.search-box .button {
	width: 100px;
	margin-left: 20px;
}
.text-magenta {
	color: #f454cd !important;
}

.overflow-initial {
	overflow: initial !important;
}
.white-space-normal {
	white-space: normal !important;
}

.d-flex {
	display: flex;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-between {
	justify-content: space-between;
}

.align-items-center {
	align-items: center !important;
}

.tcc-disabled {
	color: #cccccc;
	pointer-events: none;
}
.tcc-disabled .selector-1col a {
	border: 1px solid #888888;
	border-radius: 5px;
	background: #eaeae5;
}

#refresh-overlay .wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	width: 100%;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
}

.pending-active {
	opacity: 0.8;
	filter: grayscale(1);
	pointer-events: none;
}

.pending-active-more {
	opacity: 0.5;
	filter: grayscale(1);
	pointer-events: none;
}

.pending-active-label {
	background-color: #66c8c6;
	border-radius: 4px;
	line-height: 1em;
	padding: 0.5em 2em;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	font-family: "din-light", sans-serif;
	vertical-align: bottom;
	margin: 4px;
}

.service-modification-tcc-call .col-left .label {
	width: 25%;
	line-height: 42px;
}
.service-modification-tcc-call .col-left .value {
	width: 25%;
}

.service-modification-tcc-call .form-section input[type="text"] {
	width: 98%;
}
.service-modification-tcc-call .col-left .value .nice-select {
	width: 98%;
}
.service-modification-tcc-call .table-list {
	white-space: nowrap;
	overflow-x: scroll;
}
@media (max-width: 1024px) {
	.overflow-table .table-list {
		white-space: nowrap;
		overflow-x: scroll;
		display: block;
	}
}

.overflow-table .table-list-call .table-cell:nth-child(1) {
	width: 100px;
	padding-right: 20px;
}
.overflow-table .table-list-call .table-cell:nth-child(2) {
	width: 230px;
	padding-right: 20px;
}
.overflow-table .table-list-call .table-cell:nth-child(3) {
	width: 150px;
	padding-right: 20px;
}
.overflow-table .table-list-call .table-cell:nth-child(4) {
	width: 300px;
}
.overflow-table .table-list-call .table-cell:nth-child(5) {
	width: 120px;
}
@media (max-width: 480px) {
	.service-modification-tcc-call .table-list .table-row.table-head .table-cell {
		font-size: 16px !important;
		display: inline-block;
	}
}

.w-auto {
	width: auto !important;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear-both {
	clear: both;
}
.p-0 {
	padding: 0 !important;
}
.p-2 {
	padding: 20px !important;
}
.p-3 {
	padding: 30px !important;
}
.p-4 {
	padding: 40px !important;
}
.pb-1 {
	padding-bottom: 10px !important;
}
.value.sec-value {
	position: relative;
	width: 130px !important;
}
input.sec-input ~ .sec {
	position: absolute;
	top: 9px;
	right: 50px;
}
.service-modification-tcc-call input:disabled {
	border-color: #cccccc;
	color: #000;
	pointer-events: none;
	background: #eaeae5;
}
.service-modification-tcc-call .nice-select.disabled {
	border-color: #cccccc;
	color: #000;
	pointer-events: none;
	background: #eaeae5;
}

.service-modification-tcc-call .nice-select.disabled:after {
	border-color: #000;
}

#add-btn {
	min-width: 75px;
}
@media (max-width: 340px) {
	#add-btn.w-100-sm {
		width: 100% !important;
		margin-top: 10px;
	}
}
@media (max-width: 767px) {
	.trans-summary-align-left label,
	.trans-summary-align-left .value {
		text-align: left !important;
		width: auto !important;
	}
	.service-modification-tcc-call .col-left .label {
		width: 100%;
	}
	.service-modification-tcc-call .col-left .value {
		width: 49%;
	}
	.service-modification-tcc-call .form-section input[type="text"] {
		width: 100%;
	}
	.service-modification-tcc-call .col-left .value .nice-select {
		width: 100%;
	}
	.amount-pay .text-left {
		text-align: center;
	}
	.float-left-md {
		float: left;
	}
	.float-right-md {
		float: right;
	}
	.clear-both-md {
		clear: both;
	}
	.w-100-md {
		width: 100% !important;
	}

	.table-list-call .table-cell:nth-child(1) {
		width: 20px;
	}
	.table-list-call .table-cell:nth-child(2) {
		width: 100px;
	}
	.table-list-call .table-cell:nth-child(3) {
		width: 100px;
	}
	.table-list-call .table-cell:nth-child(4) {
		width: 100px;
	}
	.table-list-call .table-cell:nth-child(5) {
		width: 100px;
	}
	.table-list-call .table-cell:nth-child(6) {
		width: 100px;
	}
	.table-list-call .table-cell:nth-child(7) {
		width: 100px;
	}
}

.add-blacklisted-name-input {
	border: 1px solid #a4aab3;
	padding: 0.2em 1em;
	font-size: 16px;
	margin-right: 2px;
	box-sizing: border-box;
	border-radius: 0px;
	-webkit-appearance: none;
}

@media (max-width: 600px) {
	.add-blacklisted-name-wrap {
		width: 100%;
		margin-top: 20px;
	}
	.add-blacklisted-name-input {
		width: calc(100% - 77px);
	}
}

.w-45 {
	width: 45% !important;
}

.qr-section .form-row {
	display: flex;
}

.qr-section .sub-title {
	font-size: 20px !important;
	text-align: center;
}
.qr-section .form-row .col-qr .qr-img {
	max-width: 300px;
	width: 100%;
}
.qr-section .col-qr {
	max-width: 300px;
	width: 100%;
	margin: 0px auto;
	flex: 1;
}
.qr-section .col-send-email {
	padding: 0px 40px;
	flex: 2;
}
.qr-section .plan-notes {
	margin-top: 10px;
}

.email-box {
	background: #f2f2f2;
	padding: 20px;
	margin-top: 30px;
}
.email-box input {
	width: 100% !important;
}
.email-box .form-actions {
	margin-top: 1em;
}

.qr-img.inactive {
	opacity: 0.3;
}

.qr-wrapper {
	position: relative;
}
.refresh-icon {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

@media (max-width: 500px) {
	.qr-section .form-row {
		flex-direction: column;
	}
	.qr-section .col-send-email {
		padding: 0px;
	}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

/*New Spped Plan 2Gbps*/
.account-actions-wrapper.manage .account-action {
	width: 50px;
	padding: 10px;
}

/* ftto modi */
.account-actions-wrapper.manage.ftto-modi {
	margin-top: 60px;
}

.account-actions-wrapper.manage.ftto-modi .account-action svg {
	width: auto;
	height: auto;
}
.account-actions-wrapper.manage.ftto-modi .account-action {
	gap: 8px;
	padding: 0px 24px;
	border-right: 1px solid #e5e4e5;
}
.account-actions-wrapper.manage.ftto-modi .account-action span {
	text-align: left;
}
.account-actions-wrapper.manage.ftto-modi .account-action:first-child {
	padding-left: 0;
}

.account-actions-wrapper.manage.ftto-modi .account-action:last-child {
	padding-right: 0;
	border-right: 0;
}

.ftto-modi-mpo-actions.mpo-actions.col-4 .mpo-action-col {
	max-width: 185px;
}
.ftto-modi-mpo-actions.mpo-actions.col-4 .mpo-action-col svg {
	width: 35px;
	margin-right: 10px;
}
.ftto-modi-mpo-actions.mpo-actions.col-4 .mpo-action-col span {
	text-align: left;
}

/* end of ftto modi */

.account-actions-wrapper.manage .account-action span {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 14px;
}

.btn-border, .btn-border.btn-primary-purple {
	border: 2px solid #000000 !important;
	background: transparent !important;
	color: #000000;
}
.btn-border:hover {
	border: 2px solid #f454cd !important;
	background: transparent !important;
	color: #f454cd;
}
.btn-border.btn-primary-purple:hover {
	border: 2px solid #c16ffb !important;
	background: transparent !important;
	color: #c16ffb;
}

.pl-0 {
	padding-left: 0px !important;
}
.pl-2 {
	padding-left: 20px !important;
}
a.text-magenta:hover {
	color: #000000 !important;
}

.font-worksans-regular {
	font-family: "WorkSans-Regular";
}
.font-worksans-semibold {
	font-family: "WorkSans-SemiBold";
}
.font-12 {
	font-size: 12px;
}

.font-22 {
	font-size: 22px;
}
.line-height-normal {
	line-height: normal !important;
}
.grey-bg-rounded {
	border-radius: 15px;
	background: #f8f8f8;
	padding: 10px;
}
.pink-bg-rounded {
	border-radius: 15px;
	background: #ff8fb4;
	padding: 10px;
}
.attn-notice {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin: auto;
}

.flex-0-auto {
	flex: 0 0 auto;
}
.attn-notice .attn-icon-img {
	margin-right: 10px;
	width: 30px;
}
.attn-notice .attn-icon-img-sm {
	margin-right: 10px;
	width: 20px;
}
.highlight-grey {
	background: #efefef;
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	border-radius: 50px;
	font-size: 12px;
	padding: 2px 10px;
	display: inline-block;
}

.ttl {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 20px;
	text-align: center;
}

.ttl-md {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: normal;
	text-align: left;
	margin-bottom: 5px;
}
.ttl-sm {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 14px;
	text-align: center;
	line-height: normal;
	text-align: left;
	margin-bottom: 5px;
}

.address-unit-level,
.mobile-number-section {
	max-width: 500px;
	max-width: 800px;
	margin: 40px auto;
}
.address-unit-level div,
.mobile-number-section div {
	padding: 0px 5px;
	position: relative;
}

.mobile-number-section div {
	width: 100%;
}

.address-unit-level .text-input input,
.address-unit-level .text-input select,
.mobile-number-section .text-input input,
.mobile-number-section .text-input select {
	border: 2px solid #000000;
	border-radius: 15px;
	padding: 25px 12px 15px !important;
	height: auto;
	width: 100%;
}
.address-unit-level .text-input.active input,
.address-unit-level .text-input input:hover,
.address-unit-level .text-input:hover #dob,
.relocation-search-address input[type="text"]:focus,
.relocation-search-address input[type="text"]:hover,
.relocation-search-address input[type="text"]:active,
.relocation-search-address input[type="email"]:focus,
.relocation-search-address input[type="email"]:hover,
.relocation-search-address input[type="email"]:active,
.relocation-search-address input[type="tel"]:focus,
.relocation-search-address input[type="tel"]:hover,
.relocation-search-address input[type="tel"]:active,
.form-control input[type="text"]:focus,
.form-control input[type="text"]:hover,
.form-control input[type="text"]:active,
.form-control input[type="email"]:focus,
.form-control input[type="email"]:hover,
.form-control input[type="email"]:active,
.form-control input[type="tel"]:focus,
.form-control input[type="tel"]:hover,
.form-control input[type="tel"]:active,
form input[type="text"]:focus,
form input[type="text"]:hover,
form input[type="text"]:active,
form input[type="email"]:focus,
form input[type="email"]:hover,
form input[type="email"]:active,
form input[type="password"]:focus,
form input[type="password"]:hover,
form input[type="password"]:active,
form input[type="tel"]:focus,
form input[type="tel"]:hover,
form input[type="tel"]:active,
input[type="text"]:focus,
input[type="text"]:hover,
input[type="text"]:active,
input[type="email"]:focus,
input[type="email"]:hover,
input[type="email"]:active,
input[type="tel"]:focus,
input[type="tel"]:hover,
input[type="tel"]:active {
	border: 2px solid #f454cd!important;
	box-shadow: none!important;
}

.address-unit-level .text-input label,
.mobile-number-section .text-input label {
	position: absolute;
	top: 50%;
	left: 20px;
	font-size: 16px;
	transform: translateY(-50%);
	transition: 0.3s;
	pointer-events: none;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.address-unit-level .text-input.focused label,
.address-unit-level .text-input.filled label,
.mobile-number-section .text-input.focused label,
.mobile-number-section .text-input.filled label {
	position: absolute;
	top: 5px;
	font-size: 14px;
	transform: translateY(0%);
	transition: 0.3s;
}

.address-unit-level .form-control {
	display: block;
	width: 100%;
	line-height: 1.42857143;
	background-image: none;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	-webkit-transition: border-color ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	border-radius: 15px;
	background: #fff;
	color: #000;
	padding: 30px 15px 5px;
	height: 64px;
	font-size: 18px;
}

.modal-md {
	max-width: 400px;
	width: 100%;
}
.modal-xl {
	max-width: 1000px;
	width: 100%;
}

#modal-choose-plan .grid-section .box {
	border: 0;
	margin: 10px;
	width: 100%;
	max-width: 280px;
}

#modal-choose-plan .best-seller {
	margin-top: 27px;
	position: relative;
}

#modal-choose-plan .best-seller:before {
	content: "BEST SELLER";
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 12px;
	padding: 3px 20px 20px;
	border-radius: 15px 15px 0 0;
	top: -27px;
	background-color: #000000;
	color: #ffffff;
	width: calc(100% - 40px);
	left: 0;
	z-index: 0;
	position: absolute;
}
#modal-choose-plan .best-seller:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 0;
	opacity: 1;
	left: 0;
	top: 0;
	background: #f8f8f8;
	border-radius: 15px;
}

#modal-choose-plan .best-seller .item-specs {
	position: relative;
	z-index: 2;
}
#modal-choose-plan .best-seller .item-icon,
#modal-choose-plan .best-seller .item-action {
	position: relative;
	z-index: 1;
}

@media (min-width: 767px) {
	.Add-ons-box {
		margin: 20px -150px;
	}
}

.ttl-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #cecece;
	padding: 0 10px 10px 10px;
}
.ttl-wrap .button {
	width: 70px;
}
.add-on-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px;
}
.device-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}
.device-wrap img {
	width: 100px;
	margin: 0px 20px;
}
.Add-ons-box .total-payable {
	padding-left: 30px;
	border-left: 1px solid #dddddd;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
}

.Add-ons-box .item-specs-l ul li label {
	width: 60%;
}

.new-manage-plan .manage-plan-overview .table-row .table-cell .table-head {
	width: 120px;
	display: block;
}

@media (max-width: 767px) {
	.Add-ons-box {
		margin: 20px auto;
	}
	.add-on-wrap {
		flex-direction: column;
	}
	.Add-ons-box .total-payable {
		padding-left: 0px;
		border-left: 0px;
		border-image: none;
		text-align: center;
		margin-top: 20px;
	}
}

#performance-action-off .account-actions-wrapper {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
}
@media (max-width: 991px) {
	#performance-action-off .account-actions-wrapper {
		justify-content: center;
		flex-wrap: wrap;
	}
}
@media (max-width: 767px) {
	.new-manage-plan .plan-dropdown {
		display: table;
	}
	.new-manage-plan .table-list .table-row .table-cell {
		display: inline-block;
	}
	.grid-section .box {
		border-bottom: 1px solid #c9c9c9;
	}
}
@media (max-width: 596px) {
	.new-manage-plan .table-list .table-row .table-cell.status {
		padding-top: 0px !important;
	}
	#modal-choose-plan .grid-section .box {
		margin: 0px auto 20px;
		padding: 1.15em;
	}
	#modal-choose-plan .grid-section .box.best-seller {
		margin-top: 50px;
	}
}

.border-0 {
	border: 0 !important;
}

.icon-speedtest {
	padding: 4px 10px;
	height: 36px !important;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	/* content: "•"; */
	content: "" !important;
	border-radius: 50px !important;
	width: 7px !important;
	height: 7px !important;
	border: 3px solid #d8a4ff !important;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 1 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	background-color: #ce61ff;
}

a.text-black {
	color: #000000 !important;
}
a.text-black:hover {
	color: #f454cd !important;
}

#UpgradeComing.popup-nsp .modal {
	padding: 0px 0px;
	margin-top: 120px;
}
#UpgradeComing.popup-nsp .popup-header img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 10px;
	width: 160px;
}

input[type="password"]#password-login::placeholder,
input[type="text"]#username-login::placeholder,
.login-section input[type="password"]::placeholder,
.login-section input[type="text"]::placeholder {
	font-size: 14px;
}

@media (max-width: 768px) {
	.login-section {
		margin: 0em auto 4em !important;
	}
}
/*hide the freshchat icon*/
.d-hotline.h-btn {
	z-index: -100 !important;
	bottom: -100px !important;
	right: -100px !important;
	opacity: 0 !important;
	display: none !important;
}

.account-action svg {
	width: 40px;
	height: 40px;
}
.account-action:hover svg .pink-fill {
	color: #000000;
}

.account-action:hover svg .black-fill {
	color: #ffffff;
}

.account-action:hover svg .black-stroke {
	color: #ffffff;
}

.account-action .pink-fill {
	color: #f454cd;
}

.account-action .pink-fill-disabled {
	color: #c9c9c9;
}

.account-action-disabled {
	cursor: default;
}

.account-action-disabled span {
	color: #c9c9c9;
}

.black-fill {
	color: #000;
}

.white-fill {
	color: #fff;
}

@media (max-width: 480px) {
	#yup2 {
		padding: 0.5em 0.2em;
	}
}

/* Address title drop to second line with align icon and button*/
.search-address-item .address-title {
	margin: 15px 60px 0px 40px;
	position: relative;
}

.search-address-item .address-title .fa {
	min-width: 0;
	margin: 0;
}
.search-address-item .address-title .fa:before {
	left: -40px;
}
.search-address-item .address-title .button {
	position: absolute;
	right: -70px;
	top: 0;
}

/*livechat*/
#custom_fc_button {
	width: auto;
	position: fixed;
	right: 15px;
	bottom: -1px;
	z-index: 999;
	background-color: #ec008c;
	text-align: center;
}
#custom_fc_button:hover {
	background-color: #ec008c;
	transition: 0.3s;
}
#custom_fc_button.docked {
	position: absolute;
}
#imageicon,
#imglogo {
	display: inline-block;
	vertical-align: middle;
}

#imglogo {
	font-family: "din-condensed", Helvetica, Arial, sans-serif !important;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	width: 80px;
}

#imglogo img {
	display: block;
	margin: 0 auto;
}

#open_fc_widget {
	display: block;
	color: #fff;
	float: left;
	padding: 12px 13px;
	text-decoration: none;
	height: 57px;
	width: 175px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.75);
}

#status_link.space_out {
	right: 200px;
}
@media (max-width: 767px) {
	#status_link.space_out {
		right: auto;
	}
	#custom_fc_button {
		width: 100%;
	}
	.check-app-status-link.space_out,
	#custom_fc_button.space_out {
		width: 49%;
	}
	.check-app-status-link.space_out .bottom-bar-cta,
	#open_fc_widget {
		width: 100%;
	}
	#custom_fc_button {
		right: 0px;
		z-index: 999;
	}
}

.overflow-table .table-list-call .table-cell a {
	display: inline-block;
	margin: 5px 0px;
	width: auto;
}

/*2022 nov promo*/
.journey-link ol li b {
	min-width: 100px;
	display: inline-block;
	text-align: right;
	margin-right: 5px;
}
.box-inner .device-terms {
	margin: 0 auto;
	max-width: 210px;
}
.img-box {
	background: #f7f7f7;
	border-radius: 15px;
	height: 230px;
	width: 230px;
	margin: 0px auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.device-ttl-wrap {
	height: 140px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.device-label-new {
	position: relative;
}
.device-label-new:before {
	content: "NEW";
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 12px;
	padding: 6px 20px 20px;
	border-radius: 15px 15px 0 0;
	top: -30px;
	background-color: #000000;
	color: #ffffff;
	transition: 0.3s;
	width: calc(100% - 50px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
	position: absolute;
}

.device-label-latest-promo:before {
	content: "LATEST PROMO";
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 12px;
	padding: 6px 20px 20px;
	border-radius: 15px 15px 0 0;
	top: -30px;
	background-color: #000000;
	color: #ffffff;
	transition: 0.3s;
	width: calc(100% - 50px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
	position: absolute;
}
.device-item {
	margin-top: 0px;
	margin-bottom: 0px;
}
.plan-notes .divider {
	display: inline-block;
	margin: 0px 20px;
}

@media (max-width: 640px) {
	.device-feature {
		min-height: initial;
	}
	.device-item {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.device-label-new,
	.device-label-latest-promo {
		margin-top: 35px;
	}
	.plan-notes span {
		display: block;
		line-height: 1.6;
	}
	.plan-notes .divider {
		display: none;
	}
}

.line-through {
	text-decoration: line-through;
}

#surprise .reward-text,
.modal-surprise .reward-text {
	font-size: 22px;
}

/*BizCloud*/
.font-18 {
	font-size: 18px;
}
.font-14 {
	font-size: 14px;
	line-height: normal;
}
.w-60 {
	width: 60% !important;
}
.w-50px {
	width: 50px !important;
}
.bizcloud-radio .radio-notes {
	color: #000;
	font-family: "WorkSans-Regular";
	line-height: 1.4;
	margin: 0;
	font-size: 14px;
}

.bizcloud-radio input[type="radio"]:checked:after {
	content: "";
	width: 12px;
	height: 12px;
	background-color: #f454cd;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bizcloud-radio input[type="radio"] {
	border-radius: 100%;
	background: #ffffff;
	border: 2px solid #000;
	margin: 0px 15px 0px 2px;
	width: 21.5px;
	height: 20px;
}

.bizcloud-radio label {
	color: #000000;
	font-size: 16px;
	margin: 0;
	width: calc(100% - 25px);
	font-family: "WorkSans-Regular";
}

.modal-bizcloud-confirmation td {
	vertical-align: top !important;
	line-height: normal;
}

.bizcloud-animate-label-wrapper .animate-label {
	max-width: 90%;
}
.bizcloud-animate-label-wrapper .animate-label input {
	border-radius: 15px;
}

.bizcloud-toggle-password {
	position: absolute;
	right: -5%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	color: #f454cd;
	cursor: pointer;
	font-size: 20px;
}

.validation-error-msg {
	font-size: 12px;
	line-height: normal;
}

.text-red {
	color: #ff4077;
}

.animate-label {
	position: relative;
	max-width: 400px;
	width: 100%;
}

.animate-label label {
	position: absolute;
	top: 16px;
	left: 0;
	width: 100%;
	color: #000000;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	cursor: text;
	pointer-events: none;
	padding: 0 15px;
	height: 100%;
	font-size: 16px;
}

.animate-label input {
	width: 100%;
	border: 0;
	outline: 0;
	border: 1px solid #bdbdbd;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #000000;
	border-radius: 0.5rem;
	line-height: normal;
	padding: 25px 15px 10px !important;
}

.animate-label input:invalid {
	outline: 0;
}

.animate-label input:focus,
.animate-label input:valid {
	border-color: #000000;
	font-weight: bold;
}

.animate-label input:focus ~ label {
	font-size: 12px;
	top: 3px;
}

.font-18 {
	font-size: 18px;
}

.font-worksans-semibold {
	font-family: "WorkSans-SemiBold";
}

.width-450 {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 10px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}
.bg-pink {
	background: #f454cd;
}
.bg-light-pink {
	background: #ff82e6;
}

.bg-purple {
	background: #c16ffb;
}
.bg-dark-pink {
	background: #aa0fa3;
}
.text-dark-pink {
	color: #aa0fa3 !important;
}
.absolute-top-center {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}
#remove-mykabel-popup .modal {
	padding: 3em;
}
#remove-mykabel-popup .form-actions.full {
	margin-top: 2em;
}

/*Q3 Promo*/
.disabledQ3,
.body-ftto .disabledQ3,
.body-ftto .button.disabledQ3,
.body-ftto button.disabledQ3,
.body-ftto form input[type="button"].disabledQ3, 
.body-ftto input[type="submit"].disabledQ3,
.body-ftto .btn-primary-purple.disabledQ3,
.body-ftto .btn-primary-purple-hover.disabledQ3{
	background: #c9c9c9;
	color: #ffffff;
	border-color: #c9c9c9;
	pointer-events: none;
}

ul.fake-slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.fake-slick-dots li {
	background: #ffffff;
	width: 6px;
	height: 6px;
	border-radius: 50px;
	border: 3px solid #ddaeff;
	margin-right: 8px;
}

ul.fake-slick-dots li.active-dot {
	background: #c16ffb;
}

.slick-slide img {
	margin: auto;
}

.slick-arrow-left {
	position: absolute;
	right: 51%;
	width: 200px;
	bottom: -90px;
	background: #000000;
	border-color: #000000;
	color: #ffffff;
}
.slick-arrow-left:hover {
	background: #f454cd !important;
	border-color: #f454cd !important;
	color: #000000;
}
.slick-arrow-right {
	position: absolute;
	left: 51%;
	width: 200px;
	bottom: -90px;
}

.slick-disabled {
	background: #e5e5e5 !important;
	border-color: #e5e5e5 !important;
	color: #ffffff !important;
	cursor: default;
	pointer-events: none;
}
/* .slick-arrow-left.slick-disabled{
	display: none!important;
} */

.new-manage-plan .table-cell.status.initial .choose-promo-ttl {
	color: #f454cd;
}

.new-manage-plan .table-cell.status.initial .plan-renew-cta {
	background: #c9c9c9;
	color: #ffffff;
	border-color: #c9c9c9;
	pointer-events: none;
}

.new-manage-plan .table-cell.status.initial input[type="radio"] {
	border: 2px solid #f454cd;
}

.new-manage-plan .table-cell.status.initial input[type="radio"]:hover {
	background: #fff5fe;
}
.new-manage-plan .table-cell.status input[type="radio"]:checked:hover {
	background: #f454cd;
}
.new-manage-plan .table-cell.status input[type="radio"]:hover {
	background: #fff5fe;
}

.mt-8 {
	margin-top: 80px !important;
}

.text-green {
	color: #00dd9e;
}

.account-status-completed {
	background-color: #00dd9e !important;
}

/*coa*/
.opacity-disabled {
	opacity: 0.3;
	pointer-events: none;
}

.font-semiboldv label {
	font-family: "WorkSans-SemiBold" !important;
}

.label-yellow-ab-sm {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	font-size: 10px;
	padding: 0px 10px;
	border-radius: 5px;
	display: inline-block;
	background: #ffdc2e;
	color: #000;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.label-yellow-sm {
	font-size: 10px;
	padding: 0px 10px;
	border-radius: 5px;
	display: inline-block;
	background: #ffdc2e;
	color: #000;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.text-uppercase {
	text-transform: uppercase;
}

.manage-plan-overview-ppr.promo.table-list .table-row {
	display: table;
}
.manage-plan-overview-ppr.table-list .table-row .table-cell {
	width: 35%;
}
.manage-plan-overview-ppr.table-list .table-row .table-cell.status {
	width: 20%;
	padding: 20px;
}
.manage-plan-overview-ppr.promo.table-list .table-row .table-cell.mpo-services {
	width: 28%;
}
.manage-plan-overview-ppr.promo.table-list .table-row .table-cell.plan-info {
	width: 34%;
}
.manage-plan-overview-ppr.promo.table-list .table-row .table-cell.status {
	width: 38%;
}
.manage-plan-overview-ppr.promo .table-head {
	width: 100%;
}
@media (max-width: 991px) {
	.manage-plan-overview-ppr.promo.table-list
		.table-row
		.table-cell.mpo-services {
		width: 40%;
		padding: 20px !important;
	}
	.manage-plan-overview-ppr.promo.table-list .table-row .table-cell.plan-info {
		width: 40%;
		border-image: none;
		padding: 20px !important;
	}
	.manage-plan-overview-ppr.promo.table-list .table-row .table-cell.status {
		width: 90%;
		margin-top: 20px;
		padding: 20px !important;
	}
	.manage-plan-overview-ppr.promo.table-list
		.table-row
		.table-cell.status
		.button-full {
		max-width: 400px;
	}
}
@media (max-width: 576px) {
	.manage-plan-overview-ppr.promo.table-list
		.table-row
		.table-cell.mpo-services {
		width: 90%;
	}
	.manage-plan-overview-ppr.promo.table-list .table-row .table-cell.plan-info {
		width: 90%;
	}
	.manage-plan-overview-ppr.promo.table-list .table-row .table-cell.status {
		width: 90%;
	}
	.new-manage-plan .manage-plan-overview .table-row .table-cell .table-head {
		width: auto;
	}
}

.bg-light-grey {
	background: #e5e5e5;
}

.rounded-15 {
	border-radius: 15px;
}

.contract-selection-promo {
	display: flex;
}

.contract-selection #selection-promo-1:before {
	content: attr(data-promo);
	font-size: 14px;
	white-space: pre;
	color: #000000;
}

.contract-selection #selection-promo-2:before {
	content: attr(data-promo);
	font-size: 14px;
	white-space: pre;
	color: #000000;
}

.contract-selection.contract-selection-promo input[type="radio"] {
	padding: 0;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contract-selection.contract-selection-promo input[type="radio"]:before {
	margin: 0px;
}

.contract-selection-promo input[type="radio"] {
	background: #ffffff;
	border-color: #f454cd;
}

.contract-selection-promo input:checked {
	background: #f454cd;
	z-index: 10;
}

.border-gradient {
	border-right: 1px solid #efefef;
	padding: 1.15em;
	-webkit-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Safari 3.1-5 */
	-o-border-image: url(../images/border-gradient-mini.png) 3 stretch;
	/* Opera 11-12.1 */
	border-image: url(../images/border-gradient-mini.png) 3 stretch;
}

.incompatible-error-2 {
	display: block;
	font-size: 12px;
	line-height: 1.25;
	text-align: center;
	color: #ff0004;
	padding: 5px 15px 5px;
	margin: 0px auto 0px;
	border: 2px solid #ff0004;
	border-radius: 15px;
	max-width: 300px;
}

.plan-notes.bg-yellow {
	background-color: #ffeea9;
}

.box.best-value {
	background: linear-gradient(
		180deg,
		#e8e8e8,
		#e8e8e8 50%,
		#f8f8f8 75%,
		#f8f8f8 75%
	);
	position: relative;
	margin-left: -5px;
}
.box.best-value::before {
	content: "BEST VALUE";
	font-family: "WorkSans-SemiBold", sans-serif;
	background-color: #ffdc2e;
	width: 100%;
	height: 30px;
	position: absolute;
	top: -20px;
	left: 0;
	border-radius: 15px 15px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 640px) {
	.box.best-value {
		margin-top: 20px;
	}
}

.style_icon_calendar {
	width: 40px !important;
}

.align-items-start {
	align-items: flex-start !important;
}

.relationship-terms-2g {
	margin-top: 30px;
	justify-content: center;
}
@media (max-width: 767px) {
	.relationship-terms-2g {
		text-align: left;
	}
}

@media (max-width: 450px) {
	.more-units .nice-select {
		font-size: 12px;
	}

	.contract-selection input[type="radio"]:before {
		font-size: 12px;
	}
}

/* @media (max-width: 767px) {
    .total-payable .amount-due.text-left{
        text-align: center !important;
    }
} */

@media (max-width: 980px) and (min-width: 768px) {
	.col-3 .col:nth-child(3) * {
		text-align: center !important;
	}
}

.pl-5px {
	padding-left: 5px;
}

.awo-phone .animate-label {
	max-width: 90%;
}
@media (max-width: 768px) {
	.addon-checkout-section .col-3 .col {
		display: block;
		width: 80%;
		padding-left: 4%;
		padding-right: 4%;
		margin-left: auto;
		margin-right: auto;
	}
	.addon-checkout-section .col-3 .col:nth-child(3) {
		width: 80% !important;
		padding-left: 4% !important;
		padding-right: 4% !important;
	}
	.addon-checkout-section .item-specs-l ul {
		width: 100%;
	}
	.addon-checkout-section .total-payable {
		padding: 0px 9px;
		text-align: left !important;
	}
	.addon-checkout-section .col-3 .col:nth-child(3) * {
		text-align: left;
	}
	.addon-checkout-section .upgrade-note {
		width: 80%;
		text-align: left;
		display: flex;
	}
	.addon-checkout-section .upgrade-note .note {
		display: table;
		margin: 0 5px 0 8px;
	}
	.addon-checkout-section .relationship-terms-2g {
		padding: 0 26px;
	}
}
@media (max-width: 560px) {
	.addon-checkout-section .col-3 .col {
		width: 100%;
	}
	.addon-checkout-section .col-3 .col:nth-child(3) {
		width: 100% !important;
		padding-left: 4% !important;
		padding-right: 4% !important;
	}
	.addon-checkout-section .upgrade-note {
		width: 90%;
	}
	.addon-checkout-section .form-actions.full {
		padding: 0 5%;
	}
}

/* fttr */
.bg-light-purple {
	background: #ddaeff;
}

.p-1 {
	padding: 10px !important;
}

.mr-2 {
	margin-right: 20px !important;
}

.lh-14 {
	line-height: 1.4;
}

.mr-1 {
	margin-right: 10px !important;
}

.mb-1 {
	margin-bottom: 10px !important;
}

.font-10 {
	font-size: 10px;
}

.font-22 {
	font-size: 22px;
}

.font-24 {
	font-size: 24px;
}

.font-30 {
	font-size: 30px;
}

.font-40 {
	font-size: 40px;
}

.text-grey {
	color: #474747;
}

.black-border-box {
	border-radius: 15px;
	border: 2px solid #000;
	display: flex;
	align-items: center;
	position: relative;
}

.black-border-box .more-units .value {
	max-width: 400px;
}

.black-border-box .more-units .value .nice-select {
	width: 100%;
}

.absolute-top-right {
	position: absolute;
	top: 10px;
	right: 10px;
}

.plan-notes-sm {
	background-color: #e5e5e5;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 5px;
}
.plan-notes-sm.bg-yellow {
	background-color: #ffeea9;
}

.menu-pending-active a {
	color: #e5e5e5 !important;
	pointer-events: none;
}

@media (max-width: 767px) {
	.black-border-box {
		flex-direction: column;
	}
}
@media (max-width: 450px) {
	.fttr-wrapper {
		flex-direction: column;
	}
	.fttr-wrapper > .col {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.fttr-img {
		align-self: center;
	}
}

.max-width-350 {
	max-width: 350px;
}
.max-width-400 {
	max-width: 400px;
}

.multiple-input {
	border: 1px solid #000000;
	padding: 0.7em 1em;
	font-size: 16px;
	width: 90%;
	box-sizing: border-box;
	border-radius: 15px;
}
@media (max-width: 767px) {
	.multiple-input {
		width: 100%;
	}
}
.multiple-input.disabled {
	cursor: default;
	background-color: #e5e5e5 !important;
	color: #1a1818;
	border: 1px solid #000000 !important;
}
.multiple-input span {
	display: block;
}

/*2023 - Account Auto Creation*/
.track-application-section {
	border: 2px solid #e5e4e5;
}
.customTooltip .introjs-skipbutton {
	color: #fff !important;
	font-family: "WorkSans-Semibold" !important;
	font-weight: normal !important;
	font-size: 18px !important;
	font-weight: 600;
	/* right: 230px!important;
    top: auto!important;
    bottom: -108px!important; */
	position: relative;
	line-height: 1.2;
	height: auto;
}
@media screen and (max-width: 500px) {
	.customTooltip .introjs-tooltipbuttons-group a {
		font-size: 14px !important;
		line-height: 1.2;
	}
	.customTooltip.last .introjs-tooltipbuttons-group a {
		max-width: 50%;
		white-space: pre-wrap; /* css-3 */
		white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
		white-space: -pre-wrap; /* Opera 4-6 */
		white-space: -o-pre-wrap; /* Opera 7 */
		word-wrap: break-word; /* Internet Explorer 5.5+ */
		text-align: center;
	}
}
.customTooltip .introjs-tooltipbuttons-group {
	display: flex;
	align-items: center;
	gap: 10px;
}

.introjs-helperLayer {
	box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px,
		rgba(33, 33, 33, 0.9) 0px 0px 0px 5000px !important;
	width: auto !important;
	height: auto !important;
}
/* .introjs-showElement{
	color: #ffffff!important;
} */
.introjs-showElement .text-white-intro {
	color: #ffffff !important;
}
.introjs-showElement a.button {
	border: 1px solid #ffffff !important;
	background-color: #000000 !important;
	color: #ffffff !important;
}
.introjs-showElement.step-2-intro:before {
	background-color: transparent !important;
}
.introjs-showElement .filter-invert-intro {
	filter: invert(1);
}
.customTooltip .introjs-button {
	background-color: #f454cd !important;
	color: #000000 !important;
	border-radius: 50px !important;
	text-shadow: none !important;
	border: none !important;
	font-size: 18px !important;
	text-transform: uppercase !important;
}
@media screen and (min-width: 500px) {
	.customTooltip .introjs-button {
		padding: 9px 43px !important;
	}
}
.introjs-button:focus {
	box-shadow: none !important;
}
.customTooltip .introjs-bullets {
	/* position: absolute; */
	/* bottom: 4px;
	left: 20px; */
}
.customTooltip .introjs-tooltipbuttons::after {
	content: initial;
}
.introjs-prevbutton {
	display: none !important;
}
.introjs-nextbutton {
	padding: 5px 15px !important;
}
.introjs-donebutton a:hover {
	color: #000000 !important;
}
.introjs-bullets ul li a.active {
	width: 8px !important;
	border: 2px solid #ddaeff !important;
	background: #c16ffb !important;
}
.introjs-bullets ul {
	margin: 0 -5px !important;
}
.introjs-bullets ul li {
	margin: 0 5px !important;
}
.introjs-bullets ul li a {
	width: 8px !important;
	height: 8px !important;
	background: transparent !important;
	border-radius: 50px !important;
	border: 2px solid #ddaeff !important;
}
.introjs-tooltiptext {
	padding: 0px 20px 10px 20px !important;
}
.introjs-tooltip-header {
	padding: 24px 26px 8px !important;
}
.customTooltip {
	border-radius: 15px !important;
	border: 1px solid #ffffff;
	background-color: rgba(0, 0, 0, 0.3) !important;
	width: 58vw !important;
	max-width: 421px !important;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.customTooltip * {
	font-family: "WorkSans-SemiBold", sans-serif !important;
}
.customTooltip .introjs-tooltiptext {
	font-family: "WorkSans-Regular", sans-serif !important;
	color: #ffffff;
	font-size: 14px;
	padding: 0 26px 30px !important;
}
@media screen and (min-width: 500px) {
	.customTooltip .introjs-tooltiptext {
		font-size: 18px;
	}
}
@media screen and (min-width: 500px) {
	.customTooltip .introjs-button {
		font-size: 18px;
		padding: 9px 17px !important;
		min-width: 134px;
		text-align: center;
	}
}
.customTooltip .introjs-tooltip-header {
	padding: 30px 34px 8px;
}
.customTooltip .introjs-tooltip-title {
	color: #ffa4f6;
	font-size: 16px;
}
@media screen and (min-width: 500px) {
	.customTooltip .introjs-tooltip-title {
		font-size: 20px !important;
	}
}
.customTooltip .introjs-tooltipbuttons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 18px;
}
.customTooltip.last .introjs-tooltipbuttons {
	flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
	.customTooltip.last .introjs-tooltipbuttons {
		justify-content: center;
	}
}
.customTooltip .robot {
	position: relative;
}
.customTooltip .robot:after {
	content: "";
	position: absolute;
	background-image: url("../images/robot-intro.png");
	width: 160px;
	height: 160px;
	background-size: contain;
	top: -105px;
	left: -110px;
}
.customTooltip .hand {
	position: relative;
}
.customTooltip .hand:after {
	content: "";
	position: absolute;
	background-image: url("../images/hand-wave.png");
	width: 100px;
	height: 80px;
	background-size: cover;
	background-repeat: no-repeat;
	top: -72px;
	left: -58px;
}
.white-box-15 {
	background: #ffffff;
	border-radius: 15px;
	padding: 10px;
}
.bg-white {
	background: #ffffff !important;
}
.menu-account.hover .dropdown-wrapper {
	display: block;
}
@media (max-width: 500px) {
	.customTooltip {
		min-width: 250px !important;
		max-width: 250px !important;
	}
}

.customTooltip .introjs-skipbutton {
	display: none;
}

@media screen and (max-width: 500px) {
	.customTooltip:not(.first) {
		left: 50% !important;
		transform: translateX(-50%) !important;
		margin: 0 !important;
	}
	.customTooltip.last {
		left: -35% !important;
		transform: translateX(-50%) !important;
		margin: 0 !important;
		top: 230px !important;
	}
	.customTooltip .introjs-tooltipbuttons-group {
		display: flex;
		align-items: center;
		gap: 10px;
		justify-content: space-between;
	}
}

@media (max-width: 500px) {
	.track-visual img {
		width: 135px !important;
		position: absolute;
		top: 86px !important;
		right: 20px !important;
	}
	.introjs-relativePosition .track-visual img {
		width: 130px !important;
		position: absolute;
		top: 85px !important;
		right: -8px !important;
	}
	.customTooltip.new-user.start {
		right: 200px !important;
		top: 50px !important;
		bottom: auto !important;
	}
}

@media (min-width: 501px) and (max-width: 1024px) {
	.track-visual img {
		width: 340px !important;
		position: absolute;
		top: 4px !important;
		right: 30px !important;
	}
}

@media screen and (min-width: 500px) {
	.customTooltip.first {
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%);
		margin: 0 !important;
	}
	.customTooltip.new-user.start::before {
		content: "";
		width: 120px;
		height: 147px;
		position: absolute;
		right: -105px;
		background-image: url("../images/track/intro-arrow.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		transform: scaleY(-1);
		top: -90px;
		transform: rotate(-50deg);
	}
	.customTooltip.new-user.start {
		right: 200px !important;
		top: 100px !important;
		bottom: auto !important;
	}
	.customTooltip.new-user.second::before {
		content: "";
		width: 120px;
		height: 147px;
		position: absolute;
		left: -120px;
		background-image: url("../images/track/intro-arrow.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		top: 60px;
		transform: rotate(145deg);
	}
	.customTooltip.new-user.second {
		left: 140px !important;
		bottom: 240px !important;
	}
	.customTooltip:not(.new-user).introjs-left::before {
		content: "";
		width: 104px;
		height: 147px;
		position: absolute;
		right: -117px;
		background-image: url("../images/track/intro-arrow.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		transform: scaleY(-1);
		bottom: -20px;
	}
	.customTooltip.new-user:not(.last).introjs-left {
		right: 200px !important;
		top: 165px !important;
	}
	.customTooltip.new-user:not(.last).introjs-left::before {
		content: "";
		width: 104px;
		height: 147px;
		position: absolute;
		right: -117px;
		background-image: url("../images/track/intro-arrow.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		/* transform: scaleY(-1); */
		top: -10px;
	}
	.customTooltip.new-user.last.introjs-left {
		right: 200px !important;
		top: 163px !important;
	}
	.customTooltip.new-user.last.introjs-left::before {
		content: "";
		width: 104px;
		height: 147px;
		position: absolute;
		right: -117px;
		background-image: url("../images/track/intro-arrow.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		/* transform: scaleY(-1); */
		top: -20px;
	}

	.customTooltip.center {
		left: 50% !important;
		transform: translateX(-50%);
		margin-bottom: 10px;
	}
	.customTooltip.center::before {
		content: "";
		width: 100px;
		height: 147px;
		position: absolute;
		left: -117px;
		background-image: url("../images/track/intro-arrow.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		bottom: -60px;
		transform: scale(-1) rotate(-10deg);
	}

	.customTooltip.introjs-left {
		margin-right: 100px;
		margin-top: -100px;
	}
	.customTooltip:not(.new-user).introjs-bottom-left-aligned {
		margin-top: 70px;
	}
	.customTooltip:not(.new-user).introjs-bottom-left-aligned::before {
		content: "";
		width: 90px;
		height: 147px;
		position: absolute;
		right: -117px;
		background-image: url("../images/track/intro-arrow.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		transform: scaleY(-1);
		top: -114px;
		transform: rotate(-25deg);
	}
	/* .customTooltip.new-user.introjs-bottom-left-aligned{
		top: 300px !important;
    } */
	.customTooltip.new-user.introjs-bottom-left-aligned::before {
		content: "";
		width: 120px;
		height: 147px;
		position: absolute;
		right: -105px;
		background-image: url("../images/track/intro-arrow.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		transform: scaleY(-1);
		top: -90px;
		transform: rotate(-50deg);
	}
	.customTooltip.new-user.top-right {
		margin-left: 120px;
	}
	.customTooltip.new-user.top-right::before {
		content: "";
		width: 100px;
		height: 147px;
		position: absolute;
		left: -100px;
		background-image: url("../images/track/intro-arrow.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		transform: scaleY(-1);
		top: 90%;
		transform: translateY(-90%) rotate(144deg);
	}

	.customTooltip .introjs-arrow {
		display: none !important;
	}
}

.ul-timeline {
	padding-left: 80px;
	overflow: hidden;
}

.ul-timeline li {
	display: block;
	position: relative;
	padding: 20px 0px;
}

.ul-timeline li ul {
	padding-left: 0px;
}

.ul-timeline li ul li {
	padding: 0px 0px 15px 35px;
}

.ul-calendar-icon {
	background-image: url(../images/track/icon-confirm-datetime.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	background-size: 25px;
}

.ul-installation-address-icon {
	background-image: url(../images/track/icon-location.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	background-size: 25px;
}

.ul-timeline .promo-section {
	padding-top: 15px;
}

.ul-timeline .promo-section .label-yellow {
	font-size: 10px;
	padding: 3px 10px;
	border-radius: 10px;
	display: inline-block;
	background: #ffdc2e;
	color: #000;
	font-family: "WorkSans-SemiBold", sans-serif;
}

.ul-timeline li .number {
	position: absolute;
	left: -60px;
	width: 44px;
	height: 44px;
	border-radius: 100%;
	border: 2px solid #888888;
	color: #888888;
	background: #fff;
	padding: 1px 0px;
	text-align: center;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 26px;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.ul-timeline li.checked {
	z-index: 100;
	transition: 0.3s linear;
	padding-top: 0;
}

.ul-timeline li.checked.done .number {
	text-indent: 0%;
	overflow: hidden;
	width: 54px;
	height: 54px;
	border: 2px solid #f454cd;
	background-color: #fff;
	left: -64px;
	transition: 0.3s linear;
}

.ul-timeline li.checked.done .number {
	color: #f454cd !important;
	animation: textaway 1.5s linear 0s forwards;
}

@keyframes textaway {
	0% {
		text-indent: 0%;
	}

	100% {
		text-indent: -1000%;
	}
}

.ul-timeline li.checked .number:before {
	content: "";
	display: block;
	background-image: url(../images/track/icon-check-white.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f454cd;
	width: 44px;
	height: 44px;
	border-radius: 100%;
	position: absolute;
	top: 3px;
	left: 0;
	opacity: 0;
	transform: translate(-50%, -50%);
	right: 0;
	margin: 0 auto;
}

.ul-timeline li.checked.done .number:before {
	transform: translate(-50%, -50%);
	animation: zoomin 0.6s linear 0.3s forwards;
}

@keyframes zoomin {
	0% {
		opacity: 0;
		transform: scale(0, 0);
	}

	100% {
		opacity: 1;
		transform: scale(1, 1);
	}
}

.ul-timeline li.next.next-item .number {
	animation: nextitem 0.3s linear 0.3s forwards;
}

@-webkit-keyframes nextitem {
	0% {
		border: 2px solid #888888;
		color: #888888;
	}

	100% {
		border: 2px solid #f454cd;
		color: #f454cd;
	}
}

.ul-timeline > li:before {
	content: "";
	display: block;
	position: absolute;
	left: -38px;
	top: -500%;
	z-index: -1;
	width: 2px;
	height: 500px;
	background-color: #e5e5e5;
}

.ul-timeline > li:first-child:before {
	display: none;
}

.ul-timeline li.next:before {
	content: "";
	display: block;
	position: absolute;
	left: -38px;
	top: -170px;
	width: 2px;
	height: 200px;
	background-color: #e5e5e5;
}

.ul-timeline li .content {
	padding-top: 10px;
	line-height: 1.3;
}

.ul-timeline .next.next-item:after {
	content: "";
	display: block;
	position: absolute;
	left: -38px;
	top: -130%;
	width: 2px;
	height: 0px;
	animation: extend 1.2s forwards;
	background-color: #f454cd;
}

@-webkit-keyframes extend {
	0% {
		height: 0px;
	}

	100% {
		height: 150%;
	}
}

.ripple:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	/* border: 2px #F454CD solid; */
	animation: pulsing 0.7s infinite;
	position: absolute;
}

@-webkit-keyframes pulsing {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);
	}

	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
	}
}

@media (max-width: 991px) {
	.ul-timeline > li:last-child:after {
		content: "";
		display: block;
		width: 40px;
		height: 70px;
		background-color: #fff;
		position: absolute;
		left: -68px;
		bottom: -10px;
	}
}
.ul-timeline li.pass:after {
	content: "";
	display: block;
	position: absolute;
	left: -38px;
	top: 30px;
	width: 2px;
	height: 100%;
	background-color: #f454cd;
}
@media (min-width: 991px) {
	.ul-timeline {
		display: flex;
		align-items: flex-start;
		padding-left: 20px;
	}
	.ul-timeline li {
		padding: 0;
		flex: 1;
	}
	.ul-timeline li.flex-1-half {
		flex: 1.5;
	}
	.ul-timeline li .content {
		padding-top: 70px;
		padding-right: 10px;
	}
	.ul-timeline li .number {
		left: 0;
		top: 10px;
	}
	.ul-timeline li.checked.done .number {
		left: 0;
		top: 5px;
	}
	.ul-timeline li.next:before {
		left: 20px;
		top: 30px;
		height: 2px;
		width: 200px;
	}
	.ul-timeline .next.next-item:after {
		left: -122%;
		top: 30px;
		height: 2px;
		width: 0px;
		animation: extend-right 1.2s forwards;
		z-index: 100;
	}
	.ul-timeline .next.next-item:nth-child(4):after {
		left: -72%;
		animation: extend-right-2 1.2s forwards;
	}
	.ul-timeline > li:before {
		left: 20px;
		top: 30px;
		height: 2px;
		width: 92%;
	}
	.ul-timeline > li.last:before {
		display: none;
	}

	@-webkit-keyframes extend-right {
		0% {
			width: 0px;
		}

		100% {
			width: 122%;
		}
	}
	@-webkit-keyframes extend-right-2 {
		0% {
			width: 0px;
		}

		100% {
			width: 72%;
		}
	}
	.ul-timeline li.pass:after {
		left: 20px;
		top: 30px;
		height: 2px;
		width: 93%;
	}
}

@media (max-width: 767px) {
	.ul-timeline > li:before {
		content: "";
		display: block;
		position: absolute;
		left: -30px;
		top: -1000%;
		z-index: -1;
		width: 2px;
		height: 1100px;
		background-color: #e5e5e5;
	}
	.ul-timeline {
		padding-left: 60px;
	}

	.ul-timeline li.checked.done .number {
		width: 30px;
		height: 30px;
		left: -45px;
	}
	.ul-timeline li.checked .number:before {
		width: 24px;
		height: 24px;
		top: 1px;
	}
	.ul-timeline li.pass:after {
		left: -30px;
		top: 30px;
	}
	.ul-timeline .next.next-item:after {
		left: -30px;
	}
	.ul-timeline li.next:before {
		left: -30px;
	}
	.ul-timeline li .number {
		left: -44px;
		width: 30px;
		height: 30px;
	}
	.ripple:before {
		width: 30px;
		height: 30px;
	}
	.ul-timeline li .content {
		padding-top: 0px;
	}
}

.content > strong {
	font-size: 18px;
	margin: 5px 0px 10px;
	display: inline-block;
}
.track-application-section .track-ttl-wrap {
	margin-right: 80px;
}
.track-application-section .top-banner-intro .bg-pink {
	outline-color: #f454cd;
	outline-style: solid;
	outline-width: 1.5px;
}
.track-visual {
	position: absolute;
	top: -18px;
	right: 10px;
}
.track-visual img {
	width: 350px;
}
.ul-check-style {
	margin: 10px 0px;
}
.ul-check-style li {
	padding: 0px 0px 0px 18px !important;
}
.ul-check-style li:before {
	content: "";
	position: absolute;
	background: url("../images/icons/icon-payment-successful.png");
	background-size: 12px;
	left: 0;
	width: 12px;
	height: 12px;
	top: 50%;
	transform: translateY(-50%);
}

.bg-blue {
	background: #6015b7;
	color: #ffffff;
}

.top-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.m-1 {
	margin: 10px;
}
.header.header-with-top-bar {
	height: auto !important;
	padding-top: 0;
	position: fixed;
}

.body-with-top-bar .content {
	padding-top: 120px;
}
@media (min-width: 880px) {
	.header-with-top-bar .limit-width {
		margin: 20px auto;
	}
}
@media (max-width: 767px) {
	.body-with-top-bar .content {
		padding-top: 120px !important;
	}
}
@media (max-width: 568px) {
	.body-with-top-bar .content {
		padding-top: 140px !important;
	}
}

#modal-connected {
	background-color: rgba(0, 0, 0, 0.9);
}
#modal-connected .wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}
@media (max-width: 500px) {
	#modal-connected p.font-20 {
		font-size: 16px;
	}
}

.table-list-track .table-row .table-cell {
	border: none;
}
.table-list-track .table-row.table-head {
	border-top: none !important;
}
.table-list-track .table-row {
	display: table;
	width: 100%;
}
.table-list-track .table-row:not(.table-row-track) {
	border-top: 1px solid #cbcbcb;
	border-bottom: none;
}
.table-list-track .table-row-track {
	padding-bottom: 20px;
}

.table-list-track .sub {
	display: none;
}
@media (max-width: 767px) {
	.table-list-track .table-head {
		display: none !important;
	}
	.table-list-track .sub {
		display: block;
	}
	.table-list-track .table-cell {
		width: 100% !important;
		display: block !important;
	}
}
/*2023 - Account Auto Creation*/

.price-slash span {
	color: #474747;
	position: relative;
	display: inline-block;
}
.price-slash span:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #474747;
	position: absolute;
	top: 45%;
	transform: translateY(-45%);
}

/* Mass Upgrade */
.text-yellow {
	color: #ffdc2e;
}
.small-banner {
	position: relative;
	border-radius: 15px;
	max-width: 340px;
	padding: 15px;
	margin-top: 20px;
}
.small-banner .small-banner-img {
	position: absolute;
	top: -10px;
	left: 10px;
}
.small-banner p {
	margin: 0px 0px 0px 80px;
	line-height: normal;
}

.flex-wrap {
	flex-wrap: wrap;
}

@media (max-width: 767px) {
	.one-plan-only.manage-plan-overview-ppr.promo.table-list
		.table-row
		.table-cell.status,
	.one-plan-only.manage-plan-overview-ppr.promo.table-list
		.table-row
		.table-cell.plan-info,
	.one-plan-only.manage-plan-overview-ppr.promo.table-list
		.table-row
		.table-cell.mpo-services,
	.one-plan-only .item-specs,
	.one-plan-only .plan-dropdown.device {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		margin: 0px !important;
	}
	.manage-plan-overview-ppr.promo.table-list .table-row .table-cell.status {
		padding: 30px !important;
		margin: 0;
		width: auto;
	}
}

.pe-none {
	pointer-events: none;
}

.small-banner .tooltip-inner b {
	color: #ffdc2e;
}
.small-banner .tooltip-inner {
	width: 200px;
	padding: 12px 20px;
}
.small-banner .tooltip-ui {
	background-size: 28px;
	margin-top: 0;
	background-position: center;
}

.tooltip-ui {
	background-image: url("../images/track/info-button.png");
	background-repeat: no-repeat;
	background-size: 123%;
	display: inline-block;
	width: 23px;
	height: 23px;
	cursor: pointer;
	margin-top: -5px;
	vertical-align: top;
}

/* Media query for mobile devices */
@media (max-width: 767px) {
	.tooltip-toggle.tooltip-ui[data-toggle="tooltip"] {
		data-placement: "top";
	}

	.tooltip.top .tooltip-arrow {
		border-top-color: #000;
	}

	.tooltip.top {
		margin-top: 10px;
	}
}
/* Bootstrap tooltip */
.mass_upgrade .tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 100;
	letter-spacing: normal;
	line-break: auto;
	opacity: 0;
}

.mass_upgrade .tooltip.in {
	opacity: 1;
	transition: 0s;
}

.mass_upgrade .tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}

.mass_upgrade .tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}

.mass_upgrade .tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}

.mass_upgrade .tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}

.mass_upgrade .tooltip-inner {
	max-width: 200px;
	padding: 10px 8px;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 10px;
}

.mass_upgrade .tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.mass_upgrade .tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}

.mass_upgrade .tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}

.mass_upgrade .tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}

.mass_upgrade .tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}

.twobtns a {
	display: inline-block;
	width: auto;
}
@media (max-width: 767px) {
	.twobtns a:first-child {
		margin-bottom: 10px;
	}
}
@media (min-width: 767px) {
	.twobtns a:first-child {
		margin-right: 20px;
	}
}

/* bill pause */

.paused {
	background: #d9d9d9 !important;
	margin-left: 0px !important;
}

/** FTTR Enhancement **/
.bg-border-1 {
	border: 1px solid #000;
}
.bg-border-2 {
	border: 2px solid #000;
}
.currency.lowc {
	text-transform: lowercase !important;
}
.align-base {
	align-items: baseline;
}
.md-sup {
	line-height: 1;
	align-self: flex-start;
}
.text-30 {
	font-size: 30px !important;
	line-height: 1.25;
}
.fttr-breakdown.item-specs-l label {
	font-family: "WorkSans-Regular", sans-serif !important;
}
.fttr-breakdown.item-specs-l .value {
	font-family: "WorkSans-Semibold", sans-serif !important;
	font-size: 18px;
}
.fttr-breakdown.item-specs-l .fttr-total label {
	font-family: "WorkSans-Semibold", sans-serif !important;
}
.fttr-total {
	padding-top: 10px;
}
.fttr-total label {
	padding: 15px 0px 10px !important;
	vertical-align: top;
}
.fttr-total .value {
	padding: 15px 9px 10px 0px !important;
	vertical-align: top;
}
.border-top-1:before {
	content: "";
	display: block;
	width: 100%;
	border-top: 1px solid #000;
	margin-bottom: 10px;
}
@media (max-width: 767px) {
	.fttr-breakdown.item-specs-l .value span {
		padding-left: 10px !important;
		padding-right: 0px !important;
	}
}
.action-paused {
	pointer-events: none !important;
}
.action-paused img {
	filter: grayscale(100%);
}
.mpo-action-col.action-paused {
	opacity: 0.3;
}

/** HUAE REVAMP **/
#huae-r .hook-up-and-earn .col-left {
	width: calc(61% - 0px);
	padding: 15px;
	float: left;
}
#huae-r .hook-up-and-earn .col-right {
	width: calc(36% - 0px);
	padding: 15px;
	float: left;
	box-sizing: border-box;
}
#huae-r .join-me-on-fast-lane {
	width: 100%;
}
.huae-r-kv,
.huae-r-kv-desc {
	vertical-align: top;
}
.huae-r-kv {
	display: inline-block;
	width: 35%;
	padding-right: 20px;
	box-sizing: border-box;
}
.huae-r-kv-desc {
	display: inline-block;
	width: 64%;
}
.huae-r-kv-desc p {
	line-height: 1.35;
}
.huae-bg-light-blue {
	background-color: #dad7f7;
}
.btn-fw {
	width: 100%;
	box-sizing: border-box;
}
.text-dark-purple {
	color: #6015b7;
}
.icon-how-it-works {
	width: 200px;
	background-color: #f3e7fd;
	border-radius: 15px;
	height: 200px;
	padding-top: 25px;
}
.icon-how-it-works-divider img {
	padding: 20px 40px;
	margin-bottom: -25px;
}
.icon-how-it-works .icon-wrapper {
	display: block;
	margin: 0 auto;
	padding: 20px 20px;
	width: 70%;
}
.huae-r-note {
	display: block;
	width: 100%;
	margin-top: 50px;
}
.huae-r-note p {
	margin: 0px !important;
}
.huae-r-note a {
	color: #0780a5 !important;
}
.huae-r-note a:hover {
	text-decoration: underline !important;
}
#huae-r .how-it-works {
	margin-bottom: 2em !important;
}
#huae-r .fa-calendar:before {
	background-image: url("../images/huae/icon_calender-pink.png");
}
#huae-r .filters .selections > .item {
	min-width: 160px;
}
#huae-r .filters .selections .fa-chevron-down {
	left: -27px;
}
#huae-r .filters .selections .dropdown:after {
	right: 14%;
}
#huae-r .filters-container {
	display: inline-block;
	float: right;
}
#huae-r .date-filter {
	float: right;
	display: inline-block;
	width: auto;
	margin-right: 15px;
	position: relative;
	left: auto;
	right: auto;
}
#huae-r .date + label {
	margin-left: 15px;
}
#huae-r .filters label {
	color: #000;
}
#huae-r .pagination-toggle {
	display: inline-block;
	color: #f454cd;
	padding: 0px 5px;
	margin: 0 5px;
}
#huae-r .pagination-toggle:hover {
	cursor: pointer;
	color: #000;
}
#huae-r .table-total-amount {
	font-weight: bold;
	text-align: right;
	padding: 30px;
	background: #f3f4f6;
	margin: 25px 0px 20px;
	line-height: 1.25;
	border-radius: 15px;
}
#huae-r .table-total-amount .table-amount {
	font-family: "WorkSans-SemiBold" !important;
	color: #04a889;
	font-size: 36px;
	font-weight: normal;
	display: inline-block;
	margin-left: 15px;
}
#huae-r .border-rounded {
	margin-top: 30px;
	box-sizing: border-box;
	border: 1px solid #666;
	border-radius: 24px;
	padding: 10px 30px 0px;
}
#huae-r #referrals.overflow-table .table-list-call .table-cell.name {
	width: 150px;
	padding-right: 0px;
}
#huae-r #referrals.overflow-table .table-list-call .table-cell.status {
	text-align: center;
	padding-right: 0px;
}
#huae-r #referrals.overflow-table .table-list-call .table-cell.sign-up-date {
	text-align: center;
	width: 150px;
	padding-right: 0px;
}
#huae-r #referrals.overflow-table .table-list-call .table-cell.activation-date {
	text-align: center;
	width: 160px;
}
#huae-r #referrals.overflow-table .table-list-call .table-cell.amount {
	text-align: center;
	width: 120px;
}
#huae-r .table-list .table-row.table-head .table-cell {
	vertical-align: top;
}
#huae-r .table-list .table-row .table-cell .account-status {
	padding: 15px 10px;
	min-width: 150px;
	text-align: center;
	border-radius: 15px !important;
	font-size: 14px !important;
	font-weight: normal;
}
#huae-r .table-list .table-row .table-cell .account-status.activated {
	background-color: #00dd9e;
}
#huae-r .table-list .table-row .table-cell .account-status.unsuccessful {
	background-color: #ff4077;
}
#huae-r #discount-status.overflow-table .table-list-call .table-cell.bill-date {
	width: 250px;
	padding-right: 20px;
}
#huae-r
	#discount-status.overflow-table
	.table-list-call
	.table-cell.bill-number {
	width: 60%;
}
#huae-r #discount-status.overflow-table .table-list-call .table-cell.amount {
	width: 120px;
}
.huae-r-link {
	border: 3px solid #373737;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	background-color: #fff;
	border-radius: 15px;
	font-size: 18px;
	margin-bottom: 15px;
}
.huae-r-copy-link button.invert {
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
}
.huae-r-copy-link button.invert:hover {
	border: 1px solid #f454cd !important;
	background-color: #f454cd !important;
	color: #000 !important;
}
#huae-r .social-icons {
	text-align: center;
	margin-bottom: -10px;
}
#huae-r .social-icons img {
	margin: 10px 7% 0px;
	border: none;
	width: 24px;
	cursor: pointer;
}
#huae-r .social-icons img:hover {
	opacity: 0.6;
}
#huae-r .share-row h3 {
	font-size: 18px;
}
#huae-r .no-record {
	font-size: 16px;
	display: block;
	width: 100%;
	padding: 30px 15px 0px;
	box-sizing: border-box;
	text-align: center;
}
@media (max-width: 1100px) {
	#huae-r .join-me-on-fast-lane {
		max-width: 100%;
	}
	#huae-r .hook-up-and-earn .col-left {
		width: calc(58% - 0px);
	}
	#huae-r .hook-up-and-earn .col-right {
		width: calc(38% - 0px);
	}
	.huae-r-kv-desc {
		margin-top: 10px !important;
	}
	.huae-r-kv-desc .status-title {
		line-height: 1.15 !important;
	}
	#huae-r .social-icons img {
		margin: 10px 6% 0px;
	}
}
@media (max-width: 890px) {
	#huae-r .filters-container {
		display: none;
	}
	#huae-r .how-it-works td {
		display: inline-block;
		vertical-align: middle;
	}
	.icon-how-it-works-divider img {
		padding: 20px 0px;
		transform: rotate(0deg) !important;
	}
	.icon-how-it-works {
		width: 170px;
	}
}
@media (max-width: 767px) {
	#huae-r .how-it-works .status-title {
		font-size: 28px;
	}
	#huae-r .how-it-works td {
		display: block;
	}
	.icon-how-it-works-divider img {
		padding: 0px 40px;
		transform: rotate(90deg) !important;
	}
	.hook-up-and-earn .col-left img {
		max-width: 60%;
		padding-bottom: 0px;
	}
	#huae-r .join-me-on-fast-lane,
	#huae-r .hook-up-and-earn .col-left {
		padding-top: 0px;
	}
	#huae-r .hook-up-and-earn .col-left {
		margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#huae-r .hook-up-and-earn .col-right {
		margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.huae-r-kv-desc .status-title,
	.huae-r-kv-desc p {
		text-align: center !important;
	}
	.huae-r-kv,
	.huae-r-kv-desc {
		width: 100%;
		text-align: center !important;
	}
	.huae-r-kv {
		padding-right: 0px;
	}
	.icon-how-it-works-divider img {
		padding: 0px 40px;
		margin-bottom: -4px;
		height: auto !important;
	}
	.huae-r-note {
		margin-top: 30px;
	}
	.huae-r-note p {
		line-height: 1.25 !important;
	}
	#huae-r .table-list .table-row .table-cell .account-status {
		margin-top: 0px !important;
	}
	#huae-r #referrals.overflow-table .table-list-call .table-cell.name {
		width: 110px;
		padding-right: 20px;
	}
	#huae-r #referrals.overflow-table .table-list-call .table-cell.status {
		width: 170px;
		padding-right: 20px;
	}
	#huae-r #referrals.overflow-table .table-list-call .table-cell.sign-up-date {
		width: 120px;
		padding-right: 20px;
	}
	#huae-r
		#referrals.overflow-table
		.table-list-call
		.table-cell.activation-date {
		width: 130px;
	}
	#huae-r #referrals.overflow-table .table-list-call .table-cell.amount {
		width: 100px;
	}
	#huae-r .table-list .table-row .table-cell .account-status {
		min-width: 120px;
	}
	#huae-r .pagination-toggle {
		display: inline-block;
		color: #f454cd;
		padding: 0px 0px;
		margin: 0 5px;
		width: 48px;
		font-size: 12px;
	}
	#huae-r .table-total-amount {
		text-align: left;
		padding: 10px 20px;
		margin: 25px 0px 20px;
		border-radius: 15px;
	}
	#huae-r .table-total-amount .table-amount {
		font-size: 32px;
		margin-left: 0px;
		margin-top: 12px;
	}
	#huae-r
		#discount-status.overflow-table
		.table-list-call
		.table-cell.bill-date {
		width: 110px;
		padding-right: 20px;
	}
	#huae-r
		#discount-status.overflow-table
		.table-list-call
		.table-cell.bill-number {
		width: 100px;
	}
	#huae-r #discount-status.overflow-table .table-list-call .table-cell.amount {
		width: 120px;
	}
}
/* FTTO BRANDING COLOURS */
.bg-light-blue {
	background-color: #7dedff;
}

.bg-medium-blue {
	background-color: #4be1f5;
}

.bg-dark-blue {
	background-color: #0780a5;
}

.bg-primary-purple {
	background-color: #c16ffb !important;
}

.text-primary-purple {
	color: #c16ffb !important;
}

.text-dark-purple {
	color: #6015b7 !important;
}

.btn-auto-debit-ftto,
.body-ftto .btn-auto-debit {
	border-radius: 15px;
	background: #7dedff;
	border-color: #7dedff;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.btn-blue {
	background-color: #14d0ef !important;
	border-color: #14d0ef !important;
}

.btn-light-blue {
	background-color: #7dedff !important;
	border-color: #7dedff !important;
}

.btn-dark-blue {
	background-color: #0780a5 !important;
	border-color: #0780a5 !important;
}

.btn-primary-purple, .btn-primary-purple-hover,
.body-ftto form input[type="button"], 
.body-ftto input[type="submit"], 
.body-ftto .button {
	background: #c16ffb;
	border-color: #c16ffb;
	color: #000000;
}
/* 
.btn-primary-purple-hover:hover{
	background: #000000 !important;
    color: #ffffff!important;
} */

.section-title-small .title-ftto,
.body-ftto .section-title-small .title {
	border-bottom: 2px solid #c16ffb !important;
}

.device-button:hover,
.body-ftto .device-button:hover,
.body-ftto .device-item:hover > div .device-button,
.device-item-ftto:hover > div .device-button.btn-primary-purple-hover,
.primary-purple:hover,
.primary-purple-hover:hover,
.body-ftto form input[type="button"]:hover, 
.body-ftto input[type="submit"]:hover, 
.body-ftto .button:hover {
	background-color: #000000 !important;
	color: #ffffff !important;
	border-color: #000000 !important;
}

.device-item-ftto > div.active,
.device-item-ftto:hover > div,
.body-ftto .device-item:hover > div,
.body-ftto .device-item > div.active{
	border: 2px solid #c16ffb;
}

.notification-new-ftto {
	background-color: #c16ffb;
}

.mpo-action-col-ftto a:hover,
.body-ftto .mpo-action-col a:hover {
	border: 2px solid #c16ffb !important;
}

.device-detail-toggle-ftto:hover,
.body-ftto .device-detail-toggle:hover {
	text-decoration: none;
	color: #c16ffb !important;
}

.device-detail-toggle-ftto i,
.body-ftto .device-detail-toggle i {
	display: block;
	color: #c16ffb !important;
	margin-left: 10px;
}

.text-color-primary {
	color: #c16ffb !important;
}

.btn-ftto.dark:hover,
.body-ftto .button.dark:hover {
	background-color: #c16ffb !important;
	border-color: #c16ffb !important;
	color: #000000 !important;
}

.pagination-ftto ul li.current a,
.body-ftto .pagination ul li.current a {
	color: #c16ffb;
}

a.ftto:hover,
.body-ftto a:hover,
.pagination-ftto ul li.current a:hover,
.body-ftto .pagination ul li.current a:hover {
	color: #6015b7;
}

.top-faq-row.ftto .tab button:hover,
.body-ftto .top-faq-row .tab button:hover {
	color: #c16ffb;
}

.top-faq-row.ftto .tab button.active,
.body-ftto .top-faq-row .tab button.active {
	color: #c16ffb;
}

.accordion-faq.ftto .accordion__btn:hover,
.body-ftto .accordion-faq .accordion__btn:hover {
	color: #c16ffb;
}

.accordion-faq.ftto .accordion__content p a,
.body-ftto .accordion-faq .accordion__content p a {
	color: #c16ffb;
}
.accordion-faq.ftto .accordion__content p a:hover,
.body-ftto .accordion-faq .accordion__content p a:hover {
	color: #6015b7;
}

.track-application-section .top-banner-intro .bg-primary-purple {
	outline-color: #c16ffb;
	outline-style: solid;
	outline-width: 1.5px;
}

.ul-timeline-ftto.ul-timeline li.checked.done .number,
.body-ftto .ul-timeline li.checked.done .number {
	color: #c16ffb !important;
	border: 2px solid #c16ffb;
}

.ul-timeline-ftto.ul-timeline li.checked .number:before,
.body-ftto .ul-timeline li.checked .number:before {
	background-color: #c16ffb !important;
}

.ul-timeline-ftto.ul-timeline li.pass:after,
.body-ftto .ul-timeline li.pass:after {
	background-color: #c16ffb !important;
}

.ul-timeline-ftto.ul-timeline .next.next-item:after,
.body-ftto .ul-timeline .next.next-item:after {
	background-color: #c16ffb !important;
}

.ul-timeline-ftto.ul-timeline li.next.next-item .number,
.body-ftto .ul-timeline li.next.next-item .number {
	animation: nextitemftto 0.3s linear 0.3s forwards;
}

@-webkit-keyframes nextitemftto {
	0% {
		border: 2px solid #888888;
		color: #888888;
	}

	100% {
		border: 2px solid #c16ffb;
		color: #c16ffb;
	}
}

.customTooltip .hand-ftto, 
.body-ftto .customTooltip .hand{
	position: relative;
	color: #c16ffb;
}
.customTooltip .hand-ftto:after,
.body-ftto .customTooltip .hand:after {
	content: "";
	position: absolute;
	background-image: url("../images/hand-ftto.png");
	width: 100px;
	height: 100px;
	background-size: cover;
	background-repeat: no-repeat;
	top: -72px;
	left: -65px;
}

.customTooltipFtto .introjs-button,
.body-ftto .customTooltip .introjs-button {
	background-color: #c16ffb !important;
	border-color: #c16ffb !important;
}

.account-status.unpaid-ftto,
.body-ftto .account-status.unpaid {
	background-color: #14d0ef !important;
	border-radius: 15px !important;
	padding: 1.2em 2em !important;
	font-size: 12px !important;
}

.account-status.paid-ftto,
.body-ftto .account-status.paid {
	background-color: #0780a5 !important;
}

.counter-ftto,
.body-ftto .counter {
	background-color: #c16ffb !important;
}

.btn-primary-purple-dark,
.body-ftto .button.btn-primary-purple-dark {
	background-color: #000000 !important;
	border-color: #000000 !important;
	color: #ffffff !important;
}

.btn-primary-purple-dark:hover,
.body-ftto .button.btn-primary-purple-dark:hover {
	background: #c16ffb !important;
	border-color: #c16ffb !important;
	color: #000000 !important;
}

/* END FTTO BRANDING COLOURS */

/* start update tin */

#tin-id-panel .col .value {
	width: 50%;
}
#tin-id-panel .col .value input {
	width: 100%;
}
#tin-id-panel .col .label,
#tin-id-panel .col .value {
	vertical-align: middle;
}
#tin-id-panel .col .value .error {
	color: red;
	line-height: 1.25 !important;
	display: block;
	margin-top: 5px;
	padding-left: 15px;
}
.tin-info-popup {
	cursor: pointer;
	background-color: #f454cd;
	color: #ffffff;
	display: inline-block;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin-left: 3px;
	position: relative;
}

.tin-tooltip-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
}

.tin-tooltip {
	position: absolute;
	left: -17px !important;
	background: #000;
	color: #fff;
	padding: 25px;
	border-radius: 15px;
	width: 300px;
	z-index: 1000;
	pointer-events: auto;
}
.tin-tooltip:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 35px;
	background: rgba(0, 0, 0, 0);
	bottom: -25px;
	left: 0;
	right: 0;
	z-index: 0;
}
.tin-tooltip:after {
	content: "";
	position: absolute;
	bottom: -11px;
	left: 19px;
	margin-left: -3px;
	border-top: 12px solid #000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.tin-tooltip a {
	color: #fff;
	text-decoration: underline;
}
.tin-tooltip a:hover {
	color: #f454cd;
	text-decoration: underline;
}

.tin-tooltip p {
	font-family: "WorkSans-Regular";
	font-weight: 100;
	text-align: left;
	margin: 0;
	font-size: 11px;
	line-height: 1.4;
}

/* end update tin */
.notice .notice-title {
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 1.4em;
}

.notice .notice-desc {
	font-family: "WorkSans-Regular", sans-serif;
	font-size: 1.2em;
}

.notice .attn-icon-img {
	width: 1.4rem;
}

.bg-dark-purple {
	color: #ffffff;
	background-color: #6015b7;
}

.text-color-gray {
	color: gray;
}

.text-color-black {
	color: black;
}

.font-weight-lighter {
	font-weight: lighter;
}

.font-weight-bold {
	font-weight: bold;
}

a.hover-text-color-black:hover {
	color: black !important;
}

/* Student Housing - Manage Hostel Users module */
.got-hostel-list {
	position: relative;
	height: 100%; /* or specific height if needed */
}

.select2-container--default.select2-container--open.select2-container--below
	.select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
	.select2-selection--multiple {
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
}

.select2-search__field {
	border-radius: 15px !important;
	padding: 12px 16px !important;
	font-size: 14px !important;
}

.select2-container {
	z-index: 9999;
	width: 100% !important;
}

.select2-container .select2-selection--single {
	height: initial !important;
}

.select2-dropdown {
	border-radius: 15px !important;
	border: 1px solid #000 !important;
	margin-top: 8px;
	overflow: hidden;
}

[aria-disabled="true"] {
	display: none !important;
}

.select2-results__option {
	padding: 12px 16px !important;
}

.select2-results__option b {
	font-weight: normal !important;
}

.select2-container--default
	.select2-results__option--highlighted[aria-selected] {
	background-color: #7dedff !important;
	color: #000 !important;
}
.select2-container--default .select2-results__option .tbbn-parens {
	color: #c9c9c9 !important;
}
.select2-container--default
	.select2-results__option--highlighted[aria-selected]
	.tbbn-parens,
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default
	.select2-results__option[aria-selected="true"]
	.tbbn-parens {
	background-color: #7dedff !important;
	color: #000 !important;
}

.select2-container--default
	.select2-results__option[aria-selected="true"]
	.tbbn-code {
	font-weight: bold !important;
}

.select2-container--default
	.select2-results__option--highlighted[aria-selected]
	.tbbn-code {
	font-weight: bold;
	color: #000 !important;
}

#manage-users-form.modal-overlay,
#edit-users-form.modal-overlay,
#remove-users-form.modal-overlay,
#unit-not-available-error.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 9990;
	overflow: auto;
}

#manage-users-form .close-modal {
	font-size: 24px;
	color: #000;
	top: 10px;
	right: 10px;
}

#manage-users-form .thank-you-sec {
	margin-top: 30px;
}

.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	top: 50% !important;
	transform: translateY(-50%);
	right: 16px !important;
}

.action-bar {
	position: sticky;
	top: 70px;
	left: 0;
	padding: 8px 10px;
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
	z-index: 2;
}

.action-bar .registered-users-count,
.action-bar .page-search {
	align-items: center;
	gap: 8px;
}

.action-bar .pagination,
.mob-pagination {
	/* gap: 14px; */
	align-items: center;
	margin: 0;
	font-size: 14px;
}

.action-bar .pagination .end-of-start,
.action-bar .pagination .prev,
.action-bar .pagination .next,
.action-bar .pagination .end-of-last,
.mob-pagination .end-of-start,
.mob-pagination .prev,
.mob-pagination .next,
.mob-pagination .end-of-last {
	margin: 0 7px;
	cursor: pointer;
}

.action-bar .pagination .current,
.action-bar .pagination p,
.action-bar .pagination .total,
.mob-pagination .current,
.mob-pagination p,
.mob-pagination .total {
	margin: 0 4px;
}

.action-bar .pagination input,
.mob-pagination input {
	font-size: 16px;
	width: 3ch;
	text-align: center;
	line-height: 1;
	border: 1px solid;
	border-radius: 5px;
}

.action-bar .pagination i,
.mob-pagination i {
	font-size: 24px;
}

.action-bar .divider,
.mob-pagination .divider {
	width: 2px;
	content: "";
	height: 100%;
	background-color: #000;
}

.action-bar .button {
	padding: 10px 24px;
	width: initial;
	height: initial;
	font-size: 16px;
	line-height: 1;
}

.action-bar .registered-users-count {
	display: flex;
	font-size: 18px;
}

@media (max-width: 500px) {
	.action-bar .registered-users-count {
		flex-direction: row;
		justify-content: space-between;
	}
}

.action-bar .registered-users-count .button {
	display: inline-block;
}

.hostels-list {
	margin-top: 10px;
}

.hostels-list table {
	font-size: 16px;
}

.hostels-list thead tr th {
	text-align: left !important;
	font-weight: bold;
	font-family: "WorkSans-SemiBold";
}

.hostels-list thead tr th,
.hostels-list tbody td {
	padding: 20px;
}

.hostels-list thead tr,
.hostels-list tbody tr {
	border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 1200px) {
	.hostels-list thead {
		display: none;
	}
	.hostels-list tbody {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content: space-between;
		gap: 20px;
	}
	.hostels-list tbody tr,
	.hostels-list tbody td:last-child {
		display: flex;
		flex-direction: column;
		width: calc(50% - 10px);
		background-color: #f2f2f2;
		border-radius: 24px;
		padding: 20px 0;
	}

	.hostels-list tbody td:last-child {
		width: 100%;
		position: relative;
		background-color: transparent !important;
		display: block;
		position: relative !important;
		text-align: center;
	}

	.hostels-list tbody td:last-child .td-label {
		display: none;
	}
}

@media (max-width: 500px) {
	.hostels-list tbody tr {
		width: 100%;
	}
}

.hostels-list .button {
	padding: 10px 24px;
	height: initial;
	font-size: 14px;
}

@media (max-width: 1200px) {
	.hostels-list .button {
		padding: 15px 50px;
		width: initial;
		height: initial;
		font-size: 14px;
		width: calc(100% - 40px);
		margin: 0 20px;
	}
}

@media (max-width: 500px) {
	.add-hostels-user {
		padding: 10px 24px;
		padding-left: 24px !important;
		padding-right: 24px !important;
		font-size: 14px !important;
	}
}

.search-container {
	position: relative;
	margin-left: 16px;
	margin-right: 8px;
}

.search-container .search {
	width: 20px;
	border: 0;
	background-color: transparent;
	opacity: 0;
	transition: width 0.4s ease-in-out;
}

.search-container.show .search {
	padding: 8px 16px;
	padding-left: 40px;
	border-radius: 110px/100px;
	border: 1px solid #000;
	width: 250px;
	position: relative;
	box-shadow: none !important;
	opacity: 1;
}

.search-container.show .search:focus {
	border-color: #c16ffb;
	border-width: 2px;
}

.search-container .search-icon {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 48%;
	transform: translateY(-50%);
	cursor: pointer;
}

.search-container.show .search-icon {
	left: 16px;
	cursor: default;
	pointer-events: none;
}

.search-container .search-clear {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
	width: 16px;
	height: 16px;
	opacity: 0;
	pointer-events: none;
	line-height: 1;
	transition: opacity 0.4s ease-in-out;
	cursor: pointer;
}

.search-container.show .search-clear {
	opacity: 1;
	pointer-events: initial;
	transition: opacity 0.4s ease-in-out;
}

.search-container input[type="search"]::-webkit-search-decoration,
.search-container input[type="search"]::-webkit-search-cancel-button,
.search-container input[type="search"]::-webkit-search-results-button,
.search-container input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
}

#edit-users-form .actions-bar {
	gap: 8px;
}

#edit-users-form.full .select2-container {
	opacity: 0.5;
	pointer-events: none;
}

#edit-users-form .btn-primary-purple-dark {
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
}

#edit-users-form .btn-primary-purple-dark:hover {
	background: #c16ffb !important;
	border-color: #c16ffb !important;
	color: #000000;
}

#edit-users-form .button {
	width: auto;
}

#edit-users-form .confirm-sec p,
#edit-users-form .success-remove-sec p,
#remove-users-form p {
	font-size: 20px;
	margin-bottom: 40px;
}

#edit-users-form .submit-btn.disabled,
.registered-users-count .add-hostels-user.disable,
.no-hostel-list .add-hostels-user.disable,
table.hostels-list tbody .edit-hostels-user.disable {
	pointer-events: none;
	background-color: #e5e5e5 !important;
	color: #c9c9c9;
	border-color: #e5e5e5 !important;
}

#journey a {
	cursor: pointer;
}

.select2-results
	.select2-results__option.previous-room[aria-selected="false"]::after {
	content: " (PREVIOUSLY SELECTED)";
	font-family: "WorkSans-SemiBold";
}

.add-new-user
	.select2-results
	.select2-results__option[aria-selected="false"]:nth-child(2):after {
	content: initial;
}

#manage-users-form .submit-btn.disabled,
#edit-users-form .submit-btn.disabled {
	background: #e5e5e5 !important;
	color: #ffffff !important;
	border-color: #e5e5e5 !important;
	pointer-events: none !important;
}

.no-result {
	background-color: #f6f6f6;
	min-height: 210px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	font-size: 24px;
	font-family: "WorkSans-SemiBold";
}

.mob-pagination {
	display: none;
	background-color: #f6f6f6;
	border-radius: 10px;
	padding: 8px;
	text-align: center;
	justify-content: center;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	position: sticky;
	bottom: 10px;
}

@media (max-width: 500px) {
	.hostels-list {
		overflow: scroll;
		display: block;
	}
	.registered-users-count,
	.page-search {
		flex-direction: column;
		width: 100%;
		margin-bottom: 10px;
	}

	.page-search .divider {
		display: none;
	}

	.registered-users-count p {
		font-size: 14px;
		width: 50%;
		max-width: 120px;
	}
	.search-container {
		/* margin: 0 10px;
		width: calc(100% - 20px); */
		width: 100%;
		margin: 0;
	}
	.search-container .search-icon {
		left: 15px;
		top: 50%;
	}
	.search-container .search-clear {
		pointer-events: initial;
		opacity: 1;
	}
	.search-container .search {
		padding: 8px 16px;
		padding-left: 40px;
		border-radius: 110px/100px;
		border: 1px solid #000;
		width: 250px;
		position: relative;
		box-shadow: none !important;
		opacity: 1;
		width: 100%;
	}

	.hostels-list thead tr th:last-child,
	.hostels-list tbody td:last-child {
		position: sticky;
		right: 0;
		background-color: #fff;
		text-align: center;
	}

	.mob-pagination {
		display: flex;
	}

	.action-bar {
		position: static; /* Remove sticky from container */
		padding: 0;
	}

	.registered-users-count {
		position: sticky;
		top: 0; /* Stick to the very top */
		background-color: #f6f6f6;
		padding: 16px;
		padding-bottom: 0;
		border-radius: 10px 10px 0 0;
		z-index: 101;
	}

	.page-search {
		position: sticky;
		bottom: 0; /* Stick to the very bottom */
		background-color: #f6f6f6;
		padding: 16px;
		padding-top: 0;
		border-radius: 0 0 10px 10px;
		z-index: 101;
	}

	.page-search .pagination {
		display: none;
	}

	/* Ensure the table has some spacing */
	.hostels-list {
		margin-top: 10px;
	}
}
/* Student Housing - Manage Hostel Users module */

/* relocation wish list message*/

.error_wish_list {
	color: #000000;
	font-family: "WorkSans-SemiBold", sans-serif;
	font-size: 13px;
	text-align: left;
}

/* end relocation wish list message */

/* START FTTO Contact Us Style */
.contact-us {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}

.contact-us .card {
	border-radius: 15px;
	background-color: #f6f6f6;
	overflow: hidden;
}

.contact-us .card,
.contact-us .section {
	text-align: center;
}

.contact-us .card h3 {
	font-size: 24px;
	font-family: "WorkSans-SemiBold";
	padding: 20px;
	margin: 0;
}

.contact-us .card .content {
	padding: 32px 16px;
	max-width: 450px;
	margin: 0 auto;
}

.contact-us h4 {
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 1.2;
	font-family: "WorkSans-SemiBold";
}

.contact-us h5 {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 5px;
	line-height: 1.2;
	font-family: "WorkSans-SemiBold";
}

.contact-us hr {
	border-color: #ddd;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 300px;
}

.contact-us p {
	font-size: 12px;
	margin: 0;
	line-height: 1.2;
}

.contact-us a {
	color: #000;
	font-family: "WorkSans-Regular";
}

.contact-us a:hover {
	text-decoration: underline;
}

.contact-us a.hotline-email {
	color: #f454cd;
}

.contact-us .card .content hr {
	margin: 24px auto;
	border: 0;
	background-color: #ddd;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 300px;
	border-top: 1px solid #ddd;
}

.contact-us .card.pink h3 {
	background-color: #f454cd;
}

.contact-us .card.black h3 {
	background-color: #000;
	color: #fff;
}

.contact-us .full {
	width: 100%;
}

.contact-us .half {
	width: 100%;
	max-width: 500px;
}

.contact-us .hotline-container.multi-hotline,
.contact-us .hotline-email-container.multi-email {
	display: flex;
	gap: 20px;
}

.contact-us .hotline-container.multi-hotline .hotline-content,
.contact-us .hotline-email-container.multi-email .email-column {
	flex: 1;
}

.contact-us .divider {
	width: 1px;
	background-color: #ddd;
	margin-top: 16px;
}

@media (min-width: 900px) {
	.contact-us .half {
		width: calc(50% - 15px);
	}
}
/* END FTTO Contact Us Style */
.fa::before {background-repeat: no-repeat;}

.body-ftto .menu-account .avatar span,
.body-ftto .hello-avatar span {
	border: 1px solid #c16ffb;
}
.body-ftto .header .menu ul li.current a,
.body-ftto .hello-text span,
.body-ftto .filters .item .line-plan {
	color: #c16ffb;
}
.body-ftto .header .menu ul li a:hover {
	color: #6015b7;
}
.body-ftto .section-title-small .title {
    border-color:#c16ffb !important;
}
.body-ftto .mpo-services .sub, .body-ftto .mpo-subservices .sub {
    color: #c16ffb;
}
.body-ftto .ui-state-active,
.body-ftto .ui-widget-content .ui-state-active,
.body-ftto .ui-widget-header .ui-state-active,
.body-ftto a.ui-button:active,
.body-ftto .ui-button:active,
.body-ftto .ui-button.ui-state-active:hover,
.body-ftto .relocation-calendar .ui-datepicker-calendar tbody td.ui-datepicker-current-day a.ui-state-active {
	background-color: #c16ffb;
	border-color: #c16ffb;
	color: #000000!important;
}

.body-ftto .address-unit-level .text-input.active input,
.body-ftto .address-unit-level .text-input input:hover,
.body-ftto .address-unit-level .text-input:hover #dob,
.body-ftto .relocation-search-address input[type="text"]:focus,
.body-ftto .relocation-search-address input[type="text"]:hover,
.body-ftto .relocation-search-address input[type="text"]:active,
.body-ftto .relocation-search-address input[type="email"]:focus,
.body-ftto .relocation-search-address input[type="email"]:hover,
.body-ftto .relocation-search-address input[type="email"]:active,
.body-ftto .relocation-search-address input[type="tel"]:focus,
.body-ftto .relocation-search-address input[type="tel"]:hover,
.body-ftto .relocation-search-address input[type="tel"]:active,
.body-ftto .form-control input[type="text"]:focus,
.body-ftto .form-control input[type="text"]:hover,
.body-ftto .form-control input[type="text"]:active,
.body-ftto .form-control input[type="email"]:focus,
.body-ftto .form-control input[type="email"]:hover,
.body-ftto .form-control input[type="email"]:active,
.body-ftto .form-control input[type="tel"]:focus,
.body-ftto .form-control input[type="tel"]:hover,
.body-ftto .form-control input[type="tel"]:active,
.body-ftto form input[type="text"]:focus,
.body-ftto form input[type="text"]:hover,
.body-ftto form input[type="text"]:active,
.body-ftto form input[type="email"]:focus,
.body-ftto form input[type="email"]:hover,
.body-ftto form input[type="email"]:active,
.body-ftto form input[type="password"]:focus,
.body-ftto form input[type="password"]:hover,
.body-ftto form input[type="password"]:active,
.body-ftto form input[type="tel"]:focus,
.body-ftto form input[type="tel"]:hover,
.body-ftto form input[type="tel"]:active,
.body-ftto input[type="text"]:focus,
.body-ftto input[type="text"]:hover,
.body-ftto input[type="text"]:active,
.body-ftto input[type="email"]:focus,
.body-ftto input[type="email"]:hover,
.body-ftto input[type="email"]:active,
.body-ftto input[type="tel"]:focus,
.body-ftto input[type="tel"]:hover,
.body-ftto input[type="tel"]:active,
.body-ftto .nice-select:hover,
.body-ftto .nice-select:active,
.body-ftto .nice-select:focus,
.body-ftto .mobile-number-section .text-input input:focus,
.body-ftto .mobile-number-section .text-input input:hover,
.body-ftto .mobile-number-section .text-input input:active,
.form-section input[type="text"]:focus,
.form-section input[type="text"]:hover,
.form-section input[type="text"]:active {
    border: 2px solid #c16ffb!important;
	box-shadow: none!important;
}

.text-info,
.text-info .fa {
	color: #f454cd;
	font-size: small;
	font-weight: bold;
}

.body-ftto .text-info,
.body-ftto .text-info .fa {
	color: #0063b5;
}
span.fa-title {
	margin-left: 2rem;
}

.body-ftto .change-plan-card {
	justify-content: center;
}
	
.body-ftto .change-plan-card .plan-divider {
	width: 100%;
}

.white-space-nowrap {
	white-space: nowrap;
}

.item-icon-with-overlay {
    position: relative;
}

.free-overlay-round {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f454cd;
    color: #000000;
    border-radius: 50%;;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.body-ftto .free-overlay-round {
	background-color: #c16ffb;
}

.d-block {
	display: block;
}

.body-ftto input[type="checkbox"] {
	border: 1px solid #000;
	border-radius: 5px;
}

.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-processing ,
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-in-progress {
	background-color: #ffeea9;
}
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-order-received,
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-completed,
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-approved,
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-successful,
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-activated {
	background-color: #7bffd9;
}
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-on-hold,
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-pending,
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-request-received {
	background-color: #9a9a9a;
}
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-withdraw,
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-withdrawn,
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-cancelled,
.body-ftto .widget-activity .table-list .table-row .table-cell .account-status.activity-status-link-expired {
	background-color: #9a9a9a;
}
.body-ftto .widget-activity .table-list .table-row .table-cell p {
  margin: 0;
  margin-top: 1em;
}

.body-ftto .widget-activity .table-list .table-row .table-cell .extra-status {
	color: #0063b5;
	font-size: small;
}

/* start banner update profile */

.alert-banner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background-color: #fbebac; /* soft yellow */
    border-radius: 10px;
    padding: 16px 20px;
    font-family: Arial, sans-serif;
    color: #333;
    max-width: 100%;
}

.alert-icon {
    font-size: 18px;
    margin-top: 2px;
}
.alert-content{
	font-size : 12px
}

/* end banner update profile */

/*New Login Page*/
.page-login-wrapper.login-page-v5{
	display: flex;
	height: calc(100vh - 58px);
}
.page-login-wrapper.login-page-v5 .col-left{
	width: 60%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.page-login-wrapper.login-page-v5 .col-right{
	width: 40%;
	flex: 1;
	height: 100%;
	box-sizing: border-box;
	padding: 40px;
}

.page-login-wrapper.login-page-v5 .title{
	color: #0780A5;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 32px;

}
.page-login-wrapper.login-page-v5 ul li a{
	color: #0780A5;
	font-family: "WorkSans-Regular", sans-serif;
	font-weight: 500;
}

.page-login-wrapper.login-page-v5 .title img {
	height: 24px;
}

.page-login-wrapper.login-page-v5 .title:after{
	content: initial;
}

.page-login-wrapper.login-page-v5 .form-intro{
	margin: 0;
}

.page-login-wrapper.login-page-v5 ul li{
	margin: 16px 0;
}

.page-login-wrapper.login-page-v5 .login-section{
	max-width: 430px;
}

.page-login-wrapper.login-page-v5 .login-section input[type="text"],
.page-login-wrapper.login-page-v5 .login-section input[type="password"]{
	border-radius: 110px/100px;
	padding-top: 20px;
}

.page-login-wrapper.login-page-v5 .login-section input[type="text"]:hover,
.page-login-wrapper.login-page-v5 .login-section input[type="password"]:hover,
.page-login-wrapper.login-page-v5 .login-section input[type="text"]:focus,
.page-login-wrapper.login-page-v5 .login-section input[type="password"]:focus{
	border: 2px solid #0780A5 !important;
}

.page-login-wrapper.login-page-v5 .form-row label{
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	transition: all 0.2s ease-in-out;
	font-family: "worksans-regular", sans-serif;
}

.page-login-wrapper.login-page-v5 .form-row.filled label{
	font-size: 12px;
	top: 30%;
	transition: all 0.2s ease-in-out;
}

.page-login-wrapper.login-page-v5 .login-section .toggle-password.second-right{
	right: 5%;
	color: #000;
}

.page-login-wrapper.login-page-v5 .swap-seg-sec .tab-container {
  display: flex;
  background: #f2f3f5;
  border-radius: 12px;
  padding: 4px;
  gap: 10px;
  width: 252px;
  margin: 0 auto 40px;
}

.page-login-wrapper.login-page-v5 .swap-seg-sec .tab {
  flex: 1;
  text-align: center;
  padding: 7px 0;
  font-size: 14px;
  line-height: 1.4;
  color: #8c8c8c;
  border-radius: 12px;
  cursor: pointer;
  max-width: 140px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-login-wrapper.login-page-v5 .swap-seg-sec .tab.active {
  background: #ffffff;
  color: #00bcd4;
  border: 3px solid #00bcd4;
  font-weight: 600;
}

.page-login-wrapper.login-page-v5 .b2b-slogan{
	background: #000;	
	padding: 30px;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	border-radius: 16px;
}

.page-login-wrapper.login-page-v5 .b2b-slogan h1{
	color: #14D0EF;
	font-family: 'worksans-semiBold', sans-serif;
	font-size: 57px;
	line-height: 1;
	padding-right: 30px;
	margin-bottom: 19px;
}

.page-login-wrapper.login-page-v5 .b2b-slogan .inner{
	max-width: 455px;
}

.page-login-wrapper.login-page-v5 .b2b-slogan p{
	color: #fff;
	font-family: 'worksans-regular', sans-serif;
	font-size: 18px;
}

.page-login-wrapper.login-page-v5 .col-right:after{
	content: initial;
}

@media screen and (max-width: 1000px) {
	.page-login-wrapper.login-page-v5 .col-right{
		display: none;
	}
}