html,
body {
	max-width: 100%;
	overflow: hidden !important;
	height: 100%;
}


/* Move down content because we have a fixed navbar that is 99px tall */

body {
	color: #4A4A4A;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	min-height: 100%;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

div.sign-up-page,
div.sign-in-page,
div.forgot-pw-page,
div.reset-pw-page,
div.unsubscribe {
	background-image: url('../images/corner_artwork_desktop.png') !important;
	background-position: top left;
	background-repeat: no-repeat;
}

.grid{
	background: transparent !important;
}

#content{
	overflow: auto;
}

#loader{
	top:30vh;
	left:48vw;
	position: absolute;
	display: none;
	z-index: 10000;
}

#loader img{
	height: 100px;
}

.sign-in-page .container,.sign-up-page .container, .forgot-pw-page .container, .reset-pw-page .container {
	padding-left: 150px;
}

div.springboard {
	background-image: none;
	background-color: rgba(155, 155, 155, 0.05);
	padding-top: 56px;
	box-shadow: none;
}

div.springboard .row {
	margin-bottom: 0px;
}

div.springboard .desktop-menu {
	/* top: 58px; */
	top:115px;
	bottom: 0;
	left: 0;
	width: 255px;
	overflow: hidden;
	background-color: #ffffff;
	float: left;
	box-shadow: 4px 0 5px -5px #888;
	position: fixed;
}

h1 {
	font-size: 32px;
	font-weight: 700;
	color: #4A4A4A;
	line-height: 30px;
	margin-bottom: 25px;
}

h2 {
	font-size: 24px;
	color: #4A4A4A;
}

h3 {
	font-size: 18px;
	color: #4A4A4A;
}

h4 {
	font-size: 16px;
	color: #4A4A4A;
	font-weight: 300;
	white-space: nowrap;
}

hr {
	box-sizing: border-box;
	height: 2px;
	border: 1px solid #EAEAEA;
	transform: scaleY(-1);
	width: 100%;
	display: inline-grid;
}

table.hr {
	clear: both;
	margin-bottom: 30px;
}

td.hr {
	width: 100%;
	padding-left: 13px;
	padding-right: 13px;
}

a {
	color: #0F9DAA !important;
}

a:focus,
a:hover {
	color: #0B7A84 !important;
}

button:focus,
.btn:focus {
	outline: 0 !important;
	outline-style: none;
}

.bold {
	font-weight: 700;
}

.italic {
	font-style: italic;
}

.text-upper {
	text-transform: uppercase;
}

.red,
.error {
	color: #fb493c;
}

/* ul li {} */

/* ul li span {} */

.disabled {
	opacity: 0.3;
}

.header {
	padding-top: 18px;
}

.sb-logo {
	height: 68px;
	width: 68px;
	background-image: url('../images/SB_Logo_Blue_100x100px.png');
	background-repeat: no-repeat;
	background-size: 68px auto;
	background-position: top center;
	margin-left: auto;
	margin-right: auto;
}

.header .links {
	float: right;
	margin-top: -56px;
}

.header p {
	font-size: 12px;
	color: #9B9B9B;
}

.header .btn {
	height: 44px;
	width: 100px;
	border: 1px solid #EEEEEE;
	border-radius: 33.5px;
	background-color: #FFFFFF;
	color: #9B9B9B;
	text-transform: none;
	font-size: 16px;
	margin-left: 16px;
}

.header .btn:hover {
	background-color: #FFFFFF;
	border: 1px solid #9B9B9B;
	color: #4A4A4A;
}

ul.navbar-nav {
	font-size: 14px;
	white-space: nowrap;
	padding-bottom: 20px;
	color: #9B9B9B;
	font-size: 14px;
	margin-top: 0px;
	height: 100vh;
}

ul.navbar-nav li {
	border-bottom: 1px solid #EAEAEA;
	/*	padding-left: 20px;
	padding-right: 20px; */
	width: 100%;
	text-align: center;
}

nav ul li:hover,
nav ul li.active {
	background-color: #ffffff;
}

ul.navbar-nav li:last-child {
	border-bottom: 0px;
	;
}

ul.navbar-nav li.icon-springboard {
	background-image: url('../images/icon_boards.png');
	background-repeat: no-repeat;
	background-position: 35px center;
	text-align: left;
}

ul.navbar-nav li.icon-springboard-inactive {
	background-image: url('../images/icon_boards_inactive.png');
	background-repeat: no-repeat;
	background-position: 35px center;
	text-align: left;
}

ul.navbar-nav li.icon-springboard-inactive:hover{
	background-image: url('../images/icon_boards_hover.png');
}

.desktop-menu ul.navbar-nav li.icon-springboard {
	background-position: 37px center;
}

.desktop-menu ul.navbar-nav li.icon-springboard-inactive {
	background-position: 37px center;
}

ul.navbar-nav li.icon-account {
	background-image: url('../images/icon_account.png');
	background-repeat: no-repeat;
	background-position: 35px center;
	text-align: left;
}

ul.navbar-nav li.icon-account-inactive {
	background-image: url('../images/icon_account_inactive.png');
	background-repeat: no-repeat;
	background-position: 35px center;
	text-align: left;
}

ul.navbar-nav li.icon-account-inactive:hover{
	background-image: url('../images/icon_account_hover.png');
}

ul.navbar-nav li.icon-account-inactive a:hover,
ul.navbar-nav li.icon-springboard-inactive a:hover {
	color: #4a4a4a !important;
}

ul.navbar-nav li.icon-account-inactive a,
ul.navbar-nav li.icon-springboard-inactive a {
	color: #9B9B9B !important;
}

.desktop-menu ul.navbar-nav li.icon-account {
	background-position: 37px center;
}

.desktop-menu ul.navbar-nav li.icon-account-inactive {
	background-position: 37px center;
}

ul.navbar-nav li.icon-springboard a,
ul.navbar-nav li.icon-account a {
	padding-left: 65px;
}

.desktop-menu ul.navbar-nav li.icon-springboard a,
.desktop-menu ul.navbar-nav li.icon-account a {
	padding-left: 65px;
}

ul.navbar-nav li.icon-springboard a,
ul.navbar-nav li.icon-account-inactive a {
	padding-left: 65px;
}

.desktop-menu ul.navbar-nav li.icon-springboard a,
.desktop-menu ul.navbar-nav li.icon-account-inactive a {
	padding-left: 65px;
}

ul.navbar-nav li.icon-springboard-inactive a,
ul.navbar-nav li.icon-account a {
	padding-left: 65px;
}

.desktop-menu ul.navbar-nav li.icon-springboard-inactive a,
.desktop-menu ul.navbar-nav li.icon-account a {
	padding-left: 65px;
}

ul.navbar-nav a {
	color: #9B9B9B;
	font-size: 14px;
}

ul.navbar-nav a:hover {
	background-color: initial;
}

ul.navbar-nav a:focus {
	background-color: initial;
}

ul.navbar-nav .active a {
	color: #0F9DAA;
}

ul.navbar-nav p {
	text-align: center;
	line-height: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
}

ul.navbar-nav p.greeting,
ul.navbar-nav p.greeting-name {
	text-align: left;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 35px;
}

.desktop-only ul.navbar-nav p.greeting,
.desktop-only ul.navbar-nav p.greeting-name {
	padding-left: 37px;
}

ul.navbar-nav p.greeting-name {
	color: #4A4A4A;
	font-weight: 600;
	margin-bottom: 0px;
	padding-top: 17px;
}

.navbar-brand {
	padding: 10px 15px;
}

.btn-sign-out {
	height: 44px;
	width: 193px;
	border: 1px solid #EEEEEE;
	border-radius: 33.5px;
	background-color: #FFFFFF;
	color: #4A4A4A;
	margin: 20px 0;
}

.btn-upgrade {
	height: 44px;
	width: 193px;
	border: 1px solid #0F9DAA;
	border-radius: 100px;
	background-color: #0F9DAA;
	color: #FFFFFF;
}

.btn-demo {
	height: 44px;
	width: 193px;
	border: 1px solid #CA4165;
	border-radius: 33.5px;
	background-color: #FFFFFF;
	color: #CA4165;
}

.btn-demo:hover{
	background-color: #CA4165;
	color: #FFF;
}

.btn-download:focus{
	outline: none;
}

ul.navbar-nav .btn-sign-out:hover {
	border: 1px solid #9B9B9B;
	color: #4A4A4A;
}

.btn-sign-out:focus, .btn-demo:focus{
	background-color: transparent;
}

.btn-upgrade:hover {
	background-color: #0B7A84;
}

label {
	font-size: 16px;
}

input {
	font-size: 16px;
}

input:-webkit-autofill {
	color: #0F9DAA;
	background-color: white !important;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	box-shadow: 0 0 0px 1000px white inset;
}

input:-webkit-text-fill-color {
	color: #0F9DAA !important;
}

textarea {
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	resize: none;
}

md-content.md-default-theme,
md-content {
	background-color: transparent;
}

md-input-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
}

md-input-container.md-default-theme .md-input,
md-input-container .md-input {
	color: #0F9DAA;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0px;
}

md-input-container.md-input-focused .md-input,
md-input-container.md-input-focused .md-input:focus {
	border-color: #0F9DAA;
	box-shadow: initial;
	border-bottom: 2px solid #0F9DAA;
}

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
	border-color: #0F9DAA;
	box-shadow: initial;
	border-bottom: 2px solid #0F9DAA;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label,
md-input-container:not(.md-input-invalid).md-input-has-value label {
	color: #9B9B9B;
}

md-input-container:not(.md-input-invalid).md-input-focused label,
md-input-container:not(.md-input-invalid).md-input-focused label:after {
	color: #9B9B9B;
}

/*
md-input-container.md-default-theme label.md-required:after,
md-input-container label.md-required:after {
	color: #9B9B9B;
}
*/


#togglePW,
#togglePW2 {
	cursor: pointer;
}

.btn {
	text-transform: uppercase;
	color: #ffffff;
	height: 44px;
	width: 139.49px;
	border-radius: 33.5px;
	background-color: #0F9DAA;
	font-size: 16px;
	box-shadow: none;
}

.btn-forgot-pw {
	height: 44px;
	width: 217.2px;
	border-radius: 33.5px;
	background-color: #0F9DAA;
}

.btn-reset-pw {
	height: 44px;
	width: 199.27px;
	border-radius: 33.5px;
	background-color: #0F9DAA;
}

.btn:hover {
	background-color: #0B7A84;
	;
	color: #ffffff;
	box-shadow: none;
}

.btn:focus {
	background-color: #0B7A84;
	color: #ffffff;
	box-shadow: none;
}

/* .btn-default {} */

/* .btn-default:hover {} */

.btn-radio button {
	border-radius: 20px;
	width: 20px;
	height: 20px;
	border: 1px solid #fb493c;
	background: none;
}

.btn-checkbox {
	margin-bottom: 10px;
}

.btn-checkbox button {
	border-radius: 6px;
	width: 20px;
	height: 20px;
	border: 1px solid #4c91b5;
	background: none;
	vertical-align: top;
}

.btn-radio button div,
.btn-checkbox button div {
	width: 12px;
	height: 12px;
	border-radius: 20px;
	left: -3px;
	position: relative;
}

.btn-checkbox button div i {
	position: relative;
	top: -4px;
	left: -1px;
}

.btn-radio button.active div,
.btn-radio button:hover div {
	background-color: red;
}

.btn-checkbox button div i {
	display: none;
}

.btn-checkbox button.active div i {
	display: inline-block;
}

.btn-radio label,
.btn-checkbox label {
	margin-left: 10px;
	font-weight: normal;
}

.btn-radio button input,
.btn-checkbox button input {
	display: none;
}

.blue-button {
	background-color: #0F9DAA !important;
	border: 0 !important;
	color: #FFF !important;
}

.icon-error {
	margin-right: 5px;
	float: left;
	padding-bottom: 5px;
}

#inputPassword,
#inputConfirmPassword {
	letter-spacing: 0.5em;
}

.table thead {
	background-color: #e9e9e9;
}

.table>thead>tr>th:first-child {
	border-bottom-left-radius: 6px;
}

.table>thead>tr>th:last-child {
	border-bottom-right-radius: 6px;
}

.table>thead>tr>th {
	text-transform: uppercase;
	border-bottom: 0px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	border-top: 5px solid #e9e9e9;
}

.table>tbody tr.first-row td {
	border-top: 0px;
}

/* .table-hover tbody tr:hover td {} */

.table td.name {
	width: 25%;
}

.table td.preview {
	width: 15%;
}

.icon {
	width: 36px;
	height: 36px;
	border-radius: 18px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #ffffff;
	display: inline-block;
}

form {
	background-color: transparent;
	padding: 20px;
	border-radius: 5px;
}

form label {
	display: block;
	font-weight: normal;
}

form input {
	width: 100%;
}

.form-control {
	border-radius: 0px;
}

.input-group-addon {
	border-radius: 0px;
}

.input-group-addon.calendar {
	background-color: #fb493c;
	color: #ffffff;
	border: 0px;
	cursor: pointer;
}

.input-group-addon.calendar:hover {
	background-color: #4c91bf;
}

.input-group-addon.calendar:focus {
	background-color: #7c7976;
}


/* Springboard App Styles */

.loader {
	box-sizing: border-box;
	height: 2px;
	width: 100%;
	background-color: #EAEAEA;
	transform: scaleY(-1);
	margin-bottom: 25px;
}

.bottom-fade {
	height: 135px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1001
}

header {
	background: #ffffff;
	height: 56px;
}

.springboard header .header-wrap {
	height: 56px;
}

/*
.springboard header ul.navbar-nav li {
	padding-top: 10px;
	padding-bottom: 10px;
}
*/

.springboard header .navbar-nav .logo-keystone,
.springboard .desktop-menu .navbar-nav .logo-keystone {
	background-image: url('../images/Keystone_desktop.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 193px;
	height: 31px;
	margin-left: auto;
	margin-right: auto;
	/* margin-bottom: 31px; */
	margin-top: 19px;
}

.springboard header .navbar-brand .sb-logo {
	width: 39.72px;
	height: 39.72px;
	background-size: 39.72px auto;
	margin-left: 3px;
	margin-right: 20px;
	float: left;
}

.springboard header .navbar-brand .title {
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	padding-top: 10px;
}

.spr-content {
	/* padding-left: 17px;
	padding-top: 16px; */
	height: 100vw;
	background-color: #f8f8f8;
}

.spr-obj {
	width: 232px;
	height: 250px;
	float: left;
	margin-right: 12px;
	margin-bottom: 31px;
	text-align: center;
	position: relative;
	-moz-transition: transform .5s ease;
	/* Firefox */
	-webkit-transition: transform .5s ease;
	/* WebKit */
	-o-transition: transform .5s ease;
	/* Opera */
	transition: transform .5s ease;
	/* Standard */
}

.obj-board-wrapper {
	width: 232px;
	height: 250px;
	float: left;
	margin-right: 11px;
	margin-bottom: 31px;
	background-color: #EEEEEE;
}

.obj-campaign-wrapper {
	width: 232px;
	height: 250px;
	float: left;
	margin-right: 12px;
	margin-bottom: 31px;
	background-color: #EEEEEE;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
}


/*.spr-obj.obj-board,*/

.spr-obj.obj-board.create-board {
	background-color: #0F9DAA !important;
	color: #FFFFFF !important;
}

.spr-obj.obj-board.create-board:hover {
	background-color: #0B7A84 !important;
}


/*.spr-obj.obj-campaign,*/

.spr-obj.obj-campaign.create-campaign {
	background-color: #FFC100 !important;
	color: #4A4A4A !important;
}

.spr-obj.obj-campaign.create-campaign:hover {
	background-color: #FFB800 !important;
}

.spr-obj.obj-board,
.spr-obj.obj-campaign {
	cursor: pointer;
}

.spr-obj.obj-board {
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

.spr-obj .icon-plus {
	width: 15px;
	height: 15px;
	background-image: url('../images/Add.png');
	background-repeat: no-repeat;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 37%;
	margin-bottom: 36px;
}

.spr-obj .obj-content {
	position: absolute;
	bottom: 0px;
	text-align: left;
	font-size: 14px;
	padding: 13px 18px;
	background-color: #ffffff;
	width: 100%;
}

.spr-obj .obj-content .board-counter {
	background-image: url('../images/icon_boards_count.png');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 13px;
	position: absolute;
	bottom: 13px;
	right: 18px;
}

.spr-obj .obj-menu-icon {
	background-image: url('../images/icon_ellipses_menu.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 45px;
	height: 20px;
	position: absolute;
	top: 3px;
	right: 0px;
	cursor: pointer;
}

.spr-obj .obj-menu-icon:focus {
	outline: none;
}

.obj-menu {
	width: 172px;
	font-size: 16px;
	box-shadow: 0px 0px 7px #EAEAEA;
	background-color: #ffffff;
	position: absolute;
	top: 33px;
	right: -62px;
	color: #4A4A4A;
	z-index: 1003;
	display: none;
}

.triangle {
	position: relative;
	margin-left: 20%;
	/*  padding: 1em; */
	box-sizing: border-box;
	background: #ffffff;
}

.triangle::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin-left: -0.5em;
	bottom: -1em;
	left: 50%;
	box-sizing: border-box;
	border: .5em solid black;
	border-color: transparent transparent #ffffff #ffffff;
	transform-origin: 0 0;
	transform: rotate(135deg);
	box-shadow: -1px 1px 1px 0 #EAEAEA;
}

.sliding_bg {
	color: #FFF;
	background-color: #ffffff;
	border-radius: 2px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	box-shadow: inset 0 0 0 0 #ffffff;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}

.spr-campaigns-container .spr-obj.obj-campaign.sliding_bg:hover,
.ui-state-hover {
	box-shadow: inset 0 200px 0 0 #FFC100;
}

.obj-menu ul {
	padding: 0;
	margin-bottom: 0px;
}

.obj-menu ul li {
	padding: 12px 23px;
	border-bottom: 1px solid #EAEAEA;
	list-style-type: none;
	cursor: pointer;
	text-align: left;
}

.obj-menu ul li:last-child {
	border-bottom: 0px;
}

.spr-obj .obj-content .campaign-title {
	color: #4A4A4A;
	margin-bottom: 0px;
}

.spr-obj .obj-content .campaign-modtz {
	color: rgba(155, 155, 155, 0.5);
	margin-bottom: 0px;
}

.spr-campaigns-container .spr-obj.obj-campaign {
	background-color: #ffffff;
	border-top: 1px solid #FFC100;
}

.spr-campaigns-container .spr-obj.obj-campaign .obj-head {
	background-image: url('../images/icon_campaign.png');
	background-size: 46px auto;
	background-position: center 40%;
	background-repeat: no-repeat;
	height: 100%;
}

.spr-boards-container{
	position: relative;
	top: 60px;
}

.spr-boards-container .spr-obj.obj-board,
.spr-obj.obj-board.user-board {
	background-color: #ffffff;
	border-top: 1px solid #0F9DAA;
}

.spr-boards-container .spr-obj.obj-board .obj-head,
.spr-obj.obj-board.user-board .obj-head {
	background-image: url('../images/icon_board.png');
	background-size: 39 auto;
	background-position: center 40%;
	background-repeat: no-repeat;
	height: 100%;
}

.spr-boards-container .obj-faq{
	border-top: 1px solid #FFB800 !important;
}

.obj-faq a:hover{
	text-decoration: none !important;
}

.obj-faq .obj-content{
	padding:0 18px;
	top: 0 !important;
	color:#000 !important;
}

.obj-faq .obj-content h5{
	margin-top: 15px;
	margin-bottom: 15px;
	color:#000 !important;
}

.obj-faq .obj-content p{
	font-size: 13px;
	margin-bottom: 8px;
	color:#000 !important;
}

/* .obj-faq .obj-content p a:hover{
text-decoration: underline !important;
} */

/*
.spr-campaigns-container .spr-obj.obj-campaign:hover,
.spr-boards-container .spr-obj.obj-board:hover {
	background-position: 0 -100%;
}
*/


/* Campaign Page Styles */

.campaign-page .loader {
	background-color: #FFC100;
}

.campaign-page .spr-campaign-header {
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 24px;
	height: 72px;
	padding-top: 16px;
}

.campaign-page .spr-campaign-header input.title {
	height: 44px;
	width: 322px;
	vertical-align: middle;
	margin-bottom: 0px;
	padding-left: 15px;
	font-size: 16px;
	border: 0;
	background-color: #ffffff;
}

.btn-export {
	height: 40px;
	border: 0px;
	background-color: #3996E8;
	color: #FFF;
	border-radius: 23px;
	width: 110px;
	margin-right: 10px;
}

.btn-export img{
	margin-right: 10px;
	margin-top: -2px;
}

.btn-export:focus{
	background-color: #3996E8;
}

.ShareNDownload {
	/* margin-top: -120px;
	margin-right: 30px; */
	z-index: 3;
	/* float: right; */
	position: absolute;
	right:30px;
	top: 72px;
	
}

.campaign-page .spr-campaign-header .btn-objective,
.campaign-page .spr-campaign-header .btn-description {
	height: 44px;
	width: 142px;
	vertical-align: middle;
	background-color: #ffffff;
	color: #4A4A4A;
	vertical-align: middle;
	font-size: 12px;
	text-transform: lowercase;
	margin-bottom: 24px;
	margin-right: 20px;
}

.campaign-page .spr-campaign-header .btn-objective img,
.campaign-page .spr-campaign-header .btn-description img {
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 6px;
}

.campaign-page .spr-campaign-body {
	position: relative;
	transition: 0.4s;
}

.campaign-page .spr-content {
	margin-top: 0px;
	clear: both;
}

.spr-campaign-title {
	float: left;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.16);
	margin-bottom: 15px;
}

.campaign-page .spr-campaign-title input:focus {
	border-bottom: 0px !important;
	box-shadow: none !important;
}

.campaign-page .spr-campaign-header .spr-consider-buttons,
.campaign-page .spr-campaign-header .spr-board-menu-icon {
	float: right;
}

.campaign-page .spr-campaign-header .spr-board-menu-icon {
	width: 30px;
	height: 30px;
	background-image: url('../images/icon_campaign_menu.png');
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 8px;
	vertical-align: middle;
	cursor: pointer;
}

.campaign-menu {
	width: 172px;
	font-size: 16px;
	box-shadow: 0px 0px 7px #EAEAEA;
	background-color: #ffffff;
	position: absolute;
	top: 65px;
	right: 13px;
	color: #4A4A4A;
	z-index: 1003;
	display: none;
}

.campaign-menu .triangle {
	position: relative;
	margin-left: 100%;
	/*  padding: 1em; */
	box-sizing: border-box;
	background: #ffffff;
}

.campaign-menu .triangle::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin-left: -0.5em;
	bottom: -1em;
	left: 50%;
	box-sizing: border-box;
	border: .5em solid black;
	border-color: transparent transparent #ffffff #ffffff;
	transform-origin: 0 0;
	transform: rotate(135deg);
	box-shadow: -1px 1px 1px 0 #EAEAEA;
}

.campaign-menu ul {
	padding: 0;
	margin-bottom: 0px;
}

.campaign-menu ul li {
	padding: 12px 23px;
	border-bottom: 1px solid #EAEAEA;
	list-style-type: none;
}

.campaign-menu ul li:last-child {
	border-bottom: 0px;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 58px;
	right: 0;
	background-color: #f5f5f5;
	overflow-x: hidden;
	transition: 0.4s;
	padding-top: 0px;
	z-index: 1003;
	overflow-y: scroll;
}

.sidenav a {
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #f1f1f1;
}

.sidenav .closebtn {
	position: absolute;
	top: 13px;
	right: 16px;
	font-size: 36px;
	margin-left: 50px;
}

.sidebar-body-fade {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100vw;
	background-color: rgba(0, 0, 0, .7);
	display: none;
	z-index: 1001
}

#sidenavObjective h3 {
	color: #4A4A4A;
	font-size: 16px;
	font-weight: 300;
	padding-left: 15px;
	padding-right: 15px;
	height: 52px;
	margin-top: 0px;
	padding-top: 19px;
}

#sidenavObjective .text-input-area {
	color: #a4a4a4;
	font-size: 12px;
	font-weight: 300;
	width: 100%;
	height: 230px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
}

#sidenavObjective .text-input-area p {
	border-top: 2px solid #b9eeda;
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0px;
	font-weight: 600;
	color: #4A4A4A;
}

#sidenavObjective .text-input-area textarea {
	color: #a4a4a4;
	font-size: 12px;
	font-weight: 300;
	width: 100%;
	height: 182px;
	background-color: #ffffff;
	border: 0px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	resize: none;
}


/* Campaign Page Style End */


/* Boards Page Start */

/* .journey-builder-wrapper {
	background-color: #fafafa;
} */

.springboard.board-page {
	padding: 0px;
	margin: 0px;
	width: 100vw;
	height: 100vh;
	/* overflow: auto; */
	background-color: transparent;
}

/* .board-page .spr-board-header {
	position: fixed;
	z-index: 15;
	width: 100%;
	height: 0; 
	background: transparent;
} */

.header_2{
	padding: 16px 0 0 16px;
	position: fixed;
	top: 59px;
	z-index: 20;
}

.spr-icon-home {
	background-image: url('../images/home.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 18px;
	background-color: #0F9DAA;
	height: 44px;
	width: 44px;
	border: 0px;
	border-radius: 22px;
	float: left;
	margin-right: 16px;
	margin-bottom: 10px;
}

.spr-icon-home:hover,
.spr-icon-home:focus {
	background-color: #0B7A84;
}

.spr-icon-strategy {
	background-image: url('../images/Open_Considerations_White.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	background-color: #FFC100;
	height: 44px;
	width: 44px;
	border-radius: 22px;
	border: 0px;
	display: block;
	margin-top: 15px;
}

.spr-icon-strategy:hover,
.spr-icon-strategy:focus {
	background-color: #FFB800;
}

.board-page .spr-board-title {
	display: inline-block;
	vertical-align: top;
}

.board-page .spr-board-header input.title {
	height: 44px;
	width: 322px;
	vertical-align: middle;
	margin-bottom: 0px;
	padding-left: 15px;
	font-size: 16px;
	border: 0;
	background-color: #ffffff;
	margin-top: 15px;
	position: fixed;
	left: 75px;
	top: 59px;
	z-index: 20;
}

.board-page input:focus {
	border-bottom: 0px !important;
	box-shadow: none !important;
}

/* .board-page .spr-board-header .btn-export {
	height: 44px;
	width: 44px;
	background-image: url('../images/icon_export.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px 15px;
	border: 0px;
	vertical-align: middle;
	margin-bottom: 0px;
	background-color: #f0f0f0;
} */

.strategic-considerations-container {
	height: 100vw;
	height: 0px;
	position: absolute;
	width: 100%;
	overflow: scroll;
}

.strategy-wrapper {
	/* box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.09); */
	padding-bottom: 150px;
	margin-top: 97px;
	padding: 24px;
	padding-top: 49px;
	overflow: hidden;
	/* height: 100%; */
	background-color: #f8f8f8;
	position: relative;
	z-index: 13;
}

.strategy-wrapper::-webkit-scrollbar {
	-webkit-appearance: scrollbartrack-vertical !important;
}   

.strategic-considerations-container .add-new {
	color: #4A4A4A;
	font-size: 16px;
	font-weight: 300;
	float: right;
	cursor: pointer;
	margin-right: 40px;
}

.strategy-wrapper::-webkit-scrollbar {
	display: none;
}

.strategic-considerations-container .add-new .icon-add {
	width: 20px;
	height: 20px;
	background-color: #0F9DAA;
	background-image: url('../images/Add_m.png');
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px;
	float: left;
	margin-right: 10px;
}

.strategic-considerations-container h1 {
	color: #4A4A4A;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-left: 15px;
	margin-bottom: 16px;
}

.strategic-considerations-container .tile-container {
	width: 100vw;
	height: 100%;
	/* margin-bottom: 400px; */
}

.obj-strategy-wrapper {
	width: 100%;
	/* 225px; */
	float: left;
	/*    margin-right: 23px;
    margin-bottom: 31px; */
	/*    background-color: #EEEEEE; */
	padding-right: 23px;
	padding-bottom: 23px;
}

.obj-strategy-wrapper .spr-obj {
	width: 100%;
	/* 225px; */
	background-color: #ffffff;
	border-top: 1px solid #0F9DAA;
	height: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/*
.obj-strategy-wrapper .spr-obj .obj-head {
	height: 100%;
}
*/

.obj-strategy-wrapper .spr-obj .obj-content {
	position: relative;
	text-align: left;
	font-size: 14px;
	padding: 20px 30px;
	background-color: #ffffff;
	width: 100%;
}

.obj-strategy-wrapper .spr-obj .obj-content .strategy-title {
	color: #4A4A4A;
	margin-bottom: 23px;
	border: 0px;
	font-weight: 600;
	font-size: 14px;
	border: 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.obj-strategy-wrapper .spr-obj .obj-content .strategy-desc {
	color: rgba(155, 155, 155, 0.5);
	margin-bottom: 15px;
	font-size: 14px;
	min-height: 150px;
	height: 150px;
	max-height: 150px;
	color: #4a4a4a;
	line-height: 17px;
	padding: 2px;
	overflow: auto;
}

.obj-strategy-wrapper .spr-obj .obj-content textarea.strategy-desc {
	color: rgba(155, 155, 155, 0.5);
	color: #4A4A4A;
	margin-bottom: 15px;
	min-height: 150px;
	border: 0px;
	overflow: auto;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	resize: none;
}

.obj-strategy-wrapper .obj-menu {
	width: 172px;
	font-size: 16px;
	box-shadow: 0px 0px 7px #EAEAEA;
	background-color: #ffffff;
	position: absolute;
	top: 45px;
	right: -64px;
	color: #4A4A4A;
	z-index: 1003;
	display: none;
}

.obj-strategy-wrapper .spr-obj .obj-menu-icon {
	background-image: url(../images/icon_boards_menu.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 14px;
	right: 16px;
	cursor: pointer;
	z-index: 999;
}


/* Packery */

* {
	box-sizing: border-box;
}


/* ---- grid ---- */

.grid {
	max-width: 100%;
	/* 1200px; */
}


/* clear fix */

.grid:after {
	content: '';
	display: block;
	clear: both;
}


/*
.grid-sizer,
.grid-item {
  width: 22%;
}
*/


/* 3 columns by default */

.grid-sizer {
	width: 33%;
	/* fallback if calc isn't supported */
	width: calc( ( 100% - 10px * 2) / 3);
}

@media screen and (min-width: 768px) {
	/* 5 columns for larger screens */
	.grid-sizer {
		width: 33.333%;
	}
}


/* ---- .grid-item ---- */

.grid-item {
	float: left;
	/*  width: 225px;
	max-width: 225px; */
	width: 33%;
	height: auto;
	min-height: 100px;
}


/*
.grid-item--width2 { width: 200px; }
.grid-item--height2 { height: 200px; }
*/

.grid-item:hover {
	cursor: move;
}

.pa-item{
	height: 310px;
	min-height: 270px;
	max-height: 310px;
	width:29%;
	display: inline-block;
}

/* .pa-item:hover {
	cursor: move;
} */

.gutter-sizer {
	width: 20px;
}

.grid-item.ui-draggable-dragging,
.grid-item.is-positioning-post-drag {
	z-index: 2;
	-moz-transition: transform .5s ease;
	/* Firefox */
	-webkit-transition: transform .5s ease;
	/* WebKit */
	-o-transition: transform .5s ease;
	/* Opera */
	transition: transform .5s ease;
	/* Standard */
}


/*
.packery-drop-placeholder {
  outline: 3px dashed hsla(0, 0%, 0%, 0.5);
  outline-offset: -6px;
  -webkit-transition: -webkit-transform 0.2s;
          transition: transform 0.2s;
}
*/


/* Packery End */


/* Journey Start */

/*Journey Export Icon Fix*/

.board-page .journey-builder-wrapper{
	top:50px;
}

.board-page .journey-builder-container,
.board-page .journey-builder-wrapper {
	width: 100vw;
	height: 100vh;
	position: relative;
}

.board-page .journey-builder-container {
	transform-origin: 50% 0% !important;
}

.journey-builder-wrapper .journey-builder-controls {
	position: fixed;
	bottom: 13px;
	left: 10px;
	z-index: 10;
	margin-right: 8px;
}


/* .range-slider .thumb.active{
	left: 65px !important;
	height: 30px;
	width: 30px;
	top: -84px !important;
	margin-left: -15px;
} */

#range-slider .thumb {
	display: none;
}

#range-slider {
	transform: rotate(-90deg);
	width: 130px;
	height: 34px;
	position: fixed;
	bottom: 57px;
	right: -25px;
	background-color: #efefef;
}

#input-range {
	width: 130px;
}

#range-value {
	transform: rotate(90deg);
	display: block;
	margin-right: -54px;
	margin-left: 104px;
	font-size: 12px;
}

.journey-builder-wrapper .journey-builder-controls .btn-zoom-in {
	height: 44px;
	width: 44px;
	background-color: #E3E3E3;
	border-radius: 22px;
	background-image: url('../images/icon_zoom_in.png');
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-bottom: 8px;
}

.journey-builder-wrapper .journey-builder-controls .btn-zoom-out {
	height: 44px;
	width: 44px;
	background-color: #E3E3E3;
	border-radius: 22px;
	background-image: url('../images/icon_zoom_out.png');
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-bottom: 8px;
}

.journey-builder-wrapper .journey-builder-controls .btn-reset {
	height: 44px;
	width: 44px;
	background-color: #E3E3E3;
	border-radius: 22px;
	background-image: url('../images/reset_icon.png');
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-bottom: 8px;
}

.journey-builder-container .journey-obj {
	position: absolute;
	font-size: 12px;
}

.journey-builder-container .journey-obj.entry-segment-container .menu-icon,
.journey-builder-container .journey-obj.entry-source-container .menu-icon,
.journey-builder-container .journey-obj .menu-icon {
	box-sizing: border-box;
	height: 43px;
	width: 43px;
	border: 4px solid #FFFFFF;
	border-radius: 22px;
	/* background-color: #9BA5B6; */
	/*	background-image: url('../images/icon_star_entry.png'); */
	/* background-image: url('../images/icon_star_entry.svg'); */
	background-image: url('../images/Segment_Grey.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
	top: -4px;
	left: -24px;
	/* display: inline-block; */
	float: left;
	/* z-index: 2; */
	/*	background-color: #50A6F8; */
}

.journey-builder-container .journey-obj.entry-segment-container .menu-icon {
	background-color: #3996E8;
	background-image: url('../images/Segment.png');
}

.journey-builder-container .journey-obj .menu-icon {
	z-index: 2;
}

.journey-builder-container .journey-obj .open-menu-icon {
	z-index: 8;
}

.journey-builder-container .journey-obj.entry-segment-container.entry-empty .menu-icon,
.journey-builder-container .journey-obj.entry-source-container.entry-empty .menu-icon,
.journey-builder-container .journey-obj.entry-empty .menu-icon {
	background-color: #9BA5B6;
	background-image: url('../images/Segment_Grey.png');
}

.journey-builder-container .journey-obj.trigger-container .menu-icon {
	/*	background-image: url('../images/icon_event_calendar.png');*/
	/* background-image: url('../images/icon_controls_trigger.svg'); */
	background-image: url('../images/Trigger.png');
}

.journey-builder-container .journey-obj.event-container .menu-icon {
	/*	background-image: url('../images/icon_event_calendar.png');*/
	background-image: url('../images/icon_controls_event.svg');
}

.journey-builder-container .journey-obj.channel-container .menu-icon {
	/*	background-image: url('../images/icon_controls_channel.png');*/
	/* background-image: url('../images/icon_controls_channel.svg'); */
	/* background-image: url('../images/icon_controls_channel.svg'); */
	background-image: url('../images/Channel_Grey .png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.email {
	background-color: #761af1;
	/*	background-image: url('../images/icon_channel_email_wh.png');*/
	/* background-image: url('../images/icon_channel_email_wh.svg'); */
	background-image: url('../images/Mail.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.sms {
	background-color: #68d636;
	/*	background-image: url('../images/icon_channel_sms_wh.png');*/
	/* background-image: url('../images/icon_channel_sms_wh.svg'); */
	background-image: url('../images/Text.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.social {
	background-color: #509dff;
	/*	background-image: url('../images/icon_channel_social_wh.png');*/
	/* background-image: url('../images/icon_channel_social_wh.svg'); */
	background-image: url('../images/Social.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.push {
	background-color: #f7d24d;
	/*	background-image: url('../images/icon_channel_push_wh.png');*/
	/* background-image: url('../images/icon_channel_push_wh.svg'); */
	background-image: url('../images/Push.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.direct {
	background-color: #f97530;
	/*	background-image: url('../images/icon_channel_direct_wh.png');*/
	/* background-image: url('../images/icon_channel_direct_wh.svg'); */
	background-image: url('../images/Direct.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.channel-container .menu-icon.phone {
	background-color: #f4497d;
	/*	background-image: url('../images/icon_channel_phone_wh.png');*/
	/* background-image: url('../images/icon_channel_phone_wh.svg'); */
	background-image: url('../images/Phone.png');
	background-position: -4px -4px;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj.split-container .menu-icon {
	/*	background-image: url('../images/icon_controls_split_wh.png');*/
	/* background-image: url('../images/icon_controls_split_wh.svg'); */
	background-image: url('../images/Split.png');
}

.journey-builder-container .journey-obj.wait-container .menu-icon {
	/*	background-image: url('../images/icon_controls_wait_wh.png');*/
	/* background-image: url('../images/icon_controls_wait_wh.svg'); */
	background-image: url('../images/Wait.png');
}

/* .journey-builder-container .journey-obj.end-container {
	width: 100px;
} */

.journey-builder-container .journey-obj.end-container .menu-icon {
	/*	background-image: url('../images/icon_controls_wait_wh.png');*/
	/* background-image: url('../images/icon_controls_end_wh.svg'); */
	background-image: url('../images/End.png');
	background-color: red;
}

[type="radio"]:not(:checked) + label.label-ampm:before{
	border-radius: 20px;
	border: 1px solid #ddd;
	width: 53px;
	height: 30px;
	margin-top: -3px;
}

[type="radio"]:checked + label.label-ampm:after, [type="radio"]:checked + label.label-ampm:before{
	border-radius: 20px;
	border: 1px solid #3996E8;
	background-color: transparent !important;
	width: 53px;
	height: 30px;
	margin-top: -3px;
}

.label-ampm {
	display: inline-block !important;
	width: 20%;
	color:#ddd;
}

.label-ampm span {
	margin-left: 15px;
	color: #ccc;
}

[type="radio"]:checked + label.label-ampm span{
	color:#3996E8;
}

.journey-builder-container .entry-segment-container .journey-obj-menu,
.journey-builder-container .trigger-container .journey-obj-menu,
.journey-builder-container .end-container .journey-obj-menu {
	border: 0;
	z-index: 1;
}

.journey-builder-container .entry-segment-container .journey-obj-menu-head,
.journey-builder-container .trigger-container .journey-obj-menu-head,
.journey-builder-container .end-container .journey-obj-menu-head {
	padding: 0 16px;
	height: 45px;
}

.journey-builder-container .entry-segment-container .journey-obj-menu input,
.journey-builder-container .trigger-container .journey-obj-menu input,
.journey-builder-container .end-container .journey-obj-menu input {
	background-color: #FFF;
	font-weight: bold;
}

.journey-obj-menu {
	/*	height: 184px; */
	width: 206px;
	border: 1px solid #F1F1F1;
	border-radius: 0 12px 12px 12px;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
	position: absolute;
	top: 0px;
	z-index: 7;
	background-color: #ffffff;
	display: none;
	overflow: hidden;
	font-size: 12px;
}

.journey-builder-container .journey-obj.join-highlight {
	border: 2px solid #2B9CFF;
}

.journey-builder-container .journey-obj .menu-icon.join-highlight {
	border: 3px solid #50A6F8;
	background-size: 45px;
}
.journey-builder-container .journey-obj.join-highlight.join-source,
.journey-builder-container .journey-obj .menu-icon.join-highlight.join-source {
	border-style: dashed;
}


.journey-builder-container .entry-segment-container,
.journey-builder-container .entry-source-container,
.journey-builder-container .journey-obj {
	height: 47px;
	/* 69px; */
	width: 206px;
	border-radius: 0 12px 12px 12px;
	border: 1px solid #EEEEEE;
	border-radius: 0 12px 12px 12px;
	background-color: #FFFFFF;
	line-height: 14px;
}

.journey-builder-container .journey-obj .ellipses-icon {
	background-image: url('../images/icon_journey_obj_menu.png');
	/* background-image: url('../images/Menu_grey.svg'); */
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 16px;
	position: absolute;
	right: 0px;
	top: 14px;
	cursor: pointer;
}

.journey-builder-container .journey-obj.entry-empty .ellipses-icon {
		background-image: url('../images/icon_journey_obj_menu_wh.png');
	/* background-image: url('../images/icon_journey_obj_menu_wh.svg'); */
}

.journey-builder-container .journey-obj.wait-container {
	height: 47px;
}

.journey-builder-container .obj-content-wrapper {
	font-size: 12px;
	height: 100%;
	cursor: pointer;
}

.journey-builder-container .obj-content-wrapper .obj-content {
	float: left;
	margin-left: -21px;
}

.journey-builder-container .entry-segment-container.entry-empty,
.journey-builder-container .entry-source-container.entry-empty,
.journey-builder-container .journey-obj.entry-empty {
	height: 47px;
	background-color: #9BA5B6;
}

.journey-builder-container .entry-source-container .entry-name,
.journey-builder-container .journey-obj .entry-name {
	font-weight: 600;
	position: relative;
	top: 9px;
	left: 4px;
	margin: 0;
	/* padding-top: 9px;
	padding-left: 4px; */
}

.journey-builder-container .journey-obj .entry-description{
	/* padding-left: 4px; */
	position: relative;
	left: 4px;
	top: 8px;
	margin: 0;
}

.journey-builder-container .trigger-container .entry-name,
.journey-builder-container .entry-segment-container .entry-name {
	font-weight: 600;
	position: relative;
	top: 13px;
	left: 7px;
	margin: 0;
	/* padding-top: 14px;
	padding-left: 7px; */
}

.journey-builder-container .entry-segment-container.entry-empty .entry-name,
.journey-builder-container .entry-source-container.entry-empty .entry-name,
.journey-builder-container .journey-obj.entry-empty .entry-name {
	color: #ffffff;
	position: relative;
	top: 14px;
	left: 7px;
	margin: 0;
	/* padding-top: 14px;
	padding-left: 7px; */
}

.journey-builder-container .entry-segment-container.entry-empty .entry-description,
.journey-builder-container .entry-source-container.entry-empty .entry-description {
	display: none;
}

.journey-builder-container .entry-segment-container .entry-description,
.journey-builder-container .entry-source-container .entry-description {
	display: block;
}

.journey-obj-menu .journey-obj-menu-head {
	padding: 13px 16px;
	color: #9B9B9B;
}

/* .journey-obj-menu .journey-obj-menu-body {} */

.journey-obj-menu .journey-obj-menu-body.obj-fade {
	box-shadow: 0 -6px 10px -6px #cccccc;
}

.journey-obj-menu .journey-obj-menu-body ul,
.journey-obj-menu .menu-panel ul {
	border-top: 1px solid #F1F1F1;
	max-height: 134px;
	overflow: hidden;
	overflow-y: scroll;
	margin-bottom: 0px;
}

.journey-obj-menu .menu-panel ul {
	/* ::-webkit-scrollbar-track { */
	/*	color: #4A90E2;
	-webkit-box-shadow: inset 0 0 6px #4A90E2; */
	scrollbar-face-color: #4A90E2;
}

.journey-obj-menu .menu-panel ul::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(255, 0, 0, 0.8);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.journey-obj-menu .menu-panel-1 ul {
	overflow: auto;
	overflow-y: visible;
}

.journey-obj-menu .journey-obj-menu-body ul li,
.journey-obj-menu .menu-panel ul li {
	padding: 13px 16px;
	color: #1669B0;
	border-bottom: 1px solid #F1F1F1;
	cursor: pointer;
}

.journey-obj-menu .menu-panel ul li.icon-chevron-right {
	background-image: url('../images/icon_chevron_right.png');
	background-position: right 13px center;
	background-repeat: no-repeat;
}

.journey-obj-menu div.icon-cheveron-left {
	width: 12px;
	height: 12px;
	background-image: url('../images/icon_chevron_left.png');
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 26px;
	left: 21px;
	cursor: pointer;
}

.event-container .journey-obj-menu .menu-panel ul li.check,
.rule-container .journey-obj-menu .menu-panel ul li.check {
	padding-left: 34px;
	background-image: url('../images/icon_radio.png');
	background-position: 10px center;
	background-repeat: no-repeat;
}

.rule-container .journey-obj-menu .menu-panel {
	display: none;
}

.event-container .journey-obj-menu .menu-panel ul li.check.checked,
.rule-container .journey-obj-menu .menu-panel ul li.check.checked {
	background-image: url('../images/icon_checked.png');
}

.wait-container .journey-obj-menu .menu-panel ul li.radio {
	padding-left: 34px;
	background-image: url('../images/icon_radio.png');
	background-position: 10px center;
	background-repeat: no-repeat;
}

.wait-container .journey-obj-menu .menu-panel ul li.radio.checked {
	background-image: url('../images/icon_radio_selected.png');
}

.wait-container .journey-obj-menu .radio, 
.wait-container .journey-obj-menu .radio+.radio {
  margin-top: 0;
  margin-bottom: 0;
}

.journey-obj-menu .menu-panel ul li.add-event-type,
.journey-obj-menu .menu-panel ul li.add-rule-type,
.journey-obj-menu .menu-panel ul li.add-split-type {
	padding-left: 34px;
	background-color: #FBFBFB;
	background-image: url('../images/icon_channels_add.png');
	background-position: 10px center;
	background-repeat: no-repeat;
}

.journey-obj-menu input {
	font-size: 12px;
	margin-bottom: 0px;
	color: #4A4A4A;
	/*#9B9B9B;*/
	background-color: #F9F9F9;
	height: 40px;
	border-bottom: 0px;
	padding-left: 13px;
	/*padding-right: 26px;*/
	width: 164px;
}

.journey-obj-menu textarea {
	font-size: 12px;
	margin-bottom: 0px;
	color: #4A4A4A;
	/*#9B9B9B;*/
	background-color: #FBFBFB;
	height: 70px;
	border: 0px;
	padding: 15px;
	/*width: 136px;*/
}

.journey-obj-menu button {
	height: 40px;
	width: 206px;
	background: linear-gradient(190.69deg, #3A95E8 0%, #3765E9 100%);
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	border: 0px;
	border-radius: 0px;
}

.menu-panel {
	/*	position: absolute; */
	transition: transform .6s ease-in-out;
	/*	float: left;
	width: 206px;
	height: 100%; */
}

.journey-obj-menu .menu-panel-2,
.journey-obj-menu .menu-panel-3,
.journey-obj-menu .menu-panel-4,
.journey-obj-menu .menu-panel-5,
.journey-obj-menu .menu-panel-6 {
	display: none;
	/*	float: right;*/
	/*	width: 0px;*/
	/*	margin-right: -206px;*/
}

.journey-obj-menu-foot .panel-dots {
	text-align: center;
}

.journey-obj-menu-foot .panel-dots div {
	height: 6px;
	width: 6px;
	transform: scaleX(-1);
	background-color: rgba(155, 165, 182, 0.5);
	;
	border-radius: 3px;
	display: inline-block;
	margin-right: 3px;
}

.journey-obj-menu-foot .panel-dots div:last-child {
	margin-right: 0px;
}

.journey-obj-menu-foot .panel-dots div.highlight {
	background-color: #386EE9;
}

.journey-obj-menu-foot .journey-obj-tip {
	padding-top: 0px;
	padding-bottom: 13px;
	padding-left: 33px;
	padding-right: 17px;
	line-height: 14px;
	color: #9B9B9B;
	background-image: url('../images/icon_inline_tip.png');
	background-position: 12px top;
	background-repeat: no-repeat;
	margin-top: 13px;
}

.channel-v1 .journey-obj-menu.channel-menu {
	width: 347px;
	height: 320px;
	overflow: visible;
	z-index: 1010;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu {
	width: 53px;
	overflow: visible;
	top: 0px;
	left: -53px;
	position: absolute;
	background-color: #F1F5FA;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul {
	width: 53px;
	overflow: visible;
	max-height: 320px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 0px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li {
	height: 53px;
	width: 53px;
	border: 1px solid #373636;
	background-color: #4a4a4a;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.active {
	background-color: #F1F5FA;
	border: 0px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li:first-child,
.journey-obj-menu.channel-menu .left-menu ul li.active:first-child {
	border-top-left-radius: 10px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li:last-child,
.journey-obj-menu.channel-menu .left-menu ul li.active:last-child {
	border-bottom-left-radius: 10px;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_email {
	background-image: url('../images/icon_channels_email_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_sms {
	background-image: url('../images/icon_channels_sms_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_social {
	background-image: url('../images/icon_channels_social_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_push {
	background-image: url('../images/icon_channels_push_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_direct {
	background-image: url('../images/icon_channels_direct_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_phone {
	background-image: url('../images/icon_channels_phone_off.png');
	background-position: center;
	background-repeat: no-repeat;
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_email.active {
	border-top-left-radius: 10px;
	background-image: url('../images/icon_channels_email.png');
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_sms.active {
	background-image: url('../images/icon_channels_sms.png');
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_social.active {
	background-image: url('../images/icon_channels_social.png');
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_push.active {
	background-image: url('../images/icon_channels_push.png');
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_direct.active {
	background-image: url('../images/icon_channels_direct.png');
}

.channel-v1 .journey-obj-menu.channel-menu .left-menu ul li.icon_phone.active {
	background-image: url('../images/icon_channels_phone.png');
}

.channel-v1 .journey-obj-menu.channel-menu .btn-add-channel {
	height: 53px;
	width: 121px;
	border-left: 1px solid #EEEEEE;
	background: none;
	background-color: #ffffff;
	background-image: url('../images/icon_channels_add.png');
	background-position: 18px center;
	background-repeat: no-repeat;
	color: rgba(155, 165, 182, 0.5);
	float: right;
	font-size: 14px;
	font-weight: 300;
	padding-left: 30px;
}

.channel-v1 .journey-obj-menu.channel-menu .btn-close {
	height: 53px;
	width: 53px;
	border-left: 1px solid #EEEEEE;
	background: none;
	background-color: #fcfcfc;
	background-image: url('../images/icon_channels_close.png');
	background-position: center;
	background-repeat: no-repeat;
	float: right;
}


/* New Top Menu for V2 of channel design */

.channel-v2.open-menu {
	background-color: transparent !important;
	color: transparent !important;
	border: 0px !important;
}

.channel-v2.open-menu .menu-icon,
.wait-container.open-menu .menu-icon, 
.split-container.open-menu .menu-icon{
	z-index: 10;
}

.channel-v2.open-menu .ellipses-icon {
	visibility: hidden;
}

.channel-v2.open-menu .entry-name {
	color: transparent !important;
}

.channel-v2 .journey-obj-menu.channel-menu {
	width: 367px;
	/*	height: 320px; */
	overflow: visible;
	z-index: 7;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	top: 20px;
	left: -90%;
}

.channel-v2 .journey-obj-menu.channel-menu .top-menu {
	width: 100%;
	overflow: visible;
	background-color: #ffffff;
}

.channel-v2 .journey-obj-menu.channel-menu .top-menu ul {
	width: 100%;
	overflow: visible;
	max-height: 320px;
	border-top: 1px solid #EEEEEE;
	margin-bottom: 0px;
	height:63px;
}

.channel-v2 .journey-obj-menu.channel-menu .top-menu ul li {
	height: 62px;
	width: 16.66%;
	/*61px;*/
	background-color: #ffffff;
	display: inline-block;
	margin-left: -4px;
	font-size: 10px;
	position: relative;
	padding: 0px;
	/*opacity: 0.3; */
	color: #000000;
	background-position: center 17px;
}

.channel-v2 .journey-obj-menu.channel-menu .top-menu ul li span {
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%;
}

.channel-v2 .journey-obj-menu.channel-menu .top-menu ul li.active {
	background-color: #ffffff;
	border: 0px;
	opacity: 1;
}

.channel-v2 .journey-obj-menu.channel-menu .menu-panel.open-panel {
	display: block;
}

.journey-obj-menu.channel-menu .top-menu ul li:first-child,
.journey-obj-menu.channel-menu .top-menu ul li.active:first-child {
	margin-left: 0px;
}

/*
.journey-obj-menu.channel-menu .top-menu ul li:last-child,
.journey-obj-menu.channel-menu .top-menu ul li.active:last-child {}
*/

.journey-obj-menu.channel-menu .top-menu ul li.icon_email {
		background-image: url('../images/icon_channels_email.png');
	/* background-image: url('../images/icon_channels_email.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/EmailHead.png');  */
	background-repeat: no-repeat;
	color: #8B51F5;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_sms {
		background-image: url('../images/icon_channels_sms.png');
	/* background-image: url('../images/icon_channels_sms.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/SmsHead.png'); */
	background-repeat: no-repeat;
	color: #37A420;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_social {
		background-image: url('../images/icon_channels_social.png');
	/* background-image: url('../images/icon_channels_social.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/SocialHead.png'); */
	background-repeat: no-repeat;
	color: #338CEB;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_push {
		background-image: url('../images/icon_channels_push.png');
	/* background-image: url('../images/icon_channels_push.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/PushHead.png'); */
	background-repeat: no-repeat;
	color: #F1CD3B;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_direct {
		background-image: url('../images/icon_channels_direct	.png');
	/* background-image: url('../images/icon_channels_direct.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/DirectHead.png'); */
	background-repeat: no-repeat;
	color: #ED7C1B;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_phone {
		background-image: url('../images/icon_channels_phone.png');
	/* background-image: url('../images/icon_channels_phone.svg'); */
	/*	background-position: center; */
	/* background-image: url('../images/PhoneHead.png'); */
	background-repeat: no-repeat;
	color: #D13676;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_email.active {
		background-image: url('../images/icon_channels_email.png');
	/* background-image: url('../images/icon_channels_email.svg'); */
	/* background-image: url('../images/EmailHead.png'); */
	border-bottom: 2px solid #8B51F5;
	color: #8B51F5;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_sms.active {
		background-image: url('../images/icon_channels_sms.png');
	/* background-image: url('../images/icon_channels_sms.svg'); */
	/* background-image: url('../images/SmsHead.png'); */
	border-bottom: 2px solid #37A420;
	color: #37A420;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_social.active {
		background-image: url('../images/icon_channels_social.png');
	/* background-image: url('../images/icon_channels_social.svg'); */
	/* background-image: url('../images/SocialHead.png'); */
	border-bottom: 2px solid #338CEB;
	color: #338CEB;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_push.active {
		background-image: url('../images/icon_channels_push.png');
	/* background-image: url('../images/icon_channels_push.svg'); */
	/* background-image: url('../images/PushHead.png'); */
	border-bottom: 2px solid #F1CD3B;
	color: #F1CD3B;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_direct.active {
		background-image: url('../images/icon_channels_direct.png');
	/* background-image: url('../images/icon_channels_direct.svg') */
	/* background-image: url('../images/DirectHead.png'); */
	border-bottom: 2px solid #ED7C1B;
	color: #ED7C1B;
}

.journey-obj-menu.channel-menu .top-menu ul li.icon_phone.active {
		background-image: url('../images/icon_channels_phone.png');
	/* background-image: url('../images/icon_channels_phone.svg'); */
	/* background-image: url('../images/PhoneHead.png'); */
	border-bottom: 2px solid #D13676;
	color: #D13676;
}

.journey-obj-menu.channel-menu .menu-panel .journey-obj-menu-head {
	padding: 0px;
	background-color: #fcfcfc;
	border-bottom: 1px solid #EEEEEE;
}

.journey-obj-menu.channel-menu .menu-panel .journey-obj-menu-head h5 {
	padding: 16px;
	font-size: 20px;
	display: inline-block;
	margin: 0px;
	height: 53px;
	color: #4A4A4A;
	font-weight: 300;
}

.channel-v2 .journey-obj-menu.channel-menu .journey-obj-menu-head h5 {
	padding-top: 10px;
	font-size: 20px;
	display: inline-block;
	margin: 0px;
	height: 40px;
	color: #4A4A4A;
	font-weight: 300;
}

.channel-v2 .journey-obj-menu.channel-menu .btn-add-channel {
	height: 40px;
	width: 87px;
	border: 1px solid #3996E8;
	border-radius: 33.5px;
	background-color: #3996E8;
	color: #ffffff;
	float: right;
	font-size: 16px;
	font-weight: 300;
}

.channel-v2 .journey-obj-menu.channel-menu .btn-close {
	height: 40px;
	width: 40px;
	background: none;
	background-image: url('../images/icon_channels_close.png');
	background-position: center;
	background-repeat: no-repeat;
	float: right;
}

.channel-v2 .journey-obj-menu.channel-menu .panel-instructions {
	height: 44px;
	width: 339px;
	border: 1px solid #F0F0F0;
	border-radius: 6px;
	background-color: #FFFFFF;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left: 16px;
	display: none;
}


/* Channel V2 End */

.journey-obj-menu.channel-menu .panel-instructions {
	height: 44px;
	width: 339px;
	border: 1px solid #F0F0F0;
	border-radius: 6px;
	background-color: #FFFFFF;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left: 16px;
}

.journey-builder-container .rule-container {
	border-top-right-radius: 0px;
	border-top: 0px;
}

.journey-builder-container .rule-container .journey-obj-menu {
	display: block;
	border-top-right-radius: 0px;
	border-top: 0px;
}

.journey-builder-container .rule-container .journey-obj-menu .journey-obj-menu-head {
	padding: 0px;
}

.journey-builder-container .rule-container .journey-obj-menu .journey-obj-menu-head input {
	width: 100%;
}

.journey-builder-container .journey-obj.rule-added {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: none;
	cursor: pointer;
	background-image: url('../images/rule_drop_arrow.png');
	background-position: 94% center;
	background-repeat: no-repeat;
}

.journey-builder-container .journey-obj .obj-rule-wrapper .rule-count {
	width: 30.88px;
	display: inline-block;
	padding: 6px 12px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper .rule-type {
	display: inline-block;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-email {
	background-color: #761af1;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-email .rule-count {
	/*background-color: rgba(117, 31, 241, 0.17);*/
	background-color: #8546f2;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-email .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-sms {
	background-color: #4fd021;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-sms .rule-count {
	background-color: #6bd84a;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-sms .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-social {
	background-color: #509dff;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-social .rule-count {
	background-color: #57aaff;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-social .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-push {
	background-color: #f7c833;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-push .rule-count {
	background-color: #f8d156;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-push .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-direct {
	background-color: #f97530;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-direct .rule-count {
	background-color: #fc864a;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-direct .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-phone {
	background-color: #e93969;
	color: #ffffff;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-phone .rule-count {
	background-color: #ec5c83;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .journey-obj .obj-rule-wrapper.rule-channel-phone .rule-type {
	border-bottom-right-radius: 10px;
}

.journey-obj-menu.channel-menu .btn-clear {
	height: 44px;
	width: 87.6px;
	border: 1px solid #F0F0F0;
	border-radius: 0 6px 6px 0;
	background: none;
	background-color: #FAFBFB;
	color: #9BA5B6;
	float: right;
}

.journey-obj-menu.channel-menu .menu-panel {
	overflow: hidden;
}

.channel-v2 .journey-obj-menu.channel-menu .menu-panel {
	display: none;
}

.channel-v1 .journey-obj-menu.channel-menu .menu-panel .journey-obj-menu-body {
	background-color: #f9fafa;
	overflow: hidden;
	overflow-y: scroll;
	height: 267px;
	margin-right: -16px;
}

.channel-v2 .journey-obj-menu.channel-menu .menu-panel .journey-obj-menu-body {
	background-color: #f9fafa;
	overflow: hidden;
	overflow-y: scroll;
	height: 267px;
	/*	margin-right: -16px; */
	padding-bottom: 15px;
}

.journey-obj-menu.channel-menu .channel-field {
	padding-left: 16px;
	padding-right: 16px;
	clear: both;
}

.journey-obj-menu.channel-menu .channel-field label {
	padding-left: 8px;
	padding-right: 16px;
	font-size: 10px;
	font-weight: 300;
	color: #4A4A4A;
	display: block;
	margin-top: 12px;
	margin-bottom: 0px;
}

.channel-v1 .journey-obj-menu.channel-menu .channel-field input {
	padding-left: 16px;
	padding-right: 16px;
	background-color: #ffffff;
	color: #4A4A4A;
	/* color: rgba(155,165,182,0.5); */
	font-size: 12px;
	width: 280px;
	height: 40px;
	border: 1px solid #E9EFF7;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.channel-v2 .journey-obj-menu.channel-menu .channel-field input {
	padding-left: 16px;
	padding-right: 16px;
	background-color: #ffffff;
	color: #4A4A4A;
	/* color: rgba(155,165,182,0.5); */
	font-size: 12px;
	width: 286px;
	height: 40px;
	border: 1px solid #E9EFF7;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.journey-obj-menu.channel-menu .channel-field input:focus {
	border-bottom: 1px solid #E9EFF7 !important;
}

.journey-obj-menu.channel-menu .channel-field textarea {
	padding-left: 16px;
	padding-right: 16px;
	background-color: #ffffff;
	color: #4A4A4A;
	/* color: rgba(155,165,182,0.5); */
	font-size: 12px;
	height: 64px;
	width: 314px;
	border: 1px solid #E9EFF7;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.journey-obj-menu.channel-menu .channel-field select {
	height: 40px;
	width: 313px;
	border: 1px solid #E9EFF7;
	border-radius: 4px;
	background-color: #FFFFFF;
	display: inline-block;
	color: #4A4A4A;
}

.channel-v1 .journey-obj-menu.channel-menu .channel-field textarea {
	width: 314px;
}

.channel-v2 .journey-obj-menu.channel-menu .channel-field textarea,
.channel-v2 .journey-obj-menu.channel-menu .channel-field select {
	width: 319px;
}

.journey-obj-menu form{
	padding: 0;
}

.journey-obj-menu.channel-menu .channel-field select.input-send-time {
	width: 176px;
	height: 40px;
	display: inline-block;
	margin-top: 8px;
}

.journey-obj-menu.channel-menu .channel-field button.btn-send-am,
.journey-obj-menu.channel-menu .channel-field button.btn-send-pm {
	height: 40px;
	width: 62px;
	border: 1px solid #E9EFF7;
	border-radius: 20px;
	background: none;
	background-color: #FFFFFF;
	color: rgba(155, 165, 182, 0.5);
	font-size: 12px;
	font-weight: 300;
	margin-right: 4px;
}

.journey-obj-menu.channel-menu .channel-field button.btn-send-am:focus,
.journey-obj-menu.channel-menu .channel-field button.btn-send-pm:focus,
.journey-obj-menu.channel-menu .channel-field button.btn-send-am:hover,
.journey-obj-menu.channel-menu .channel-field button.btn-send-pm:hover {
	color: #3996E8;
	border: 1px solid #3996E8;
}

.journey-obj-menu.channel-menu .channel-field.social-channel-field label.input-label {
	float: left;
}

.journey-obj-menu.channel-menu .channel-field.social-channel-field label.input-label span {
	margin-left: 15px;
	color: #ccc;
}

.journey-obj-menu.channel-menu .channel-field.social-channel-field [type="radio"]:checked+label span {
	color: #4a4a4a;
}

.journey-obj-menu.channel-menu .channel-field.social-channel-field [type="radio"]:not(:checked)+label:before {
	border: 1px solid #3983E8;
}

.journey-obj-menu.channel-menu .channel-field.social-channel-field [type="radio"]:checked+label:after {
	border: 2px solid #3983E8;
	background-color: #3983E8;
}


/* Split Inputs */

.split-container .journey-obj-menu .split-percentage {
	height: 41px;
	width: 25%;
	/* border: 1px solid #F1F1F1; */
	display: inline-block;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

.split-container .journey-obj-menu .split-percentage input {
	height: 41px;
	width: 32px;
	padding: 0px;
	text-align: right;
	margin: 0px;
	background-color: #ffffff;
}

/*
.split-container .journey-obj-menu .split-percentage input:disabled + span{
	margin-left: -3px;
}
*/

/* .split-percentage-span{
	color: #000;
} */

.split-container .journey-obj-menu .split-name {
	height: 41px;
	width: 72%;
	/*159px;*/
	border-left: 1px solid #F1F1F1;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	position: relative;
}

.split-container .journey-obj-menu .default-split{
	/* width: 135px !important; */
	background: #f9f9f9;
}

.split-container .journey-obj-menu .split-name.has-scroll {
	width: 144px;
}

.split-container .journey-obj-menu .split-name input {
	height: 41px;
	width: 87px;
	padding: 0px;
	text-align: left;
	margin: 0px;
	padding-left: 12px;
}

.split-container .journey-obj-menu-body ul li.split-row {
	padding: 0px;
	overflow: hidden;
	/* background: #f9f9f9; */
}

.journey-obj-menu .menu-panel ul li.split-row .remove-split {
	width: 50px;
	height: 41px;
	background-image: url(../images/close_Icon.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0px;
	background-color: #f9f9f9;
}

.journey-builder-container .dashed-line-vertical {
	position: absolute;
	border-left: 2px dashed #9BA5B6;
	width: 1px;
	/* height: 40px; */
	height: 32px;
}

.journey-builder-container .dashed-line-horizontal {
	position: absolute;
	border-top: 2px dashed #9BA5B6;
	width: 100px;
	height: 10px;
}

.journey-builder-container .dashed-line-left {
	position: absolute;
	border-bottom: 2px dashed #9BA5B6;
	border-right: 2px dashed #9BA5B6;
	width: 200px;
	height: 10px;
	border-bottom-right-radius: 10px;
}

.journey-builder-container .dashed-line-right {
	position: absolute;
	border-bottom: 2px dashed #9BA5B6;
	border-left: 2px dashed #9BA5B6;
	width: 58px;
	height: 10px;
	border-bottom-left-radius: 10px;
}

.journey-builder-container .dashed-line-left.trigger-dash,
.journey-builder-container .dashed-line-right.trigger-dash {
	width: 150px;
}

.journey-builder-container .rule-oval {
	box-sizing: border-box;
	height: 21px;
	width: 21px;
	border: 1px solid #9BA5B6;
	border-radius: 11px;
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
}

.journey-builder-container .split-number {
	padding: 2px 8px;
	border-radius: 20px;
	background-color: #ffffff;
	position: absolute;
	font-size: 10px;
}

.journey-builder-container .rule-oval.arrow-left {
	background-image: url('../images/rule_green_arrow.png');
}

.journey-builder-container .rule-oval.arrow-right {
	background-image: url('../images/rule_red_arrow.png');
}

.journey-builder-container .trigger-oval {
	box-sizing: border-box;
	height: 21px;
	width: 21px;
	border-radius: 11px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
}

.journey-builder-container .trigger-oval.trigger-left {
	/* background-image: url('../images/icon_trigger_left.svg'); */
	background-image: url('../images/Met.png');
	background-size: 24px;
	background-color: #3996E8;
}

.journey-builder-container .trigger-oval.trigger-right {
	/* background-image: url('../images/icon_trigger_right.svg'); */
	background-image: url('../images/Not.png');
	background-size: 24px;
	background-color: #9BA5B6;
}

.journey-builder-container .add-controls-menu-icon {
	position: absolute;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	background-color: #ffffff;
	/* 	background-image: url('../images/icon_zoom_in.png');*/
	/* background-image: url('../images/icon_zoom_in.svg'); */
	background-image: url('../images/Plus.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	cursor: pointer;
	z-index: 2;
}

.journey-builder-container .add-controls-menu-icon.active {
	background-color: #FFC100;
	/* background-image: url('../images/icon_controls_plus_active.svg'); */
	background-image: url('../images/YellowPlus.png');
	z-index: 4;
	background-size: 38px;
}

.add-control-primary-icon,
.add-control-secondary-icon {
	position: absolute;
	border-radius: 30px;
	cursor: pointer;
	text-align: center;
	z-index: 3;
}

.add-control-primary-icon span,
.add-control-secondary-icon span {
    color: #555;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;
    line-height: 11px;
    text-align: right;
    position: absolute;
    bottom: -15px;
    left: -7px;
    width: 100%;
}

.add-split-icon span,
.add-trigger-icon span {
	bottom: -15px;
	width: auto;
	left: 8px;
}

.add-trigger-icon span {
	left: 2px;
}

.add-control-primary-icon {
background-color: #fff;
}

.add-control-secondary-icon {
	/*	background-color: #E9EFF7; */
	background-color: #fff;
}

.add-trigger-icon {
	/* background-image: url('../images/icon_controls_trigger.svg'); */
	background-image: url('../images/AddTrigger.png');
	background-position: center;
	background-repeat: no-repeat;
		border: 1px solid #EEEEEE;
		background-size: 100%;


}

.add-event-icon {
	/*	background-image: url('../images/icon_controls_event.png');*/
	background-image: url('../images/icon_controls_event.svg');
	background-position: center;
	background-repeat: no-repeat;
}

.add-channel-icon {
	/*	background-image: url('../images/icon_controls_channel.png');*/
	/* background-image: url('../images/icon_controls_channel.svg'); */
	background-image: url('../images/AddChannel_Grey.png');
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;

}

.add-rule-icon {
	/*	background-image: url('../images/icon_controls_rule.png');*/
	background-image: url('../images/icon_controls_rule.svg');
	background-position: center;
	background-repeat: no-repeat;
		border: 1px solid #EEEEEE;

}

.add-split-icon {
	/*	background-image: url('../images/icon_controls_split_wh.png');*/
	/* background-image: url('../images/icon_controls_split_wh.svg'); */
	background-image: url('../images/AddSplit.png');
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}

.add-wait-icon {
	/*	background-image: url('../images/icon_controls_wait_wh.png');*/
	/* background-image: url('../images/icon_controls_wait_wh.svg'); */
	background-image: url('../images/AddWait.png');
	background-position: center;
	background-repeat: no-repeat;
		border: 1px solid #EEEEEE;
		background-size: 100%;
}

.add-join-icon {
	/*	background-image: url('../images/icon_controls_join_wh.png');*/
	/* background-image: url('../images/icon_controls_join_wh.svg'); */
	background-image: url('../images/AddJoin.png');
	background-position: center;
	background-repeat: no-repeat;
		border: 1px solid #EEEEEE;
		background-size: 100%;
}

.add-end-icon {
	/*	background-image: url('../images/icon_controls_end_wh.png');*/
	/* background-image: url('../images/icon_controls_end_wh.svg'); */
	background-image: url('../images/AddEnd.png');
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}

.add-rule-icon.disabled {
	cursor: not-allowed;
}

#shareModal, #Talk, #triggerDeleteModal{
	background: transparent;
	box-shadow: none;
}

#shareModal .modal-dialog, #Talk .modal-dialog, #triggerDeleteModal .modal-dialog {
	width: 300px;
	box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5);
}

#shareModal .modal-dialog .modal-header, #triggerDeleteModal .modal-dialog .modal-header {
	border-bottom: 0px;
	padding: 20px;
}

#shareModal .modal-dialog .modal-header .modal-title, #triggerDeleteModal .modal-dialog .modal-header .modal-title {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
	color: #393939;
	text-transform: none;
	letter-spacing: 0px;
	font-family: "Roboto", sans-serif !important;
	margin-left: 15px;
}

#triggerDeleteModal .modal-dialog .modal-header .modal-title{
	word-break: break-word;
	white-space: normal;
	text-align: center;
	line-height: 27px;
	width: 218px;
	display: inline-block;
}

#shareModal .modal-dialog .modal-header .close, #triggerDeleteModal .modal-dialog .modal-header .close {
	width: 20px;
	height: 20px;
	opacity: .8;
	background-image: url('../images/close_Icon.png');
}

#shareModal .modal-dialog .modal-header .close:hover, #triggerDeleteModal .modal-dialog .modal-header .close:hover {
	opacity: 1;
}

#shareModal .modal-dialog .modal-body, #triggerDeleteModal .modal-dialog .modal-body {
	padding: 0px;
}

#triggerDeleteModal .modal-dialog .modal-body{
	text-align: center;
}

#shareModal .modal-dialog .modal-content, #triggerDeleteModal .modal-dialog .modal-content {
	background-color: #FCFDFD;
	padding: 0px 0 20px 0;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerNo{
	text-transform: none;
	background-color: transparent;
	color: #5a5a5a;
	border: 1px solid #5a5a5a;
	margin-bottom: 10px;
	width: 175px;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerNo:hover,
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerNo:active,
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerNo:focus{
	background-color: #5a5a5a;
	color: #fff;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerYes{
	text-transform: none;
	background-color: transparent;
	color: #3996E8;
	border: 1px solid #3996E8;
	margin-bottom: 10px;
	width: 175px;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerYes:hover, 
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerYes:active, 
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerYes:focus{
	background-color: #3996E8;
	color: #fff;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerBoth{
	text-transform: none;
	background-color: transparent;
	color: #a6184d;
	border: 1px solid #a6184d;
	margin-bottom: 10px;
	width: 175px;
}

#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerBoth:hover, 
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerBoth:active, 
#triggerDeleteModal .modal-dialog .modal-content .btn-delTriggerBoth:focus{
	background-color: #a6184d;
	color: #fff;
}

#triggerDeleteModal img{
	height: 24px;
	padding: 0 4px;
}

/* #shareModal .modal-dialog .modal-form{
	height:315px;
} */

#shareModal .modal-dialog .modal-selection{
	padding: 8px 24px 12px;
}

#shareModal .modal-dialog .modal-content label {
	color: #9B9B9B;
	font-size: 10px;
	font-weight: 300;
	line-height: 20px;
}

#shareModal .modal-dialog .modal-content input {
	height: 40px;
	width: 96%;
	border: 1px solid #E9EFF7;
	border-radius: 4px;
	background-color: #FFFFFF;
	padding-left: 10px;
	font-size: 12px;
}

#shareModal .modal-dialog .modal-content input:focus {
	border: 1px solid #bbbbbb;
	box-shadow: none;
}

.checkbox label {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 15px;
	height: 17px;
	min-height: 17px;
	margin-top: 2px;
	background-color: #FFF;
	border: 1px solid #3983E8;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 300ms ease, colour 300ms ease, box-shadow 300ms ease;
}

.checkbox span {
	color: #555 !important;
	font-size: 13px !important;
	margin-left: 22px;
}

.checkbox [type="checkbox"]+label:before {
	border: 0;
}

.checkbox [type="checkbox"]:checked+label:before {
	display: block;
	color: #FFF;
	border-left: 0;
	border-bottom: 1px solid #fff;
	border-radius: 1px;
	margin-top: 6px;
	margin-left: 4px;
	width: 5px;
	height: 10px;
	border-right: 1px solid #FFF;
	border-top: 0;
}

.checkbox :checked+label {
	background-color: #3983E8;
	border-color: #3983E8;
	/* box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.4); */
}

.checkbox:not(last-of-type) {
	display: inline-block;
	margin-right: 15px;
}

.checkbox {
	position: relative;
	margin-top: 0;
}


/*
#shareModal .modal-dialog .modal-content input[type="checkbox"]:not(:checked), #shareModal .modal-dialog .modal-content input[type="checkbox"]:checked{
	visibility: visible !important;
	position: absolute;
	left: 0px;
	opacity: 1 !important;
	height: 10px;
	font-size: 10px;
	width: 10%;
	margin-right: 15px;
	margin-top: 6px;
	margin-left: 3px;
	vertical-align: middle;
	border: 1px solid #ddd;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
	border-radius: 50%;
}
*/


/*
#shareModal .modal-dialog .modal-content span.radioSpan{
	font-size: 12px;
	margin-left: 15px
}
*/

#shareModal .modal-dialog .modal-content p {
	color: #9B9B9B;
	font-size: 10px;
	font-weight: 300;
	line-height: 12px;
	text-align: center;
	width: 90%;
	margin: auto;
}

#shareModal .modal-dialog .modal-footer {
	text-align: center;
	border: 0px;
	background-color: transparent;
	padding: 16px;
}

#shareModal .modal-dialog .modal-footer p {
	color: #178C9A;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	margin-bottom: 20px;
	outline: 0 !important;
}

#shareModal .modal-dialog .modal-footer p span {
	font-weight: bold;
}

#shareModal .modal-dialog .modal-footer p img {
	margin-right: 4px;
}

#shareModal .modal-dialog .btn-share {
	height: 44px;
	width: 139.49px;
	border-radius: 33.5px;
	background-color: #0F9DAA;
	float: none;
	border: 0px;
	position: fixed;
	bottom: -23px;
	left: 78px;
}

#shareModal .modal-dialog .btn-share:disabled{
	background-color: #0F9DAA !important;
	color: #fff !important;
	opacity: 1;
}

#shareModal .modal-dialog .modal-content.modal-confirm {
	display: none;
}

#shareModal .modal-dialog .modal-content.modal-confirm .modal-header {
	padding-bottom: 0;
}

#shareModal .modal-dialog .modal-content.modal-confirm .modal-body {
	text-align: center;
}

#shareModal .modal-dialog .modal-content.modal-confirm .modal-body .icon-mask {
	height: 70px;
	width: 70px;
	/* background-color: #FFC100; */
	background-color: #8500FF;
	border-radius: 35px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/sending.png);
}

#shareModal .modal-dialog .modal-content.modal-confirm .modal-body p {
	color: #393939;
	font-size: 15px;
	font-weight: 300;
	line-height: 24px;
	text-align: center;
	margin-top: 20px;
}

#shareModal .modal-dialog .modal-content.modal-confirm .modal-title {
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
}

.modalBorder {
	border-bottom: 1px solid #dddddd;
	width: 100%;
	padding: 8px 24px 12px;
}


/* #shareModalNext {
	background: transparent;
	box-shadow: none;
}

#shareModalNext .modal-dialog {
	width: 377px;
	box-shadow: 0 2px 11px 0 rgba(0,0,0,0.5);
}
#shareModalNext .modal-dialog .modal-header {
	border-bottom: 0px;
}
#shareModalNext .modal-dialog .modal-header .modal-title {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
	color: #393939;
	text-transform: none;
}
#shareModalNext .modal-dialog .modal-header .close {
	width: 20px;
	height: 20px;
	background-color: #eeeeee;
	border-radius: 10px;
	color: #ffffff;
}
#shareModalNext .modal-dialog .modal-content {
	background-color: #FCFDFD;
}
#shareModalNext .modal-dialog .modal-content label {
	color: #9B9B9B;
	font-size: 10px;
	font-weight: 300;
	line-height: 20px;
}
#shareModalNext .modal-dialog .modal-content input {
	height: 40px;
	width: 100%;
	border: 1px solid #E9EFF7;
	border-radius: 4px;
	background-color: #FFFFFF;
}
#shareModalNext .modal-dialog .modal-content p {
	color: #9B9B9B;
	font-size: 10px;
	font-weight: 300;
	line-height: 12px;
	text-align: center;
}

#shareModalNext .modal-dialog .modal-footer {
	text-align: center;
	border: 0px;
	background-color: transparent;
}
#shareModalNext .modal-dialog .modal-footer p {
	color: #178C9A;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
}
#shareModalNext .modal-dialog .modal-footer p span {
	font-weight: bold;
}
#shareModalNext .modal-dialog .modal-footer p img {
	margin-right: 4px;
}
#shareModalNext .modal-dialog .modal-footer button {
	height: 44px;
	width: 139.49px;
	border-radius: 33.5px;
	background-color: #0F9DAA;
	float: none;
	border: 0px;
	position: relative;
  bottom: -20px;
}

#shareModalNext .modal-dialog .modal-content.modal-confirm {
	display: none;
}
#shareModalNext .modal-dialog .modal-content.modal-confirm .modal-body {
	text-align: center;
}
#shareModalNext .modal-dialog .modal-content.modal-confirm .modal-body .icon-mask {
	height: 70px;
	width: 70px;
	background-color: #FFC100;
	border-radius: 35px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
#shareModalNext .modal-dialog .modal-content.modal-confirm .modal-body p {
	color: #393939;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
	text-align: center;
} */

.journey-builder-container .journey-obj .obj-menu {
	top: 47px;
	right: -73px;
}


/* Journey End */


/* Boards Page End */


/* Account Page Start */

/* .account-home {} */

.account-home .page-container {
	padding-right: 19px;
	width: 100%;
	margin-top: 15px;
}

.account-home .desktop-menu{
	top: 58px !important;
}

.account-home header{
	height: 56px;
}

/* .account-home .page-container .account-header {} */

.account-home .page-container .account-header .account-title {
	display: none;
	/* display: inline-block; */
	color: #4A4A4A;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	margin-left: 20px;
}

.account-home .page-container .account-header button.edit-account {
	display: inline-block;
	height: 44px;
	width: 120px;
	border: 1px solid #EEEEEE;
	border-radius: 33.5px;
	background-color: #FFFFFF;
	vertical-align: middle;
	color: #9B9B9B;
	margin-left: 22px;
}

.account-home .page-container .account-header button.edit-account:hover {
	background-color: #FFFFFF;
	border: 1px solid #9B9B9B;
	color: #4A4A4A;
}

.account-home .page-container .account-header .account-snapshot {
	/* display: inline-block; */
	float: right;
	color: #0F9DAA;
	font-size: 10px;
	font-weight: 300;
	line-height: 11px;
	text-align: center;
	margin-right: 20px;
}

.account-home .page-container .account-header .account-snapshot div {
	display: inline-block;
}

.account-home .page-container .account-header .account-snapshot span {
	color: #FFC100;
	font-size: 30px;
	font-weight: 300;
	line-height: 35px;
	text-align: center;
	display: block;
	padding-left: 22px;
	padding-right: 22px;
}

.account-home .page-container .account-header .account-snapshot .campaign-snap span,
.account-home .page-container .account-header .account-snapshot .boards-snap span {
	border-right: 1px solid #F0F0F0;
}

.account-home .page-container .account-content {
	/* margin-top: 25px; */
	padding: 23px 37px;
	border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
}

.account-home .page-container .account-content .account-row {
	border-bottom: 1px solid rgba(155, 155, 155, 0.05);
	margin-bottom: 14px;
}

.account-home .page-container .account-content .account-row .change-pw{
	vertical-align: text-bottom;
}

.account-home .page-container .account-content .account-row .full-name,
.account-home .page-container .account-content .account-row .title,
.account-home .page-container .account-content .account-row .company,
.account-home .page-container .account-content .account-row .country,
.account-home .page-container .account-content .account-row .state,
.account-home .page-container .account-content .account-row .postal,
.account-home .page-container .account-content .account-row .current-pw,
.account-home .page-container .account-content .account-row .new-pw,
.account-home .page-container .account-content .account-row .confirm-pw,
.account-home .page-container .account-content .account-row .save-pw,
.account-home .page-container .account-content .account-row .change-pw {
	width: 30%;
	display: inline-block;
	margin-right: 2%;
}

.account-home .page-container .account-content .account-row .new-pw,
.account-home .page-container .account-content .account-row .confirm-pw,
.account-home .page-container .account-content .account-row .save-pw {
	display: none;
}

.account-home .page-container .account-content .account-row .new-pw.enabled,
.account-home .page-container .account-content .account-row .confirm-pw.enabled,
.account-home .page-container .account-content .account-row .save-pw.enabled,
.account-home .page-container .account-content .account-row label.pw-details span.enabled {
	display: inline-block;
}

.account-home .page-container .account-content .account-row .current-pw.disabled,
.account-home .page-container .account-content .account-row .change-pw.disabled {
	display: none;
}

.account-home .page-container .account-content label {
	color: #4A4A4A;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	display: block;
	font-weight: bold;
}

.account-home .page-container .account-content label.pw-details {
	margin-bottom: 10px;
}

#toggleCPW:focus{
	outline: none;
}

.account-home .page-container .account-content label.pw-details span {
	color: #9B9B9B;
	font-size: 12px;
	font-weight: 300;
	line-height: 14px;
	margin-left: 20px;
	display: none;
}

.account-home .page-container .account-content .current-pw label,
.account-home .page-container .account-content .new-pw label,
.account-home .page-container .account-content .confirm-pw label {
	color: #9B9B9B;
	font-size: 16px;
	font-weight: 300;
	line-height: 14px;
}

.account-home .page-container .account-content input {
	border: 0px;
	border-bottom: 0px;
	color: #0F9DAA;
	font-size: 16px;
	line-height: 40px;
}

.account-home .page-container .account-content input:hover, .account-home .page-container .account-content select:hover{
	color: #0F9DAA !important;
}

.account-home .page-container .account-content input.disabled-input,
.account-home .page-container .account-content select.disabled-input {
	color: #9B9B9B;
}

/* .account-home .page-container .account-content select {
	color: #0F9DAA !important;
} */

.account-home .page-container .account-content input:focus {
	border: 0px;
	border-bottom: 0px !important;
	box-shadow: none !important;
}

.account-home .page-container .account-content select {
	font-size: 16px;
	line-height: 40px;
	height: 36px;
	display: block;
	width: 80%;
}

.account-home .page-container .account-content button.edit-password {
	height: 44px;
	width: 158.68px;
	border: 1px solid #EEEEEE;
	border-radius: 33.5px;
	background-color: #FFFFFF;
	color: #9B9B9B;
}

.account-home .page-container .account-content button.set-password {
	height: 44px;
	width: 167.38px;
	border-radius: 33.5px;
	background-color: #0F9DAA;
	color: #ffffff;
	border: 0;
}


/* Account Page End */


/* General assisted styles */

.margin-bottom-minus-10 {
	margin-bottom: -10px;
}

.margin-bottom-minus-15 {
	margin-bottom: -15px;
}

.margin-bottom-minus-20 {
	margin-bottom: -20px;
}

.margin-bottom-minus-25 {
	margin-bottom: -25px;
}

.margin-bottom-minus-30 {
	margin-bottom: -30px;
}

.margin-bottom-minus-40 {
	margin-bottom: -40px;
}

.margin-bottom-minus-50 {
	margin-bottom: -50px;
}

.margin-bottom-minus-75 {
	margin-bottom: -75px;
}

.margin-bottom-minus-100 {
	margin-bottom: -100px;
}

.margin-bottom-minus-150 {
	margin-bottom: -150px;
}

.margin-top-minus-10 {
	margin-top: -10px;
}

.margin-top-minus-15 {
	margin-top: -15px;
}

.margin-top-minus-20 {
	margin-top: -20px;
}

.margin-top-minus-25 {
	margin-top: -25px;
}

.margin-top-minus-30 {
	margin-top: -30px;
}

.margin-top-minus-40 {
	margin-top: -40px;
}

.margin-top-minus-50 {
	margin-top: -50px;
}

.margin-top-minus-75 {
	margin-top: -75px;
}

.margin-top-minus-100 {
	margin-top: -100px;
}

.margin-top-minus-150 {
	margin-top: -150px;
}

.right-0 {
	right: 0;
}

.right-5 {
	right: 5px;
}

.right-10 {
	right: 10px;
}

.right-20 {
	right: 20px;
}

.right-30 {
	right: 30px;
}

.right-40 {
	right: 40px;
}

.right-50 {
	right: 50px;
}

.right-60 {
	right: 60px;
}

.right-70 {
	right: 70px;
}

.right-80 {
	right: 80px;
}

.right-90 {
	right: 90px;
}

.right-100 {
	right: 100px;
}

.right-150 {
	right: 150px;
}

.right-200 {
	right: 200px;
}

.right-300 {
	right: 300px;
}

.right-400 {
	right: 400px;
}

.right-500 {
	right: 500px;
}

.left-0 {
	left: 0;
}

.left-5 {
	left: 5px;
}

.left-10 {
	left: 10px;
}

.left-20 {
	left: 20px;
}

.left-30 {
	left: 30px;
}

.left-40 {
	left: 40px;
}

.left-50 {
	left: 50px;
}

.left-60 {
	left: 60px;
}

.left-70 {
	left: 70px;
}

.left-80 {
	left: 80px;
}

.left-90 {
	left: 90px;
}

.left-100 {
	left: 100px;
}

.left-150 {
	left: 150px;
}

.left-200 {
	left: 200px;
}

.left-300 {
	left: 300px;
}

.left-400 {
	left: 400px;
}

.left-500 {
	left: 500px;
}

.opacity-0 {
	opacity: 0;
}

.opacity-10 {
	opacity: 0.1;
}

.opacity-20 {
	opacity: 0.2;
}

.opacity-30 {
	opacity: 0.3;
}

.opacity-40 {
	opacity: 0.4;
}

.opacity-50 {
	opacity: 0.5;
}

.opacity-60 {
	opacity: 0.6;
}

.opacity-70 {
	opacity: 0.7;
}

.opacity-80 {
	opacity: 0.8;
}

.opacity-90 {
	opacity: 0.9;
}

.opacity-100 {
	opacity: 1;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.font-size-400 {
	font-size: 400%;
}

.font-size-350 {
	font-size: 350%;
}

.font-size-300 {
	font-size: 300%;
}

.font-size-250 {
	font-size: 250%;
}

.font-size-220 {
	font-size: 220%;
}

.font-size-200 {
	font-size: 200%;
}

.font-size-180 {
	font-size: 180%;
}

.font-size-150 {
	font-size: 150%;
}

.font-size-140 {
	font-size: 140%;
}

.font-size-130 {
	font-size: 130%;
}

.font-size-125 {
	font-size: 125%;
}

.font-size-120 {
	font-size: 120%;
}

.font-size-110 {
	font-size: 110%;
}

.font-size-95 {
	font-size: 95%;
}

.font-size-90 {
	font-size: 90%;
}

.font-size-85 {
	font-size: 85%;
}

.font-size-80 {
	font-size: 80%;
}

.font-size-75 {
	font-size: 75%;
}

.font-size-70 {
	font-size: 70%;
}

.font-size-60 {
	font-size: 60%;
}

.font-size-50 {
	font-size: 50%;
}

.padding-0 {
	padding: 0px;
}

.padding-5 {
	padding: 5px;
}

.padding-10 {
	padding: 10px;
}

.padding-15 {
	padding: 15px;
}

.padding-20 {
	padding: 20px;
}

.padding-25 {
	padding: 25px;
}

.padding-35 {
	padding: 35px;
}

.padding-50 {
	padding: 50px;
}

.padding-75 {
	padding: 75px;
}

.padding-top-0 {
	padding-top: 0px;
}

.padding-top-5 {
	padding-top: 5px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-top-15 {
	padding-top: 15px;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-top-25 {
	padding-top: 25px;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-top-35 {
	padding-top: 35px;
}

.padding-top-40 {
	padding-top: 40px;
}

.padding-top-50 {
	padding-top: 50px;
}

.padding-top-75 {
	padding-top: 75px;
}

.padding-right-0 {
	padding-right: 0px;
}

.padding-right-5 {
	padding-right: 5px;
}

.padding-right-10 {
	padding-right: 10px;
}

.padding-right-15 {
	padding-right: 15px;
}

.padding-right-20 {
	padding-right: 20px;
}

.padding-right-25 {
	padding-right: 25px;
}

.padding-right-35 {
	padding-right: 35px;
}

.padding-right-50 {
	padding-right: 50px;
}

.padding-right-75 {
	padding-right: 75px;
}

.padding-bottom-0 {
	padding-bottom: 0px;
}

.padding-bottom-5 {
	padding-bottom: 5px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-bottom-15 {
	padding-bottom: 15px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-bottom-25 {
	padding-bottom: 25px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

.padding-bottom-35 {
	padding-bottom: 35px;
}

.padding-bottom-40 {
	padding-bottom: 40px;
}

.padding-bottom-50 {
	padding-bottom: 50px;
}

.padding-bottom-75 {
	padding-bottom: 75px;
}

.padding-left-0 {
	padding-left: 0px;
}

.padding-left-5 {
	padding-left: 5px;
}

.padding-left-10 {
	padding-left: 10px;
}

.padding-left-15 {
	padding-left: 15px;
}

.padding-left-20 {
	padding-left: 20px;
}

.padding-left-25 {
	padding-left: 25px;
}

.padding-left-35 {
	padding-left: 35px;
}

.padding-left-50 {
	padding-left: 50px;
}

.padding-left-75 {
	padding-left: 75px;
}

.padding-top-bottom-0 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.padding-top-bottom-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.padding-top-bottom-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-top-bottom-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.padding-top-bottom-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-top-bottom-25 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.padding-top-bottom-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-top-bottom-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding-top-bottom-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.padding-top-bottom-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.padding-left-right-0 {
	padding-left: 0px;
	padding-right: 0px;
}

.padding-left-right-5 {
	padding-left: 5px;
	padding-right: 5px;
}

.padding-left-right-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.padding-left-right-15 {
	padding-left: 15px;
	padding-right: 15px;
}

.padding-left-right-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.padding-left-right-25 {
	padding-left: 25px;
	padding-right: 25px;
}

.padding-left-right-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.padding-left-right-40 {
	padding-left: 40px;
	padding-right: 40px;
}

.padding-left-right-50 {
	padding-left: 50px;
	padding-right: 50px;
}

.padding-left-right-100 {
	padding-left: 100px;
	padding-right: 100px;
}

.margin-0 {
	margin: 0px;
}

.margin-5 {
	margin: 5px;
}

.margin-10 {
	margin: 10px;
}

.margin-15 {
	margin: 15px;
}

.margin-20 {
	margin: 20px;
}

.margin-25 {
	margin: 25px;
}

.margin-35 {
	margin: 35px;
}

.margin-50 {
	margin: 50px;
}

.margin-75 {
	margin: 75px;
}

.margin-top-0 {
	margin-top: 0px;
}

.margin-top-5 {
	margin-top: 5px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-15 {
	margin-top: 15px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-25 {
	margin-top: 25px;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-35 {
	margin-top: 35px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-top-50 {
	margin-top: 50px;
}

.margin-top-75 {
	margin-top: 75px;
}

.margin-right-0 {
	margin-right: 0px;
}

.margin-right-5 {
	margin-right: 5px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-right-15 {
	margin-right: 15px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-right-25 {
	margin-right: 25px;
}

.margin-right-35 {
	margin-right: 35px;
}

.margin-right-50 {
	margin-right: 50px;
}

.margin-right-75 {
	margin-right: 75px;
}

.margin-bottom-0 {
	margin-bottom: 0px;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-15 {
	margin-bottom: 15px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-25 {
	margin-bottom: 25px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.margin-bottom-35 {
	margin-bottom: 35px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-bottom-50 {
	margin-bottom: 50px;
}

.margin-bottom-75 {
	margin-bottom: 75px;
}

.margin-left-0 {
	margin-left: 0px;
}

.margin-left-5 {
	margin-left: 5px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-15 {
	margin-left: 15px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-25 {
	margin-left: 25px;
}

.margin-left-35 {
	margin-left: 35px;
}

.margin-left-50 {
	margin-left: 50px;
}

.margin-left-75 {
	margin-left: 75px;
}

.margin-top-bottom-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.margin-top-bottom-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.margin-top-bottom-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-top-bottom-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.margin-top-bottom-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.margin-top-bottom-25 {
	margin-top: 25px;
	margin-bottom: 25px;
}

.margin-top-bottom-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.margin-top-bottom-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.margin-top-bottom-50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.margin-top-bottom-100 {
	margin-top: 100px;
	margin-bottom: 100px;
}

.margin-left-right-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.margin-left-right-5 {
	margin-left: 5px;
	margin-right: 5px;
}

.margin-left-right-10 {
	margin-left: 10px;
	margin-right: 10px;
}

.margin-left-right-15 {
	margin-left: 15px;
	margin-right: 15px;
}

.margin-left-right-20 {
	margin-left: 20px;
	margin-right: 20px;
}

.margin-left-right-25 {
	margin-left: 25px;
	margin-right: 25px;
}

.margin-left-right-30 {
	margin-left: 30px;
	margin-right: 30px;
}

.margin-left-right-40 {
	margin-left: 40px;
	margin-right: 40px;
}

.margin-left-right-50 {
	margin-left: 50px;
	margin-right: 50px;
}

.margin-left-right-100 {
	margin-left: 100px;
	margin-right: 100px;
}

.line-height-120 {
	line-height: 120%;
}

.line-height-150 {
	line-height: 150%;
}

.line-height-180 {
	line-height: 180%;
}

.line-height-200 {
	line-height: 200%;
}

.line-height-250 {
	line-height: 250%;
}

.line-height-300 {
	line-height: 300%;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}

.content-container {
	width: 100%;
	margin: 0 auto;
	-moz-box-shadow: 0 0 0px 2px #d2d0d0;
	-webkit-box-shadow: 0 0 0px 2px #d2d0d0;
	box-shadow: 0 0 0px 2px #d2d0d0;
}

.header-container {
	width: 100%;
	right: 1.3%;
	margin: 0 auto;
	position: fixed;
	top: 0px;
	-moz-box-shadow: 0 0 0px 2px #d2d0d0;
	-webkit-box-shadow: 0 0 0px 2px #d2d0d0;
	box-shadow: 0 0 0px 2px #d2d0d0;
	height:115px;
}

.footer-tip {
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 15;
	margin-right: 8px;
	width: auto;
}

.bottomFix {
	bottom: 30px !important;
	right: 10px;
	z-index: 1025;
}

.footer-tip .tipIcon {
	vertical-align: baseline;
	margin-top: 45px;
	margin-left: 10px;
	background: url(../images/tipEnabled.png);
	width: 44px;
	height: 44px;
	position: relative;
	top: 20px;
}

.footer-tip .tipIcon:hover{
	background: url(../images/tipHovered.png) !important;
}

.tipImg{
	background: url(../images/tipDisabled.png) !important;
	top: 0 !important;
}

.footer-tip .tipIcon:focus{
	outline: none;
}

.footer-tip .tipTriangle {
	background: url(../images/tipTriangle.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	position: relative;
	right: 7px;
	box-shadow: 0 6px 4px -4px rgba(220, 220, 220, 0.5); 
}

.footer-tip .tipMsg{
	/* display: none; */
	width: auto;
	background-color: #fff;
	padding: 10px;
	border-radius: 15px;
	border-bottom-right-radius: 0;
	font-size: 14px;
	max-width: 500px;
	margin-top: 20px;
	max-height: 200px;
	min-width: 300px;
	position: absolute;
	bottom: 0;
	right: 53px;
	box-shadow: 0 6px 4px -4px rgba(220, 220, 220, 0.5), -6px -6px 6px -4px rgba(220, 220, 220, 0.5); 
}

.footer-tip .tipMsg p {
	margin: 0;
}

.tipMsgClick{
	display: none;
}

/* .footer-tip:hover .tipMsg{
	display: block;
} */

/* Download Message Style*/

.ui-widget-content {
	background: #FFF;
	padding: 10px 20px;
	border-radius: 20px;
	min-height: 120px;
	/* box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5); */
}

button.ui-dialog-titlebar-close {
	float: right;
	margin: 5px 0px;
	background: #CCC;
	border: 0;
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background-image: url('../images/Add.png');
	background-size: 11px;
	transform: rotate(45deg);
	background-repeat: no-repeat;
	background-position: center;
}

.ui-widget-content p{
	font-size: 15px;
	margin-top: -4px;
}

/*Unsubscribe Page Style*/

.springboard.unsubscribe{
	height: 100vh;
	text-align: center;
}

#unsubscribe{
	padding: 0 25px;
}

#unsubscribe h1{
	color: #0F9DAA;
}

#unsubscribe h2, #unsubscribeConfirm h2{
	margin: 75px 0;
}

#unsubscribe button {
	display: inline-block;
	height: 44px;
	width: 170px;
	border: 1px solid #EEEEEE;
	border-radius: 33.5px;
	background-color: #FFFFFF;
	vertical-align: middle;
	color: #9B9B9B;
	margin-left: 22px;
	font-size: 20px
}

#unsubscribe button:hover{
	background-color: #0F9DAA !important;
	border: 0 !important;
	color: #FFF !important;
}

/*Calendly*/
.calendly-badge-widget{
	display: none;
}

/* .navigation-container{left:7px !important;} */


.bg-color{background: #fafafa;}

.top_header{
	text-align: center;
	padding: 12px;
	height: 59px;
	background: #1A4E53;
	color: #fff;
}

.top_header .btn-demo{
	height:34px;
	width:164px;
	background-color: #0F9DAA;
	border: 1px solid #0F9DAA;
	color:#fff;
	margin-left:15px;
}

.top_header .btn-demo:hover{
	background-color: #FFC100;
	border: 1px solid #FFC100;
}

.header_map{
	background: #fff;
	color:#000;
	border-bottom: 1px solid #EEE;
	position: fixed;
	z-index: 15;
	width: 100%;
}

.header_map .btn-demo{
	margin-right: 15px;
}

.header_map .btn-demo:hover{
	background-color: #0B7A84;
	border-color: #0B7A84;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}
/* New Sign-up Screen */
.logo-sign-up{
	height: 68px;
	width: 68px;
	background-image: url('../images/SB_Logo_Blue_100x100px.png');
	background-repeat: no-repeat;
	background-size: 68px auto;
	background-position: top center;
	margin-right: auto;
	margin-top: 20px;
}
.sign-up-header {
    padding-left: 200px;
    padding-top: 35px;
}
.sign-upb-container {
    padding-left: 200px;
}
.sign-upb-container md-content{
	overflow: hidden;
}

.sign-up-form{width:530px;float:left;padding-top: 15px;} /* 35px;} */
.sign-up-image{float:right}
.sign-form{padding: 0 !important;}
.sign-form input[type=text],input[type=submit]{  
	background-color: transparent;
    border: 2px solid #0B7A84 !important;
    border-radius:5px;
    outline: none;
    height: 2.2rem;
    width: 80%;
    font-size: 1rem;
    padding-left: 6px;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
		transition: all .3s;
	}

	.sign-form ::-webkit-input-placeholder{
		font-size: 15px;
		color: #ddd;
		margin: 10px;
	}

	.sign-upb-container input[type=text]:focus:not([readonly]), 
	.sign-upb-container input[type=password]:focus:not([readonly]), 
	.sign-upb-container input[type=email]:focus:not([readonly]), 
	.sign-upb-container input[type=url]:focus:not([readonly]), 
	.sign-upb-container input[type=time]:focus:not([readonly]), 
	.sign-upb-container input[type=date]:focus:not([readonly]), 
	.sign-upb-container input[type=datetime-local]:focus:not([readonly]), 
	.sign-upb-container input[type=tel]:focus:not([readonly]), 
	.sign-upb-container input[type=number]:focus:not([readonly]), 
	.sign-upb-container input[type=search]:focus:not([readonly]), 
	.sign-upb-container textarea.materialize-textarea:focus:not([readonly]){
		border-bottom: none;
		box-shadow: none;
	}

	.sign-upb-container md-input-container {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}

	.sign-upb-container md-input-container.md-input-invalid label,
	.sign-upb-container md-input-container.md-default-theme label.md-required:after, md-input-container label.md-required:after{
		color: rgba(0,0,0,0.38);
	}

	.sign-upb-container md-input-container .md-placeholder, .sign-upb-container md-input-container label:not(.md-no-float):not(.md-container-ignore) {
		position: relative;
    top: 21px;
		margin-bottom: 10px;
		margin-top: -20px;
		left: 8px;
		display: inline-block;
		width: 96%;
	}

	.sign-upb-container md-input-container.md-icon-float.md-input-focused label, 
	.sign-upb-container md-input-container.md-icon-float.md-input-has-value label{
		margin-bottom: 18px !important;
		margin-top: -20px;	
		left:0;
	}

	.sign-form input[type=email]{  
	background-color: transparent;
    border: 2px solid #0B7A84 !important;
    border-radius:5px;
    outline: none;
    height: 2.2rem;
    width: 80%;
    font-size: 1rem;
    padding-left: 6px;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
		transition: all .3s;
	}

	.sign-form input[type=password]{
		background-color: transparent;
    border: 2px solid #0B7A84 !important;
    border-radius:5px;
    outline: none;
    height: 2.2rem;
    width: 80%;
    font-size: 1rem;
    padding-left: 6px!important;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
		transition: all .3s;
	}
	.sign-btn{
	background:#ffc100;
	color:#000;
    border: 2px solid #ffc100!important;
    border-radius:5px;
    outline: none;
    height: 2.5rem;
    width: 80%;
    font-size: 25px;
    padding: 0 3px 0 3px;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
		transition: all .3s;
		font-weight: normal;
		margin-top: 20px;
	
	}
	
	.sign-btn:focus {
    outline: none;
    background-color: #ffc100;
	}

.clear-screen {
	clear:both;
}

.dextop-view {
	padding-top: 40px;
	margin-left: -200px;
}

.yellow-rect{
	height: 300px;
	width: 600px;
	transform: rotate(300deg);
	box-shadow: 3px -3px 4px 0 rgba(0,0,0,0.17);
	background-color: #FFC100;
	float: right;
	margin-right: -342px;
}

.green-rect{
	height: 200px;
	width: 400px;
	transform: rotate(300deg);
	background-color: #0F9DAA;
	box-shadow: 3px -3px 4px 0 rgba(0,0,0,0.17);
	margin-right: -350px;
	float: right;
}

.text-section {
	width: 43%;
	text-align: center;
	margin: auto;
	margin-bottom: 70px;
}

.text-section h1 {
	font-size: 35px;
	margin-bottom: 30px;
}

.text-section p{
	font-size: 20px;
	line-height: 30px;
}

.button-section {
	padding-top: 175px;
	float: left;
	text-align: right;
	margin-left: -30px;
}

.button-section h3 {
	font-size: 40px;
}

.button-section button {
    background: #0f9daa;
    border: none;
    border-radius: 5px;
    padding: 11px 71px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin-left: 100px;
    margin-top: 10px;
    z-index: 1000;
    position: relative;
}
.chat{color:#19a1ae}
.right-image-section{ 
	width:75%;
	float:left;
	margin-left: -160px;
}

.add-more{position: relative;top: 5px;font-size: 17px;color: #19a1ae;}	
.sign-up-logo{width:60%;float: left;padding-left: 0;}
.signup-social-icon{width: 173px;float: left;margin-top: 20px;}
.signup-social-icon img {float:left;margin-right: 10px;}
.right-image-section img{width:100%}	
.sign-up-footer{    
	background: #eae8e8;
	padding: 40px 45px 230px 200px;
	width: 100%;
}	

.left-side-footer {
    float: left;
}

.left-side-footer ul{
	margin-top: -10px;
}
.right-side-footer {
    float: right;
}
.left-side-footer h5 {
    font-size: 17px;
    font-weight: 600;
    line-height: 18px;}
.right-side-footer img{width:130px;}
.right-side-footer p {
    line-height: 25px;
    margin-top: 27px;
	color:#808080;
	font-size: 14px;
}
.show-social-icons{display:none}
.left-side-footer ul li a {
    color: #808080 !important;
	    font-size: 14px;
}
.eyes-icon{
    display: inline-block;
    margin: 0;
    right: 32px;
    left: auto;
    top: 12px;
    position: relative;
	}
.right-side-footer p a{
    color: #808080 !important;
}
.sign-up-form h1{color: #393939;
    font-size: 50px;
    line-height: 46px;
    font-weight: 700;
	margin-top: 0px;
}
/* .sign-up-form h3{margin-top: 0px;margin-bottom:55px; font-size: 41px;font-weight: normal;} */
.sign-up-form h3{margin-top: 0px;margin-bottom:20px; font-size: 41px;font-weight: normal;}

.second-txt-message{display:none}
.third-txt-message{display:none}
.active-color{color: #000 !important; cursor: default !important;}
.mobile-view{display:none;}
.fb-image{
    height: 48px;
    width: 48px;
    background-image: url(../images/Facebook.png);
    background-repeat: no-repeat;
    float: left;
}
.twit-image{
    height: 48px;
    width: 48px;
    background-image: url(../images/Twitter.png);
    background-repeat: no-repeat;
	float: left;
}
.lidin-image{
    height: 48px;
    width: 48px;
    background-image: url(../images/Linkedin.png);
    background-repeat: no-repeat;
    float: left;
}
.fb-image:hover{
    background-image: url(../images/Facebook_Yellow.png);
}
.twit-image:hover{
    background-image: url(../images/Twitter_Yellow.png);
}
.lidin-image:hover {
    background-image: url(../images/Linkedin_yellow.png);
}
.full-text-para{
	padding-top: 80px;
	font-size: 22px;
	line-height: 24px;
	padding-left: 200px;
}
.mac-image-top{position: relative;top:10px;}
.mac-image-yellow{position: absolute;
	right: 0px;width: 234px !important; top: -100px; } /* top:-25px;} */
.mac-image-image {
	position: absolute;
	top: 0px; /* 135px; */
	width: 703px;
	z-index: 2;
	margin-top: 35px;
}

.image-mac{
	position: relative;
}
@media only screen  and (max-width : 1135px) {
	/* Styles */
	.mac-image-image{
		width: 460px;
	}
}
@media only screen  and (max-width : 1150px) {
	/* Styles */
	.mac-image-image{
		width: 560px;
	}
}
@media only screen  and (max-width : 1175px) {
	/* Styles */
	.full-text-para {
		margin-top: 150px;
		padding: 0;
		text-align: center;
	}

	.mac-image-image{
/*		position: relative; */
/*		top: 100px; */
	}

	.mac-image-yellow{
		top:-35px;
	}

	.image-mac{
		display: inline-block;
	}
}
@media only screen  and (max-width : 565px;) {
	.mac-image-image {
		position: relative !important;
		top: 100px;
	}
}

@media only screen and (min-width: 300px) and (max-width: 767px){

	.sign-up-header {
    padding-left: 20px;
    padding-top: 35px;
}
.sign-up-logo {
    width: 50%;
    float: left;
}
.sign-up-container {
		padding-left: 20px;

	}

.sign-form input[type=text],input[type=submit]{  
	width: 92%;
}
.sign-form input[type=email]{ 
    width: 92%;
}
.sign-form input[type=password]{
    width: 92%;
}
.sign-btn{
		width: 94%;
}

.full-text h1{
	font-size: 30px; /* 25px; */
	margin: 25px auto 20px;
}
.first-section {
    width: 100%;
	text-align: center;
}
.second-section {
    width:100%;
	text-align: center;
}
.third-section {
    width: 100%;
    text-align: center;
}
.text-message {
    width: 100%;
}

.right-image-section {
	width: 123%;
	float: left;
	margin-left: -170px;
}

.right-image-section img {
    width: 145%;
    margin-left: 0%;
}

.button-section {
    width: 94%;
	padding-top: 10px;
	text-align: center;
	padding-right: 0px;
	margin-left: 0;
}
.button-section button {
    /* padding: 11px 30px; */
    margin-left: 0;
    margin-top: 10px;
    /* position: relative;
    top: 282px; */
}
.signup-social-icon {
    width: 158px;
    display: block;
    /* padding: 9px 39px; */
    text-align: center;
    margin: 0 auto;
    position: relative;
    left: 13px;
    right: 0px;
	    float: none;
}
.left-side-footer {
    width: 100%;
    text-align: center;
	margin-bottom: 10px;
}
.right-side-footer {
    width: 100%;
		text-align: center;
		font-size: 13px;
		margin-top: 20px;
}

.sign-up-footer {
	padding: 40px 75px 450px 18px;
	width: 109%;
}

.chat {
    color: #19a1ae;
    text-align: center;
}
.eyes-icon {
     /* display: inline-block; */
     margin: 0; 
    right: 32px;
    left: auto; 
    top: 34px;
    position: absolute;
    float: right;
}
.show-social-icons{display: block;
    background: #fff;
    padding: 8px 10px;
    width: 100%;
    text-align: center;
}
.mobile-view{display:block;
padding-right: 15px;}
.dextop-view{display:none;}
.first-txt-message{font-size: 20px; line-height: 30px; text-align: center;}
.second-txt-message{font-size: 20px; line-height: 30px; text-align: center;}
.third-txt-message{font-size: 20px; line-height: 30px; text-align: center;}

.mac-image-green {
    position: absolute;
    right: 0px;
    width: 76px !important;
    top: 293px;
    z-index: 1;
}
.full-text-para {
	text-align: center;
	line-height: 32px;
	padding-right: 15px;
	padding-left: 0;
}
}

@media only screen and (min-width: 478px) and (max-width : 737px){
  .mac-image-yellow{
		top: -380px;
		width: 180px !important;
  }
}

@media only screen and (max-width: 540px){
	.sign-up-form{
		width: 100%;
	}

	.mac-image-image{
		position: relative !important;
		width: 715px; /* 450px; */
		margin: auto;
		margin-bottom: 120px;
	}

	.mac-image-yellow{
		top:0;
		width: 140px !important;
	}
}

@media only screen and (max-width: 474px){
	.mac-image-yellow{
		top: -443px; /* -260px; */
		width: 140px !important;
	}
}

@media only screen and (max-width: 375px){
	.sign-up-container{
		padding-left: 15px;
	}

}

@media only screen and (min-width: 375px) and (max-width: 767px){
	.eyes-icon{
		top:35px;
	}

.mac-image-green {
	top:330px;	
}

@media only screen and (min-width: 550px) and (max-width: 767px){
	.sign-up-container{
		padding-left: 30px;
	}
}

}
@media only screen and (min-width: 376px) and (max-width: 413px){

	.sign-up-footer {
    padding: 40px 70px 450px 20px;
}
}


@media only screen and (min-width: 768px) and (max-width: 1024px){
.button-section {
    width: 36%;
    padding-top: 60px;
    float: left;
	padding-right: 35px;
    text-align: right;
}
.button-section button {
    background: #0f9daa;
    border: none;
    border-radius: 5px;
    padding: 8px 40px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-left: 20px;
    margin-top: 10px;
}

.sign-btn{
	font-size: 17px !important;
}

.text-section{
	width:73%;
}
.right-image-section{
	margin-left: -75px;
}
.text-message{ 
	width: 81%;
    padding-top:30px;
    line-height: 33px;
	height: 180px;
}
.sign-up-footer {
    background: #eae8e8;
    padding: 40px 85px 230px 83px;
    width: 100%;
}
.first-section h1 {
    font-weight: bold;
    font-size: 1.7rem;
    margin-bottom: 0.2em;
}
.second-section h1 {
    font-weight: bold;
    font-size: 1.7rem;
    margin-bottom: 0.2em;
	    color: #19a1ae;
}
 .third-section h1 {
    font-weight: bold;
    font-size: 1.7rem;
    margin-bottom: 0.2em;
	    color: #19a1ae;
}
.sign-up-container {
    padding-left: 83px;
}

.dextop-view {
	padding-top: 40px;
	margin-left: -83px;
}

.sign-up-header {
    padding-left: 83px;
    padding-top: 35px;
}
.mac-image-green {
    position: absolute;
    right: 0px;
    width: 95px !important;
    top: 417px;
    z-index: 1;
}
.left-side-footer {
    float: left;
    width: 40%;
}
.right-side-footer {
    float: right;
    width: 60%;
}
.text-message {
    width: 81%;
    padding-top: 50px;
    line-height: 33px;
    height: 200px;
}
}

@media screen and (width:1024px) {
	.right-image-section{
		margin-left: -115px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {

.button-section {
    width: 40%;
    padding-top: 60px;
    float: left;
		padding-right: 35px;
    text-align: right;
}
.button-section button {
    background: #0f9daa;
    border: none;
    border-radius: 5px;
    padding: 8px 40px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-left: 20px;
    margin-top: 10px;
}
.text-message{ width: 81%;
    padding-top:30px;
    line-height: 33px;
	height: 180px;
}
.sign-up-footer {
    background: #eae8e8;
    padding: 40px 45px 230px 83px;
    width: 100%;
    
}
.first-section h1 {
    font-weight: bold;
    font-size: 1.7rem;
		margin-bottom: 0.2em;
		cursor: pointer;
}
.second-section h1 {
    font-weight: bold;
    font-size: 1.7rem;
    margin-bottom: 0.2em;
		color: #19a1ae;
		cursor: pointer;
}
 .third-section h1 {
    font-weight: bold;
    font-size: 1.7rem;
    margin-bottom: 0.2em;
		color: #19a1ae;
		cursor: pointer;
}
.sign-up-container {
    padding-left: 83px;
}
.mac-image-green {
    position: absolute;
    right: 0px;
    width: 95px !important;
    top: 520px;
    z-index: 1;
}
.sign-up-header {
    padding-left: 83px;
    padding-top: 35px;
}
.left-side-footer {
    float: left;
    width: 40%;
}
.right-side-footer {
    float: right;
    width: 60%;
}
.text-message {
    width: 81%;
    padding-top: 50px;
    line-height: 33px;
    height: 200px;
}

}
.add-end-icon:hover {
    background-image: url(../images/EndIcon2.png);
    background-position: center;
    background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}
.add-channel-icon:hover {
    background-image: url(../images/ChannelIcon2.png);
    background-position: center;
    background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}
.add-wait-icon:hover {
    background-image: url(../images/WaitIcon2.png);
    background-position: center;
    background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}
.add-trigger-icon:hover {
    background-image: url(../images/TriggerIcon2.png);
    background-position: center;
    background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;
}
.add-split-icon:hover {
    background-image: url(../images/SplitIcon2.png);
    background-position: center;
    background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;

}
.add-join-icon:hover {
    background-image: url(../images/JoinIcon2.png);
    background-position: center;
    background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	background-size: 100%;

}