/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/** General styles **/

body {
	font-size: 14px;
	font-family: Poppins;
	text-rendering: optimizeLegibility;
}

p {
	font-size: 14px;
	color: #323232;
	text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Montserrat;
	font-weight: 500;
	letter-spacing: 1px;
	text-rendering: optimizeLegibility;
	cursor: default;
}

h1 {
	color: #f36f43;
	margin-top: 0px;
	margin-bottom: 15px;
}

h2 {
	color: #f36f43;
	font-size: 26px;
	margin-bottom: 30px;
}

h3 {
	font-size: 20px;
	margin-bottom: 30px;
}

strong {
	font-weight: 700;
	color: #f36f43;
}

body {
	position: relative;
	background-color: white !important;
	font-family: Poppins;
	font-weight: 400;
	height: auto;
	min-height: 100vh;
}

a {
	font-size: inherit;
	color: #f36f43;
	transition: all 200ms;
	text-decoration: none !important;
	cursor: pointer !important;
	outline: 0 !important;
}

a:hover {
	color: #dd633c;
	text-decoration: none;
}

a:focus,
a:active {
	color: #dd633c;
	text-decoration: none;
}

textarea {
	resize: none;
}

.clearfix {
	clear: both;
}

.buttonDisabled {
	color: rgba(255,255,255,0.75) !important;
	cursor: not-allowed;
	box-shadow: none !important;
	border-width: 1px !important;
	border-style: solid !important;
}

/** Bootstrap styles modded **/

@media only screen and (min-width:1601px){
	.container { width: 1570px; }
}

@media only screen and (max-width:1600px){
	.container { width: 1480px; }
}

@media only screen and (max-width:1440px){
	.container { width: 1390px; }
}

@media only screen and (max-width:1366px){
	.container { width: 1306px; }
}

@media only screen and (max-width:1280px){
	.container { width: 1220px; }
}

@media only screen and (max-width:1024px){
	.container { width: 964px; }
}

@media only screen and (max-width:720px){
	.container { width: 690px; }
}

@media only screen and (max-width:719px){
	.container { width: 100% !important; }
}

/** Alerts **/

.alertWrapper {
	position: absolute;
	padding: 10px 0px 10px 10px;
	top: 40px;
	right: 0px;
	max-height: 80vh;
	z-index: 999;
	overflow: hidden;
	transition: right 1000ms;
}

.alert {
	position: relative;
	right: -270px;
	max-width: 250px;
	margin: 0 0 5px;
	padding-right: 30px;
	border: none;
	border-left: 10px solid;
	border-radius: 4px 0 0 4px;
	font-family: Poppins;
	font-size: 14px;
	font-weight: 500;
	color: #323232;
	transition: background-color 200ms;
	cursor: pointer;
}

.alert:last-child {
	margin: 0;
}

.alert::after {
	content: '';
	position: absolute;
	height: 100%;
	width: calc(100% + 10px);
	top: 0px;
	left: -10px;
	background-color: white;
	box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.25);
	border-radius: 10px 0 0 10px;
	z-index: -1;
}

.alert-success {
	border-color: #3c763d;
	background-color: rgba(60,118,61,0.1);
}

.alert-success:hover {
	background-color: rgba(60,118,61,0.15);
}

.alert-info {
	border-color: #31708f;
	background-color: rgba(49,112,143,0.1);
}

.alert-info:hover {
	background-color: rgba(49,112,143,0.15);
}

.alert-warning {
	border-color: #8a6d3b;
	background-color: rgba(138,109,59,0.1);
}

.alert-warning:hover {
	background-color: rgba(138,109,59,0.15);
}

.alert-danger {
	border-color: #a94442;
	background-color: rgba(169,68,66,0.1);
}

.alert-danger:hover {
	background-color: rgba(169,68,66,0.15);
}

.alert .alert-link {
	font-weight: 700;
	color: inherit;
	border-bottom: 2px solid;
}

.alertWrapper .closeAlert {
	position: absolute;
	top: 50%;
	right: 10px;
	font-size: 20px;
	color: #888;
	transition: all 200ms;
	transform: translateY(-50%);
	outline: none;
}

.alertWrapper .alert:hover .closeAlert {
	color: #555;
}

.alertWrapper .closeAlert.flashDismiss {
	font-size: 12px;
}

/** Bootstrap Styles Modded **/

.row {
	margin-left: 0px;
	margin-right: 0px;
	overflow-x: auto;
}

label {
	text-align: left !important;
}

.btn {
	position: relative;
	height: auto;
	margin-bottom: 5px;
	transition: all 200ms;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: 0.75px;
	box-shadow: 0 0 0 0 transparent inset, 0 0 5px 0 rgba(0,0,0,0.1);
	transition: all 200ms;
}

.btn-block {
	margin-top: 0px;
	text-align: center !important;
}

.btn-primary,
.btn-orange {
	color: #fff;
	border-color: transparent;
	border-radius: 10px;
	border-width: 0;
	background-color: #f36f43;
	transition: all 200ms;
}

.btn-primary:hover,
.btn-primary.active:hover,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: #dd633c;
	box-shadow: 0 0 40px 0 rgba(0,0,0,0.25) inset, 0 0 5px 0 rgba(0,0,0,0.1);
	border-color: transparent;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary:active:focus,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus {
	color: #fff;
	background-color: #9f4724;
	box-shadow: 0 0 40px 0 rgba(0,0,0,0.5) inset, 0 0 5px 0 rgba(0,0,0,0.1);
	border-color: transparent;
	box-shadow: none;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
	background-color: #f36f43;
}

.btn-secondary {
	color: #fff;
	border-color: transparent;
	border-radius: 10px;
	border-width: 0;
	background-color: #666;
	transition: all 200ms;
}

.btn-secondary:hover,
.btn-secondary.active:hover,
.btn-secondary:active:hover,
.open > .dropdown-toggle.btn-secondary:hover {
	color: #fff;
	background-color: #555;
	box-shadow: 0 0 40px 0 rgba(0,0,0,0.25) inset, 0 0 5px 0 rgba(0,0,0,0.1);
	border-color: transparent;
}

.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.open > .dropdown-toggle.btn-secondary.focus,
.open > .dropdown-toggle.btn-secondary:focus {
	color: #fff;
	background-color: #444;
	box-shadow: 0 0 40px 0 rgba(0,0,0,0.5) inset, 0 0 5px 0 rgba(0,0,0,0.1);
	border-color: transparent;
	box-shadow: none;
}

.btn-secondary.disabled.focus,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary[disabled].focus,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:hover {
	background-color: #999;
}

fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
	background-color: #f36f43;
}

.btn-loader {
	position: absolute;
	top: 50%;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%);
	transition: all 200ms;
}

.btn-green {
	color: #fff;
	border-color: transparent;
	border-radius: 10px;
	border-width: 0;
	background-color: #f36f43;
	transition: all 200ms;
}

.btn-turquoise {
	color: #fff;
	border-color: transparent;
	border-radius: 10px;
	border-width: 0;
	background-color: #3dc1ce;
	transition: all 200ms;
}

.btn-grey,
.btn-grey::before,
.btn-grey::after,
.btn-grey:focus {
	background-color: #aaaaaa !important;
}

.btn-black,
.btn-black::before,
.btn-black::after,
.btn-black:focus {
	background-color: #222222;
}

.toggleSwitch {
	display: inline-block;
	font-size: 0;
}

.toggleSwitch.toggleSwitchXs .toggleLabel {
	font-size: 12px;
}

.toggleSwitch.toggleSwitchXs .toggleTabs .toggleRadio {
	height: 10px;
	width: 10px;
}

.toggleSwitch.toggleSwitchSm .toggleLabel {
	font-size: 16px;
}

.toggleSwitch.toggleSwitchSm .toggleTabs .toggleRadio {
	height: 14px;
	width: 14px;
}

.toggleSwitch.toggleSwitchMd .toggleLabel {
	font-size: 18px;
}

.toggleSwitch.toggleSwitchMd .toggleTabs .toggleRadio {
	height: 16px;
	width: 16px;
}

.toggleSwitch.toggleSwitchLg .toggleLabel {
	font-size: 20px;
}

.toggleSwitch.toggleSwitchLg .toggleTabs .toggleRadio {
	height: 18px;
	width: 18px;
}

.toggleSwitch .toggleLabel {
	display: inline-block;
	margin-right: 6px;
}

.toggleSwitch .toggleTabs {
	display: inline-block;
	border-radius: 50px;
	border: 2px solid #f9b7a1;
	background-color: #f9b7a1;
}

.toggleSwitch .toggleTabs .toggleRadio {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: inline-block;
	margin: 0 0 0;
	border-radius: 50%;
	border: none;
	background-color: transparent;
	cursor: pointer;
	position: relative;
	outline: none;
}

.toggleSwitch .toggleTabs .toggleRadio:checked {
	border: none;
	background-color: #fff;
	box-shadow: 0 0 2px 0 rgba(255,255,255,0.5);
}

.toggleSwitch .toggleTabs .toggleRadio:checked::before {
	content: ' ';
	display: block;
	border-radius: 50%;
}

.datesNav {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
}

.datesNav li {
	display: inline-block;
	width: 50%;
	font-size: 16px;
}

.datesNav li[data-nav="prev"] {
	text-align: left;
}

.datesNav li[data-nav="next"] {
	text-align: right;
}

.datesNav li span {
	position: relative;
	display: inline-block;
	margin-bottom: 25px;
	background-color: white;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	border-radius: 6px;
}

.datesNav li[data-nav="prev"] span {
	padding: 10px 18px 10px 28px;
}
.datesNav li[data-nav="next"] span {
	padding: 10px 28px 10px 18px;
}

.datesNav li span::before {
	position: absolute;
	top: 50%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 28px;
	transform: translateY(-50%);
}

.datesNav li[data-nav="prev"] span::before {
	content: '\f0d9';
	left: 8px;
}

.datesNav li[data-nav="next"] span::before {
	content: '\f0da';
	right: 8px;
}

.datesNav li span p {
	margin-bottom: 0;
	color: inherit;
}

.datesNav li span p.navDirection {
	font-size: 18px;
	font-weight: 500;
}

.datesNav li span p.navInfo {
	font-size: 14px;
	color: #555;
}

.form-horizontal .control-label {
	width: 100%;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: .75px;
}

.control-label .labelHint {
	font-weight: 500;
	color: #888;
}

.control-label .labelHint.labelHintRight {
	float: right;
}

.labelWithOptions {
	position: relative;
	display: block;
}

.labelWithOptions .checkContainer {
	position: absolute;
	top: 0px;
	right: 0px;
}

.form-horizontal .form-group {
	position: relative;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	padding: 0 10px;
}

.form-horizontal .form-group-no-margin,
.form-horizontal .form-group-last,
.form-horizontal .form-group:last-child {
	margin-bottom: 0px;
}

.form-horizontal .collapsibleBox .form-group.hasSign {
	
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSign {
	display: block;
	position: absolute;
	top: 32px;
	height: 36.85px;
	line-height: 36.85px;
	font-family: Consolas;
	z-index: 0;
}

.form-horizontal .collapsibleBox .form-group.hasSign:first-child .inputSign {
	top: 25.5px;
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSign.inputSignLeft {
	left: 24px;
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSign.inputSignRight {
	left: 27px;
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSignLeft + input {
	padding-left: 26px;
}

.form-horizontal .collapsibleBox .form-group.hasSign input[type="number"] {
	font-family: Consolas;
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSign.inputSignRight.mergedFieldsSign.mergedFieldsTriSign[data-pos="1"] {
	left: 27px;
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSign.inputSignRight.mergedFieldsSign.mergedFieldsTriSign[data-pos="2"] {
	left: calc(33.33333333% + 19px);
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSign.inputSignRight.mergedFieldsSign.mergedFieldsTriSign[data-pos="3"] {
	left: calc((33.33333333% * 2) + 14px);
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSign.inputSignRight.mergedFieldsSign.mergedFieldsDuoSign[data-pos="1"] {
	left: 27px;
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSign.inputSignRight.mergedFieldsSign.mergedFieldsDuoSign[data-pos="2"] {
	left: calc(50% + 16px)
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSign.inputSignLeft.mergedFieldsSign.mergedFieldsTriSign[data-pos="1"] {
	left: 24px;
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSign.inputSignLeft.mergedFieldsSign.mergedFieldsTriSign[data-pos="2"] {
	left: calc(33.33333333% + 16px);
}

.form-horizontal .collapsibleBox .form-group.hasSign .inputSign.inputSignLeft.mergedFieldsSign.mergedFieldsTriSign[data-pos="3"] {
	left: calc((33.33333333% * 2) + 10px)
}

.form-control {
	font-size: 16px;
}

.form-control.fieldAlert {
	box-shadow: 0 0 5px 0 #d0302a;
	border-color: #d0302a;
}

textarea.form-control {
	padding: 12px 12px;
}

.form-error-note {
	position: absolute;
	top: 32px;
	right: 35px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	color: #d0302a;
	cursor: default;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.form-tips {
	display: block;
	padding: 5px 0 0;
	margin-bottom: 0px;
	font-size: 14px;
	font-style: italic;
	font-family: Poppins;
	color: #aaa;
	cursor: default;
	clear: both;
}

.form-error {
	border-color: transparent !important;
	box-shadow: 0 0 5px rgba(208,48,42,1.0) !important;
}

.pagination {
	position: absolute;
	left: 50%;
	margin: 0 0 0px;
	transform: translateX(-50%);
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color: transparent;
	color: #f36f43;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
	cursor: default;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	font-weight: 700;
	border-radius: 0px;
}

.pagination > li > a,
.pagination > li > span {
	border: none;
	border-radius: 0px;
	padding: 0px 10px;
	float: none;
	clear: both;
	color: #f9b7a1;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
	background-color: transparent;
	border-color: transparent;
	color: #f69472;
}

.tableRange, /** NEW **/
.viewRange,
.typeRange,
.sortRange,
.dateRange,
.countTotal,
.navLink,
.navActions,
.leftPlaceholder,
.rightPlaceholder {
	display: block;
	min-width: 300px;
	width: 20%;
}

.viewRange,
.leftPlaceholder {
	float: left;
	text-align: left;
}

.typeRange,
.sortRange,
.dateRange,
.countTotal,
.navLink,
.navActions,
.rightPlaceholder {
	min-height: 1px;
	float: right;
	text-align: right;
}

.tableRange p, /** NEW **/
.viewRange p,
.typeRange p,
.sortRange p,
.dateRange p,
.countTotal p,
.navLink p,
.navActions p,
.navActions a,
.leftPlaceholder p,
.rightPlaceholder a {
	display: inline-block;
	margin: 0 5px 0 0;
	line-height: 1;
	font-size: 12px;
}

.navLink i {
	margin-right: 6px;
	font-size: 14px;
	color: #f36f43;
}

.navLink span {
	cursor: pointer;
}

.navLink span p {
	padding: 0 2px 2px;
	transition: all 200ms;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #f36f43;
}

.navLink span p:hover,
.navLink span p:focus {
	color: #f36f43;
}

.navActions a {
	margin-right: 4px;
	padding: 4px;
	font-weight: 500;
	color: #f36f43;
}

.navActions a:last-child {
	margin-right: 0;
}

.navActions .btn {
	padding: 4px 12px;
	border-radius: 4px;
	letter-spacing: 1px;
	color: white;
}

.leftPlaceholder,
.rightPlaceholder {
	min-height: 1px;
}

.leftPlaceholder .clearFilters {
	position: relative;
	top: -1px;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-left: -7px;
	font-size: 10px;
	text-align: center;
}

.viewRange select,
.typeRange select,
.sortRange select,
.dateRange select {
	display: inline-block;
	margin: 0 !important;
	padding: 0 5px 0 0;
	height: auto !important;
	line-height: 1;
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat !important;
	letter-spacing: 0.75px;
	border: none !important;
	border-bottom: 1px dotted #ddd !important;
	border-radius: 0 !important;
}

.dateRange select {
	min-width: 60px;
	margin-right: 10px !important;
}

.dateRange .btn {
	margin-bottom: 0;
	border-radius: 6px;
	padding: 0px 8px;
}

.modal {
	background-color: rgba(0,0,0,0.75);
}

.modal-header {
	position: relative;
	height: 42px;
	padding: 10px 15px 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 1px solid white;
	background-color: #1a1a1a;
	background: linear-gradient(45deg,
	#555555, #1a1a1a);
}

.modal-header .close {
	margin: 0;
	color: white;
	text-shadow: none;
	opacity: 1;
	transition: all 200ms;
}

.modal-header .close:hover {
	opacity: 0.8;
}

.modal-header .close:focus {
	opacity: 0.6;
}

.modal-title {
	margin: 0;
	color: white;
	font-size: 16px;
	font-family: Montserrat;
	font-weight: 500;
	letter-spacing: .75px;
}

.modal-content {
	border-radius: 10px;
}

.modal-body {
	padding: 10px 25px;
}

.modal-body .form-group {
	margin: 0;
}

.modal-backdrop {
	z-index: 998;
}

.modal .modal-body p.form-tips {
	font-size: 14px !important;
	font-family: Poppins !important;
}

.modal .modal-body .checkbox {
	margin-bottom: 5px;
}

.modal .modal-footer .btn {
	margin-bottom: 0px;
}

.dashboard {
	background-color: #f5f6fb !important;
}

.dashboard h2 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.25;
}

.dashboard h3 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 500;
	color: #f36f43;
	line-height: 1.25;
}

.dashboard .whitePaddedBox hr {
	margin-top: 25px;
	margin-bottom: 25px;
}

.dashboard form hr {
	clear: both;
}

.dashboard input,
.dashboard textarea,
.dashboard select {
	box-shadow: none;
	border: 1px solid #ddd;
	border-radius: 6px;
	transition: all 200ms;
}

.dashboard input:focus,
.dashboard textarea:focus,
.dashboard select:focus {
	box-shadow: none;
	border-width: 1px;
	border-style: solid;
}

.dashboard input[type="text"],
.dashboard input[type="password"],
.dashboard input[type="date"],
.dashboard input[type="number"],
.dashboard input[type="email"],
.dashboard select {
	height: 50px;
	margin-top: 10px;
	z-index: 2;
	background-color: transparent;
}

.dashboard input[type="number"] {
	font-family: Consolas;
	font-size: 18px;
}

.dashboard label.col-xs-6.mergedLabels {
	width: 50%;
	padding: 0;
	margin: 0 0 -5px;
}

.dashboard input.mergedFields {
	padding: 6px 12px;
	line-height: 1.42857143;
	color: #555;
	background-image: none;
	outline: none;
}

.dashboard input.mergedFields.mergedFieldsDuo {
	position: relative;
}

.dashboard input.mergedFields.mergedFieldsDuo[data-pos="1"] {
	border-radius: 6px 0 0 6px;
}

.dashboard input.mergedFields.mergedFieldsDuo[data-pos="2"] {
	border-radius: 0 6px 6px 0;
	border-left: none;
}

.dashboard input.mergedFields.mergedFieldsTri {
	position: relative;
}

.dashboard input.mergedFields.mergedFieldsTri[data-pos="1"] {
	border-radius: 6px 0 0 6px;
}

.dashboard input.mergedFields.mergedFieldsTri[data-pos="2"] {
	border-radius: 0;
	border-left: none;
	border-right: none;
}

.dashboard input.mergedFields.mergedFieldsTri[data-pos="3"] {
	border-radius: 0 6px 6px 0;
}

.dashboard textarea {
	width: 100%;
	padding: 10px 16px;
	margin-top: 10px;
}

.dashboard .checkbox-inline {
	margin: 0px;
}

.dashboard .historyText {
	margin: 10px 4px 0;
	font-size: 12px;
	letter-spacing: 0.5px;
	color: #787878;
}

.dashboard .historyText.moveTop {
	margin-top: -15px;
}

.dashboard .deleteLink {
	display: block;
	margin: 0 4px;
	font-size: 12px;
}

.dashboard .deleteLink i {
	margin-right: 5px;
}

input:hover,
textarea:hover,
select:hover,
.dashboard input:hover,
.dashboard textarea:hover,
.dashboard select:hover {
	border-width: 1px;
	border-style: solid;
	border-color: rgba(243,112,67,0.5);
}

input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active,
.dashboard input:focus,
.dashboard input:active,
.dashboard textarea:focus,
.dashboard textarea:active,
.dashboard select:focus,
.dashboard select:active {
	border-color: rgba(243,112,67,0.5);
}

input:focus,
textarea:focus,
select:focus,
.dashboard input:focus,
.dashboard textarea:focus,
.dashboard select:focus {
	box-shadow: 0 0 2px 0 rgba(243,112,67,0.5);
}

.selectAll,
.deselectAll {
	margin: 0 5px;
	padding: 0 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #f36f43;
	font-size: 12px;
}

.checkGroup {
	display: block;
	max-height: 300px;
	margin-top: 10px;
	padding: 8px 18px 14px;
	border: 1px solid #ddd;
	border-radius: 10px;
	overflow: auto;
	background-color: rgba(0,0,0,0.02);
}

.checkbox label {
	font-size: 14px;
}

.checkContainer {
	display: inline;
	position: relative;
	padding-top: 8px;
	padding-left: 22px;
	margin-bottom: 0px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: 0.5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkGroup .checkContainer {
	font-size: 12px;
}

.checkContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkContainer .checkmark {
	position: absolute;
	top: 9px;
	left: 0;
	height: 14px;
	width: 14px;
	background-color: white;
	transition: all 200ms;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	border-color: #f9b7a1;
}

.checkContainer:hover input ~ .checkmark {
	background-color: white;
}

.checkContainer .checkmark:after {
	content: "";
	position: absolute;
	opacity: 0;
	visibility: hidden;
	border-color: #f36f43;
}

.checkContainer input:checked ~ .checkmark {
	background-color: #f9b7a1;
}

.checkContainer input:checked ~ .checkmark:after {
	opacity: 1;
	visibility: visible;
}

.checkContainer .checkmark:after {
	top: -9px;
	left: 3px;
	height: 22px;
	width: 8px;
	border-style: solid;
	border-width: 0 3px 3px 0;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.25);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.radioContainer {
	position: relative;
	margin-left: 0 !important;
	margin-right: 12px;
	padding-left: 22px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radioContainer.radioDisabled {
	opacity: 0.5;
	cursor: default;
}

.radioContainer + .radioContainer {
	margin-left: 12px;
}

.radioContainer.radioBlock {
	display: block !important;
	margin: 0 0 5px 10px;
	padding: 0 0 0 25px;
	font-weight: 500;
}

.radioContainer input {
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.radioContainer .checkmark {
	position: absolute;
	top: 10px;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: white;
	border-width: 2px;
	border-style: solid;
	border-color: #f36f43;
	border-radius: 50%;
	transition: all 200ms;
}

.radioContainer.radioBlock .checkmark {
	top: 4px;
}

.radioContainer .checktext {
	transition: all 200ms;
}

.checkContainer .checktext .checktextLg,
.radioContainer .checktext .checktextLg {
	display: block;
	padding-top: 1px;
	font-size: 16px;
	font-family: Montserrat;
}

.checkContainer .checktext .checktextMd,
.radioContainer .checktext .checktextMd {
	display: block;
	font-size: 14px;
	font-family: Montserrat;
}

.checkContainer .checktext .checktextSm,
.radioContainer .checktext .checktextSm {
	display: block;
	font-size: 14px;
	color: #323232;
}

.checkContainer .checktext .checktextXs,
.radioContainer .checktext .checktextXs {
	display: block;
	font-size: 12px;
	color: #323232;
}

.radioContainer .checkmark:after {
	content: "";
	position: absolute;
	opacity: 0;
	visibility: hidden;
	background: #f9b7a1;
}

.radioContainer input:checked ~ .checkmark:after {
	opacity: 1;
	visibility: visible;
}

.radioContainer .checkmark:after {
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	transition: all 200ms;
	transform: translate(-50%, -50%);
}

.radioContainer input:checked ~ .checktext,
.radioContainer input:checked ~ .checktext .checkTextLg,
.radioContainer input:checked ~ .checktext .checkTextMd {
	color: #f36f43;
}

.form-horizontal.form-compact .form-group:not(:last-child) {
	margin-bottom: 0px;
}

.form-horizontal.form-compact label.control-label {
	font-size: 12px;
}

.form-horizontal.form-compact input.form-control,
.form-horizontal.form-compact select.form-control,
.form-horizontal.form-compact textarea.form-control {
	height: auto;
	margin-top: 2px;
	padding: 3px 6px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.42857143;
}

.form-horizontal.form-compact .form-tips {
	padding: 2px 0 0 0;
	font-size: 12px;
}

.form-horizontal.form-compact button {
	width: calc(100% - 20px);
	margin: 15px auto 0;
	border-radius: 6px;
}

/** File upload form **/

.fileUploadForm {
	position: relative;
	text-align: center;
	padding: 50px;
	margin-bottom: 25px;
	border: none !important;
	transition: all 200ms;
}

.fileUploadForm::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: calc(100% - 30px);
	width: calc(100% - 30px);
	transform: translate(-50%, -50%);
	border-width: 4px;
	border-style: dashed;
	border-radius: 10px;
	z-index: 0;
	transition: all 200ms;
}

.fileUploadForm .dz-preview {
	z-index: 997;
}

.fileUploadForm .dz-message {

}

.fileUploadForm a {
	position: absolute;
	top: 27px;
	right: 28px;
	font-size: 32px;
	line-height: 1;
	color: #787878;
	transition: all 200ms;
	cursor: pointer !important;
}

.fileUploadForm a i {
	cursor: pointer !important;
}

.fileUploadForm a:hover,
.fileUploadForm a:focus {
	color: #323232;
}

.uploadIcon {
	font-size: 100px;
	opacity: 0.6;
	transition: all 200ms;
}

.fileUploadForm:hover .uploadIcon {
	opacity: 0.7;
}

.fileUploadForm .uploadText {
	font-size: 24px;
	letter-spacing: 0.5px;
	margin-bottom: 0;
	transition: all 200ms;
}

.fileUploadForm .uploadTextSm {
	font-size: 12px;
	margin-bottom: 0px;
}

.fileUploadForm input {
	display: none;
}

form .dz-preview .dz-image {
	border-radius: 6px;
}

form .dz-preview.dz-error .dz-error-message {
	top: 96px;
	width: 200px;
	left: -40px !important;
}

form .dz-preview.dz-error .dz-error-message::after {
	left: 95px;
}

/** File upload area **/

.form-horizontal .form-group.fileUploadArea {
	position: relative;
	text-align: center;
	padding: 50px;
	margin-bottom: 25px;
	border: none !important;
	transition: all 200ms;
	cursor: pointer;
}

.form-horizontal .form-group.fileUploadArea::after {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	border-width: 2px;
	border-style: dashed;
	border-radius: 10px;
	z-index: 0;
	transition: all 200ms;
}

.form-horizontal .form-group.fileUploadArea.dz-started {
	padding: 10px 0;
}

.form-horizontal .form-group.fileUploadArea .dz-preview {
	z-index: 997;
}

.form-horizontal .form-group.fileUploadArea .dz-message {

}

.form-horizontal .form-group.fileUploadArea a {
	position: absolute;
	top: 27px;
	right: 28px;
	font-size: 32px;
	line-height: 1;
	color: #787878;
	transition: all 200ms;
	cursor: pointer !important;
}

.form-horizontal .form-group.fileUploadArea a i {
	cursor: pointer !important;
}

.form-horizontal .form-group.fileUploadArea a:hover,
.form-horizontal .form-group.fileUploadArea a:focus {
	color: #323232;
}

.form-horizontal .form-group.fileUploadArea:hover .uploadIcon {
	opacity: 0.7;
}

.form-horizontal .form-group.fileUploadArea .uploadText {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin-bottom: 0;
	transition: all 200ms;
}

.form-horizontal .form-group.fileUploadArea .uploadTextSm {
	font-size: 12px;
	margin-bottom: 0px;
}

.form-horizontal .form-group.fileUploadArea input {
	display: none;
}

.form-horizontal .form-group.fileUploadArea .dz-preview .dz-image {
	border-radius: 6px;
}

.form-horizontal .form-group.fileUploadArea .dz-preview.dz-error .dz-error-message {
	top: 96px;
	width: 200px;
	left: -40px !important;
}

.form-horizontal .form-group.fileUploadArea .dz-preview.dz-error .dz-error-message::after {
	left: 95px;
}

.form-horizontal .form-group.fileUploadArea .dz-preview .dz-remove {
	top: 0px;
	left: 0;
	width: 100%;
	height: 20px;
	border-radius: 6px 6px 0 0;
	font-size: 12px;
	font-family: Poppins;
	line-height: 20px;
	letter-spacing: 0.5px;
	color: white;
	background-color: #d0372a;
	z-index: 21;
}

/** Popups **/

.popupBg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 400vh;
	width: 400vw;
	z-index: 998;
	transform: translate(-50%, -50%);
	background-color: rgba(0,0,0,0.85);
}

.popupBgDark {
	background-color: rgba(0,0,0,0.9);
}

.popup {
	position: absolute;
	overflow: auto;
	z-index: 999;
	background-color: white;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
	border-radius: 10px;
}

.popupLoader {
	display: none;
	position: absolute;
	height: auto;
	width: 150px;
	top: 50%;
	left: 50%;
	text-align: center;
	z-index: 999;
	transform: translate(-50%, -50%);
}

.popupLoader img {
	margin: 0 auto 10px;
	opacity: 0.5;
}

.popupLoader p {
	margin-top: -30px;
	margin-bottom: 0px;
	color: white;
	font-family: Montserrat;
	font-size: 20px;
	font-weight: 500;
	opacity: 0.85;
	text-shadow: 0 0 5px rgba(255,255,255,0.5);
}

.popupLoader p.additionalMsg {
	display: none;
	margin-top: 10px;
	font-size: 16px;
}

.popupAnnouncement {
	display: none;
	top: 50%;
	left: 50%;
	height: auto;
	width: 450px;
	max-width: 90vw;
	transform: translate(-50%,-50%);
	border-radius: 8px;
}

.popupAnnouncement .metaCheck {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 10px 0 7px;
	font-size: 14px;
	font-family: Montserrat;
	color: white;
	text-align: center;
}

.popupAnnouncement .announcementMeta {
	position: absolute;
	left: 50%;
	bottom: 75px;
	width: 350px;
	max-width: 95%;
	transform: translateX(-50%);
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.5);
	border-radius: 6px;
	overflow: auto;
}

.popupAnnouncement .announcementMeta input {
	display: block;
	height: 36px;
	width: 70%;
	float: left;
	margin: 0;
	padding: 6px 12px;
	border-radius: 6px 0 0 6px;
}

.popupAnnouncement .announcementMeta a.btn {
	position: relative;
	height: 36px;
	width: 30%;
	float: left;
	margin: 0;
	padding: 6px 12px;
	line-height: 24px;
	border-radius: 0 6px 6px 0;
}

.popupAnnouncement .announcementMeta a.btn span {
	transition: all 200ms;
}

.popupAnnouncement .announcementMeta a.btn[data-loading="false"] span,
.popupAnnouncement .announcementMeta a.btn[data-loading="true"] #linkLoader {
	opacity: 1;
	visibility: visible;
}

.popupAnnouncement .announcementMeta a.btn[data-loading="true"] span,
.popupAnnouncement .announcementMeta a.btn[data-loading="false"] #linkLoader {
	opacity: 0;
	visibility: hidden;
}

.popupAnnouncement .announcementMeta a.btn #linkLoader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.popupAnnouncement .announcementLink {
	position: absolute;
	left: 50%;
	bottom: 75px;
	height: 36px;
	width: 350px;
	max-width: 95%;
	transform: translateX(-50%);
}

.popupAnnouncement .shunLink {
	position: absolute;
	display: block;
	bottom: 0px;
	width: 100%;
	padding: 4px 0px 2px;
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
	text-align: center;
	background-color: rgba(0,0,0,0.75);
}

.popupAnnouncement .shunLink::before {
	content: '\f00d';
	position: absolute;
	top: 50%;
	margin-left: -12px;
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 10px;
	color: white;
}
	
.popupMobileRotate {
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	width: 250px;
	transform: translate(-50%,-50%);
	z-index: 1000;
	text-align: center;
}

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

.popupMobileRotate p {
	margin-bottom: 0px;
	font-size: 18px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
}

.popupMedia,
.popupEditor {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 100%;
	max-height: 500px;
	max-width: 1000px;
	overflow: auto;
	z-index: 999;
	background-color: white;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
	transform: translate(-50%, -50%);
	border-radius: 10px;
}

.popupHeader {
	position: relative;
	height: 42px;
	padding: 10px 5px 0px;
	border-bottom: 1px solid white;
	background-color: #1a1a1a;
	background: linear-gradient(45deg, #555555, #1a1a1a);
}

.popupHeader h2 {
	display: inline-block;
	margin: 2px 10px 0;
	font-size: 14px;
	color: white;
}

.popupHeader h2 sup {
	font-size: 60%;
}

.popupHeader ul {
	float: left;
	outline: none;
	padding: 0;
}

.popupHeader ul li a {
	height: 32px;
	padding: 5px 12px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: .5px;
	color: #555555;
	background-color: #cccccc;
	border-bottom: 1px solid white !important;
	border-radius: 6px 6px 0 0;
	outline: none;
	transition: all 200ms;
}

.popupHeader ul li.active a {
	color: #323232;
	border: 1px solid transparent !important;
}

.popupEditor .tab-content > div {
	height: inherit;
	min-height: 100%;
	width: 100%;
}

.popupHeader .popupRightTabs,
.popupHeader .popupComplete {
	float: right;
	list-style: none;
	margin: 0;
	overflow: auto;
}

.popupHeader .popupRightTabs li,
.popupHeader .popupComplete li {
	position: relative;
	display: block;
	float: left;
	margin-bottom: -1px;
}

.popupHeader .popupRightTabs li a,
.popupHeader .popupComplete li a {
	position: relative;
	display: block;
	margin-right: 2px;
	color: white;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	transition: all 200ms;
}

.popupHeader .nav-tabs.popupRightTabs {
	border-bottom: unset;
}

.popupHeader .nav-tabs.popupRightTabs li a {
	color: #555;
	background-color: #cccccc;
}

.popupHeader .nav-tabs.popupRightTabs li a:hover {
	border-color: #eee #eee #ddd;
}

.popupHeader .nav-tabs.popupRightTabs li a:hover,
.popupHeader .nav-tabs.popupRightTabs li a:focus {
	background-color: #eee;
}

.popupHeader .nav-tabs.popupRightTabs li.active a {
	color: #323232;
	background-color: #fff;
}

.popupHeader .nav-tabs.popupRightTabs li a[onclick="closeMediaBox()"] {
	color: white;
}

.tab-content,
.popupMedia #popupMediaEditor {
	position: relative;
	height: calc(100% - 42px);
	overflow: hidden;
}

.popupMedia #popupUpload,
.popupMedia #popupLibrary {
	overflow: auto;
	height: 100%;
}

.popupMedia #fileUploadForm {
	padding: 25px;
	margin-bottom: 0px;
	border: none;
	height: 100%;
}

.popupMedia #fileUploadForm.dropzone .dz-message {
	position: relative;
	top: 50%;
	margin: 0;
	transform: translateY(-50%);
}

.popupMedia .libraryLoader {
	position: absolute;
	margin: 25px;
}

.popupMedia .listImages,
.popupMedia .showImage {
	height: calc(100% - 25px);
	width: 70%;
	float: left;
	margin-bottom: 25px;
	padding: 25px;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: auto;
}

.popupMedia .listImages .noteElement {
	font-size: 20px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: 0.5px;
}

.popupMedia .showImage {
	height: 100%;
}

.popupMedia .showImage img {
	height: inherit;
}

.popupMedia .listImages a:hover .popupImages {
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.5) inset;
	opacity: 0.9;
}

.popupMedia .listImages .popupImages {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.25) inset;
	transition: all 200ms;
}

.popupMedia .imageDetails {
	float: left;
	height: 100%;
	width: 30%;
	padding: 0 25px;
	border-left: 1px solid #ccc;
	background-color: #f5f5f5;
}

.popupMedia .imageDetails a {
	transition: none;
}

.popupMedia .imageDetails > h3,
.popupMedia .imageDetails > div,
.popupMedia .imageDetails > form {
	margin-top: 10px;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.popupMedia .imageDetails h3 {
	position: relative;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: Montserrat;
	font-weight: 500;
	letter-spacing: 0;
}

.popupMedia .imageDetails h3 img {
	position: absolute;
	top: -8px;
	right: 0px;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.popupMedia .imageDetails > div {
	overflow: auto;
}

.popupMedia .imageDetails > div > div {
	float: left;
	max-height: 135px;
}

.popupMedia .imageDetails > div > div:nth-child(1) {
	width: 30%;
}

.popupMedia .imageDetails > div > div:nth-child(2) {
	width: 68%;
	padding-left: 5px;
}

.popupMedia .imageDetails #imagePreview {
	border: 1px solid #787878;
	max-height: 200px;
}

.popupMedia .imageDetails #imageFilename {
	margin-top: 2px;
	margin-bottom: 5px;
	font-weight: 500;
	word-break: break-all;
}

.popupMedia .imageDetails #imageDimensions {
	margin-bottom: 5px;
}

.popupMedia .imageDetails p,
.popupMedia .imageDetails p a {
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 1.2;
}

.popupMedia .imageDetails .updateMedia .form-group {
	width: 100%;
	margin-bottom: 0px;
	padding: 0px;
}

.popupMedia .imageDetails .updateMedia label {
	line-height: 1;
}

.popupMedia .imageDetails .updateMedia label,
.popupMedia .imageDetails .updateMedia input,
.popupMedia .imageDetails .updateMedia textarea {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 2px;
}

.popupMedia .imageDetails .updateMedia input,
.popupMedia .imageDetails .updateMedia textarea {
	padding: 3px 6px;
	height: auto;
}

.popupMedia .imageDetails .updateMedia .mediaBoxBtn {
	border-radius: 10px;
}

.popupMedia .imageDetails .historyText {
	margin: 2px 2px 0;
	font-size: 0px;
}

.popupMedia .imageDetails .btn {
	transition: all 200ms;
	float: right;
	margin: 15px 0 0 5px;
}

.popupEditor #popupText {
	padding: 0px;
}

.popupEditor #popupText > textarea {
	border: 1px dotted #ddd;
	margin-top: 0;
}

.popupEditor #popupText .panel {
	height: 100%;
	margin-bottom: 0px;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: none;
}

.popupEditor #popupText .panel-heading.note-toolbar {
	border-radius: 0;
}

.popupEditor #popupText .panel-heading.note-toolbar .btn {
	margin-bottom: 0;
}

.popupEditor #popupText .note-resizebar {
	display: none;
}

.popupEditor #popupText .note-editor.note-frame .note-editing-area {
	height: calc(100% - 46px);
}

.popupEditor #popupText .note-editor.note-frame .note-editing-area .note-editable {
	height: 100%;
	word-wrap: break-word;
}

.popupEditor #popupText .note-editor.note-frame .note-editing-area .note-editable::before,
.popupEditor #popupText .note-editor.note-frame .note-editing-area .note-editable::after {
	content: unset;
}

.popupEditor #popupText .note-editable h1,
.popupEditor #popupText .note-editable h2,
.popupEditor #popupText .note-editable h3,
.popupEditor #popupText .note-editable h4,
.popupEditor #popupText .note-editable h5,
.popupEditor #popupText .note-editable h6 {
	font-family: Helvetica, sans-serif;
	font-weight: 700;
	line-height: unset;
	color: unset;
}

.popupEditor #popupText .note-editable .dropdown-menu.dropdown-style h1,
.popupEditor #popupText .note-editable .dropdown-menu.dropdown-style h2,
.popupEditor #popupText .note-editable .dropdown-menu.dropdown-style h3,
.popupEditor #popupText .note-editable .dropdown-menu.dropdown-style h4,
.popupEditor #popupText .note-editable .dropdown-menu.dropdown-style h5,
.popupEditor #popupText .note-editable .dropdown-menu.dropdown-style h6,
.popupEditor #popupText .note-editable .dropdown-menu.dropdown-style p {
	margin: 0;
}

.popupEditor #popupText .note-editable h1 {
	margin: 21px 0 21.75px;
	font-size: 2em;
}

.popupEditor #popupText .note-editable h2 {
	margin: 21px 0 20px;
	font-size: 1.5em;
}

.popupEditor #popupText .note-editable h3 {
	margin: 20px 0;
	font-size: 1.17em;
}

.popupEditor #popupText .note-editable h4 {
	margin: 21px 0 22px;
	font-size: 1em;
}

.popupEditor #popupText .note-editable h5 {
	margin: 21px 0 22px;
	font-size: 0.81em;
}

.popupEditor #popupText .note-editable h6 {
	margin: 25px 0 25px;
	font-size: 0.68em;
}

.popupEditor #popupText .note-editable p,
.note-editor.note-frame .note-editing-area .note-editable {
	margin-bottom: 5px !important;
	font-size: 1em;
	font-family: Helvetica, sans-serif;
}

.popupEditor #popupText .note-editable ins,
.contentEditorWrapper .content_block ins {
	display: inline-block;
	height: 65px;
	min-width: 200px;
	padding: 0 20px;
	transition: all 200ms;
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 65px;
	text-decoration: none;
	color: #fff;
	-webkit-text-size-adjust: none;
	cursor: pointer;
}

.note-editor.note-frame {
	border-radius: 10px !important;
	border: none !important;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
	overflow: hidden;
}

.note-editor img {
	max-width: 100%;
	height: auto;
}

.note-toolbar .btn {
	border-radius: 6px;
}

.popupEditor #popupStyles {
	padding: 25px;
	overflow-y: auto;
}

.popupEditor #popupStyles form {
	padding-bottom: 25px;
}

.popupEditor #popupStyles form .form-group {
	padding: 0 10px;
}

.popup h3 {
	margin: 15px 0 15px;
	font-size: 18px;
	text-align: center;
}

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

.popupClose {
	position: absolute;
	top: 0px;
	right: 15px;
	line-height: 42px;
	transition: all 200ms;
}

.popupClose:hover {
	opacity: 0.75;
}

.popupAnnouncement .popupClose {
	top: 6px;
	right: 6px;
	width: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.85);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

.popupAnnouncement .popupClose:hover {
	opacity: 0.85;
}

/** User dashboard styles **/

#dashboardContentCover {
	position: absolute;
	z-index: 3;
	left: 0px;
	min-width: 100vw;
	background-color: rgba(0,0,0,0.75);
	display: none;
	z-index: 2;
}

#dashboardContentWrapper {
	margin-left: 155px;
	padding: 25px 15px 0;
	overflow: auto;
	transition: margin 500ms;
}

#dashboardFooter {
	text-align: right;
	margin: 25px 0 0;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

#dashboardFooter p {
	font-size: 10px;
	letter-spacing: 1px;
	color: #787878;
}

#dashboardNavIcon a {
	position: absolute;
	top: 12px;
	left: 16px;
	font-size: 20px;
	color: #f9b7a1;
	transition: none;
	z-index: 9;
}

#dashboardMonitor {
	display: block;
	width: 155px;
	padding: 15px 15px 20px;
	transition: all 500ms;
}

#dashboardMonitor p {
	color: #E7E7E7;
	font-size: 10px;
	margin-bottom: 0;
	letter-spacing: 0.5px;
	font-weight: 500;
}

#dashboardMonitor h3 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: #E7E7E7;
}

#dashboardMonitor hr {
	margin: 8px 0 !important;
	border-width: 3px;
	text-align: left;
}

.forecastsUsed {
	border-color: #f36f43;
	float: left;
	max-width: 100%;
}

.forecastsLimit {
	border-color: rgba(255,255,255,0.25);
}

#dashboardNavWrapper {
	position: sticky;
	float: left;
	background-color: #323232;
	background-image: url('../img/DarkBg-Lozenge.png');
	background-repeat: repeat;
	top: 0px;
	left: 0px;
	z-index: 99;
	width: 155px;
	min-height: 100vh;
	max-height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
	color: #E7E7E7;
	font-weight: 400;
	transition: all 500ms;
}

#dashboardNavPull {
	position: fixed;
	display: block;
	top: calc(50vh - 50px);
	left: 155px;
	height: 100px;
	width: 14px;
	border-left: 14px solid #323232;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	cursor: pointer;
	transition: border-left 200ms, left 500ms;
}

#dashboardNavPull:hover {
	border-left: 14px solid #383838;
}

#dashboardNavPull::after {
	content: " ";
	position: absolute;
	top: 50%;
	height: 0;
	width: 0;
	border-radius: 2px;
	pointer-events: none;
	border: 6px solid transparent;
	border-right-color: #f5f6fb !important;
	transition: all 250ms;
}

/* Nav pull */
body[data-nav-pull="open"] #dashboardNavPull::after {
	transform: translateY(-50%) rotateY(0deg);
	right: 4px;
}

body[data-nav-pull="close"] #dashboardNavPull::after {
	transform: translateY(-50%) rotateY(180deg);
	right: -2px;
}

body[data-nav-pull="close"] #dashboardNavPull {
	left: 38px
}

body[data-nav-pull="open"] #dashboardNavList ul a li.currentMenuItem::after {
	margin-top: 8px;
	border: 8px solid transparent;
}

body[data-nav-pull="close"] #dashboardNavList ul a li.currentMenuItem::after {
	margin-top: 10px;
	border: 4px solid transparent;
}

body[data-nav-pull="close"] #dashboardNavWrapper {
	width: 38px;
}

body[data-nav-pull="close"] #dashboardMenu .childItem3 > li,
body[data-nav-pull="close"] #dashboardMenu .childItem2 > li,
body[data-nav-pull="close"] #dashboardMenu .childItem1 > li {
	padding: 0 8px;
	font-size: 10px;
}

body #dashboardNavList a li p {
	transition: all 250ms;
}

body[data-nav-pull="open"] #dashboardBranding a img,
body[data-nav-pull="open"] #dashboardNavList a li p,
body[data-nav-pull="open"] #dashboardMonitor,
body[data-nav-pull="open"] #dashboardNavFooter {
	opacity: 1;
	visibility: visible;
}

body[data-nav-pull="close"] #dashboardBranding a img,
body[data-nav-pull="close"] #dashboardNavList a li p,
body[data-nav-pull="close"] #dashboardMonitor,
body[data-nav-pull="close"] #dashboardNavFooter {
	opacity: 0;
	visibility: hidden;
}

body[data-nav-pull="open"] #dashboardBranding a img {
	left: 22px;
}

body[data-nav-pull="close"] #dashboardBranding a img {
	left: 8px;
}

body[data-nav-pull="close"] #dashboardBranding {
	background-position: 13px center;
}

body[data-nav-pull="close"] #dashboardSearchWrapper {
	padding-left: 46px;
}

body[data-nav-pull="close"] #dashboardContentWrapper {
	margin-left: 38px;
}

#dashboardNavWrapper .disabledMenuItem {
	display: none;
}

#dashboardBranding {
	display: block;
	height: 42px;
	width: 155px;
	padding-top: 6px;
	background-color: #1a1a1a;
	background-position: 27px 11px;
	background-repeat: no-repeat;
	box-shadow: 0 0 6px 0 rgba(0,0,0,1);
	transition: background-position 500ms;
}

#dashboardBranding img {
	position: relative;
	display: block;
	left: 22px;
	height: auto;
	padding: 5px;
	max-width: 100%;
	transition: left 500ms, opacity 500ms, visibility 500ms;
}

#dashboardNavList {
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

#dashboardNavList ul {
	padding-left: 0;
	margin-bottom: 0;
}

#dashboardNavList ul li {
	list-style-type: none;
	padding: 5px 0 5px 0;
	font-size: 12px;
	line-height: 30px;
	transition: all 200ms, padding 500ms;
}

#dashboardNavList ul a {
	display: block;
	width: 155px;
	outline: none;
}

#dashboardNavList > ul > a > li {
	padding-left: 8px;
}

#dashboardNavList ul a li {
	color: #ddd;
	font-weight: 500;
	position: relative;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#dashboardNavList > ul > a:hover > li:not(.currentMenuItem) {
	background-color: rgba(0,0,0,0.75);
	text-decoration: none;
}

#dashboardNavList > ul > a.childItem2:hover > li:not(.currentMenuItem),
#dashboardNavList > ul > a.childItem3:hover > li:not(.currentMenuItem) {
	background-color: rgba(0,0,0,0.75) !important;
}

#dashboardNavList ul a li.currentMenuItem {
	cursor: default;
	color: white;
}

#dashboardNavList ul a li.currentMenuItem::after {
	content: " ";
	position: absolute;
	right: 4px;
	height: 0;
	width: 0;
	border-right-color: #f5f6fb !important;
	border-radius: 4px;
	pointer-events: none;
}

#dashboardNavList ul a li p {
	display: inline;
	margin: 0;
	font-size: 12px;
	letter-spacing: 0;
	color: inherit;
	transition: all 500ms;
}

.dashboardNavIcon {
	width: 20px;
	margin-right: 5px;
	text-align: center;
	transition: font-size 500ms;
}

#dashboardNavCredits {
	display: block;
	width: 155px;
	padding: 15px;
	transition: all 500ms;
}

#dashboardNavCredits p {
	margin-bottom: 4px;
	font-size: 10px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
	letter-spacing: 0.75px;
}

#dashboardNavCredits p + p {
	margin-bottom: 0;
}

#dashboardNavCredits p span {
	margin-left: 2px;
	color: #f9b7a1;
}

#dashboardNavFooter {
	display: block;
	width: 155px;
	padding: 20px 15px;
	border-top: 1px solid rgba(255,255,255,0.1);
	transition: all 500ms;
}

#dashboardNavFooter p {
	color: #E7E7E7;
	font-size: 10px;
	margin-bottom: 2px;
	text-align: left;
	letter-spacing: 0px;
}

#dashboardNavFooter p:nth-child(2) {
	font-size: 10px;
	letter-spacing: 0.5px;
}

.whiteBox {
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: white;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1) !important;
	border: none !important;
	border-radius: 10px;
}

.whitePaddedBox {
	position: relative;
	padding: 25px 25px;
	margin-top: 5px;
	margin-bottom: 25px;
	background-color: white;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	overflow: auto;
	border-radius: 10px;
}

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

.whiteBox .btn,
.whitePaddedBox .btn {
	margin-bottom: 5px;
	border-radius: 6px;
}

.whitePaddedBox p:last-child {
	margin-bottom: 0;
}

.whitePaddedBox.collapsibleBox {
	padding: 0;
}

.whitePaddedBox.collapsibleBox:not(.noCollapse)::after {
	content: '';
	position: absolute;
	top: 12px;
	right: 20px;
	border: 8px solid transparent;
	border-bottom-color: #f36f43;
	border-radius: 4px;
	transform: translateY(2px);
	transition: all 200ms;
	cursor: pointer;
}

.whitePaddedBox.collapsibleBox h2 {
	position: relative;
	margin-bottom: 0;
	padding: 15px 20px;
	font-size: 18px;
	cursor: pointer;
}

.whitePaddedBox.collapsibleBox.noCollapse h2 {
	cursor: default;
}

.whitePaddedBox.collapsibleBox h2.hasIcon {
	padding: 15px 20px 15px 35px;
	color: #666;
}

.whitePaddedBox.collapsibleBox h2 i,
.whitePaddedBox.collapsibleBox h2 .titleIcon {
	display: block;
	position: absolute;
	top: 50%;
	left: 14px;
	height: auto;
	width: 16px;
	font-size: 12px;
	color: #f36f43;
	text-align: center;
	transform: translateY(-50%);
}

.whitePaddedBox.collapsibleBox h2 .titleIcon {

}

.whitePaddedBox.collapsibleBox h2 i.offset1px {
	transform: translateY(calc(-50% - 1px));
}

.whitePaddedBox.collapsibleBox[data-state="open"] .form-group-wrapper {
	display: block;
}

.whitePaddedBox.collapsibleBox[data-state="close"] .form-group-wrapper {
	display: none;
}

.whitePaddedBox.collapsibleBox[data-state="open"]::after {
	transform: translateY(10px) rotate(180deg);
}

.whitePaddedBox.collapsibleBox .form-group-wrapper {
	position: relative;
	padding: 0px 20px 20px;
}

.whitePaddedBox.collapsibleBox .form-group-wrapper .form-group,
.form-horizontal .whitePaddedBox.collapsibleBox .form-group:last-child {
	margin-bottom: 5px;
}

.form-horizontal .whitePaddedBox.collapsibleBox .form-group.fileUploadArea:last-child {
	margin-bottom: 0px;
}

.whitePaddedBox.collapsibleBox .form-group.imageUpload {
	margin-top: 15px;
	margin-bottom: 10px;
}

.form-horizontal .whitePaddedBox.collapsibleBox .form-group:first-child label:not(.radioContainer):not(.checkContainer) {
	padding-top: 0px;
}

.whitePaddedBox.collapsibleBox .form-group label:not(.radioContainer):not(.checkContainer) {
	padding-left: 5px;
}

.whitePaddedBox.collapsibleBox .form-group .radioContainer:not(.control-label):nth-child(2),
.whitePaddedBox.collapsibleBox .form-group .checkContainer:not(.control-label):nth-child(2) {
	margin-left: 5px !important;
}

.whitePaddedBox.collapsibleBox .form-group input[type="text"],
.whitePaddedBox.collapsibleBox .form-group input[type="password"],
.whitePaddedBox.collapsibleBox .form-group input[type="date"],
.whitePaddedBox.collapsibleBox .form-group input[type="number"],
.whitePaddedBox.collapsibleBox .form-group input[type="email"],
.whitePaddedBox.collapsibleBox .form-group select {
	height: auto;
	margin-top: 5px;
	line-height: unset;
}

input[disabled="disabled"],
input[disabled="disabled"]:hover,
input[disabled="disabled"]:focus {
	background-color: #eee !important;
	border-color: #ddd !important;
}

.whitePaddedBox.collapsibleBox .form-group textarea {
	margin-top: 5px;
}

.whitePaddedBox.collapsibleBox .form-group .form-tips {
	padding-left: 5px;
	letter-spacing: 0.6px;
}

.aboutBox h2 {
	font-size: 18px;
}

.legalBox h2 {
	font-size: 16px;
}

.legalBox p {
	font-size: 14px;
}

.readOnly {
	margin-bottom: 0;
	border: none;
	border-radius: 0;
	border-bottom: 1px dotted #787878;
	box-shadow: none;
}

.disabledButton {
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 20px;
	line-height: 20px;
	color: #ddd;
}

.pseudoField {
	position: relative;
	border: none;
	border-radius: 0px;
	border-bottom: 1px dotted #ccc;
	box-shadow: none;
	position: relative;
	cursor: default;
}

.pseudoBox {
	height: auto;
}

.unsetFilter {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: 8px;
	right: 12px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	transition: all 200ms;
}

.pseudoField:hover .unsetFilter {
	visibility: visible;
	opacity: 1;
}

.pseudoTextarea {
	position: relative;
	height: auto;
	border: none;
	border-radius: 0px;
	border-bottom: 1px dotted #ccc;
	box-shadow: none;
	cursor: default;
}

/** Ajax search dropdown **/

.whitePaddedBox.hasSearch,
.form-group.hasSearch {
	position: unset !important;
}

.hasSearch .searchLabel {
	position: relative;
	margin-bottom: -10px;
	padding-top: 0px;
}

.hasSearch .searchLabel .searchLoader {
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.hasSearch .searchBar {
	position: relative;
	width: 100%;
	z-index: 98;
}

.searchBar.hasDropdown{
	border-color: #dddddd !important;
	border-bottom-color: transparent !important;
}

.hasSearch .searchDropdown {
	display: none;
	position: absolute;
	width: calc(100% - 100px);
	z-index: 97;
}

.hasSearch .searchDropdown::before {
	content: " ";
	position: absolute;
	top: -50px;
	height: calc(100% + 40px);
	width: 100%;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,0.25);
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	z-index: -1;
}

.hasSearch .searchDropdown::after {
	content: " ";
	position: absolute;
	top: 0px;
	left: 50%;
	height: 1px;
	width: calc(100% - 25px);
	transform: translateX(-50%);
	border-bottom: 1px solid #dddddd;
}

.hasSearch .searchDropdown ul {
	list-style-type: none;
	padding: 12px 0;
	background-color: white;
	border: 1px solid #dddddd;
	border-top: none;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.hasSearch .searchDropdown ul li {
	height: 36px;
	padding: 0 12px;
	line-height: 36px;
	transition: all 200ms;
	cursor: default;
}

.hasSearch .searchDropdown ul.flexibleResults li {
	position: relative;
	height: auto;
	padding: 6px 12px 6px 35px;
	font-size: 14px;
	line-height: 20px;
	transition: all 200ms;
	cursor: pointer;
}

.hasSearch .searchDropdown ul li:hover {
	background-color: #f2f2f2;
}

.hasSearch .searchDropdown ul li::before {
	content: "\f002";
	display: inline-block;
	height: 36px;
	margin-right: 10px;
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	color: #888888;
}

.hasSearch .searchDropdown ul.flexibleResults li::before {
	position: absolute;
	display: block;
	left: 5px;
	height: 20px;
	width: 20px;
	text-align: center;
}

.keyFields p.readOnly {
	margin-bottom: 0;
	font-weight: 600;
	color: #266a36;
	letter-spacing: 0.75px;
	overflow-x: auto;
}

.fa-facebook,
.fa-facebook-f,
.fa-facebook-square {
	color: #3b5998;
}

.fa-twitter {
	color: #00aced;
}

.fa-linkedin-in,
.fa-linkedin {
	color: #0077b5;
}

.fa-google-plus-g,
.fa-google {
	color: #dd4b39;
}

/** Dashboard Tables **/

.tableNav {
	padding: 9px 15px 11px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	text-align: center;
	border-radius: 10px;
	overflow: auto;
}

.tableNavTop {
	margin-bottom: 15px;
}

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

.tableNavMin {
	border-radius: 0;
	margin: 0;
	padding: 0 !important;
	box-shadow: none;
}

.tableNavMin:hover {
	background-color: white !important;
}

.tableNavMin ul {
	display: block;
}

.tableNavMin .pagination li a {
	display: inline-block;
	margin: unset;
}

.tableNavMin .pagination li a:hover {
	background-color: white;
}

.tableNav .showNumber {
	position: absolute;
	display: block;
	float: left;
}

.tableWrap {
	overflow-x: auto !important;
	padding: 0;
	margin: 5px 0 25px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	border-radius: 10px;
}

.tableWrap.hasTitle {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.tableWrap.hasFooter,
.tableWrap.hasFooter .dashboardTable.detailsTable {
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.tableTitle {
	position: relative;
	margin: 5px 0 -5px;
	padding: 15px 20px 12px;
	background-color: white;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	border-radius: 10px 10px 0 0;
}

.tableTitle h2 {
	display: inline-block;
	margin: 0;
	font-size: 16px;
}

.tableFooter {
	position: relative;
	margin: 0 0 5px;
	padding: 10px 20px;
	background: linear-gradient(45deg, #555, #1a1a1a);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	border-radius:  0 0 10px 10px;
	text-align: right;
}

.tableFooter p {
	margin: 0;
	font-weight: 500;
	color: white;
}

.tableTitle .pagination {
	display: inline-block;
}

.tableTitle .btn {
	position: absolute;
	top: 50%;
	right: 12px;
	padding: 4px 12px;
	border-radius: 4px;
	transform: translateY(-50%);
}

.tableTitle .tableMetric {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

.tableTitle .tableMetric p {
	display: inline-block;
	margin: 0;
	line-height: 1;
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: 0.75px;
}

.dashboardTable {
	table-layout: fixed;
	width: 100%;
	padding: 5px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	background-color: white;
	border-radius: 10px;
	overflow: hidden;
}

.dashboardTable.detailsTable {
	border-radius: 0 0 10px 10px;
}

.dashboardTable.detailsTable .socialServiceIcon {
	max-height: unset;
	margin: 0;
	box-shadow: none;
}

.dashboardTable.detailsTable.normalizeTd td {
	padding: 12px 10px;
}

.dashboardTable thead tr {
	background-color: #1a1a1a;
	background: linear-gradient(45deg, #555, #1a1a1a);
}

.dashboardTable tbody tr {
	transition: all 200ms;
	border-bottom: 1px solid #f2f2f2;
}

.dashboardTable tbody tr:last-child {
	border-bottom: none;
}

.dashboardTable th {
	position: relative;
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	color: white;
	text-align: center;
	letter-spacing: 0.5px;
	border: none !important;
	cursor: default;
}

.dashboardTable th i {
	position: absolute;
	top: 10px;
	margin-left: 4px;
	font-size: 10px;
}

.dashboard .dashboardTable th.idCell,
.dashboard .dashboardTable th.countryCell,
.dashboard .dashboardTable th.tierCell {
	width: 80px;
}

.dashboard .dashboardTable th.iconCell {
	width: 100px;
}

.dashboard .dashboardTable th.tierCell,
.dashboard .dashboardTable th.statusCell,
.dashboard .dashboardTable th.actionsCell,
.dashboard .dashboardTable th.dateCell {
	width: 120px;
}

.dashboardTable td {
	padding: 5px 10px;
	text-align: center;
	font-size: 14px;
	word-wrap: break-word;
	cursor: default;
	transition: all 200ms;
}

.dashboardTable td:not(.emptyTable):not(.remarksCell) a {
	display: block;
	padding: 10px;
	margin: 0 -10px;
}

.dashboard .dashboardTable td.actionsCellDbl a {
	display: inline-block;
	width: 50%;
	min-width: 40px;
}

.dashboardTable .textCell {
	padding: 0px !important;
}

.dashboardTable .textCell div {
	padding: 10px;
	text-align: left;
	overflow-y: auto;
}

.dashboardTable .imgCell {
	width: 220px;
}

.dashboardTable td.imgCell {
	background-color: #eeeeee;
}

.dashboardTable td img {
	max-height: 100px;
	margin: 10px auto;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

.dashboardTable td.iconCell {
	background-color: #eeeeee;
}

.dashboardTable td.iconCell i {
	font-size: 50px;
	margin: 20px auto;
}

.dashboardTable .dropdownCell {
	padding: 0;
}

.dashboardTable .dropdownCell select {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	box-shadow: none;
	text-align: center;
}

.smallDateCell {
	font-size: 12px !important;
}

.emptyTable {
	padding: 10px 20px !important;
	font-size: 14px;
	text-align: left !important;
	background-color: white !important;
}

/** New and beta tags **/

.betaTag,
.newTag {
	position: relative;
	top: -14px;
	padding: 0 2px;
	font-weight: 700;
	letter-spacing: 2px;
	color: #f36f43;
}

h1 .betaTag,
h1 .newTag {
	top: -20px;
	font-size: 10px;
	margin-left: -4px;
	margin-right: -8px;
}

h2 .betaTag,
h2 .newTag {
	font-size: 8px;
	margin-left: -2px;
	margin-right: -6px;
}

label .betaTag,
label .newTag {
	font-size: 8px;
	font-weight: 600;
	font-family: Montserrat;
	margin-left: -2px;
	margin-right: -6px;
}

p .betaTag,
p .newTag {
	top: -8px;
	font-size: 8px;
	letter-spacing: 1px;
}

/** Admin menu ux **/

.adminAnnouncements #dashboardMenu .childItem1.announcementItem,
.adminMarketing #dashboardNavList #dashboardMenu .childItem1.marketingItem,
.adminMarketing.marketingCalendar.calendarDay #dashboardNavList #dashboardMenu .childItem2.calendarItem,
.adminMarketing.marketingBlog #dashboardNavList #dashboardMenu .childItem2.blogItem,
.adminMarketing.marketingBlog.blogCategoryEdit #dashboardMenu .childItem3.blogCategoryItem,
.adminMarketing.marketingBlog.blogPosts #dashboardNavList #dashboardMenu .childItem3.blogItem,
.adminMarketing.marketingCampaign #dashboardNavList #dashboardMenu .childItem2.campaignItem,
.adminMarketing.marketingEmail #dashboardNavList #dashboardMenu .childItem2.emailItem,
.adminEvents #dashboardMenu .childItem1.eventsItem,
.adminEvents.eventsCoinData #dashboardMenu #adminEventsData,
.adminEvents.eventsForecast #dashboardMenu #adminEventsForecast,
.adminAssets #dashboardMenu .childItem1.assetsItem,
.adminAssets.assetsCoins #dashboardMenu .childItem2.coinsItem,
.adminPlans #dashboardMenu .childItem1.planItem,
.adminTransactions #dashboardMenu .childItem1.txnItem,
.adminUsers #dashboardMenu .childItem1.userItem,
.adminTips #dashboardMenu .childItem.tipsItem,
.adminSystem #dashboardMenu .childItem1.systemItem,
.adminSystem.systemNotifiers #dashboardMenu .childItem2.notifierItem,
.adminSystem.systemPermissions.permissionsView #dashboardMenu #adminSystemPermissionsView,
.adminSystem.systemPatches #dashboardNavList #dashboardMenu .childItem2.patchesItem {
	display: block;
}

/** Admin menu ux - menu parents **/
.adminHome #adminHome .menuParent,
.adminAnnouncements #adminAnnouncements .menuParent,
.adminMarketing #adminMarketing .menuParent,
.adminEvents #adminEvents .menuParent,
.adminAssets #adminAssets .menuParent,
.adminNewsFeeds #adminNewsFeeds .menuParent,
.adminPlans #adminPlans .menuParent,
.adminCoupons #adminCoupons .menuParent,
.adminTransactions #adminTransactions .menuParent,
.adminUsers #adminUsers .menuParent,
.adminTips #adminTips .menuParent,
.adminSystem #adminSystem .menuParent,
.menuParent.currentMenuItem,
.dashboardProfile #menuProfile .menuParent {
	background-color: rgba(243,112,67,0.6);
	box-shadow: 50px 0 25px 0 rgba(243,112,67,0.5) inset;
	color: white;
}

.adminHome #dashboardNavList #adminHome:hover li.menuParent,
.adminAnnouncements #dashboardNavList #adminAnnouncements:hover li.menuParent,
.adminMarketing #dashboardNavList #adminMarketing:hover li.menuParent,
.adminEvents #dashboardNavList #adminEvents:hover li.menuParent,
.adminAssets #dashboardNavList #adminAssets:hover li.menuParent,
.adminNewsFeeds #dashboardNavList #adminNewsFeeds:hover li.menuParent,
.adminPlans #dashboardNavList #adminPlans:hover li.menuParent,
.adminCoupons #dashboardNavList #adminCoupons:hover li.menuParent,
.adminTransactions #dashboardNavList #adminTransactions:hover li.menuParent,
.adminUsers #dashboardNavList #adminUsers:hover li.menuParent,
.adminTips #dashboardNavList #adminTips:hover li.menuParent,
.adminSystem #dashboardNavList #adminSystem:hover li.menuParent,
.dashboardProfile #dashboardNavList #menuProfile:hover li.menuParent {
	background-color: rgba(243,112,67,0.65);
}

.menuParent.currentMenuItem:hover {
	background-color: rgba(243,112,67,0.65) !important;
}

/** Options menu **/

.optionsMenu {
	list-style-type: none;
	padding: 0px;
	min-width: 175px;
}

.optionsMenu li {
	position: relative;
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
	padding: 8px 12.5px;
	border-bottom: 1px solid #eee;
	transition: all 200ms;
	letter-spacing: 1px;
}

.optionsMenu li::before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 4px;
	height: 80%;
	width: 4px;
	transform: translateY(-50%);
	background-color: transparent;
	pointer-events: none;
}

.optionsMenu li:hover {
	background-color: #f5f6fb;
}

.optionsMenu a:last-child li {
	border-bottom: none;
}

.optionsMenu li.currentOptionsItem {
	padding-left: 20px;
	cursor: default;
	font-weight: 600;
}

.optionsMenu li.currentOptionsItem::before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 8px;
	height: 50%;
	width: 4px;
	transform: translateY(-50%);
	opacity: 0.5;
	pointer-events: none;
	border-radius: 4px;
}

.optionsMenu li.currentOptionsItem::after {
	content: " ";
	position: absolute;
	right: 6px;
	height: 0;
	width: 0;
	margin-top: 3px;
	border: 6px solid transparent;
	border-radius: 4px;
	pointer-events: none;
}

.optionsMenu li span {
	font-size: 16px;
}

.optionsMenu li span::after {
	content: '-';
	margin-left: 2px;
}

.optionsMenu li i {
	display: inline-block;
	width: 25px;
	margin-right: 4px;
	text-align: center;
}

.optionsMenu a {
	color: #555;
}

.optionsTab {
	display: none;
}

/* Dashboard search bar */

#dashboardSearchWrapper {
	z-index: 98;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 42px;
	padding-left: 155px;
	background-color: #1a1a1a;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
	transition: padding-left 500ms;
}

#dashboardSearch {
	padding-left: 0px;
	padding-right: 0px;
}

#dashboardSearch a {
	font-size: 14px;
	font-family: Montserrat;
	font-weight: 500;
	line-height: 40px;
	color: #ddd;
}

#dashboardSearch a i {
	margin-right: 10px;
	opacity: 0.75;
	transition: all 200ms;
}

#dashboardSearch a:hover {
	color: white;
}

#dashboardSearch a:hover i {
	opacity: 1;
}

#dashboardSearch .searchGroup input {
	display: block;
	float: left;
	height: 26px;
	width: 100%;
	max-width: 380px;
	margin: 9px 0 0;
	padding: 0 30px 0 0;
	background-color: transparent;
	font-size: 14px;
	letter-spacing: 0.5px;
	word-spacing: normal;
	color: #eeeeee;
	border: none;
	border-bottom: 1px dotted white;
	border-radius: 0px;
	outline: none;
}

#dashboardSearch .searchGroup input:hover,
#dashboardSearch .searchGroup input:focus,
#dashboardSearch .searchGroup input:active {
	box-shadow: none;
}

#dashboardSearch .searchGroup i {
	display: block;
	float: left;
	height: 35px;
	width: 35px;
	margin-left: 10px;
	line-height: 42px;
	text-align: center;
	border-bottom: 1px dotted white;
}

#dashboardSearch .searchGroup .searchLoader {
	display: block;
	float: left;
	opacity: 0;
	visibility: hidden;
	margin-top: 8px;
	margin-left: -30px;
	transition: all 200ms;
}

#dashboardSearch .searchGroup .searchBar {
	position: relative;
	width: 100%;
	z-index: 98;
}

#dashboardSearch .searchGroup .searchBar.hasDropdown{
	border-color: #dddddd !important;
	border-bottom-color: transparent !important;
}

#dashboardSearch .searchGroup .searchDropdown {
	display: none;
	position: absolute;
	top: 34px;
	left: 10px;
	width: 100%;
	max-width: 435px;
	z-index: 97;
}

#dashboardSearch .searchGroup .searchDropdown::before {
	content: " ";
	position: absolute;
	top: 0px;
	height: 1px;
	left: 50%;
	width: calc(100% - 10px);
	margin: 0 auto;
	border: none;
	border-bottom: 1px dotted #dddddd;
	transform: translateX(-50%);
}

#dashboardSearch .searchGroup .searchDropdown ul {
	list-style-type: none;
	padding: 10px 0;
	background-color: #1a1a1a;
	border: none;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

#dashboardSearch .searchGroup .searchDropdown ul li {
	position: relative;
	height: auto;
	padding: 6px 12px 6px 35px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.5px;
	color: #eeeeee;
	transition: all 200ms;
	cursor: pointer;
}

#dashboardSearch .searchGroup .searchDropdown ul li:hover {
	background-color: rgba(255,255,255,0.1);
}

#dashboardSearch .searchGroup .searchDropdown ul li::before {
	content: "\f002";
	position: absolute;
	display: block;
	left: 5px;
	height: 20px;
	width: 20px;
	margin-right: 10px;
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	text-align: center;
	color: #888888;
}

/** Dashboard notifications block **/

#dashboardNotifications {
	line-height: 40px;
}

#dashboardNotifications ul {
	text-align: right;
	padding-right: 20px;
	margin: 0;
}

#dashboardNotifications > ul > li {
	display: inline-block;
	list-style-type: none;
	transition: all 200ms;
	font-weight: 500;
	color: #ddd;
	transition: all 200ms;
	font-family: Montserrat;
}

#dashboardNotifications > ul > li > a {
	padding: 12.5px 12.5px;
	transition: all 200ms;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #ddd;
	transition: all 200ms;
}

#dashboardNotifications .logoutLink button {
	padding: 0 8px;
	border: none;
	background-color: inherit;
	font-size: 14px;
	outline: none;
}

#dashboardNotifications .logoutLink form {
	overflow: unset;
}

#dashboardNotifications i {
	margin-right: 10px;
	font-size: 14px;
	opacity: 0.75;
	transition: all 200ms;
	color: #f9b7a1;
}

#dashboardNotifications li:hover,
#dashboardNotifications li a:hover {
	color: white;
	cursor: pointer;
}

#dashboardNotifications li:hover i,
#dashboardNotifications li a:hover i {
	opacity: 1;
	cursor: pointer;
}

#dashboardNotifications span:hover {
	cursor: pointer;
}

.notificationsButton {
	position: relative;
}

.notificationsNew {
	position: absolute;
	top: 14px;
	left: 18px;
	z-index: 1;
	padding: 2px 4px;
	border-radius: 100%;
	font-size: 8px;
	font-weight: bold;
	line-height: 1;
	color: white;
	background-color: red;
}

.notificationsWindow {
	display: none;
	position: absolute;
	top: 41px;
	right: 0px;
	width: 250px;
	border: 1px solid #ddd;
	border-radius: 0 0 10px 10px;
	text-align: left;
	background-color: white;
	z-index: 1;
	box-shadow: 2.5px 5px 10px 0px rgba(0,0,0,0.25);
	cursor: default;
}

.notificationsWindow h1 {
	margin: 0;
	padding: 12.5px;
	border-bottom: 1px solid #ddd;
	font-family: Poppins;
	font-size: 14px;
	font-weight: bold;
	color: #555;
	letter-spacing: 0.5px;
}

.notificationsWindowClose {
	line-height: 0;
	position: absolute;
	right: 12.5px;
	top: 19px;
	font-size: 22px;
	color: #f36f43 !important;
}

.notificationsWindowClose:hover {
	opacity: 0.8;
}

.notificationsWindow ul {
	list-style-type: none;
	text-align: left !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.notificationsWindow li {
	letter-spacing: 0.5px;
	line-height: 1.5;
	border-bottom: 1px solid #ddd;
	width: 100%;
}

.notificationsWindow li a {
	padding: 12.5px 15px;
	display: block;
}

.notificationsWindow li a:hover {
	background-color: rgba(0,0,0,0.05);
}

.notificationsWindow li:last-child {
	border-bottom: none;
}

.notificationsWindow li h2 {
	font-size: 14px;
	font-family: Poppins;
	font-weight: bold;
	color: #555;
	margin: 0 0 5px;
	padding-bottom: 0;
	border-bottom: 0;
	line-height: 1.25;
	transition: all 200ms;
}

.notificationsWindow li p {
	font-size: 12px;
	color: #787878;
	margin: 0;
	transition: all 200ms;
}

.notificationsWindow .noNotifications {
	padding: 12.5px 15px;
	cursor: default !important;
}

/** Admin dashboard general **/

.adminTitle {
	float: left;
}

#adminSwitch li {
	font-weight: 500;
	background-color: rgba(0,0,0,0.25);
}

#adminSwitch li:hover {
	background-color: rgba(0,0,0,0.9) !important;
}

#adminActivateForm button {
	color: #40ad4f;
}

#adminActivateForm button:hover {
	color: #266a36;
}

#adminDeactivateForm button {
	color: #d0302a;
}

#adminDeactivateForm button:hover {
	color: #822125;
}

/** Color picker **/

.colorPicker {
	padding-right: 52px;
	cursor: pointer;
	font-family: Consolas;
}

.colorPickerPreview {
	position: absolute;
	top: 50%;
	right: 25px;
	height: 25px;
	width: 25px;
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 6px;
	transition: all 200ms;
	transform: translateY(calc(-50% + 6px));
}

.ui-colorpicker,
.ui-dialog.ui-colorpicker {
	background-color: white;
	padding: 12px 1px 2px 12px;
	border: none;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}

.ui-colorpicker-rgb-container,
.ui-colorpicker-preview-container,
.ui-colorpicker-hex-container {
	display: none;
}

.ui-colorpicker-map,
.ui-colorpicker-bar {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25) inset;
	border: none !important;
}

.ui-colorpicker-bar span {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25) inset;
}

.ui-colorpicker-bar-pointer {
	box-shadow: none !important;
}

.ui-colorpicker input {
	height: auto !important;
	margin-top: 0px !important;
}

.ui-colorpicker input[type='radio'] {
	display: none;
}

.ui-colorpicker table td {
	vertical-align: bottom !important;
}

.ui-colorpicker-padding-top {
	padding-top: 0px !important;
}

.ui-dialog .ui-dialog-buttonpane {
	background: transparent;
	background-image: none;
	border: none;
	padding: 0 !important;
	margin: 0 !important;
}

.ui-dialog .ui-dialog-buttonpane button {
	padding: 5px 15px;
	margin: 11px 11px 10px -2px !important;
	cursor: pointer;
	border: none;
	border-radius: 6px;
	color: white;
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
	line-height: 1.3333333;
	transition: all 200ms;
}

/** Units in text field **/

.inputSign {
	position: absolute;
	top: 50px;
	cursor: text;
	font-size: 18px;
	font-family: Consolas;
	color: #888;
	letter-spacing: 0.5px;
	word-spacing: -5px;
}

.inputSign:hover ~ input {
	border-width: 1px;
	border-style: solid;
	border-color: rgba(243,112,67,0.5);
}

.dashboard .form-group-merged .inputSign {
	top: 24px;
}

.inputSign.form-merged-double-sign {
	z-index: 2;
}

.inputSign.form-merged-double-sign-hr.inputFirstChar2 {
	left: 30.8px;
}

.inputSign.form-merged-double-sign-min.inputSecondChar2 {
	left: calc(50% + 30.8px);
}

.dashboard .form-group-merged .inputSign.inputChar1 {
	left: 20.9px;
}

.dashboard .form-group-merged .inputSign.inputChar2 {
	left: 30.8px;
}

.dashboard .form-group-merged .inputSign.inputChar3 {
	left: 40.7px;
}

.dashboard .form-group-merged .inputSign.inputSignNum {
	top: 21px;
	font-family: Consolas;
	font-size: 18px;
}

.inputSeconds,
.inputMinutes,
.inputChar2 {
	left: 45.8px;
}

.inputDollar {
	left: 22px;
}

.inputKb,
.inputPercent,
.inputCustom {
	top: 50px;
	font-size: 18px;
	font-family: Consolas;
}

.dollarField {
	padding-left: 20px;
}

.dollarFieldFull {
	padding-left: 60px;
}

/** Admin dashboard home **/

.chartWrapper {
	display: flex;
}

.chartWrapper > div {
	display: flex;
	flex-direction: column;
}

.chartWrapper > div > div {
	flex-grow: 1;
}

.adminHome .row > div {
	margin-bottom: 20px;
}

.chartBox h2 {
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 0;
	padding-left: 10px;
	border-bottom: 0;
}

.chartBox > div {
	overflow: auto;
	padding: 25px 35px 10px 15px;
	border-radius: 10px;
}

.chartBoxChild h2 {
	margin-bottom: 20px;
	padding-left: 10px;
}

.chartBoxChild {
	padding: 25px 35px 5px 15px;
}

.chartBox .chartPeriod {
	font-size: 14px;
	font-family: Montserrat;
	color: #666;
}

.adminHome .dataBoxWrapper > div {
	margin-bottom: 20px;
}

.adminHome .dataBoxWrapper .dataBox {
	padding-top: 20px;
	text-align: center;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	background-position: center center;
	background-size: cover;
	border-radius: 10px;
	overflow: hidden;
}

.adminHome .dataBoxWrapper .dataBox a {
	display: block;
}

.adminHome .dataBoxWrapper .dataBox p {
	margin-bottom: 8px;
	padding: 0 30px;
	font-size: 16px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
	text-shadow: 0 0 10px rgba(0,0,0,0.25);
}

.adminHome .dataBoxWrapper .dataBox .dataBoxTitle {
	font-size: 16px;
	letter-spacing: 1.5px;
}

.adminHome .dataBoxWrapper .dataBox .dataBoxTitle i {
	display: inline-block;
	width: 30px;
	margin-left: -20px;
	opacity: 0.8;
}

.adminHome .dataBoxWrapper .dataBox .dataBoxMetric {
	margin: 0 0 10px;
	padding: 0;
	font-size: 36px;
	font-weight: 300;
	font-family: Nunito;
	color: white;
}

.adminHome .dataBoxWrapper .dataBox.revenueBox .dataBoxMetric {
	margin: 0 0 10px -20px;
}

.adminHome .dataBoxWrapper .dataBox .dataBoxPeriod {
	display: block;
	width: 100%;
	padding: 8px 15px;
	background-color: rgba(0,0,0,0.25);
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
	letter-spacing: 0.75px;
	text-align: center;
	transition: all 200ms;
}

.adminHome .dataBoxWrapper .dataBoxPrevious:hover {
	box-shadow: 0px 0px 20px 0 rgba(255,255,255,0.15) inset;
}

.adminHome .dataBox1 {
	background-color: #40ad4f;
	background-image: url('../img/dataBoxBg-01.png');
}

.adminHome .dataBox2 {
	background-color: #f36f43;
	background-image: url('../img/dataBoxBg-02.png');
}

.adminHome .dataBox3 {
	background-color: #9f4724;
	background-image: url('../img/dataBoxBg-03.png');
}

.adminHome .dataBox4 {
	background-color: #f06793;
	background-image: url('../img/dataBoxBg-04.png');
}

.listBox {
	padding: 15px 20px;
	border-radius: 10px;
}

.listBox h2 {
	margin-top: 5px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.chartBox h2 img,
.listBox h2 img {
	display: inline-block;
	width: 30px;
	margin-right: 8px;
	vertical-align: bottom;
}

.listBox h3 {
	margin: 0 0 2px;
	font-size: 16px;
}

.listBox ul {
	list-style-type: none;
	margin-bottom: 50px;
	padding: 0 10px;
}

.listBox ul li {
	padding: 15px 5px;
	border-bottom: 1px solid #ddd;
	overflow: auto;
	position: relative;
}

.listBox ul > li:first-child {
	padding-top: 0px;
}

.listBox ul > li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
}

.listBox ul a li {
	padding: 10px 64px 10px 5px;
	margin-bottom: 0;
}

.listBox ul a:last-child li {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.listBox ul li .thumbWrapper,
.listBox ul li .detailsWrapper {
	display: inline-block;
	vertical-align: middle;
}

.listBox ul li .thumbWrapper {
	position: relative;
	height: 80px;
	width: 120px;
	background-color: #eee;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 6px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.listBox ul li .detailsWrapper {
	width: calc(100% - 130px);
	padding-left: 10px;
}

.listBox ul li .detailsWrapper p {
	margin-bottom: 0;
	font-size: 12px;
	color: #555;
}

.listBox ul li .detailsWrapper p.itemSub {
	font-weight: 500;
	font-family: Montserrat;
}

.listBox ul li .detailsWrapper p.itemDate {
	font-weight: 600;
	font-family: Nunito;
}

.listBox ul li .detailsWrapper span {
	display: block;
	position: absolute;
	top: 20px;
	right: 0px;
	padding: 0 2px;
	opacity: 0;
	visibility: hidden;
	font-size: 14px;
	font-family: Montserrat;
	font-weight: 500;
	color: #555;
	letter-spacing: 0.75px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	transition: all 200ms;
}

.listBox ul li:hover .detailsWrapper span {
	opacity: 1;
	visibility: visible;
}

.listBox ul li .detailsWrapper span i {
	position: relative;
	top: -2px;
	margin-left: 2px;
	margin-right: 0;
	font-size: 10px;
}

.listBox a,
.listBox strong {
	color: #323232;
}

.listBox .listHead,
.listBox .listDetails,
.listBox .listDate {
	display: block;
}

.listBox .listHead {
	width: 100%;
	margin-bottom: 2px;
	padding-right: 72px;
	font-size: 16px;
	font-family: Montserrat;
	font-weight: 500;
}

.listBox .listDetails {
	width: 100%;
	font-size: 12px;
	color: #555;
	letter-spacing: 0.5px;
}

.listBox li:first-child .listDate {
	top: 4px;
}

.listBox .listDate {
	position: absolute;
	top: 14px;
	right: 5px;
	font-size: 12px;
	font-weight: 600;
	font-family: Nunito;
	color: #787878;
	letter-spacing: 0.25px;
}

.listBox li:first-child .listFloating {
	top: 2px;
	right: 5px;
}

.listBox .listFloating {
	position: absolute;
	top: 12px;
	right: 5px;
	text-align: right;
	font-weight: 600;
	font-size: 18px;
	font-family: Nunito;
	line-height: 1.2;
}

.listBox li .listFloating .listDate {
	top: unset;
	right: 0;
}

.creditTxn,
.listBox .listFloating.creditTxn {
	color: #d0302a;
}

.transactionsListBox .listHead {
	padding-right: 130px;
}

.listBox i {
	width: 16px;
	margin-right: 5px;
	font-size: 14px;
	text-align: center;
}

.listBox .emptyList {
	padding: 20px 10px;
	text-align: center;
}

.listBox .emptyList i {
	display: block;
	height: 40px;
	width: 40px !important;
	margin: 0 auto 10px !important;
	font-size: 30px;
	line-height: 40px;
	opacity: 0.6;
	transition: all 200ms;
}

.listBox .emptyList:hover i {
	opacity: 0.7;
}

.listBox .emptyList p {
	font-size: 16px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: 0.75px;
	transition: all 200ms;
	cursor: default;
}

.listBox a.viewAll {
	position: absolute;
	display: block;
	bottom: 20px;
	width: calc(100% - 70px);
	margin-top: 15px;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	text-align: center;
	border-top: 1px solid #dddddd;
	transition: all 200ms;
}

.listBox a.viewAll i {
	position: relative;
	top: -1px;
	margin-left: 0;
	font-size: 10px;
	transition: all 200ms;
}

canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

/** Admin dashboard announcements **/

.announcementCreate .emailTo,
.announcementCreate .titleField,
.announcementCreate .imageField,
.announcementCreate .filterFields,
.announcementCreate .metaField,
.announcementCreate .messageField,
.announcementCreate .hyperlinkField,
.announcementCreate .linktextField,
.announcementCreate .dateFields,
.announcementCreate .downtimeFields {
	display: none;
}

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

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

.adminAnnouncements #popupImage {
	margin-top: 25px;
	margin-bottom: 15px;
	letter-spacing: 0.25px;
}

.adminAnnouncements #popupImage label {
	margin-bottom: 10px;
}

.adminAnnouncements #popupImage .imgPreview {
	position: relative;
}

.adminAnnouncements #popupImage img {
	width: 100%;
}

.adminAnnouncements #popupImage p.imgTips {
	margin: 0;
	color: unset;
	padding: 30px 10px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	text-align: center;
	border-width: 2px;
	border-style: dashed;
	border-radius: 10px;
	transition: all 200ms;
}

.adminAnnouncements #popupImage .imgRemove {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	cursor: pointer;
}

.adminAnnouncements #popupImage .imgRemove i {
	display: block;
	margin: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 20px;
	background-color: white;
	border-radius: 50%;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	transition: all 200ms;
}

.adminAnnouncements #popupImage .imgRemove:hover i {
	background-color: #eeeeee;
}

.adminAnnouncements .downtimeFields {
	position: relative;
	margin-top: 15px;
}

.adminAnnouncements .downtimeFields input[name="downtime_start_time"],
.adminAnnouncements .downtimeFields input[name="downtime_end_time"] {
	position: relative;
	display: inline-block;
	width: 95px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	z-index: 1;
}

.adminAnnouncements .downtimeFields input[name="downtime_start_time"]:hover,
.adminAnnouncements .downtimeFields input[name="downtime_start_time"]:focus,
.adminAnnouncements .downtimeFields input[name="downtime_start_time"]:active,
.adminAnnouncements .downtimeFields input[name="downtime_end_time"]:hover,
.adminAnnouncements .downtimeFields input[name="downtime_end_time"]:focus,
.adminAnnouncements .downtimeFields input[name="downtime_end_time"]:active {
	z-index: 2;
}

.adminAnnouncements .downtimeFields input[name="downtime_start_date"],
.adminAnnouncements .downtimeFields input[name="downtime_end_date"] {
	position: relative;
	display: inline-block;
	width: 150px;
	margin-left: -4px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	z-index: 1;
}

.adminAnnouncements .downtimeFields input[name="downtime_start_date"]:hover,
.adminAnnouncements .downtimeFields input[name="downtime_start_date"]:focus,
.adminAnnouncements .downtimeFields input[name="downtime_start_date"]:active,
.adminAnnouncements .downtimeFields input[name="downtime_end_date"]:hover,
.adminAnnouncements .downtimeFields input[name="downtime_end_date"]:focus,
.adminAnnouncements .downtimeFields input[name="downtime_end_date"]:active {
	z-index: 2;
}

.adminAnnouncements .downtimeFields span {
	position: absolute;
	left: 60px;
	top: 53px;
	background-color: white;
	padding: 0 10px;
	z-index: 3;
}

/** Admin dashboard subscriptions plans **/

.adminPlans .checkGroup {
	font-size: 0;
}

.adminPlans .checkGroup .checkContainer {
	display: inline-block;
	width: 20%;
}

/** Admin dashboard coupons **/


/** Admin dashboard transactions **/

td .creditTxn {
	margin-left: -8px;
}

.adminTransactions.transactionsCreate .customItemField,
.adminTransactions.transactionsCreate .remarksField2 {
	display: none;
}

.adminTransactions.transactionsView td {
	position: relative;
	cursor: default;
}

.adminTransactions.transactionsView .transactionHelpIcon {
	top: 9px;
	right: -8px;
}

.adminTransactions.transactionsView .transactionResponseCode:hover .transactionHelpBox {
	opacity: 1;
	visibility: visible;
}

/** Admin dashboard marketing **/

.adminMarketing h3 {
	font-size: 16px;
	font-weight: 700;
	font-family: Poppins;
	letter-spacing: 0.5p x;
	margin: 25px 0 5px;
	padding: 0;
}

.adminMarketing .promoFlagFilters {
	display: none;
}

.adminMarketing #remarketingSettingsForm h2 {
	margin-bottom: -10px;
}

.adminMarketing #remarketingSettingsForm h3 {
	margin-top: 20px;
}

.purgeFlags {
	display: inline-block;
	margin-top: 0;
	padding: 0 2px 2px;
	font-style: italic;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

/** Admin dashboard campaigns **/

.adminMarketing .recipientsCounter {
	position: absolute;
	top: 25px;
	right: 35px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
}

.adminMarketing .recipientsCounter img {
	display: inline-block;
	margin-right: -4px;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.adminMarketing .recipientsCounter div {
	display: inline-block;
	vertical-align: middle;
}

.daysSinceField {
	display: none;
}

.adminMarketing.campaignOverview .row {
	padding: 0 15px;
}

.adminMarketing.campaignOverview h2 {
	clear: both;
}

.adminMarketing.campaignOverview #overviewForm .btn {
	margin-bottom: 0px;
}

.adminMarketing.campaignOverview #overviewForm .btn + .btn {
	margin-left: 15px;
}

.adminMarketing.campaignOverview .form-control span {
	float: right;
}

.adminMarketing.campaignOverview table {
	width: 100%;
}

/** Admin dashboard marketing emails **/

.adminMarketing.marketingEmail td .layoutsPreview {
	display: inline-block;
	max-width: 100px;
	margin: 10px 0;
	padding: 5px;
	border-width: 2px;
	border-style: solid;
	border-radius: 2px;
}

.adminMarketing.emailLayout .layoutsPreview {
	max-width: 200px;
	margin: 10px 15px 15px;
	padding: 0px;
	transition: all 200ms;
}

.adminMarketing.emailLayout .layoutsPreview.layoutsDisabled {
	cursor: default !important;
}

.adminMarketing.emailLayout .layoutsPreview input + img {
	border: 4px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	transition: all 200ms;
}

.adminMarketing.emailLayout .layoutsPreview > input {
	visibility: hidden;
	position: absolute;
}

.adminMarketing.emailContent h2 {
	margin-bottom: 25px;
}

.adminMarketing.emailContent .form-group {
	padding: 0;
}

.adminMarketing.emailContent .form-group input[name="subject"] {
	height: 46px;
	max-width: 622px;
	margin: 0 auto;
	border: none;
	font-size: 18px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.adminMarketing.emailContent .contentGuide {
	position: relative;
	display: block;
	height: 22px;
	width: 622px;
	margin: 20px auto 0;
	padding-top: 4px;
	border-top: 1px dashed #cccccc;
	border-left: 1px dashed #cccccc;
	border-right: 1px dashed #cccccc;
	border-radius: 4px 4px 0 0;
}

.adminMarketing.emailContent .contentGuide p {
	margin: 0;
	font-size: 12px;
	text-align: center;
	color: #aaaaaa;
	cursor: default;
}

.adminMarketing.emailContent .contentGuide span {
	position: absolute;
	background-color: #888888;
}

.adminMarketing.emailContent .contentGuide .guideTerminator {
	height: 16px;
	width: 1px;
	top: 6px;
	background-color: #aaaaaa !important;
}

.adminMarketing.emailContent .contentGuide .guideTerminatorLeft {
	left: 10px;
}

.adminMarketing.emailContent .contentGuide .guideTerminatorRight {
	right: 10px;
}

.adminMarketing.emailContent .contentGuide .arrow {
	height: 1px;
	width: 6px;
}

.adminMarketing.emailContent .contentGuide .arrowLeft {
	left: 11px;
}

.adminMarketing.emailContent .contentGuide .arrowLeft1 {
	top: 11px;
	transform: rotate(135deg);
}

.adminMarketing.emailContent .contentGuide .arrowLeft2 {
	top: 15px;
	transform: rotate(45deg);
}

.adminMarketing.emailContent .contentGuide .arrowRight {
	right: 11px;
}

.adminMarketing.emailContent .contentGuide .arrowRight1 {
	top: 11px;
	transform: rotate(45deg);
	
}

.adminMarketing.emailContent .contentGuide .arrowRight2 {
	top: 15px;
	transform: rotate(135deg);
}

.adminMarketing.emailContent .contentGuide .guideLine {
	top: 13px;
	height: 1px;
	width: calc(50% - 38px);
	background-color: transparent !important;
	border-bottom: 1px dotted #555555;
}

.adminMarketing.emailContent .contentGuide .guideLineLeft {
	left: 14px;
}

.adminMarketing.emailContent .contentGuide .guideLineRight {
	right: 14px;
}

.adminMarketing.emailContent .contentEditorWrapper {
	width: 100%;
	max-width: 622px;
	margin: 0 auto 25px;
	border-left: 1px dashed #cccccc;
	border-right: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	border-radius: 0 0 4px 4px;
	font-family: Helvetica, sans-serif;
}

.adminMarketing.emailContent .contentEditorWrapper > div {
	max-width: 600px;
	margin: 0 auto;
	padding: 0;
	overflow: auto;
	background-color: white;
}

.adminMarketing.emailContent .contentEditorWrapper .addContentArea {
	overflow: auto;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block {
	position: relative;
	outline: none;
	cursor: pointer;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block .content_block_area {
	word-wrap: break-word;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block_disabled,
.adminMarketing.emailContent .contentEditorWrapper .content_block_disabled .content_block {
	cursor: default !important;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block h1,
.adminMarketing.emailContent .contentEditorWrapper .content_block h2,
.adminMarketing.emailContent .contentEditorWrapper .content_block h3,
.adminMarketing.emailContent .contentEditorWrapper .content_block h4,
.adminMarketing.emailContent .contentEditorWrapper .content_block h5,
.adminMarketing.emailContent .contentEditorWrapper .content_block h6 {
	font-family: Helvetica, sans-serif;
	font-weight: 700;
	line-height: unset;
	color: unset;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block h1 {
	margin: 21px 0 21.75px;
	font-size: 2em;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block h2 {
	margin: 21px 0 20px;
	font-size: 1.5em;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block h3 {
	margin: 20px 0;
	font-size: 1.17em;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block h4 {
	margin: 21px 0 22px;
	font-size: 1em;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block h5 {
	margin: 21px 0 22px;
	font-size: 0.81em;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block h6 {
	margin: 25px 0 25px;
	font-size: 0.68em;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block p {
	margin: 0 0 5px !important;
	font-size: 1em;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block p:nth-last-child(2) {
	margin-bottom: 0;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block > div {
	min-height: inherit;
	margin-top: 0px;
	border: 1px dotted #aaaaaa;
	outline: none;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block_disabled > div,
.adminMarketing.emailContent .contentEditorWrapper .content_block_disabled .content_block > div {
	border: none !important;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block > div img {
	max-width: 100%;
	height: auto;
}

.adminMarketing.emailContent .contentEditorWrapper .row .content_row_delete {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(0,0,0,0.5);
	font-family: "Montserrat";
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.75px;
	text-align: center;
	color: white;
	cursor: pointer;
	transition: all 200ms;
}

.adminMarketing.emailContent .contentEditorWrapper .row .content_row_delete i {
	position: relative;
	display: inline-block;
	top: -1px;
	width: 10px;
	margin: 0 4px 0 -10px;
	padding-top: ;
	font-size: 10px;
	line-height: 20px;
}

.adminMarketing.emailContent .contentEditorWrapper .content_block_disabled .content_row_delete {
	display: none;
}

.adminMarketing.emailContent .contentEditorWrapper .row:hover .content_row_delete {
	opacity: 1;
	visibility: visible;
}

.adminMarketing.emailContent .contentEditorWrapper .row .content_row_delete::after {
	position: absolute;
	width: 100%;
	/*content: "Delete Row";*/
}

.adminMarketing.emailContent .contentEditorWrapper .row .content_row_delete:hover,
.adminMarketing.emailContent .contentEditorWrapper .row .content_row_delete:focus {
	background-color: rgba(0,0,0,0.75);
}

.adminMarketing.emailContent .contentEditorWrapper .content_block .content_block_edit {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
}

.adminMarketing.emailContent .contentEditorWrapper .content_block .content_block_edit::after {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	border-radius: 50%;
	border: 2px solid white;
	content: "\f303";
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: 900;
	line-height: 46px;
	text-align: center;
	color: white;
	background-color: rgba(255,255,255,0.1);
}

.adminMarketing.emailContent .contentEditorWrapper .content_block:hover .content_block_edit {
	opacity: 1;
	visibility: visible;
}

.adminMarketing.emailContent .contentEditorWrapper .addContentWrapper {
	position: relative;
	margin: 0 0 35px;
	border: 1px dotted #aaaaaa;
	clear: both;
}

.adminMarketing.emailContent .contentEditorWrapper .addRowBar {
	display: none;
	position: absolute;
	bottom: -1px;
	left: 50%;
	height: 1px;
	width: 100%;
	border-bottom: 1px dotted #aaaaaa;
	transform: translateX(-50%);
}

.adminMarketing.emailContent .contentEditorWrapper .addRowButton {
	display: block;
	position: absolute;
	width: 180px;
	bottom: -26px;
	left: 50%;
	height: 26px;
	border: 1px dotted #aaaaaa;
	border-top: 1px solid #f5f6fb;
	border-radius: 0 0 4px 4px;
	transition: all 200ms;
	transform: translateX(-50%);
}

.adminMarketing.emailContent .contentEditorWrapper .addRowButton.noPlaceholder {
	border-top: 1px dotted transparent;
}

.adminMarketing.emailContent .contentEditorWrapper .addRowButton i {
	display: inline-block;
	padding: 0 0 3px;
	margin-left: 10px;
	margin-right: 5px;
	font-size: 14px;
	text-align: center;
	color: #ccc;
	cursor: default;
}

.adminMarketing.emailContent .contentEditorWrapper .addRowButton span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 20px;
	height: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
}

.adminMarketing.emailContent .contentEditorWrapper .addRowButton span:hover {
	outline-width: 2px;
	outline-style: solid;
}

.adminMarketing.emailContent .contentEditorWrapper .addRowButton .onecol {
	background-image: url(/assets/img/onecol.gif);
}

.adminMarketing.emailContent .contentEditorWrapper .addRowButton .twocol {
	background-image: url(/assets/img/twocol.gif);
}

.adminMarketing.emailContent .contentEditorWrapper .addRowButton .onetwocol {
	background-image: url(/assets/img/onetwocol.gif);
}

.adminMarketing.emailContent .contentEditorWrapper .addRowButton .twoonecol {
	background-image: url(/assets/img/twoonecol.gif);
}

.adminMarketing.emailContent .contentEditorWrapper .addRowButton .threecol {
	background-image: url(/assets/img/threecol.gif);
}

.addContentArea::after {
	display: block;
	content: 'Add additional content here';
	padding: 25px 0;
	font-size: 18px;
	font-weight: 500;
	font-family: Montserrat;
	text-align: center;
	color: #cccccc;
}

.addContentArea.noPlaceholder::after {
	display: none;
}

.adminMarketing.emailContent .contentEditorWrapper .footer_container p {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	cursor: default;
}

.adminMarketing.emailContent .contentEditorWrapper .logo_container { padding:25px 0 25px;margin:0 auto;background-color:#f5f6fb;letter-spacing:1px;text-align:center; }
.adminMarketing.emailContent .contentEditorWrapper .logo_container > img { font-size:50px; }
.adminMarketing.emailContent .contentEditorWrapper .row { position:relative;margin-left:0px;margin-right:0px;margin-bottom:15px; }

.adminMarketing.emailContent .contentEditorWrapper .one_col { position:relative;width:100%; }
.adminMarketing.emailContent .contentEditorWrapper .one_col .hero { margin:0 0 0 0;min-height:350px;margin-bottom:15px; }
.adminMarketing.emailContent .contentEditorWrapper .one_col > div { min-height:200px; }

.adminMarketing.emailContent .contentEditorWrapper .two_col { position:relative;float:left;width:calc(50% - 7.5px); }
.adminMarketing.emailContent .contentEditorWrapper .two_col + .two_col { margin-left: 15px; }
.adminMarketing.emailContent .contentEditorWrapper .two_col_one_third { width:calc((100% / 3) - 9.5px); }
.adminMarketing.emailContent .contentEditorWrapper .two_col_two_third { width:calc((100% / 3) * 2 - 5.5px); }
.adminMarketing.emailContent .contentEditorWrapper .two_col .hero { min-height:350px;margin-bottom:15px; }
.adminMarketing.emailContent .contentEditorWrapper .two_col > div { min-height:200px; }

.adminMarketing.emailContent .contentEditorWrapper .three_col { position:relative;float:left;width:calc((100% / 3) - 10px); }
.adminMarketing.emailContent .contentEditorWrapper .three_col + .three_col { margin-left: 15px; }
.adminMarketing.emailContent .contentEditorWrapper .three_col .hero { min-height:350px;margin-bottom:15px; }
.adminMarketing.emailContent .contentEditorWrapper .three_col > div { min-height:200px; }

.adminMarketing.emailContent .contentEditorWrapper .footer_container { font-size:12px;color:#323232;line-height:16px;letter-spacing:0.25px;text-align:center;margin:0 auto;padding:25px;background-color:#f5f6fb;clear:both; }
.adminMarketing.emailContent .contentEditorWrapper .footer_container a { color:#323232; }
.adminMarketing.emailContent .contentEditorWrapper .footer_container a:last-child { text-decoration:underline !important;}
.adminMarketing.emailContent .contentEditorWrapper .footer_container p:first-child { margin:0 0 12px; }
.adminMarketing.emailContent .contentEditorWrapper .footer_container p:nth-child(2) { margin:0 0 10px; }
.adminMarketing.emailContent .contentEditorWrapper .footer_container p:nth-child(3),
.adminMarketing.emailContent .contentEditorWrapper .footer_container p:nth-child(4),
.adminMarketing.emailContent .contentEditorWrapper .footer_container p:nth-child(5) { margin:0 0 1px; }
.adminMarketing.emailContent .contentEditorWrapper .footer_container p:last-child { margin:10px 0 0; }

.adminMarketing.emailContent #emailsContentForm button {
	max-width: 622px;
	margin: 0 auto 5px;
}

.adminMarketing.emailContent #emailsContentForm p.historyText {
	max-width: 622px;
	margin: 10px auto 0;
}

/** Admin dashboard blog **/

.dashboard .overviewBox {
	position: relative;
	margin-top: 5px;
	margin-bottom: 25px;
	padding: 25px 35px 10px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	border-radius: 10px;
	overflow: auto;
}

.dashboard .overviewBox h2 {
	position: relative;
	margin-bottom: 15px;
	font-size: 20px;
}

.dashboard .overviewBox h2::after {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	right: 0px;
	width: calc(100% - 110px);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.dashboard .overviewBox .overviewStats {
	height: 95px;
	width: auto;
	min-width: 200px;
	margin-bottom: 15px;
	float: left;
}

.dashboard .overviewBox .overviewStats h3 {
	margin: 0px;
	font-size: 14px;
}

.dashboard .overviewBox .overviewStats p.statsNum {
	margin-bottom: 0px;
	font-size: 36px;
	font-family: Montserrat;
	line-height: 1;
}

.dashboard .overviewBox .overviewStats a,
.dashboard .overviewBox .overviewStats h4 {
	display: block;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 12px;
	font-family: Poppins;
	line-height: 1.1;
	color: white;
}

.dashboard .overviewBox .overviewStats a i {
	margin-left: 2px;
}

.dashboard .overviewBox .overviewStats p.statsDate {
	font-size: 12px;
}

.dashboard .overviewBox h2,
.dashboard .overviewBox h3,
.dashboard .overviewBox h4,
.dashboard .overviewBox p {
	color: white;
}

.blogLists {
	display: flex;
}

.blogLists > div {
	display: flex;
	flex-direction: column;
}

.blogLists > div .listBox {
	flex-grow: 1;
}

.blogGlance {
	margin-bottom: 25px;
	overflow: auto;
}

.blogGlance a {
	display: block;
	padding-left: 15px;
	margin-bottom: 5px;
	font-size: 14px;
	font-family: Montserrat;
}

.blogGlance a i {
	margin-right: 4px;
}

.emptyMktg {
	position: relative;
	display: block;
	text-align: center;
	height: calc(100% - 70px);
	margin: 20px 0 5px;
	padding: 30px 25px 25px;
	border-width: 2px;
	border-style: dashed;
	border-radius: 6px;
	transition: all 200ms;
	outline: none !important;
}

.emptyMktg > div {
	width: 100%;
}

.emptyMktg:hover,
.emptyMktg:focus,
.emptyMktg:active {
	border-width: 2px;
	border-style: dashed;
}

.emptyMktg i {
	margin-bottom: 10px;
	font-size: 30px;
	opacity: 0.6;
	transition: all 200ms;
}

.emptyMktg:hover i {
	opacity: 0.7;
}

.emptyMktg p {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: 0.75px;
	transition: all 200ms;
}

/** Admin dashboard calendar **/

.marketingCalendar .whiteBox {
	border-radius: 10px;
}

.marketingCalendar .whiteBox .calendarTitle {
	position: relative;
	margin-bottom: 0px;
	padding: 18px 20px 12px;
}

.marketingCalendar .whiteBox .calendarTitle h2 {
	margin-bottom: 0px;
	text-align: center;
}

.monthNav {
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	outline: none !important;
}

.dayNav {
	position: absolute;
	display: block;
	bottom: 2px;
	outline: none;
}

.monthNav.previousMthNav {
	left: 20px;
}

.monthNav.nextMthNav {
	right: 20px;
}

.dayNav.previousDayNav {
	left: 10px;
}

.dayNav.nextDayNav {
	right: 10px;
}

.monthNav *:not(sup),
.dayNav *:not(sup) {
	display: inline-block;
	transition: all 200ms;
	font-size: 14px;
}

.dayNav sup {
	margin-right: -2px;
	font-size: 60%;
}

.monthNav span,
.dayNav span {
	font-weight: 500;
	font-family: Montserrat;
}

.monthNav.previousMthNav span {
	margin-left: 8px;
}

.monthNav.nextMthNav span {
	margin-right: 8px;
}

.dayNav.previousDayNav span {
	margin-left: 3px;
}

.dayNav.nextDayNav span {
	margin-right: 3px;
}

.monthNav.disabled,
.dayNav.disabled {
	opacity: 0;
	visibility: hidden;
}

.marketingCalendar .calendarTable {
	
}

.marketingCalendar .calendarTable .calendarHead {
	width: 100%;
	overflow: auto;
	background-color: #1a1a1a;
	background: linear-gradient(45deg, #555, #1a1a1a);
}

.marketingCalendar .calendarTable .calendarHead span {
	display: block;
	float: left;
	width: 14.285714%;
	min-width: 100px;
	transition: all 200ms;
	padding: 10px 4px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
}

.marketingCalendar .calendarTable .calendarBody {
	width: 100%;
	overflow: auto;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay {
	position: relative;
	display: block;
	float: left;
	width: 14.285714%;
	min-width: 100px;
	padding: 10px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #323232;
	background-color: rgba(243,112,67,0);
	transition: all 200ms;
	outline: none;
	cursor: pointer;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay.noLinks {
	cursor: default !important;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay:nth-child(7n+0) {
	border-right: none;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay:nth-last-child(-n+7) {
	border-bottom: none;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay h3 {
	margin: 0;
	text-align: right;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	color: inherit;
	cursor: inherit;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay.today h3 span {
	margin-right: -2px;
	padding: 0 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay .dayTasks {
	display: block;
	height: 120px;
	width: 100%;
	margin-top: 10px;
	overflow: auto;
	transition: all 200ms;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay .dayTasks ul {
	padding: 0 0 0 12px;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay .dayTasks ul li {
	font-size: 12px;
	color: #555;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay.notCurrent {
	color: #888 !important;
	background-color: #efefef !important;
	cursor: pointer;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay .quickAdd {
	position: absolute;
	display: block;
	bottom: 0px;
	left: 0px;
	height: 20px;
	width: 100%;
	padding: 4px 0 2px;
	font-size: 12px;
	color: white;
	line-height: 12px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
	background-color: rgba(0,0,0,0.5);
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay .quickAdd i {
	position: relative;
	top: -1px;
	margin-left: -2px;
	margin-right: 2px;
	font-size: 8px;
	line-height: 14px;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay.notCurrent .quickAdd {
	display: none;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay:hover .quickAdd {
	opacity: 1;
	visibility: visible;
}

.marketingCalendar .calendarTable .calendarBody .calendarBodyDay .quickAdd:hover {
	background-color: rgba(0,0,0,0.6);
	text-shadow: 0 0 2px rgba(255,255,255,0.4);
}

/** Admin dashboard calendar day **/

.marketingCalendar.calendarDay .dayTitle {
	position: relative;
	text-align: center;
}

.marketingCalendar.calendarDay .dayTitle h2 {
	padding: 0 5px;
}

.marketingCalendar.calendarDay .dayTitle h2 span:first-child {
	font-size: 14px;
	font-weight: 700;
	color: #555;
	text-transform: uppercase;
}

.marketingCalendar.calendarDay .dayTitle h2 span:last-child {
	display: block;
	font-size: 24px;
}

.popupTask {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	height: auto;
	width: 100%;
	min-width: 300px;
	max-width: 500px;
	transform: translate(-50%, -50%);
}

.popupTask h2 {
	display: block;
	padding: 0 !important;
	width: auto;
	float: left;
}

.popupTask ul li a.taskSwitch {
	width: 110px;
	text-align: center;
}

.popupTask ul li a.taskSwitch[data-completed="0"] {
	color: #555555;
	background-color: #cccccc;
}

.popupTask ul li a.taskSwitch[data-completed="0"]:hover {
	background-color: #eeeeee;
	border-color: #eee #eee #ddd;
}

.popupTask ul li a.taskSwitch[data-completed="1"],
.popupTask ul li a.taskSwitch[data-completed="1"]:hover,
.popupTask ul li a.taskSwitch[data-completed="1"]:focus,
.popupTask ul li a.taskSwitch[data-completed="1"]:active {
	color: white;
	cursor: default !important;
}

.popupTask .taskForm {
	padding: 10px 15px 25px;
}

.popupTask .popupContent {
	min-height: 415px;
}

.popupTask .popupContent #tasksView {
	position: relative;
	height: 415px;
	width: 100%;
	margin-bottom: 0px;
	padding: 0 5px 40px;
	overflow: auto;
}

.popupTask .popupContent #tasksView .tasksLoader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(-50% - 10px));
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.popupTask .popupContent #tasksView .noTasks {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	height: calc(100% - 70px);
	width: calc(100% - 30px);
	transform: translate(-50%, calc(-50% + -20px));
	transition: all 200ms;
}

.popupTask .popupContent #tasksView .noTasks div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 50px);
	text-align: center;
	transform: translate(-50%, -50%);
}

.popupTask .popupContent #tasksView .noTasks i {
	margin-bottom: 10px;
	font-size: 50px;
	opacity: 0.5;
	transition: all 200ms;
}

.popupTask .popupContent #tasksView .noTasks:hover i {
	opacity: 0.8;
}

.popupTask .popupContent #tasksView .noTasks p {
	margin-bottom: 0px;
	font-size: 20px;
}

.popupTask .popupContent #tasksView ul {
	list-style-type: none;
	padding: 15px 10px 5px;
}

.popupTask .popupContent #tasksView ul .taskDetail {
	padding: 15px 15px 13px;
	cursor: default;
	transition: all 200ms;
}

.popupTask .popupContent #tasksView ul .taskDetail:hover {
	background-color: #eee;
}

.popupTask .popupContent #tasksView ul .taskDetail:not(:first-child) {
	margin-top: 15px;
	margin-bottom: 0;
}

.popupTask .popupContent #tasksView ul .taskDetail h3 {
	text-align: left;
}

.popupTask .popupContent #tasksView ul .taskDetail .taskAssigned {
	margin-bottom: 0px;
}

.popupTask .popupContent #tasksView .fullView {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0px;
	height: 40px;
	width: 100%;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
	text-align: center;
	line-height: 40px;
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
	letter-spacing: 0.8px;
	transition: all 200ms;
}

.popupTask .popupContent #tasksView .fullView:hover {
	text-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.editLink {
	position: absolute;
	display: block;
	top: 5px;
	right: 5px;
	padding: 0 5px 2px 18px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	line-height: 1;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: transparent;
	cursor: pointer;
	transition: all 200ms;
}

.editLink i {
	position: absolute;
	top: 2px;
	left: 3px;
	margin-right: 2px;
	font-size: 10px;
}

.completeLink {
	position: absolute;
	display: block;
	top: 30px;
	right: 5px;
	padding: 0 5px 2px 18px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	line-height: 1;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: transparent;
	cursor: pointer;
	transition: all 200ms;
}

.completeLink i {
	position: absolute;
	top: 2px;
	left: 3px;
	margin-right: 2px;
	font-size: 10px;
}

.marketingCalendar .tasks {
	margin-bottom: 2.5px;
	padding: 0 5px;
	list-style-type: none;
}

.marketingCalendar .tasks .taskDetail {
	position: relative;
	padding: 16px 20px 30px;
	border: 2px solid #ccc;
	border-radius: 6px;
	overflow: hidden;
	transition: all 200ms;
}

.marketingCalendar .tasks .taskDetail .viewMore {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 20px;
	width: 100%;
	text-align: center;
	color: #323232;
	line-height: 20px;
	background-color: #efefef;
	cursor: pointer;
	transition: all 200ms;
	z-index: 1;
}

.marketingCalendar .tasks .taskDetail:hover .viewMore {
	background-color: #dfdfdf;
}

.marketingCalendar .tasks .taskDetail .editLink,
.marketingCalendar .tasks .taskDetail .completeLink {
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	text-shadow: 0 0 5px rgba(0,0,0,0);
	transition: all 200ms, right 1000ms;
}

.marketingCalendar .tasks .taskDetail .editLink:hover,
.marketingCalendar .tasks .taskDetail .editLink:focus,
.marketingCalendar .tasks .taskDetail .editLink:active,
.marketingCalendar .tasks .taskDetail .completeLink:hover,
.marketingCalendar .tasks .taskDetail .completeLink:focus,
.marketingCalendar .tasks .taskDetail .completeLink:active {
	text-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.marketingCalendar .tasks .taskDetail .editLink i,
.marketingCalendar .tasks .taskDetail .completeLink i {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
}

.marketingCalendar .tasks .taskDetail .editLink {
	top: 15px;
}

.marketingCalendar .tasks .taskDetail .completeLink {
	top: 65px;
}

.marketingCalendar .tasks .taskDetail[data-view="open"] .editLink,
.marketingCalendar .tasks .taskDetail[data-view="open"] .completeLink {
	right: 15px;
}

.marketingCalendar .tasks .taskDetail[data-view="close"] .editLink,
.marketingCalendar .tasks .taskDetail[data-view="close"] .completeLink {
	right: -40px;
}

.marketingCalendar .tasks .taskDetail:not(:last-child) {
	margin-bottom: 12px;
}

.marketingCalendar .tasks .taskDetail h3 {
	margin: 0 0 5px;
	font-size: 20px;
}

.marketingCalendar .tasks .taskDetail .taskCreated {
	margin-bottom: 2px;
	font-size: 12px;
	color: #555;
	letter-spacing: 0.5px;
}

.marketingCalendar .tasks .taskDetail .taskDeadline {
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 600;
	color: #555;
}

.marketingCalendar .tasks .taskDetail .taskDeadline[data-approaching="safe"] span {
	color: #40ad4f;
}

.marketingCalendar .tasks .taskDetail .taskDeadline[data-approaching="approaching"] span {
	color: #f36f43;
}

.marketingCalendar .tasks .taskDetail .taskDeadline[data-approaching="passed"] span {
	color: #d0302a;
}

.marketingCalendar .tasks .taskDetail .taskAssigned {
	font-size: 14px;
	font-weight: 500;
	color: #555;
}

.marketingCalendar .tasks .taskDetail h4 {
	display: inline-block;
	margin: 0px 0 5px -3px;
	padding: 0 3px 3px;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.marketingCalendar .tasks .taskDetail .taskDescription {
	line-height: 1.6;
	margin-bottom: 0px;
}

.marketingCalendar .tasks .taskDetail .taskDescription br {
	margin-bottom: 5px;
}

.marketingCalendar .tasks .taskDetail .taskHistory {
	margin: 10px 0 20px;
}

.marketingCalendar .noTasks {
	margin: 0;
	padding: 30px 10px 25px;
	text-align: center;
	border-width: 2px;
	border-style: dashed;
	border-radius: 10px;
	cursor: pointer;
	transition: all 200ms;
}

.marketingCalendar .noTasks p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	transition: all 200ms;
}

.marketingCalendar .miniCalendar {
	min-width: 310px;
	padding: 25px 10px 12px;
}

.marketingCalendar .miniCalendar div {
	overflow: auto;
	min-width: 290px;
}

.marketingCalendar .miniCalendar .calendarTitle {
	position: relative;
	overflow: auto;
	margin: 0 0 10px;
	padding: 0 calc(14.285714% / 3);
}

.marketingCalendar .miniCalendar .calendarTitle h3 {
	height: 20px;
	width: 100%;
	margin: 0;
	text-align: center;
	line-height: 20px;
}

.marketingCalendar .miniCalendar .calendarTitle .monthNav.previousMthNav {
	left: calc(14.14285714% / 9 * 4);
}

.marketingCalendar .miniCalendar .calendarTitle .monthNav.nextMthNav {
	right: calc(14.14285714% / 9 * 4);
}

.marketingCalendar .miniCalendar div.calendarHeader span,
.marketingCalendar .miniCalendar div.calendarBody a {
	display: block;
	float: left;
	height: 40px;
	width: 14.285714%;
	min-width: 40px;
	font-size: 12px;
	font-weight: 700;
	font-family: Montserrat;
	text-align: center;
	line-height: 40px;
	transition: all 200ms;
	cursor: pointer;
	outline: none;
}

.marketingCalendar .miniCalendar div.calendarBody a.notCurrent {
	opacity: 0;
	visibility: hidden;
}

.marketingCalendar .miniCalendar .calendarHeader {
	margin-bottom: -10px;
}

.marketingCalendar .miniCalendar .calendarHeader span {
	color: #888;
}

.marketingCalendar .miniCalendar .calendarBody {

}

.marketingCalendar .miniCalendar .calendarBody a {
	position: relative;
	color: #555555;
}

.marketingCalendar .miniCalendar .calendarBody a.currentDay {
	color: #323232;
	cursor: default !important;
}

.marketingCalendar .miniCalendar .calendarBody a span {
	position: relative;
	z-index: 2;
}

.marketingCalendar .miniCalendar .calendarBody a.today span {
	padding: 0 2px;
	border-bottom: 1px solid #555;
}

.marketingCalendar .miniCalendar .calendarBody a:hover {
	color: #323232;
}

.marketingCalendar .miniCalendar .calendarBody a::after {
	content: '';
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: all 200ms;
	z-index: 1;
}

.marketingCalendar .miniCalendar .calendarBody a.currentDay::after,
.marketingCalendar .miniCalendar div.calendarBody a:hover::after {
	opacity: 1;
	visibility: visible;
}

.marketingCalendar .miniCalendar .calendarBody a.currentDay span {

}

.marketingCalendar .miniCalendar .calendarBody a.currentDay::after {
	opacity: 1;
	visibility: visible;
}

/** Admin dashboard blog **/

.marketingBlog #featuredImage {
	margin-bottom: 5px;
	letter-spacing: 0.25px;
}

.marketingBlog #featuredImage label {
	margin-bottom: 10px;
}

.marketingBlog #featuredImage .imgPreview {
	position: relative;
}

.marketingBlog #featuredImage img {
	width: 100%;
}

p.imgTips {
	margin: 0;
	color: unset;
	padding: 30px 10px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	text-align: center;
	border-width: 2px;
	border-style: dashed;
	border-radius: 6px;
	transition: all 200ms;
}

.marketingBlog #featuredImage .imgRemove {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	cursor: pointer;
}

.marketingBlog #featuredImage .imgRemove i {
	display: block;
	margin: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 20px;
	background-color: white;
	border-radius: 50%;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	transition: all 200ms;
}

.marketingBlog #featuredImage .imgRemove:hover i {
	background-color: #eeeeee;
}

/** Admin dashboard blog categories **/

.marketingBlog.blogCategories .heroPlaceholder {
	padding: 12px;
	margin: 10px auto 15px;
	transition: all 200ms;
	outline-width: 2px;
	outline-style: dashed;
	outline-offset: -2px;
	text-align: center;
}

.marketingBlog.blogCategories .heroPlaceholder img {
	display: inline-block;
}

.marketingBlog.blogTags .formButtonWrapper {
	margin-top: 15px;
}

.marketingBlog.blogTags #editBlogTagForm {
	display: none;
}

/** Admin dashboard blog posts **/

.marketingBlog.blogPosts .form-group {
	padding: 0;
}

.marketingBlog.blogPosts .form-group input[name="title"],
.marketingBlog.blogPosts .form-group input[name="secondary_title"] {
	font-size: 24px;
	height: auto;
	margin-top: 5px !important;
	border: none;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.marketingBlog.blogPosts #addImage {
	margin: 10px 0 -5px;
	border: none;
	border-radius: 10px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.marketingBlog.blogPosts #addImage:hover {
	background-color: white;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.marketingBlog.blogPosts .panel-heading.note-toolbar {
	padding: 0 0 0px 5px;
}

.marketingBlog.blogPosts .note-editor.note-frame {
	border: 1px solid #ccc;
	margin: 0px 0px 15px;
}

.marketingBlog.blogPosts .btn {
	font-family: Montserrat;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.marketingBlog.blogPosts .postPermalink {
	margin-top: -5px;
	margin-bottom: 5px;
}

.marketingBlog.blogPosts .postPermalink p {
	display: inline-block;
	padding: 0px 8px;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.marketingBlog.blogPosts .postPermalink a {
	padding: 0 4px 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	letter-spacing: 1px;
}

.marketingBlog.blogPosts .postPermalink span {
	margin-left: 6px;
	opacity: 0;
	transition: all 200ms;
}

.marketingBlog.blogPosts .postPermalink:hover span {
	opacity: 1;
}

.marketingBlog.blogPosts .postAttributes {
	padding: 0px 0px 15px;
	margin-top: 5px;
	margin-bottom: 25px;
	background-color: white;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	border-radius: 10px;
	overflow: hidden;
}

.marketingBlog.blogPosts .postAttributes h2 {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 10px 16px 8px;
	font-size: 16px;
	color: white;
	background-color: #1a1a1a;
	background: linear-gradient(45deg, #555555, #1a1a1a);
}

.marketingBlog.blogPosts .postAttributes .form-group {
	margin-bottom: unset;
	padding: 0 20px;
}

.marketingBlog.blogPosts .postAttributes label {
	display: inline;
}

.marketingBlog.blogPosts .postAttributes i {
	width: 20px;
	margin-right: 5px;
	text-align: center;
}

.marketingBlog.blogPosts .postAttributes input {
	height: 36px;
	width: calc(100% - 72px);
	float: left;
	margin-top: 0;
	margin-bottom: 5px;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: 0.5px;
	border-radius: 6px 0 0 6px;
}

.marketingBlog.blogPosts .postAttributes input[type="radio"] {
	height: auto;
}

.marketingBlog.blogPosts .postAttributes h3 {
	display: block;
	margin-top: 0;
	margin-bottom: 10px;
	font-family: Montserrat;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.25px;
	text-align: left;
	cursor: default;
}

.marketingBlog.blogPosts .postAttributes .btn[data-loading='true'] span {
	opacity: 1;
	visibility: visible;
}

.marketingBlog.blogPosts .postAttributes .btn.btn-md {
	position: relative;
	height: 36px;
	width: 72px;
	padding: 9px 0;
	float: left;
	box-shadow: none;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.marketingBlog.blogPosts .postAttributes .btn img {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
	transform: translate(-50%, calc(-50% + 1px));
}

.marketingBlog.blogPosts .postAttributes .btn[data-loading='true'] img {
	opacity: 1;
	visibility: visible;
}

.marketingBlog.blogPosts .postAttributes .btn[data-loading='true'] span {
	opacity: 0;
	visibility: hidden;
}

.marketingBlog.blogPosts .postPublish {
	padding: 0px;
}

.marketingBlog.blogPosts .postPublish .form-group {
	margin-bottom: 12px;
}

.marketingBlog.blogPosts .postPublish select {
	height: auto;
	width: calc(100% - 100px);
	margin-top: 0;
	padding: 0 2px;
	float: left;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: .75px;
	border: 0;
	border-radius: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.marketingBlog.blogPosts .postPublish label {
	width: 100px;
	padding: 0;
	float: left;
}

.marketingBlog.blogPosts .postPublish label.radio {
	min-height: unset;
	width: auto;
	padding-left: 3px;
	margin: 0;
}

.marketingBlog.blogPosts .postPublish label.radio input {
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.marketingBlog.blogPosts .postPublish label.radio p {
	margin-bottom: 0;
	padding: 0 2px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: .75px;
	color: #aaaaaa;
	border-bottom: 1px dotted transparent;
	transition: all 200ms;
}

.marketingBlog.blogPosts .postPublish label.radio input:checked ~ p {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.marketingBlog.blogPosts .postPublish .publishButton {
	padding: 15px 15px;
	margin-top: 20px;
	border-top: 1px solid #eee;
	text-align: right;
}

.marketingBlog.blogPosts .postPublish .publishButton button {
	margin-bottom: 0;
	padding: 8px 24px;
	border-radius: 6px;
}

.marketingBlog.blogPosts .postAttributes .categoryList {
	padding: 0px 20px;
}

.marketingBlog.blogPosts .postAttributes .categoryList .radio:last-child {
	margin-bottom: 0px;
}

.marketingBlog.blogPosts .postAttributes .categoryNew {
	margin-top: 15px;
	padding: 15px 20px 0 !important;
	border-top: 1px solid #eee;
	overflow: auto;
}

.marketingBlog.blogPosts .postAttributes .tagList {
	max-height: 200px;
	overflow: auto;
}

.marketingBlog.blogPosts .postAttributes .tagList .checkContainer {
	display: block;
	width: 50%;
	float: left;
	margin-bottom: 5px;
	padding-top: 0;
	padding-right: 4px;
	word-break: break-word;
}

.marketingBlog.blogPosts .postAttributes .tagList .checkContainer input {
	height: auto;
	min-height: 20px;
}

.marketingBlog.blogPosts .postAttributes .tagList .checkContainer .checkmark {
	top: 3px;
}

.marketingBlog.blogPosts .postAttributes .tagNew {
	margin-top: 15px;
	padding: 15px 20px 0 !important;
	border-top: 1px solid #eeeeee;
	overflow: auto;
}

.marketingBlog.blogPosts .postMeta {
	margin-bottom: 0px;
}

.marketingBlog.blogPosts .postMeta .form-group {
	overflow: auto;
	margin-bottom: 5px;
	padding: 0 25px;
}

.marketingBlog.blogMedia #fileUploadForm {
	display: none;
	width: calc(100% - 30px);
	margin: 0 15px 10px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	border-radius: 10px;
}

/** Admin dashboard events **/

.adminEvents tr[data-impact="3"] td[data-cell="impact"] {
	color: #f2cc00;
}

.adminEvents tr[data-impact="2"] td[data-cell="impact"] {
	color: #f36f43;
}

.adminEvents tr[data-impact="1"] td[data-cell="impact"] {
	color: #d0302a;
}

.adminEvents .dataColour {
	position: relative;
	font-family: Nunito;
	font-size: 16px;
	font-weight: 700;
	color: #555;
}

.adminEvents.eventsCoinData .dataColour {
	font-family: inherit;
	font-size: inherit;
}

.adminEvents .dataColour[data-colour="green"],
.adminEvents .dataColour[data-positive-direction="up"][data-direction="up"],
.adminEvents .dataColour[data-positive-direction="down"][data-direction="down"] {
	color: #297138;
}

.adminEvents .dataColour[data-colour="red"],
.adminEvents .dataColour[data-positive-direction="up"][data-direction="down"],
.adminEvents .dataColour[data-positive-direction="down"][data-direction="up"] {
	color: #d0302a;
}

.adminEvents .dashboardTable td.cellHasCaret .dataColour[data-direction]::after {
	content: "\f0d8";
	position: absolute;
	top: 50%;
	left: -16px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	transform: translateY(-50%);
}

.adminEvents .dashboardTable td.cellHasCaret .dataColour[data-direction="up"]::after {
	transform: translateY(-50%) rotate(0deg);
}

.adminEvents .dashboardTable td.cellHasCaret .dataColour[data-direction="down"]::after {
	transform: translateY(-50%) rotate(180deg);
}

.adminEvents .dashboardTable td[data-cell="previous"] {
	position: relative;
	font-family: Nunito;
	font-size: 16px;
	font-weight: 700;
	color: #555;
}

.adminEvents .dashboardTable td[data-cell="forecast"] span {
	display: block;
	font-size: 14px;
	color: #555;
	line-height: 1;
}

.adminEvents .saveDatesBtn {
	opacity: 0;
	visibility: hidden;
	transition: opacity 200ms, visibility 200ms;
}

.adminEvents .eventDatesTable tbody tr.editableRow td:nth-child(-n+3) {
	border-right: 1px dashed #ccc;
}

.adminEvents .eventDatesTable tbody tr td[data-editable="true"] {
	position: relative;
	padding: 0;
}

.adminEvents .eventDatesTable tbody tr td[data-editable="true"]::after {
	content: "\f0d9";
	position: absolute;
	top: -10px;
	left: 1px;
	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	font-weight: 900;
	transform: rotate(45deg);
}

.adminEvents .eventDatesTable tbody tr:first-child td[data-editable="true"]::after {
	top: -9px;
}

.adminEvents .eventDatesTable tbody tr td[data-editable="false"] {
	padding: 8px 4px;
}

.adminEvents .eventDatesTable tbody tr td .eventDateField {
	display: block;
	height: 36px;
	width: 100%;
	margin: 0;
	padding: 0 0;
	border: none;
	border-bottom: 1px dashed #ccc;
	border-radius: 0;
	text-align: center;
	box-shadow: none;
	outline: 0;
	background-color: transparent;
}

.adminEvents .eventDatesTable tbody tr td[data-preliminary]::after {
	content: 'P';
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	height: 16px;
	width: 16px;
	background-color: #f36f43;
	font-family: Poppins;
	font-size: 10px;
	font-weight: 700;
	color: white;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	transform: translateY(-50%);
}

.adminEvents .eventDatesTable tbody tr td .eventDateField[data-error]{
	background-color: rgba(255,0,0,0.15);
}

.adminEvents .eventDatesTable tbody tr td {
	position: relative;
}

.adminEvents .eventDatesTable tbody tr td .cancelEventDate {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 35px;
	width: 35px;
	margin: 0 !important;
	padding: 0 !important;
	color: white;
	text-align: center;
	line-height: 35px;
	transition: all 200ms;
}

.adminEvents .eventDatesTable tbody tr td[data-state="show"] .cancelEventDate {
	opacity: 1;
	visibility: visible;
}

.adminEvents .eventDatesTable tbody tr td[data-state="hide"] .cancelEventDate {
	opacity: 0;
	visibility: hidden;
}

.adminEvents .eventDatesTable tbody tr td .coinDataSelect {
	height: 36px;
	padding-left: 20px;
	font-size: 12px;
}


.adminEvents.eventsCoinData .cryptoIcon {
	position: absolute;
	top: -26px;
	left: -26px;
	opacity: 0.15;
	border-radius: 50%;
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.75);
	z-index: 1;
}

.adminEvents.eventsCoinData .chartBox .coinInfo {
	display: block;
	margin-bottom: 10px;
	padding: 0 0 6px;
	border-radius: 0;
	font-size: 0;
}

.adminEvents.eventsCoinData .chartBox .coinInfo span {
	position: relative;
	display: inline-block;
	height: 50px;
	vertical-align: middle;
	font-family: Nunito;
	font-size: 16px;
	font-weight: 700;
	color: #545454;
}

.adminEvents.eventsCoinData .chartBox .coinInfo .coinInfoTicker {
	padding: 0 16px 0 0;
	border-right: 1px solid #ddd;
}

.adminEvents.eventsCoinData .chartBox .coinInfo .coinInfoTicker h2 {
	position: relative;
	display: inline-block;
	margin: 0 0 0;
	padding-left: 0px;
	font-weight: 800;
	font-family: Nunito;
	z-index: 2;
}

.adminEvents.eventsCoinData .chartBox .coinInfo .coinInfoTicker p {
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
}

.adminEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub {
	padding: 22px 0 0px 20px;
}


.adminEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub .metricTitle {
	position: absolute;
	display: block;
	top: 6px;
	left: 10px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
	color: #666;
}

.adminEvents.eventsCoinData .chartBox p {
	position: relative;
	margin-bottom: 0;
	z-index: 2;
}

.adminEvents.eventsCoinData .chartBox .releaseInfo {
	display: block;
	margin: 0 0 10px;
	padding: 6px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.adminEvents.eventsCoinData .chartBox .releaseInfo p {
	margin-bottom: 0;
	color: #555;
}

.adminEvents.eventsCoinData .chartBox .releaseInfo .releaseName {
	display: inline-block;
	font-size: 18px;
}

.adminEvents.eventsCoinData .chartBox .releaseInfo .releaseAgency {
	margin-bottom: 6px;
	font-size: 14px;
}

.adminEvents.eventsCoinData .chartBox .releaseInfo .releaseDate {
	font-size: 16px;
	font-weight: 800;
	font-family: Nunito;
}

.adminEvents.eventsCoinData .chartBox .releaseInfo .releaseDate .releaseTz {
	margin-left: 6px;
	color: #888;
	font-weight: 500;
	font-family: Poppins;
}

.adminEvents.eventsCoinData .chartBox .dataSource {
	margin-bottom: -5px !important;
	font-size: 12px;
}

.adminEvents .chartWrap {
	position: relative;
	width: 100%;
	height: 600px;
	padding: 0;
}

.adminEvents .chartWrap .pane {
	position: relative;
	width: 100%;
}

.adminEvents .chartWrap .pane.panePrice {
	height: 450px;
}

.adminEvents .chartWrap .pane.paneVol {
	height: 150px;
	border-top: 1px solid rgba(0,0,0,0.25);
}

.adminEvents #priceChart {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.adminEvents .volumeLabel {
	position: absolute;
	top: 5px;
	left: 5px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #fff;
	z-index: 10;
	pointer-events: none;
}

.adminEvents #volChart {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.adminEvents.eventsCoinData .chartInterval {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0 6px;
	margin: 0 0 0 -8px;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

.adminEvents.eventsCoinData .chartInterval li {
	display: inline-block;
	padding: 0;
	font-size: 0;
	line-height: 1;
}

.adminEvents.eventsCoinData .chartInterval li a {
	display: inline-block;
	padding: 6px 2px 2px;
	margin: 0 4px 4px;
	font-size: 16px;
	font-weight: 700;
	font-family: Nunito;
	text-align: center;
	border-bottom: 1px solid transparent;
}

.adminEvents.eventsCoinData .chartInterval li.active a {
	border-bottom-color: #f36f43;
}

.adminEvents .analysisTableWrap {
	overflow-x: auto !important;
}

.adminEvents .analysisTable {
	table-layout: fixed;
	width: 100%;
	padding: 5px;
	text-align: center;
	overflow: hidden;
}

.adminEvents .analysisTable thead tr th {
	padding: 0 0 8px;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.adminEvents .analysisTable thead tr.theadPrimary th:first-child,
.adminEvents .analysisTable thead tr.theadSecondary th:first-child {
	width: 100px;
}

.adminEvents .analysisTable thead tr.theadPrimary th:not(:first-child),
.adminEvents .analysisTable thead tr.theadSecondary th:not(:first-child) {
	width: calc((100% - 100px) / 9);
}

.adminEvents .analysisTable.forecastSummaryTable thead tr.theadSecondary th:nth-child(2),
.adminEvents .analysisTable.forecastSummaryTable thead tr.theadSecondary th:nth-child(5),
.adminEvents .analysisTable.forecastSummaryTable thead tr.theadSecondary th:nth-child(8),
.adminEvents .analysisTable.forecastSummaryTable tbody tr td:nth-child(2),
.adminEvents .analysisTable.forecastSummaryTable tbody tr td:nth-child(5),
.adminEvents .analysisTable.forecastSummaryTable tbody tr td:nth-child(8) {
	border-left: 1px double #ddd;
}

.adminEvents .analysisTable thead tr.theadPrimary th {
	padding: 0 0 0;
	border-bottom: none;
}

.adminEvents .analysisTable thead tr.theadSecondary th {
	padding: 2px 0 6px;
	font-size: 12px;
	text-align: center;
}

.adminEvents .analysisTable:not(.forecastSummaryTable) thead tr th.timeCell {
	width: 18%;
	text-align: left;
}

.adminEvents .analysisTable.forecastSummaryTable tbody tr:first-child th,
.adminEvents .analysisTable.forecastSummaryTable tbody tr:first-child td {
	padding-top: 8px !important;
}

.adminEvents .analysisTable.forecastSummaryTable tbody tr th {
	font-size: 12px;
	text-align: center;
}

.adminEvents .analysisTable tbody tr.subtitleRow td {
	font-size: 14px;
	font-weight: 700;
}

.adminEvents .analysisTable tbody tr.spacerRow {
	line-height: 8px;
}

.adminEvents .analysisTable tbody tr:not(:last-child) th {
	border-bottom: 1px dotted #ddd;
}

.adminEvents .analysisTable tbody tr td {
	font-size: 12px;
	font-family: Nunito;
}

.adminEvents .analysisTable tbody tr:not(.subtitleRow):not(.spacerRow) td {
	padding: 4px 0;
}

.adminEvents .analysisTable tbody tr:not(.subtitleRow):not(.spacerRow) td:not(:last-child) {
	border-right: 1px solid #ddd;
}

.adminEvents .analysisTable.forecastSummaryTable tbody tr td {
	border-left: 1px dotted #ddd;
}

.adminEvents .analysisTable.forecastSummaryTable tbody tr:not(:last-child) td {
	border-bottom: 1px dotted #ddd;
}

.adminEvents .analysisTable tbody tr:not(.subtitleRow):not(.spacerRow) td:first-child {
	padding: 4px 6px;
}

.adminEvents .analysisTable tbody tr.beforeRow td {
	border-bottom: 1px solid #ddd;
}

.adminEvents .analysisTable tbody tr td:first-child {
	text-align: left;
}

.adminEvents.eventsForecast .exportBtn {
	position: absolute;
	top: 20px;
	right: 25px;
	border-radius: 6px;
}

.adminEvents.eventsForecast .exportBtn i {
	color: white;
}

.adminEvents.eventsForecast .exportBtn span {
	margin-left: 4px;
}

.adminEvents .dashboardTable td[data-cell="data"] span {
	display: block;
	font-family: Nunito;
	font-size: 14px;
	font-weight: 700;
	color: #555;
	line-height: 1;
}

.adminEvents.eventsForecast .releaseInfo {
	display: block;
	margin: 0 0 0px;
	padding: 6px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.adminEvents.eventsForecast .forecastParams {
	display: block;
	margin: 0 0 10px;
	padding: 6px 0;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.adminEvents.eventsForecast .forecastParams h3 {
	margin-top: 0;
}

.adminEvents.eventsForecast .releaseInfo p,
.adminEvents.eventsForecast .forecastParams li {
	margin-bottom: 0;
	color: #555;
}

.adminEvents.eventsForecast .forecastParams strong {
	font-weight: 500;
}

.adminEvents.eventsForecast .forecastParams li {
	font-family: Poppins;
	font-weight: 400;
}

.adminEvents.eventsForecast .forecastParams ol {
	display: block;
	margin-bottom: 2px;
	padding-left: 22px;
}

.adminEvents.eventsForecast .forecastParams ol li {
	margin-bottom: 2px;
	font-size: 12px;
}

.adminEvents.eventsForecast .forecastParams ol li:last-child {
	margin-bottom: 0px;
}

.adminEvents.eventsForecast .releaseInfo .releaseName {
	display: inline-block;
	font-size: 18px;
}

.adminEvents.eventsForecast .releaseInfo .releaseAgency {
	font-size: 14px;
}

.adminEvents.eventsForecast .forecastParams li.referencePrice {
	
}

.adminEvents.eventsForecast .forecastParams li .referencePriceAmount {
	
}

.adminEvents.eventsForecast .forecastParams li .forecastParamsNote {
	margin-left: 4px;
	letter-spacing: 0.4px;
}

.adminEvents.eventsForecast .forecastParams li.datesLimit b,
.adminEvents.eventsForecast .forecastParams li .releaseZero {
	font-family: Nunito;
}

.adminEvents.eventsForecast .fromPrevNote {
	font-size: 14px;
	color: #555;
}

.adminEvents.eventsForecast .cryptoIcon {
	position: absolute;
	top: -20px;
	left: -20px;
	opacity: 0.15;
	z-index: 1;
	border-radius: 50%;
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.75);
	transition: all 200ms;
}

.adminEvents.eventsForecast .coinInfoLoader {
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.adminEvents.eventsForecast .cryptoIcon[src=""] {
	opacity: 0;
	visibility: hidden;
}

.adminEvents.eventsForecast .currentSpotPrice {
	margin-left: 2px;
	font-family: Nunito;
	letter-spacing: 0.2px;
}

.adminEvents.eventsForecast input[name="custom_price"] {
	position: relative;
	display: none;
	bottom: -6px;
	height: auto;
	margin-top: 0;
	padding: 0 6px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ddd;
	box-shadow: none;
	outline: none;
	font-size: 16px;
	font-weight: 500;
	font-family: consolas;
	transition: none;
}

.adminEvents.eventsForecast .form-group.releaseFilterSelect {
	margin-bottom: 0px;
}

.adminEvents.eventsForecast .form-group[data-group="release_value_filter"],
.adminEvents.eventsForecast .form-group[data-group="prior_change_filter"] {
	display: none;
	transition: none;
	margin-bottom: 0px;
}

.adminEvents.eventsForecast p.dynamicNote {
	display: block;
	margin: 0 10px -6px;
	font-size: 14px;
	color: #d0302a;
	cursor: default;
}

.adminEvents.eventsForecast .forecastChart {
	display: block;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	font-size: 0px;
}

.adminEvents.eventsForecast .forecastChart h3 {
	display: inline-block;
	width: 50%;
	margin-top: 0px;
}

.adminEvents.eventsForecast .forecastChart .forecastChartToolbar {
	list-style-type: none;
	margin: 0;
	padding: 4px 0;
	text-align: center;
}

.adminEvents.eventsForecast .forecastChart .forecastChartToolbar li:not(:first-child) {
	margin-left: 12px;
}

.adminEvents.eventsForecast .forecastChart .forecastChartToolbar .toggleSwitch[data-switch-label="Min Low"] .toggleTabs {
	border: 2px solid #dc645f;
	background-color: #dc645f;
}

.adminEvents.eventsForecast .forecastChart .forecastChartToolbar .toggleSwitch[data-switch-label="Max Low"] .toggleTabs {
	border: 2px solid #d0302a;
	background-color: #d0302a;
}

.adminEvents.eventsForecast .forecastChart .forecastChartToolbar .toggleSwitch[data-switch-label="Min High"] .toggleTabs {
	border: 2px solid #5f956a;
	background-color: #5f956a;
}

.adminEvents.eventsForecast .forecastChart .forecastChartToolbar .toggleSwitch[data-switch-label="Max High"] .toggleTabs {
	border: 2px solid #297138;
	background-color: #297138;
}

.adminEvents.eventsForecast .forecastChart .forecastChartToolbar .toggleSwitch[data-switch-label="Average"] .toggleTabs {
	border: 2px solid #285ae6;
	background-color: #285ae6;
}


.toggleSwitch .toggleTabs {
	border: 2px solid #5e83ec;
	background-color: #5e83ec;
}

.adminEvents.eventsForecast .forecastChartNote {
	display: inline-block;
	width: 50%;
	margin-bottom: 0;
	padding-left: 10px;
	font-size: 12px;
	font-family: Poppins;
	font-weight: 400;
	color: #555;
	text-align: right;
}

.adminEvents.eventsForecast .forecastSummary {
	display: block;
	margin: 0 0 0;
}

.adminEvents.eventsForecast h3.forecastSummaryTitle {
	margin: 0 0 10px;
}

.adminEvents.eventsForecast .forecastExplaination h2 {
	font-size: 16px;
}

.adminEvents.eventsForecast .forecastExplaination ul {
	margin-bottom: 0px;
	padding-left: 16px;
}

.adminEvents.eventsForecast .forecastExplaination ul li {
	font-size: 12px;
}

.adminEvents.eventsForecast .forecastExplaination ul li strong {
	font-weight: 500;
}

/** Admin dashboard coins **/
.adminAssets.assetsCoins .cryptoIcon {
	display: inline-block;
	box-shadow: none;
}

.adminAssets.assetsCoins .cryptoIconXs {
	max-width: 16px;
}

.adminAssets.assetsCoins .cryptoIconSm {
	max-width: 32px;
}

.adminAssets.assetsCoins .cryptoIconMd {
	max-width: 64px;
}

.adminAssets.assetsCoins .cryptoIconLg {
	max-width: 128px;
}

.adminAssets.assetsCoins .dashboardTable .cryptoName {
	display: inline-block;
	margin-left: 5px;
	line-height: 16px;
	vertical-align: middle;
	white-space: break-spaces;
}

.adminAssets.assetsCoins .dashboardTable thead tr th:nth-child(2),
.adminAssets.assetsCoins .dashboardTable tbody tr td:nth-child(2) {
	text-align: left;
	padding: 5px 20px;
	white-space: nowrap;
}

.adminAssets.assetsCoins tbody tr td:nth-child(n+4) {
	position: relative;
	font-family: Nunito;
	font-weight: 700;
	font-size: 16px;
}

.adminAssets.assetsCoins tbody tr td:nth-child(n+8) {
	font-size: 14px;
}

.adminAssets.assetsCoins .dynamicDataSpan {
	position: relative;
}

.adminAssets.assetsCoins .dynamicDataSpan::after {
	content: "\f0d8";
	position: absolute;
	top: 50%;
	left: -16px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	transform: translateY(-50%);
}

.adminAssets.assetsCoins .dynamicDataSpan[data-state="same"] {
	color: #555;
}

.adminAssets.assetsCoins .dynamicDataSpan[data-state="same"]::after {
	opacity: 0;
}

.adminAssets.assetsCoins .dynamicDataSpan[data-state="up"] {
	color: #297138;
}

.adminAssets.assetsCoins .dynamicDataSpan[data-state="up"]::after {
	transform: translateY(-50%) rotate(0deg);
}

.adminAssets.assetsCoins .dynamicDataSpan[data-state="down"] {
	color: #d0302a;
}

.adminAssets.assetsCoins .dynamicDataSpan[data-state="down"]::after {
	transform: translateY(-50%) rotate(180deg);
}

.adminAssets.assetsCoins .dynamicDataSpan .markPriceSpinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	transform: translate(-50%, -50%);
	box-shadow: none;
}

.assetsCoins h2 .cryptoIcon {
	position: absolute;
	top: 15px;
	left: 15px;
	max-width: 40px;
}

.assetsCoins h2 .cryptoHeaderName {
	position: relative;
	margin-left: 42px;
}

.assetsCoins h2 .cryptoHeaderName .cryptoHeaderTicker {
	position: absolute;
	top: 50%;
	right: -64px;
	padding: 4px 6px;
	font-family: Nunito;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.6px;
	color: #323232;
	border-radius: 4px;
	background-color: #e5e5e5;
	transform: translateY(calc(-50% - 2px));
}

.assetsCoins h2 .currentPrice {
	position: absolute;
	top: 25px;
	right: 25px;
	font-family: Nunito;
	font-weight: 600;
}

.assetsCoins h2 .currentPrice::after {
	content: "\f0d8";
	position: absolute;
	top: 50%;
	left: -20px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	transform: translateY(-50%);
}

.assetsCoins h2 .currentPrice[data-state="same"] {
	color: #555;
}

.assetsCoins h2 .currentPrice[data-state="same"]::after {
	opacity: 0;
}

.assetsCoins h2 .currentPrice[data-state="up"] {
	color: #297138;
}

.assetsCoins h2 .currentPrice[data-state="up"]::after {
	transform: translateY(-50%) rotate(0deg);
}

.assetsCoins h2 .currentPrice[data-state="down"] {
	color: #d0302a;
}

.assetsCoins h2 .currentPrice[data-state="down"]::after {
	transform: translateY(-50%) rotate(180deg);
}

.adminAssets.assetsCoins.coinsNew .searchLoader {
	position: absolute;
	display: none;
	top: 37px;
	right: 10px;
	padding: 9px 9px 9px 8px;
	background-color: white;
	border-radius: 0 6px 6px 0;
	border: 1px solid #ddd;
	border-left: 1px dotted #888;
	z-index: 99;
}

.adminAssets.assetsCoins.coinsNew .form-group[data-group="search"] {
	position: relative;
}

.adminAssets.assetsCoins.coinsNew .form-group[data-group="search"] #searchButton {
	position: absolute;
	top: 38px;
	right: 11px;
	height: 48px;
	width: 48px;
	font-size: 18px;
	line-height: 48px;
	text-align: center;
	background-color: #fff;
	border-left: 1px dotted #888;
	border-radius: 0 6px 6px 0;
}

.adminAssets.assetsCoins.coinsNew .searchResults thead th:nth-child(3),
.adminAssets.assetsCoins.coinsNew .searchResults tbody td:nth-child(3) {
	text-align: left;
}

.adminAssets.assetsCoins.coinsNew .searchResults tbody tr.searchResult * {
	cursor: pointer;
}

.adminAssets.assetsCoins.coinsNew .searchResults tbody td .searchResultCryptoIcon {
	display: inline-block;
	box-shadow: none;
	max-width: 20px;
	margin: 5px 5px 5px 0;
}

.adminAssets.assetsCoins.coinsNew .searchResults tbody td .searchResultTicker {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 4px;
	font-family: Nunito;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.6px;
	color: #323232;
	border-radius: 4px;
	background-color: #e5e5e5;
}

.adminAssets.assetsCoins.coinsEdit .cryptoDescription {
	margin: 10px 0 0;
	padding: 0 5px;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 500;
	color: #323232;
}


.adminAssets.assetsCoins.coinsEdit .klineField {
	font-family: Nunito;
	font-weight: 600;
}

.adminAssets.assetsCoins.coinsEdit .klineField .klinePercentField {
	position: relative;
	float: right;
}

.adminAssets.assetsCoins.coinsEdit .klineField .klinePercentField::after {
	content: "\f0d8";
	position: absolute;
	top: 50%;
	left: -20px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	transform: translateY(-50%);
}


.adminAssets.assetsCoins.coinsEdit .klineField .klinePercentField[data-state="same"] {
	color: #555;
}


.adminAssets.assetsCoins.coinsEdit .klineField .klinePercentField[data-state="same"]::after {
	opacity: 0;
}


.adminAssets.assetsCoins.coinsEdit .klineField .klinePercentField[data-state="up"] {
	color: #297138;
}


.adminAssets.assetsCoins.coinsEdit .klineField .klinePercentField[data-state="up"]::after {
	transform: translateY(-50%) rotate(0deg);
}


.adminAssets.assetsCoins.coinsEdit .klineField .klinePercentField[data-state="down"] {
	color: #d0302a;
}


.adminAssets.assetsCoins.coinsEdit .klineField .klinePercentField[data-state="down"]::after {
	transform: translateY(-50%) rotate(180deg);
}

.adminAssets.assetsCoins .cmcLink {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.adminAssets.assetsCoins .cmcLogo {
	max-width: 22px;
	border-radius: 50%;
}

.adminAssets.assetsCoins .cmcLink * {
	display: inline-block;
}

.adminAssets.assetsCoins .cmcLink span {
	padding: 1px 4px;
	border-bottom: 1px dotted #555;
}

.adminAssets.assetsCoins .cmcLink i.fas {
	margin-top: -4px;
	color: #888;
	font-size: 10px;
	vertical-align: middle;
}

.adminAssets.assetsCoins .cmcH2 * {
	display: inline-block;
	vertical-align: middle;
}

.adminAssets.assetsCoins .cmcH2 .cmcLogo {
	max-width: 18px;
	margin-top: -2px;
	margin-right: 5px;
}

/** Admin dashboard users **/

.adminUsers .impersonateBtn {
	position: absolute;
	top: 25px;
	right: 25px;
	padding: 5px 10px;
	border-radius: 10px;
}

.adminUsers .dashboardTable td a:not(.saveUserRemarks):not(.cancelUserRemarks) {
	padding: 0px;
	line-height: 59px;
	white-space: nowrap;
}

.adminUsers label[for="first_name"] + div + p {
	margin-bottom: 15px;
}

.adminUsers #featuredImage {
	margin-bottom: 5px;
	letter-spacing: 0.25px;
}

.adminUsers #featuredImage label {
	margin-bottom: 10px;
}

.adminUsers #featuredImage .imgPreview {
	position: relative;
}

.adminUsers #featuredImage img {
	width: 100%;
}

.adminUsers #featuredImage p.imgTips {
	border-radius: 10px;
}

.adminUsers #featuredImage .imgRemove {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	cursor: pointer;
}

.adminUsers #featuredImage .imgRemove i {
	display: block;
	margin: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 20px;
	background-color: white;
	border-radius: 50%;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	transition: all 200ms;
}

.adminUsers #featuredImage .imgRemove:hover i {
	background-color: #eeeeee;
}

.adminUsers .userStatus {
	color: #d0302a;
}

.adminUsers .userStatus.active {
	color: #40ad4f;
}

.adminUsers .dashboardTable.detailsTable.forecastsTable thead tr th:first-child,
.adminUsers .dashboardTable.detailsTable.forecastsTable tbody tr td:first-child {
	padding: 10px 20px;
	width: 60%;
	text-align: left;
}

.adminUsers .dashboardTable .remarksCell {
	position: relative;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

.adminUsers .dashboardTable .remarksCell textarea {
	margin: 0px;
	height: 68px;
	width: 100%;
	padding: 2px 4px;
	border: none;
	border-radius: 0;
	outline: none;
	background-color: transparent;
	transition: all 200ms;
}

.adminUsers .dashboardTable .remarksCell textarea:focus {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.adminUsers .dashboardTable .remarksCell a {
	display: none;
	position: absolute;
	right: 0px;
	height: 35px;
	width: 35px;
	margin: 0 !important;
	padding: 0 !important;
	color: white;
	text-align: center;
	line-height: 35px;
	transition: all 200ms;
}

.adminUsers .dashboardTable .remarksCell .saveUserRemarks {
	top: 0px;
	border-bottom: 1px dotted white;
}

.adminUsers .dashboardTable .remarksCell .cancelUserRemarks {
	top: 35px;
}

.adminUsers .responsiveHr {
	display: none;
}

.adminUsers .dashboardTable.socialMediaTable td a,
.adminUsers .dashboardTable.transactionsTable td a,
.adminUsers .dashboardTable.remarksTable td a {
	padding: 10px;
	line-height: unset;
}

.adminUsers .remarksTable .addRemarks td {
	padding: 10px 35px 25px;
	border-top: 1px solid #ddd;
	text-align: left;
	background-color: white !important;
}

.adminUsers input[name="password"] {
	font-family: Password Font;
	font-size: 6px;
	letter-spacing: -1px;
}

.adminUsers.usersImport .uploadTableFormat {
	position: relative;
	margin: 10px 0;
	overflow-x: auto !important;
	border-radius: 2px;
}

.adminUsers.usersImport table {
	background-color: #eeeeee;
	transition: all 200ms;
}

.adminUsers.usersImport tr td {
	padding: 2px 6px;
	border: 1px solid #cccccc;
	font-size: 14px;
	color: #266a36;
	text-shadow: 0 0 5px rgba(0,0,0,0.05);
	white-space: nowrap;
}

.adminUsers.usersImport input[type="file"] {
	display: block;
	width: 100%;
	padding: 10px;
}

/** Admin dashboard tips  **/

.adminTips #editTipForm {
	display: none;
}

.adminTips .dashboardTable th:first-child {
	width: 15%;
}

.adminTips .dashboardTable th:nth-child(2) {
	width: 15%;
}

.adminTips .dashboardTable th:nth-child(3),
.adminTips .dashboardTable td:nth-child(3) {
	text-align: left;
}

/** Admin dashboard system settings **/

.logoUpload {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: -5px;
	padding: 16px !important;
	background-color: #f5f6fb;
	border-radius: 10px;
	cursor: pointer;
	text-align: center !important;
}

.logoUpload::after {
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	height: calc(100% - 12px); 
	width: calc(100% - 12px);
	border-radius: 6px;
	border-width: 2px;
	border-style: dashed;
	transition: all 200ms;
}

.logoUpload input[type="file"] {
	display: none;
}

.logoUpload .imgTips {
	border: none;
	padding: 10px 20px;
	color: inherit;
}

.upload-group label[for="logo_square"] ~ label.logoUpload,
.upload-group label[for="logo_square_white"] ~ label.logoUpload,
.upload-group label[for="logo_square_black"] ~ label.logoUpload,
.upload-group label[for="logo_rectangle_1"] ~ label.logoUpload,
.upload-group label[for="logo_rectangle_1_white"] ~ label.logoUpload,
.upload-group label[for="logo_rectangle_1_black"] ~ label.logoUpload,
.upload-group label[for="logo_rectangle_2"] ~ label.logoUpload,
.upload-group label[for="logo_rectangle_2_white"] ~ label.logoUpload,
.upload-group label[for="logo_rectangle_2_black"] ~ label.logoUpload {
	max-width: 232px;
}

.upload-group label[for="auth_logo"] ~ label.logoUpload {
	max-width: 282px;
}

.upload-group label[for="logo_square_white"] ~ label.logoUpload,
.upload-group label[for="logo_rectangle_1_white"] ~ label.logoUpload,
.upload-group label[for="logo_rectangle_2_white"] ~ label.logoUpload {
	background-color: #1a1a1a;
	color: white;
}

.upload-group label[for="dashboard_logo"] ~ label.logoUpload,
.upload-group label[for="dashboard_logo_small"] ~ label.logoUpload {
	max-width: 132px;
	background-color: #1a1a1a;
	color: white;
}

.upload-group label[for="email_logo"] ~ label.logoUpload {
	max-width: 157px;
}

.upload-group label[for="error_logo"] ~ label.logoUpload {
	max-width: 132px;
}

.adminSystem #systemSettingsForm #touchicons,
.adminSystem #systemSettingsForm #favicon {
	padding-bottom: 10px;
}

.upload-group label[for="touch_icon"],
.upload-group label[for="favicon"] {

}

.upload-group label[for="touch_icon"] ~ .logoUpload {
	max-width: 228px;
}

.upload-group label[for="favicon"] ~ .logoUpload {
	max-width: 260px;
}

.adminSystem #systemSettingsForm label[for="generated_touch_icons"],
.adminSystem #systemSettingsForm label[for="generated_favicon"] {
	margin-bottom: 10px;
}

.generatedTouchIcons,
.generatedFavicon {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 15px;
}

.generatedTouchIcons div,
.generatedFavicon div {
	position: relative;
	display: inline-block;
	margin-bottom: -5px;
	padding: 16px;
	background-color: #f5f6fb;
	border-radius: 10px;
}

.generatedTouchIcons div::after,
.generatedFavicon div::after {
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	height: calc(100% - 12px);
	width: calc(100% - 12px);
	border-width: 2px;
	border-style: dashed;
	border-radius: 6px;
}

.generatedTouchIcons div img,
.generatedFavicon div img {

}

.generatedTouchIcons[data-width="196"] div { width: 228px; }
.generatedTouchIcons[data-width="180"] div { width: 212px; }
.generatedTouchIcons[data-width="152"] div { width: 184px; }
.generatedTouchIcons[data-width="120"] div { width: 152px; }

.generatedFavicon[data-width="228"] div { width: 260px; }
.generatedFavicon[data-width="192"] div { width: 224px; }
.generatedFavicon[data-width="128"] div { width: 160px; }
.generatedFavicon[data-width="96"] div { width: 128px; }
.generatedFavicon[data-width="76"] div { width: 108px; }
.generatedFavicon[data-width="57"] div { width: 89px; }
.generatedFavicon[data-width="32"] div { width: 64px; }

/** Admin dashboard system notifiers **/

.systemNotifiers #editSysNotifierForm {
	display: none;
}

/** Admin dashboard system patches **/

.adminSystem.systemPatches .patchNote {
	position: relative;
	margin-top: 25px;
	padding: 0 5px 25px;
	border-bottom: 1px dotted #888;
}

.adminSystem.systemPatches .patchNoteSingle {
	margin-top: 0;
	margin-bottom: -5px;
	padding-bottom: 0;
	border-bottom: none;
}

.adminSystem.systemPatches .patchNoteTop {
	margin-top: 0;
}

.adminSystem.systemPatches .patchNoteBtm {
	margin-bottom: -5px;
	padding-bottom: 0;
	border-bottom: none;
}

.adminSystem.systemPatches .patchNote .editLink {
	position: absolute;
	display: none;
	top: 5px;
	right: 5px;
	padding: 0 5px 2px 18px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	line-height: 1;
	border-bottom: 1px dotted transparent;
}

.adminSystem.systemPatches .latestVersion .patchNote .editLink {
	display: block;
}

.adminSystem.systemPatches .patchNote .editLink i {
	position: absolute;
	top: 2px;
	left: 3px;
	margin-right: 2px;
	font-size: 10px;
}

.adminSystem.systemPatches .patchNote h2 {
	margin-bottom: 2px;
	font-size: 20px;
	font-family: Consolas;
	letter-spacing: -1px;
	line-height: 1;
}

.adminSystem.systemPatches .patchNote h2 strong {
	font-size: 14px;
	color: #888;
	letter-spacing: 0;
}

.adminSystem.systemPatches .patchNote p {
	cursor: default;
}

.adminSystem.systemPatches .patchNote div:last-child p:last-child {
	margin-bottom: 0;
}

.adminSystem.systemPatches .patchNote .patchDate {
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
	color: #555;
	letter-spacing: 0.75px;
}

.adminSystem.systemPatches .patchDetails {
	margin-top: 15px;
}

.adminSystem.systemPatches .patchDetails h4 {
	margin-top: 0;
	margin-bottom: 4px;
	font-size: 16px;
}

.adminSystem.systemPatches .patchDetails p {
	margin-bottom: 0;
	padding: 0 5px;
	font-size: 16px;
	word-wrap: break-word;
}

.adminSystem.systemPatches .patchChanges {
	margin-top: 10px;
}

.adminSystem.systemPatches .patchChanges h4 {
	margin-top: 0;
	margin-bottom: 4px;
	font-size: 12px;
}

.adminSystem.systemPatches .patchChanges p {
	padding: 0 5px;
	font-size: 12px;
	font-weight: 600;
	font-family: Consolas;
	color: #555;
	word-wrap: break-word;
}

/** User dashboard **/


/** Dashboard home page **/

.flashDismiss {
	opacity: 0.5;
	font-size: 16px;
	line-height: unset;
}

.flashDismiss:hover {
	opacity: 0.65;
}

/** Menu ux **/

#dashboardMenu .childItem1,
#dashboardMenu .childItem2,
#dashboardMenu .childItem3 {
	display: none;
}

.dashboardProfile #menuPassword,
.dashboardProfile #menuWallet,
.dashboardProfile #menuTransactions,
.dashboardProfile.billingUnsubscribe #menuUnsubscribe,
.dashboardProfile.transactionsView #menuTransactionsView,
.dashboardProfile #menuBilling,
.dashboardEvents .eventsItem {
	display: block;
}

.menuParent.currentMenuItem,
.dashboardHome #menuDashboard .menuParent,
.dashboardPlans #menuPurchase .menuParent,
.dashboardProfile #menuAccount .menuParent,
.dashboardEvents #menuEvents .menuParent {
	background-color: rgba(243,112,67,0.6);
	color: white;
	box-shadow: 50px 0 25px 0 rgba(243,112,67,0.5) inset;
}

.menuParent.currentMenuItem:hover,
.dashboardHome #menuDashboard .menuParent:hover,
.dashboardProfile #menuAccount .menuParent:hover,
.dashboardPlans #menuPurchase .menuParent:hover,
.dashboardEvents #menuEvents .menuParent:hover {
	background-color: rgba(243,112,67,0.65);
}

.dashboardEvents #dashboardNavList #dashboardMenu #menuForecasts,
.dashboardEvents.eventsForecast.forecastCreate #dashboardNavList #dashboardMenu .forecastsItem,
.dashboardEvents.eventsForecast.forecastResult #dashboardNavList #dashboardMenu .forecastsItem,
.dashboardEvents.eventsCoinData #dashboardNavList #dashboardMenu #menuEventsData {
	display: block;
}

.dashboardProfile #menuProfile .menuParent {
	color: white;
}

#dashboardMenu .childItem1 > li {
	padding-left: 16px;
	background-color: rgba(0,0,0,0.5);
}

#dashboardMenu .childItem2 > li {
	padding-left: 22px;
	background-color: rgba(0,0,0,0.5);
}

#dashboardMenu .childItem3 > li {
	padding-left: 28px;
	background-color: rgba(0,0,0,0.5);
}

#dashboardMenu .childItemVisible {
	display: block;
}

#dashboardMenu .childItemVisible > li {
	background-color: transparent;
}

#dashboardMenu .betaTag,
#dashboardMenu .newTag,
#dashboardMenu .updatedTag {
	position: absolute;
	top: -2px;
	padding: 0 2px;
	font-size: 10px;
	font-weight: 700;
	font-family: Montserrat;
	letter-spacing: 1px;
	color: #f36f43;
}

/** Account home **/

.news-ticker {
	position: absolute;
	top: 42px;
	left: -15px;
	overflow: hidden;
	height: 40.5px;
	width: calc(100% + 15px);
	background: #353535;
	padding: 2px 0 4px;
	box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.5) inset, 0 0 5px 0 rgba(0,0,0,0.5);
	background-image: url('../img/tickerboardbg.png');
	background-repeat: repeat-x;
}

.ticker-content {
	display: inline-block;
	animation: scroll var(--duration, 90s) linear infinite; /* Increased default to 90s */
	white-space: nowrap;
}

.ticker-content span,
.ticker-content a {
	position: relative;
	padding-right: 16px;
	margin: 0 16px 0 0;
	color: white;
	font-size: 22px;
	font-weight: 600;
	line-height: 36px;
	letter-spacing: 0.5px;
	text-shadow: 0 0 5px rgba(255,255,0,0.5);
	text-decoration: none;
}

.ticker-content span::after,
.ticker-content a::after {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	right: -1px;
	height: 22px;
	width: 2px;
	background-color: white;
	box-shadow: 0 0 5px 0 rgba(255,255,0,0.5);
	border-radius: 2px;
}

@keyframes scroll {
	0% { transform: translateX(100vw); }
	100% { transform: translateX(-100%); }
}

.welcomeBox {
	margin-top: 36px;
}

.welcomeBox > div {
	background-size: cover;
	background-position: center;
	background-image: url('../img/dashboardWelcome-02.jpg');
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.welcomeBox h1 {
	margin-top: 0;
	margin-bottom: 15px;
	padding-bottom: 0px;
	border: none;
	color: white !important;
	text-shadow: 0 0 5px rgba(255,255,255,0.75);
}

.welcomeBox p {
	margin-bottom: 25px;
	font-size: 20px;
	color: white;
	text-shadow: 0 0 5px rgba(255,255,255,0.5);
}

.welcomeBox .btn {
	margin-bottom: 0;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	text-shadow: 0 0 5px rgba(255,255,255,0.75);
}

.introSection {
	display: flex;
	margin-bottom: 20px;
}

.introSection > div {
	display: flex;
	flex-grow: 1;
}

.introBoxes {
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 25px;
	width: 100%;
}

.introBoxes h2 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.introBoxes img {
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
	width: 120px;
	transition: all 500ms ease;
}

.introBoxes:hover img {
	transform: scale(1.1);
}

.introBoxes p {
	margin-bottom: 20px;
	font-size: 18px;
	font-family: Open Sans;
	flex-grow: 1;
	cursor: default;
}

.introBoxes .btn-primary {
	display: inline-block;
}

.upcomingEvents h2 {
	margin-bottom: 2px;
}

.upcomingEvents .timezoneNote {
	display: block;
	font-size: 12px;
	font-family: Poppins;
	color: #666;
}

.upcomingEvents ul {
	list-style-type: none;
	margin: 20px 0 0;
	padding: 0;
}

.upcomingEvents ul li {
	position: relative;
}

.upcomingEvents ul li:not(:last-child) {
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
}

.upcomingEvents ul li .eventHeader {
	position: relative;
/*	padding-bottom: 10px;*/
	font-size: 0;
/*	border-bottom: 1px solid #ccc;*/
}

.upcomingEvents ul li .eventHeader > * {
	display: inline-block;
}

.upcomingEvents ul li .eventHeader img {
	position: absolute;
	top: 2px;
	max-width: 20px;
	border-radius: 2px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
	vertical-align: baseline;
}

.upcomingEvents ul li .eventHeader h3 {
	margin: 0 10px 4px 28px;
	font-size: 16px;
	font-family: Poppins;
}

.upcomingEvents ul li .eventForecast {
	display: block;
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}

.upcomingEvents ul li .eventForecast i {
	position: relative;
	display: inline-block;
	height: 26px;
	width: 26px;
	margin: 0 6px 6px 0;
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	border: 2px solid #f36f43;
	border-radius: 50%;
	transition: all 200ms;
}

.upcomingEvents ul li .eventForecast i::after {
	content: '';
	position: absolute;
	bottom: -4px;
	right: 0px;
	height: 6px;
	width: 2px;
	background-color: #f36f43;
	transform: rotate(135deg);
	border-radius: 4px;
}

.upcomingEvents ul li .eventForecast:hover i,
.upcomingEvents ul li .eventForecast:hover i::after {
	box-shadow: 0 0 5px 0 rgba(243,112,67,0.5);
}

.upcomingEvents ul li .eventForecast span {
	display: inline-block;
	font-size: 14px;
	color: #555;
	line-height: 1;
	transition: all 200ms;
	vertical-align: middle;
}

.upcomingEvents ul li .eventForecast:hover span {
	text-shadow: 0 0 5px rgba(0,0,0,0.3);

}

.upcomingEvents ul li .eventDetails {
	padding: 0px 6px;
}

.upcomingEvents ul li:last-child .eventDetails {
	padding-bottom: 0px;
}

.upcomingEvents ul li .eventDetails .eventNextDate {
	display: inline-block;
	padding-right: 10px;
	margin: 0 10px 0 0;
	font-size: 14px;
	border-right: 1px solid #ccc;
}

.upcomingEvents ul li .eventDetails .eventImpact {
	display: inline-block;
	font-size: 14px;
}

.upcomingEvents ul li[data-impact="3"] .eventDetails .eventImpact {
	color: #f2cc00;
	text-shadow: 0 0 5px rgba(242,204,0,0.5);
}

.upcomingEvents ul li[data-impact="2"] .eventDetails .eventImpact {
	color: #f36f43;
	text-shadow: 0 0 5px rgba(243,112,67,0.5);
}

.upcomingEvents ul li[data-impact="1"] .eventDetails .eventImpact {
	color: #d0302a;
	text-shadow: 0 0 5px rgba(208,48,42,0.5);
}

.upcomingEvents ul li .eventDetails p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
}

.upcomingEvents ul li .eventPrevious b {
	font-family: Nunito;
}

.CryptoPanicWidget .CryptoPanicWidget-header {
	position: relative;
	background-color: transparent !important;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: 500;
	font-family: Montserrat;
	line-height: 1.25;
}

.CryptoPanicWidget-header::before {
	content: '*Data Source: CryptoPanic';
	display: block;
	position: absolute;
	left: 0px;
	top: 32px;
	font-family: Poppins;
	font-size: 12px;
	color: #666;
}

.CryptoPanicWidget .CryptoPanicWidget-news {
	margin-bottom: -5px;
	padding: 0;
}

.CryptoPanicWidget .CryptoPanicWidget-news-item {
	padding: 0;
}

.CryptoPanicWidget .CryptoPanicWidget-news-item:not(:last-child) {
	margin-bottom: 6px;
}

.CryptoPanicWidget .CryptoPanicWidget-news-item > * {
	display: inline-block;
}

.CryptoPanicWidget .CryptoPanicWidget-news-item .CryptoPanicWidget-news-date {
	margin-left: 4px;
}

.CryptoPanicWidget .CryptoPanicWidget-news-item .CryptoPanicWidget-news-date::before {
	content: '| ';
}

.coinsOutlook {
	list-style-type: none;
	margin: 20px 0 0;
	padding: 0;
}

.pricesNote {
	position: absolute;
	top: 25px;
	right: 25px;
	font-size: 12px;
	color: #545454;
	text-align: right;
}

.coinsOutlook li {
	position: relative;
	margin: 0 0 4px;
	padding: 0;
}

.coinsOutlook li:last-child {
	margin-bottom: -5px;
}

.coinsOutlook li .coinHeader {
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
}

.coinsOutlook li .coinHeader .coinIcon,
.coinsOutlook li .coinHeader h3,
.coinsOutlook li .coinHeader .coinPrice {
	display: inline-block;
}

.coinsOutlook li .coinHeader .coinIcon {
	max-width: 16px;
	margin-top: -4px;
	margin-right: 4px;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.coinsOutlook li .coinHeader h3 {
	border-right: 1px solid #ccc;
	margin-top: 0;
	padding-right: 14px;
	font-family: Poppins;
}

.coinsOutlook li .coinHeader h3 strong {
	margin-bottom: 0;
	padding-left: 2px;
	font-weight: 500;
	color: #555;
}

.coinsOutlook li .coinHeader .coinPrice {
	margin-left: 10px;
	font-family: Nunito;
	font-size: 16px;
	font-weight: 700;
	color: #545454;
}

.coinsOutlook li .coinHeader .coinPrice .markPrice {
	position: relative;
}

.coinsOutlook li .coinHeader .coinPrice .markPrice::after {
	content: "\f0d8";
	position: absolute;
	top: 50%;
	right: -16px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	transform: translateY(-50%);
}

.coinsOutlook li .coinHeader .coinPrice .markPrice[data-state="same"] {
	color: #555;
}

.coinsOutlook li .coinHeader .coinPrice .markPrice[data-state="same"]::after {
	opacity: 0;
}

.coinsOutlook li .coinHeader .coinPrice .markPrice[data-state="up"] {
	color: #297138;
}

.coinsOutlook li .coinHeader .coinPrice .markPrice[data-state="up"]::after {
	transform: translateY(-50%) rotate(0deg);
}

.coinsOutlook li .coinHeader .coinPrice .markPrice[data-state="down"] {
	color: #d0302a;
}

.coinsOutlook li .coinHeader .coinPrice .markPrice[data-state="down"]::after {
	transform: translateY(-50%) rotate(180deg);
}

.coinsOutlook li .coinStats {
	padding: 8px 0px;
	font-size: 0;
}

.coinsOutlook li:last-child .coinStats {
	padding-bottom: 0px;
}

.coinsOutlook li .coinStats .statsBlock {
	display: inline-block;
	width: 25%;
	padding: 4px 0;
	text-align: center;
	border-right: 1px solid #ccc;
}

.coinsOutlook li .coinStats .statsBlock:last-child {
	border-right: none;
}

.coinsOutlook li .coinStats .statsBlock .metricTitle {
	display: block;
	margin-bottom: -2px;
	font-size: 10px;
	font-weight: 500;
	font-family: Montserrat;
	color: #666;
}

.coinsOutlook li .coinStats .statsBlock .metricData {
	display: block;
	font-family: Nunito;
	font-size: 12px;
	font-weight: 700;
	color: #545454;
}

.coinsOutlook li .coinStats .statsBlock .metricData[data-direction=""] {
	color: #545454;
}

.coinsOutlook li .coinStats .statsBlock .metricData[data-direction="up"] {
 	color: #297138;
}

.coinsOutlook li .coinStats .statsBlock .metricData[data-direction="down"] {
 	color: #d0302a;
}

.subscriptionTeaser {
	background-image: url('../img/subscriptionTeaserBg.jpg');
	background-size: cover;
	text-align: center;
}

.subscriptionTeaser h3 {
	margin: 0 0 20px;	
	font-size: 32px;
	color: white;
	text-shadow: 0 0 5px rgba(255,255,0,0.75);
}

.subscriptionTeaser p {
	margin-bottom: 2px;
	font-size: 20px;
	font-weight: 500;
	font-family: Montserrat;
	color: white;
	letter-spacing: 0.5px;
	text-shadow: 0 0 5px rgba(255,255,0,0.5);
}

.subscriptionTeaser .btn {
	margin-top: 18px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	text-shadow: 0 0 5px rgba(255,255,255,0.75);
}

.tipsCarousel {
	position: relative;
	text-align: center;
}

.tipsCarousel h2 {
	/*position: relative;
	display: inline-block;*/
}

.tipsCarousel h2::before {
	/*content: "\f0eb";
	position: absolute;
	top: 50%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	transform: translateY(-50%);*/
}

.carouselContainer {
	position: relative;
	height: 80px;
	padding: 0 40px;
	overflow: hidden;
}

.carouselSlide {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;;
	padding: 0 50px;
	box-sizing: border-box;
	transform: translate(-50%, -50%);
}

.carouselSlide p {
	font-size: 18px;
	font-weight: 500;
}

.tipPrev, .tipNext {
	position: absolute;
	top: 50%;
	padding: 5px 0;
	border: none;
	color: #f36f43;
	background: none;
	cursor: pointer;
	transform: translateY(calc(-50% + 4px));
}

.tipPrev {
	left: 10px;
}

.tipNext {
	right: 10px;
}

.tipDots {
	margin-top: 10px;
}

.tipDot {
	height: 10px;
	width: 10px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
}

.tipDot.tipDotActive {
	background-color: #f7931a;
}

/** User profile page **/

#accountUsername {
	position: relative;
}

#usernameLoader,
#usernameAvailable,
#usernameTaken {
	display: none;
	position: absolute;
}

#usernameLoader {
	top: 11px;
	right: 12px;
}

#usernameAvailable,
#usernameTaken {
	right: 15px;
	top: 18px;
}

#usernameAvailable {
	color: #3dce58;
}

#usernameTaken {
	color: #d0302a;
}

.socialStatusList {
	
}

.socialStatusList .socialService {
	display: block;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: white;
	transition: all 200ms;
}

.socialStatusList .socialService:hover {
	background-color: #f5f5f5;
}

.socialStatusList .socialService.socialServiceFacebook {
	font-family: Helvetica, Arial, sans-serif;
}

.socialStatusList .socialService.socialServiceGoogle {
	font-family: Roboto;
}

.socialStatusList .socialService + .socialService {
	margin-top: 5px;
}

.socialStatusList .socialService .socialServiceProvider {
	display: inline-block;
	width: 70%;
}

.socialStatusList .socialService .socialServiceProvider img {
	
}

.socialStatusList .socialService[data-connected='["true"]'] .socialServiceProvider img {
	vertical-align: top;
}

.socialStatusList .socialService .socialServiceProvider > div {
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}

.socialStatusList .socialService .socialServiceProvider h3 {
	margin: 0 0 4px;
	line-height: 1;
	font-family: inherit;
}

.socialStatusList .socialService.socialServiceFacebook .socialServiceProvider h3 {
	color: #3b5998;
}

.socialStatusList .socialService.socialServiceGoogle .socialServiceProvider h3 {
	color: #db4437;
}

.socialStatusList .socialService .socialServiceProvider p {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
	color: #666;
	line-height: 1;
	letter-spacing: 0.5px;
}

.socialStatusList .socialService .socialServiceProvider a {
	margin: 5px 0 0;
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
	line-height: 1;
	letter-spacing: 0.5px;
}

.socialStatusList .socialService[data-connected='["true"]'] {
	padding: 15px 15px 10px;
}

.socialStatusList .socialService[data-connected='["true"]'] p {
	cursor: default;
}

.socialStatusList .socialService[data-connected='["true"]'] .socialServiceProvider > div > div {
	margin-top: 10px;
}

.socialStatusList .socialService[data-connected='["true"]'] .socialServiceProvider > div > div p {
	line-height: 1.4;
}

.socialStatusList .socialService .socialConnectStatus {
	display: inline-block;
	width: 30%;
	padding: 0 10px;
	text-align: right;
	vertical-align: middle;
}

.socialStatusList .socialService .socialConnectStatus p {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	font-family: Open Sans;
	color: #555;
	letter-spacing: 0.5px;
}

.socialStatusList .socialService .socialConnectStatus i {
	margin-top: 6px;
	padding: 6px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
}

/** Account billing page **/

.accountBilling .promoBox {
	padding: 35px 35px 0;
	background-image: url('../img/panoCouponBg.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1), 0 0 50px 0 rgba(255,255,255,0.25) inset;
}

.accountBilling .promoBox p {
	position: relative;
	margin-bottom: 10px;
	font-weight: 600;
	font-family: Montserrat;
	text-shadow: 0 0 15px rgba(255,255,255,0.8);
}

.accountBilling .promoBox p.couponTitle1 {
	margin-bottom: 0;
	font-size: 22px;
	line-height: 1;
}

.accountBilling .promoBox p.couponTitle2 {
	font-size: 28px;
	color: #7c2e10;
}

.accountBilling .promoBox #couponCheck {
	float: left;
	margin: 0 0 5px;
	height: auto;
	width: calc(100% - 120px);
	padding: 8px 12px 7px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	color: #7c2e10;
	letter-spacing: 0.8px;
	background-color: rgba(255,255,255,0.6);
	border-right: none;
	border-radius: 6px 0 0 6px;
}

.accountBilling .promoBox #couponCheck[disabled="disabled"],
.accountBilling .promoBox #couponCheck[disabled="disabled"]:hover,
.accountBilling .promoBox #couponCheck[disabled="disabled"]:focus {
	border-color: #dddddd;
	border-right: 1px solid #dddddd;
}

.accountBilling .promoBox #couponApplyBtn {
	position: relative;
	float: left;
	width: 120px;
	padding: 10px 12px;
	font-size: 12px;
	font-family: Montserrat;
	font-weight: 500;
	letter-spacing: 0.5px;
	border: none !important;
	border-radius: 0 6px 6px 0;
}

.accountBilling .promoBox #couponApplyBtn #couponBtnText {
	opacity: 1;
	visibility: visible;
	transition: all 200ms;
}

.accountBilling .promoBox #couponApplyBtn #couponLoader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.accountBilling .promoBox #couponApplyBtn[data-coupon="checking"] #couponBtnText {
	opacity: 0;
	visibility: hidden;
}

.accountBilling .promoBox #couponApplyBtn[data-coupon="checking"] #couponLoader {
	opacity: 1;
	visibility: visible;
}

.accountBilling .promoBox #couponResult {
	clear: both;
	opacity: 0;
	visibility: hidden;
	float: left;
	margin-top: 2px;
	padding-left: 6px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	font-style: italic;
	color: #555555;
	transition: all 200ms;
}

.accountBilling .unsubscribeBtn {
	position: absolute;
	top: 15px;
	right: 15px;
	border-radius: 6px;
}

.accountBilling .form-control {
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0px;
	border-bottom: 1px dotted #ccc;
	box-shadow: none;
	position: relative;
}

.accountBilling .savedCardsBox {
	position: relative;
	margin-bottom: 25px;
	padding-top: 25px;
	border-radius: 10px;
}

.accountBilling .savedCardsBox .stripeLogo {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 100px;
}

.accountBilling .savedCardsBox h2,
.accountBilling .savedCardsBox .cardsNotice {
	padding: 0 25px;
}

.accountBilling .savedCardsBox .cardsNotice {
	margin-bottom: 15px;
}

.accountBilling .savedCardsBox .cardsNotice p {
	margin-bottom: 8px;
	font-size: 16px;
}

.accountBilling .savedCardsBox .cardsNotice p:last-child {
	margin-bottom: 0;
}

.accountBilling .savedCardsBox ul.savedCardsList {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-radius: 0 0 6px 6px;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem {
	display: block;
	padding: 12px 18px 10px;
	border-top: 1px solid #ddd;
	border-bottom: none;
	font-size: 0;
	cursor: default;
	transition: all 250ms;
	background-color: rgba(243,112,67,0.05);
}

.accountBilling .savedCardsBox ul.savedCardsList li.addNewCard {
	position: relative;
	display: block;
	padding: 12px 0 0;
	border-top: 1px solid #ddd;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	text-align: center;
	transition: all 200ms;
	cursor: pointer;
	overflow: auto;
}

.accountBilling .savedCardsBox ul.savedCardsList li.addNewCard:hover {
	background-color: rgba(243,112,67,0.025);
}

.accountBilling .savedCardsBox ul.savedCardsList li.addNewCard p {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 500;
	font-family: Montserrat;
	color: #555;
	cursor: inherit;
}

.accountBilling .savedCardsBox ul.savedCardsList li.addNewCard:hover p {
	color: #323232;
}

.accountBilling .savedCardsBox ul.savedCardsList li.addNewCard p i {
	display: inline-block;
	width: 20px;
	margin-left: -30px;
	margin-right: 10px;
	font-size: 16px;
	color: rgba(243,112,67,0.5);
	transition: all 200ms;
	cursor: inherit;
}

.accountBilling .savedCardsBox ul.savedCardsList li.addNewCard #addCardBox {
	display: none;
	padding: 0 20px;
	text-align: center;
	transition: all 500ms;
	overflow: hidden;
}

.accountBilling .savedCardsBox ul.savedCardsList li.addNewCard #addCardBox > div {
	margin-bottom: 15px;
}

.accountBilling .savedCardsBox ul.savedCardsList li.addNewCard .addCardLoader {
	position: absolute;
	top: 8px;
	right: 10px;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.accountBilling .savedCardsBox ul.savedCardsList li.addNewCard #addCardSubmit {
	display: none;
	margin-bottom: 0;
	border-radius: 0 0 4px 4px;
}

.accountBilling .savedCardsBox ul.savedCardsList li.addNewCard:hover p i {
	color: rgba(243,112,67,0.75);
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem:hover {
	background-color: rgba(243,112,67,0.1);
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem.cardExpired {
	background-color: #f8f8f8;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem.cardExpired:hover {
	background-color: #f2f2f2;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem > img,
.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem > div {
	display: inline-block;
	vertical-align: middle;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem img {
	max-width: 40px;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem.cardExpired img {
	opacity: 0.5;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem .savedCardDataBlock {
	width: calc(100% - 100px);
	padding: 4px 20px;
	margin-left: 20px;
	border-left: 1px solid #ccc;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem .savedCardDataBlock h3 {
	margin-top: 0px;
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: 700;
	font-family: Consolas;
	letter-spacing: 1px;
	color: #666;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem.cardExpired .savedCardDataBlock h3 {
	color: #aaa;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem .savedCardDataBlock p {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	font-family: Consolas;
	color: #888;
	letter-spacing: 0.4px;
	cursor: inherit;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem.cardExpired .savedCardDataBlock p {
	color: rgba(169,68,66,0.5);;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem .savedCardDelete {
	width: 40px;
	height: 40px;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem:hover .savedCardDelete {
	opacity: 1;
	visibility: visible;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem .savedCardDelete span {
	display: block;
	height: 100%;
	width: 100%;
	border: 2px solid rgba(243,112,67,0.25);
	border-radius: 50%;
	text-align: center;
	transition: all 250ms;
	cursor: pointer;
	background-color: white;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem .savedCardDelete:hover span {
	border-color: rgba(243,112,67,0.5);
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem .savedCardDelete span i {
	margin-left: -1px;
	font-size: 16px;
	line-height: 38px;
	color: #888;
	transition: all 250ms;
}

.accountBilling .savedCardsBox ul.savedCardsList li.savedCardItem .savedCardDelete:hover i {
	color: #757575;
}

.accountBilling .pastDueNotice p {
	padding: 0px;
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 1.5;
}

.accountBilling .pastDueNotice strong {
	color: #d0302a;
}

.accountBilling #orderBtn {
	margin-top: 25px;
}

.accountBilling .coinsAccessList {
	display: block;
	width: 100%;
	margin: 0;
	padding: 4px 0 0;
	list-style-type: none;
	font-size: 0;
}

.accountBilling .coinsAccessList li {
	display: inline-block;
	width: 20%;
	margin: 2px 0;
}

.accountBilling .coinsAccessList li > * {
	display: inline-block;
	vertical-align: middle;
}

.accountBilling .coinsAccessList li img {
	max-width: 14px;
	margin-right: 4px;
}

.accountBilling .coinsAccessList li p {
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
}

/** Dashboard account transactions **/

.transactionsView .whitePaddedBox {
	min-width: 510px;
	overflow: hidden;
}

.transactionsView .printIcon {
	display: block;
	position: absolute;
	top: 25px;
	right: 30px;
	height: 30px;
	width: 30px;
	border: 1px solid #f36f43;
	border-radius: 6px;
	text-align: center;
	line-height: 28px;
	color: #9f4724;
	transition: all 200ms;
}

.transactionsView .printIcon:hover {
	background-color: rgba(243,112,67,0.1);
}

.transactionsView .printIcon:focus {
	background-color: rgba(243,112,67,0.2);
}

.transactionsView table {
	table-layout: fixed;
	width: 100%;
	min-width: 450px;
	margin: 20px 0;
}

.transactionsView table:last-child {
	margin-bottom: 0px;
}

.transactionsView table tr th {
	padding: 0 6px 10px;
	font-size: 18px;
	font-family: Montserrat;
	font-weight: 500;
	border-bottom: 1px solid #eeeeee;
}

.transactionsView table tbody tr:first-child td {
	padding: 12px 12px 6px;
}

.transactionsView table tr td {
	width: 50%;
	padding: 6px 12px;
	font-size: 16px;
	font-family: Montserrat;
	color: #323232;
}

.transactionsView table tr td:nth-child(1) {
	font-size: 14px;
	color: #555555;
}

.transactionsView table tr td:nth-child(2) {
	text-align: right;
	word-break: break-word;
}

.transactionsView table tr.addressRow td {
	padding: 6px 12px 0;
}

.transactionsPrint {
	background-color: #f5f8fa;
}

.transactionsPrint .txnBody {
	width: 570px;
	margin: 50px auto;
	padding: 0 35px 25px 35px;
	background-color: white;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.transactionsPrint .txnNo {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.25;
	color: #9f4724;
}

.transactionsPrint .txnDate {
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Montserrat;
}

.transactionsPrint .txnTitle {
	margin: 0 -35px;
	padding: 25px 0;
	text-align: center;
	background-color: #9f4724;
}

.transactionsPrint .txnTitle h1 {
	margin: 0;
	font-size: 24px;
	color: white;
}

.transactionsPrint h2 {
	margin-top: 20px;
	margin-bottom: 12px;
	padding-bottom: 4px;
	font-size: 18px;
	color: #9f4724;
	border-bottom: 1px solid #ddd;
}

.transactionsPrint table {
	width: 100%;
	table-layout: fixed;
	font-size: 14px;
	font-family: Montserrat;
	font-weight: 500;
}

.transactionsPrint table p {
	margin-bottom: 0;
	font-size: 14px;
	font-family: Montserrat;
}

.transactionsPrint .txnBillingInfo {
	overflow: auto;
}

.transactionsPrint .txnBillingInfo h3 {
	margin-top: 0;
	margin-bottom: 2px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	color: #9f4724;
}

.transactionsPrint .txnBillingInfo p {
	margin-bottom: 2px;
	font-family: Montserrat;
}

.transactionsPrint .txnBillingInfo div {
	width: 50%;
	float: left;
}

.transactionsPrint .txnBillingInfo div p {
	margin-bottom: 0px;
	font-size: 14px;
}

.transactionsPrint .txnBillingItems th {
	font-size: 14px;
}

.transactionsPrint .txnBillingItems td {
	padding: 10px 0 0 0;
}

.transactionsPrint .txnBillingItems .itemName {
	font-size: 24px;
	line-height: 1.1;
}

.transactionsPrint .txnBillingItems td:nth-child(1) {
	width: 400px;
}

.transactionsPrint .txnBillingTotal td:nth-child(1) {
	width: 260px;
}

.transactionsPrint .txnBillingItems th:nth-child(2),
.transactionsPrint .txnBillingItems td:nth-child(2),
.transactionsPrint .txnBillingPayment td:nth-child(2),
.transactionsPrint .txnBillingTotal td:nth-child(2) {
	width: 100px;
	text-align: right;
}

.transactionsPrint hr {
	margin-top: 8px;
	margin-bottom: 5px;
	border-color: #dddddd;
}

.transactionsPrint .txnBillingTotal td {
	text-align: right;
	line-height: 24px;
}

.transactionsPrint .txnBillingTotal strong {
	font-size: 20px;
	color: #323232;
}

.transactionsPrint .txnBillingItems td:nth-child(2),
.transactionsPrint .txnBillingPayment td:nth-child(2),
.transactionsPrint .txnBillingTotal td:nth-child(3),
.transactionsPrint .txnBillingTotal td:nth-child(3) p,
.transactionsPrint .txnProcessor td:nth-child(2),
.transactionsPrint .txnMerchant td:nth-child(2) {
	font-size: 16px;
}

.transactionsPrint .txnBillingTotal tr:first-child td:nth-child(2),
.transactionsPrint .txnBillingTotal tr:first-child td:nth-child(3) {
	padding: 0 0 4px;
}

.transactionsPrint .txnBillingTotal tr:last-child td:nth-child(2),
.transactionsPrint .txnBillingTotal tr:last-child td:nth-child(3) {
	padding: 4px 0 2px;
	border-top: 1px solid #dddddd;
	border-bottom: 3px double #dddddd;
}

.transactionsPrint .txnBillingPayment td {
	padding: 2px 0;
}

.transactionsPrint .txnProcessor td,
.transactionsPrint .txnMerchant td {
	width: 50%;
}

.transactionsPrint .txnProcessor td:nth-child(2),
.transactionsPrint .txnMerchant td:nth-child(2) {
	text-align: right;
}

/** Cancel subscription page **/

.billingUnsubscribe .unsubscribeBox hr {
	margin: 20px 0;
}

.billingUnsubscribe .unsubscribeBox h2 {
	font-size: 32px;
	text-align: center;
}

.billingUnsubscribe .unsubscribeBox p {
	margin-bottom: 6px;
	padding: 0 20px;
	font-size: 18px;
	text-align: left;
}

.billingUnsubscribe .unsubscribeBox label[for="password"] {
	margin-top: 0;
	text-align: center !important;
}

.billingUnsubscribe .unsubscribeBox input[type="password"] {
	margin-bottom: 20px;
}

.billingUnsubscribe .unsubscribeBox button {
	display: block;
	margin: 15px auto 0;
}

/** Purchase/Upgrade page **/

.dashboardPlans .row,
.dashboardPlans .row > div {
	display: flex;
}

.plansBoxes {
	position: relative;
	display: flex;
	padding: 50px 30px 35px;
	border: 1px solid #ddd;
	border-radius: 10px;
	flex-direction: column;
	flex-grow: 1;
	overflow: hidden;
}

.plansBoxes .plansFeatured {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	text-align: center;
}

.plansBoxes .plansFeatured p {
	margin: 0;
	font-size: 12px;
	font-family: Montserrat;
	font-weight: 700;
	color: white;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #f36f43;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.05) inset;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	cursor: default;
}

.plansBoxes h2 {
	position: relative;
	left: -2px;
	margin: 0;
	padding: 0;
	font-size: 32px;
	font-weight: 500;
	color: #565656;
	letter-spacing: 2px;
}

.plansBoxes .plansTarget {
	font-size: 20px;
}

.plansPrices {
	position: relative;
	display: inline-block;
	padding: 0 0 0;
	margin: 0 0 0;
	cursor: default;
}

.plansPrices .plansPriceNumber {
	display: inline-block;
	margin-bottom: 0;
	font-size: 60px;
	font-weight: 600;
	font-family: Nunito;
	color: #9f4724;
	line-height: 1;
}

.plansPrices sup {
	top: -26px;
	left: -2px;
	font-size: 22px;
	font-weight: 700;
	color: #323232;
}

.plansPrices .plansPeriod {
	display: inline-block;
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	font-family: Montserrat;
	line-height: 1;
}

.plansPrices .plansPriceNote {
	display: block;
	font-size: 14px;
}

.plansPrices .plansCheaper {
	font-size: 18px;
	font-family: Montserrat;
	font-weight: 700;
	color: #f36f43;
}

.plansBoxes hr {
	margin: 25px 0;
	border-color: #ccc;
}

.plansInclude {
	flex-grow: 1;
	margin-top: -5px;
}

.plansInclude h3 {
	margin: 0 0 10px;
	font-size: 20px;
	font-family: Poppins;
	color: #323232;
}

.plansInclude ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.plansInclude ul li {
	margin: 0;
	padding: 0;
}

.plansInclude .featuresList li {
	position: relative;
	margin: 0 0 10px;
	padding: 0 10px 0 26px;
}

.plansInclude .featuresList li:last-child {
	margin-bottom: 0px;
}

.plansInclude .featuresList li::before,
.plansInclude .featuresList li::after {
	content: '';
	position: absolute;
	display: block;
	border-radius: 2px;
	background-color: #f36f43;
	transform: rotate(45deg);
}

.plansInclude .featuresList li::before {
	top: 12px;
	left: 0px;
	height: 4px;
	width: 6px;
/*	box-shadow: 3px 1px 4px 0px rgba(0,0,0,0.3);*/
}

.plansInclude .featuresList li::after {
	top: 4px;
	left: 8px;
	height: 16px;
	width: 4px;
/*	box-shadow: 2px 0px 4px 0px rgba(0,0,0,0.3);*/
}

.plansInclude h4 {
	margin: -5px 0 10px;
	font-size: 16px;
	font-family: Poppins;
	color: #323232;
}

.plansInclude .coinsList {
	font-size: 0;
}

.plansInclude .coinsList li {
	display: inline-block;
	width: calc(100% / 5);
	padding: 4px 10px;
	font-size: 12px;
}

.plansInclude .coinsList li img {
	height: 14px;
	width: 14px;
	margin-right: 6px;
	border-radius: 50%;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.25);
}

.plansBillingCycle {
	width: 100%;
	margin-bottom: 15px;
}

.plansBillingCycle:before {
	content: " ";
	position: absolute;
	left: 40px;
	height: 0;
	width: 0;
	margin-top: 2px;
	border-left-color: #f36f43 !important;
	border: 10px solid transparent;
	pointer-events: none;
}

.plansBillingCycle:after {
	content: " ";
	position: absolute;
	right: 40px;
	height: 0;
	width: 0;
	margin-top: 2px;
	border-right-color: #f36f43 !important;
	border: 10px solid transparent;
	pointer-events: none;
}

.plansBillingCycle p {
	margin: 0;
	padding: 0px 5px 5px;
	border-bottom: 3px solid transparent;
	font-weight: 700;
	font-family: Montserrat;
	color: #888;
	background-color: white;
	text-align: center;
	transition: all 200ms;
}

.plansBillingCycle p:hover {
	color: #777;
	border-bottom-color: rgba(243,112,67,0.25);
}

.plansBillingCycle input {
	display: none;
}

.plansBillingCycle input:checked + p {
	color: #f36f43;
	border-bottom-color: #323232;
}

.plansBillingCycle label {
	display: inline-block !important;
	margin: 0 -3px 0 0 !important;
	padding: 0 !important;
	width: 30%;
}

.plansBillingCycle label:last-child {
	margin: 0 !important;
}

.plansBoxes form {

}

.plansBoxes .btn {
	position: relative;
	margin: 0 auto !important;
	border: none;
	border-radius: 6px;
	padding: 12px 30px;
	box-shadow: none;
	font-size: 20px;
	font-family: Montserrat;
	font-weight: 500;
	color: white;
	transition: all 200ms;
}

.planInfoBar {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 4px 0 2px;
	font-size: 12px;
	color: white;
	text-align: center;
}

.planInfoBar[data-status="active"] {
	background-color: #40ad4f;
}

.planInfoBar[data-status="pastdue"] {
	background-color: #d0302a;
}

.planInfoBar[data-status="na"] {
	background-color: #777888;
}

/** Payment confirmation page **/

.dashboardPlans.plansCheckout #menuConfirmation {
	display: block;
}

.dashboardPlans.plansCheckout select {
	padding-left: 15px;
}

.braintreeForm p {
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 16px;
}

.braintreeForm iframe {
	margin-top: 18px;
	padding-left: 15px;
}

.braintreeLogo {
	text-align: right;
}

.braintreeLogo img {
	display: inline-block;
	max-width: 202px;
}

.plansCheckout .billingDetailsBox p,
.plansCheckout .billingDetailsBox input,
.plansCheckout .billingDetailsBox textarea,
.plansCheckout .billingDetailsBox div {
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	color: #323232;
	line-height: 1.75;
	cursor: text;
	border-radius: 0;
}

.plansCheckout .billingDetailsBox input {
	height: auto;
	margin: 0;
	padding: 0 0 0 5px;
	border: none;
	border-radius: 0;
	border-bottom: 1px dotted transparent;
	transition: all 200ms;
}

.plansCheckout .billingDetailsBox textarea {
	padding: 0px 22px 0px 5px;
	margin: 0;
	border: none;
	border-bottom: 1px dotted transparent;
	transition: all 200ms;
	box-sizing: padding-box;
	overflow: hidden;
}

.plansCheckout .billingDetailsBox input[data-empty="true"],
.plansCheckout .billingDetailsBox input:focus,
.plansCheckout .billingDetailsBox textarea[data-empty="true"],
.plansCheckout .billingDetailsBox textarea:focus {
	border-bottom-color: #aaaaaa;
}

.plansCheckout .billingDetailsBox .billingPseudo {
	margin: 0;
	padding: 0 0 0 5px;
	cursor: default;
	word-break: break-all;
}

.plansCheckout .billingDetailsBox .billingCountry {
	padding: 0 0 0 1px;
}

.plansCheckout .billingDetailsBox .billingCountry[data-empty="true"] {
	border-bottom: 1px dotted #aaaaaa;
	color: #999999;
	cursor: text;
}

.plansCheckout .billingDetailsBox input.hasError,
.plansCheckout .billingDetailsBox textarea.hasError {
	border-bottom: 1px solid #d0302a;
}

.plansCheckout .billingDetailsBox select {
	height: auto;
	margin: 0;
	padding: 2px 1px;
	border: none;
	border-radius: 0;
	border-bottom: 1px dotted transparent;
	font-size: 14px;
	font-family: Montserrat;
	color: #323232;
}

.plansCheckout .billingDetailsBox .form-group {
	min-height: 26px;
	padding: 0 0 0 15px;
	margin: 0;
}

.plansCheckout .billingDetailsBox i.billingIcon {
	position: absolute;
	display: block;
	top: 5px;
	left: -5px;
	width: 20px;
	text-align: center;
	color: #dddddd;
}

.plansCheckout .billingDetailsBox i.billingEditIcon {
	position: absolute;
	top: 5px;
	right: 3px;
	opacity: 0;
	visibility: hidden;
	color: #f36f43;
	transition: all 200ms;
}

.plansCheckout .billingDetailsBox .form-group input:hover ~ .billingEditIcon,
.plansCheckout .billingDetailsBox .form-group input:focus ~ .billingEditIcon,
.plansCheckout .billingDetailsBox .form-group textarea:hover ~ .billingEditIcon,
.plansCheckout .billingDetailsBox .form-group textarea:focus ~ .billingEditIcon {
	opacity: 1;
	visibility: visible;
}

.paymentBox {
	position: relative;
}

.paymentBox .braintreeLogo {
	position: absolute;
	top: 30px;
	right: 35px;
	max-width: 120px;
}

.paymentBox #paymentForm {
	margin: 20px auto;
}

.paymentBox #paymentForm label {
	width: 100%;
}

.paymentBox #paymentForm input {
	margin-top: unset;
}

.paymentBox #stripeLoader {
	display: block;
	margin: 25px auto;
}

.paymentBox #stripeElements {
	margin-bottom: 25px;
}

.paymentBox #stripeMessage {

}

.paymentBox .g-recaptcha {
	margin-bottom: 20px;
}

.paymentBox .btn {
	margin-bottom: 0px !important;
	border-radius: 6px;
}

.paymentBox .btn[disabled] {
	cursor: default !important;
	background: -webkit-linear-gradient(to bottom, #c8c8c8 0%, #9d9d9d 100%);
	background: -moz-linear-gradient(to bottom, #c8c8c8 0%, #9d9d9d 100%);
	background: -ms-linear-gradient(to bottom, #c8c8c8 0%, #9d9d9d 100%);
	background: -o-linear-gradient(to bottom, #c8c8c8 0%, #9d9d9d 100%);
	background: linear-gradient(to bottom, #c8c8c8 0%, #9d9d9d 100%);
	box-shadow: none !important;
}

.acceptedPayments {
	padding: 4px 10px;
	max-width: 300px;
}

.acceptedPayments p {
	margin-bottom: 6px;
	font-size: 14px;
	font-family: Montserrat;
}

.acceptedPayments img {
	display: inline-block;
	max-height: 36px;
	min-width: 58px;
	margin-right: 8px;
	margin-bottom: 12px;
	padding: 8px 10px 7px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	background-color: white;
	border-radius: 4px;
	object-fit: contain;
}

.cartBox {
	margin-top: 10px;
	border-radius: 10px;
}

.cartBox[data-invoice-status="paid"] {
	padding-bottom: 25px;
}

.cartBox[data-invoice-status="unpaid"] {
	padding-bottom: 0px;
}

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

.cartBox h2 {
	position: relative;
	margin-bottom: 4px;
	padding: 20px 20px 0;
	line-height: 1;
}

.cartBox.cartBoxPlain h2 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.cartBox h2 .invoiceStatus {
	position: absolute;
	display: block;
	top: 18px;
	right: 20px;
	padding: 11px 20px 9px;
	border-radius: 4px;
	color: white;
	font-size: 16px;
	font-weight: 700;
	font-family: Nunito;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	text-shadow: 0 0 5px rgba(0,0,0,0.75);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}

.cartBox h2 .invoicePaid {
	background-color: #3c763d;
}

.cartBox h2 .invoiceUnpaid {
	background-color: #f36f43;
}

.cartBox p.invoiceDate {
	margin-bottom: 25px;
	padding: 0 20px 15px;
	font-size: 14px;
	font-weight: 500;
	color: #888;
	line-height: 1;
	letter-spacing: 0.8px;
	border-bottom: 1px solid #eee;
}

.cartBox p.invoiceDate span {
	color: #666;
	font-weight: 700;
}

.cartBox > div {
	padding: 0 25px;
}

.cartBox.cartBoxPlain > div {
	padding-bottom: 25px;
}

.cartBox .stripeLogo {
	position: absolute;
	bottom: 25px;
	left: 35px;
	max-height: 40px;
}

.cartBox[data-invoice-status="unpaid"] .stripeLogo {
	bottom: 70px;
}

.cartBox.cartBoxHasNote .stripeLogo {
	bottom: 50px;
}

.cartBox table {
	width: 100%;
	table-layout: fixed;
}

.cartBox tr.cartItem {
	
}

.cartBox .cartItems td {

}

.cartBox .cartItems td:nth-child(1) {
	width: 50%;
	padding: 0 10px;
}

.cartBox .cartItems td:nth-child(1) h3 {
	margin: 0 0 2px;
	font-size: 24px;
	font-weight: 600;
	color: #7c2e10;
}

.cartBox .cartItems p.planDate {
	margin-bottom: 6px;
	font-size: 16px;
	color: #9f4724;
}

.cartBox .cartItems td:nth-child(1) p {
	margin-bottom: 0px;
	font-size: 14px;
}

.cartBox .cartItems td:nth-child(2) {
	width: width: calc(50% - 150px);
}

.cartBox .cartItem td:nth-child(2) {
	font-size: 20px;
	font-family: Nunito;
	text-align: right;
	padding-right: 15px;
}

.cartBox .cartSubtotal td:nth-child(1) {
	width: 60%;
	padding-left: 15px;
}

.cartBox .cartSubtotal td:nth-child(2),
.cartBox .cartTaxes td:nth-child(1),
.cartBox .cartDiscount td:nth-child(1),
.cartBox .cartGrandTotal td:nth-child(1) {
	width: 20%;
	padding-left: 15px;
	font-size: 16px;
	text-align: left;
}

.cartBox .cartSubtotal td:nth-child(3),
.cartBox .cartTaxes td:nth-child(2),
.cartBox .cartDiscount td:nth-child(2),
.cartBox .cartGrandTotal td:nth-child(2) {
	width: 20%;
	padding-right: 15px;
	font-size: 20px;
	font-family: Nunito;
	text-align: right;
}

.cartBox .cartPromo {
	padding-top: 2px;
	vertical-align: top;
	font-family: Montserrat;
}

.cartBox .cartPromo p {
	position: relative;
	font-size: 16px;
}

.cartBox .cartPromo input {
	float: left;
	margin: 0 0 5px;
	height: 36px;
	max-width: 180px;
	padding: 6px 12px 5px;
	font-size: 16px;
	font-weight: 500;
	font-family: Montserrat;
	letter-spacing: 0.8px;
	border-right: none;
	border-radius: 6px 0 0 6px;
}

.cartBox .cartPromo input[disabled="disabled"],
.cartBox .cartPromo input[disabled="disabled"]:hover,
.cartBox .cartPromo input[disabled="disabled"]:focus {
	border-color: #dddddd;
	border-right: 1px solid #dddddd;
}

.cartBox .cartPromo .couponApplyBtn {
	position: relative;
	float: left;
	height: 36px;
	margin-top: 0;
	padding: 10px 12px 9px;
	font-size: 12px;
	font-family: Montserrat;
	font-weight: 500;
	letter-spacing: 0.5px;
	border: none !important;
	border-radius: 0 6px 6px 0;
}

.cartBox .cartPromo .couponApplyBtn .couponBtnText {
	opacity: 1;
	visibility: visible;
	transition: all 200ms;
}

.cartBox .cartPromo .couponApplyBtn #couponLoader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.cartBox .cartPromo .couponApplyBtn[data-coupon="checking"] .couponBtnText {
	opacity: 0;
	visibility: hidden;
}

.cartBox .cartPromo .couponApplyBtn[data-coupon="checking"] #couponLoader {
	opacity: 1;
	visibility: visible;
}

.cartBox .cartPromo .couponResult {
	clear: both;
	opacity: 0;
	visibility: hidden;
	float: left;
	margin-top: 2px;
	padding-left: 6px;
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
	font-style: italic;
	color: #555555;
	transition: all 200ms;
}

.cartBox .cartDiscount td {
	padding-bottom: 10px;
	border-bottom: 1px solid #aaaaaa;
}

.cartBox .cartGrandTotal td {
	padding: 0 10px;
	border-bottom: 3px double #aaaaaa;
}

.cartBox .cartGrandTotal td:nth-child(1) {
	padding: 10px 0 10px 15px;
}

.cartBox .cartGrandTotal td:nth-child(2) {
	padding: 10px 15px 10px 0;
}

.cartBox .cartNote {
	margin: 10px 12px 0px;
	text-align: right;
	font-size: 12px;
	font-style: italic;
	letter-spacing: 0.5px;
	color: #888888;
}

.cartBox.cartBoxMobile {
	margin-bottom: 10px;
	font-family: Montserrat;
}

.cartBox.cartBoxMobile hr {
	margin: 15px auto;
}

.cartBox.cartBoxMobile .cartItem,
.cartBox.cartBoxMobile .cartItemPrice {
	display: inline-block;
	vertical-align: middle;
}

.cartBox.cartBoxMobile .cartItem {
	width: 65%;
}

.cartBox.cartBoxMobile .cartItem h3 {
	margin: 0 0 2px;
	font-size: 20px;
	font-weight: 600;
	color: #7c2e10;
}

.cartBox.cartBoxMobile .cartItem p {
	margin-bottom: 0px;
	font-size: 14px;
}

.cartBox.cartBoxMobile .cartItemPrice {
	width: 33%;
}

.cartBox.cartBoxMobile .cartItemPrice p {
	font-size: 20px;
	font-family: Nunito;
	text-align: right;
	padding-right: 10px;
}

.cartBox.cartBoxMobile .cartSubtotal td:nth-child(2) {
	width: 20%;
	padding-right: 15px;
	font-size: 20px;
	font-family: Nunito;
	text-align: right;
}

.cartBox.cartBoxMobile .cartPromo {
	overflow: auto;
	margin-top: 15px;
	padding: 0 15px;
	text-align: center;
}

.cartBox.cartBoxMobile .cartPromo input {
	width: calc(100% - 117px);
	max-width: unset;
	margin-bottom: 0;
}

.cartBox.cartBoxMobile .cartPromo .couponApplyBtn {
	margin-bottom: 0;
	width: 117px;
}

.cartBox.cartBoxMobile .cartPromo .couponResult {
	margin: 4px 0 0;
	font-size: 12px;
}

.cartBox .btn,
.cartBox .btn:hover,
.cartBox .btn:focus,
.cartBox .btn:active {
	margin: 20px 0 0;
	border-radius: 0 0 10px 10px;
	background: -webkit-linear-gradient(left, #d0302a 0%, #f36f43 100%);
	background: -moz-linear-gradient(left, #d0302a 0%, #f36f43 100%);
	background: -ms-linear-gradient(left, #d0302a 0%, #f36f43 100%);
	background: -o-linear-gradient(left, #d0302a 0%, #f36f43 100%);
	background: linear-gradient(left, #d0302a 0%, #f36f43 100%);
}

.cartBox .btn:hover {
	box-shadow: 0 -10px 40px 0 rgba(0,0,0,0.1) inset, 0 0 5px 0 rgba(0,0,0,0.1);
}

.cartBox .btn:focus {
	box-shadow: 0 -10px 40px 0 rgba(0,0,0,0.2) inset, 0 0 5px 0 rgba(0,0,0,0.1);
}

.cartBox .btn:active {
	box-shadow: 0 -10px 40px 0 rgba(0,0,0,0.2) inset, 0 0 5px 0 rgba(0,0,0,0.1);
}

.cartBox .invoiceNote {
	margin: 20px 0 0;
	padding: 6px 0 8px;
	font-size: 14px;
	color: white;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.5px;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 -10px 15px 0 rgba(0,0,0,0.15) inset;
	background-color: #3c763d;
	border-radius: 0 0 10px 10px;
}

/** Payment results page **/

.dashboardPlans.paymentResult #menuResult {
	display: block;
}

.dashboardPlans.paymentResult .resultsBox {
	min-width: 400px;
}

.dashboardPlans.paymentResult .resultsBox i {
	display: inline-block;
	height: 65px;
	width: 65px;
	margin: 10px 0 20px 10px;
	border: 5px solid #f36f43;
	border-radius: 50%;
	font-size: 32px;
	text-align: center;
	color: #f36f43;
	line-height: 58px;
	vertical-align: middle;
}

.dashboardPlans.paymentResult .resultsBox .titleText {
	display: inline-block;
	width: calc(100% - 80px);
	margin: 10px 0 20px;
	padding: 0 10px 0 12px;
	vertical-align: middle;
}

.dashboardPlans.paymentResult .resultsBox .titleText h2 {
	margin: 10px 0 0;
	font-size: 22px;
}

.dashboardPlans.paymentResult .resultsBox .titleText p.subtitle {
	margin-bottom: 5px;
	font-size: 16px;
	font-family: Montserrat;
}

.dashboardPlans.paymentResult .resultsBox i.trialStarted {
	padding-right: 3px;
	font-size: 28px;
	line-height: 56px;
	color: #40ad4f;
	border-color: #40ad4f;
}

.dashboardPlans.paymentResult .resultsBox .titleText.trialStarted h2 {
	color: #40ad4f;
}

.dashboardPlans.paymentResult .resultsBox td.trialStarted {
	color: #40ad4f;
}

.dashboardPlans.paymentResult .resultsBox i.paymentDeclined {
	border-color: #c95d33;
	color: #c95d33;
}

.dashboardPlans.paymentResult .resultsBox .titleText.paymentDeclined p {
	margin-bottom: 0px;
	color: #c95d33;
}

.dashboardPlans.paymentResult .resultsBox .titleText.paymentDeclined p span {
	color: #9f4724;
}

.dashboardPlans.paymentResult .resultsBox .resultsNote {
	padding: 0 12.5px;
}

.dashboardPlans.paymentResult .resultsBox .resultsNote p {
	padding: 10px 15px;
	background-color: rgba(64,173,79,0.2);
	border: 1px solid rgba(64,173,79,0.2);
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
}

.dashboardPlans.paymentResult .resultsBox .resultsNote strong {
	color: #323232;
}

.dashboardPlans.paymentResult .resultsBox table {
	width: 100%;
	min-width: 360px;
	max-width: 500px;
}

.dashboardPlans.paymentResult .resultsBox table tr td {
	width: 50%;
	padding: 6px 12px;
	font-family: Montserrat;
}

.dashboardPlans.paymentResult .resultsBox table tr td:nth-child(1) {
	font-size: 14px;
	color: #555555;
	vertical-align: top;
}

.dashboardPlans.paymentResult .resultsBox table tr td:nth-child(2) {
	text-align: right;
	font-weight: 500;
}

.dashboardPlans.paymentResult .resultsBox table tr td.coinsListBox {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.25px;
}

.dashboardPlans.paymentResult .resultsBox hr {
	margin: 10px 0;
}

.dashboardPlans.paymentResult .ctaBox {
	padding: 40px 25px;
	text-align: center;
}

.dashboardPlans.paymentResult .ctaBox h2 {
	font-size: 28px;
	font-weight: 600;
}

.dashboardPlans.paymentResult .ctaBox p {
	font-size: 18px;
	font-weight: 500;
}

.dashboardPlans.paymentResult .ctaBox p i {
	color: #555;
}

.dashboardPlans.paymentResult .ctaBox .btn {
	margin-bottom: 0;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 18px;
}

/** Dashboard account events and forecasts **/

.dashboardEvents .welcomeBox {
	margin-top: 0;
}

.dashboardEvents .dataColour {
	position: relative;
	font-family: Nunito;
	font-size: 16px;
	font-weight: 700;
	color: #555;
}

.dashboardEvents.eventsCoinData .dataColour {
	font-family: inherit;
	font-size: inherit;
}

.dashboardEvents .dataColour[data-colour="green"],
.dashboardEvents .dataColour[data-positive-direction="up"][data-direction="up"],
.dashboardEvents .dataColour[data-positive-direction="down"][data-direction="down"] {
	color: #297138;
}

.dashboardEvents .dataColour[data-colour="red"],
.dashboardEvents .dataColour[data-positive-direction="up"][data-direction="down"],
.dashboardEvents .dataColour[data-positive-direction="down"][data-direction="up"] {
	color: #d0302a;
}

.dashboardEvents .dashboardTable td.cellHasCaret .dataColour[data-direction]::after {
	content: "\f0d8";
	position: absolute;
	top: 50%;
	left: -16px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	transform: translateY(-50%);
}

.dashboardEvents .dashboardTable td.cellHasCaret .dataColour[data-direction="up"]::after {
	transform: translateY(-50%) rotate(0deg);
}

.dashboardEvents .dashboardTable td.cellHasCaret .dataColour[data-direction="down"]::after {
	transform: translateY(-50%) rotate(180deg);
}

.dashboardEvents.eventsForecast .dashboardTable tr th:nth-child(2),
.dashboardEvents.eventsForecast .dashboardTable tr td:nth-child(2) {
	padding: 10px 20px;
	text-align: left;
}

.dashboardEvents.eventsForecast .dashboardTable tr td[data-impact="3"] {
	color: #f2cc00;
}

.dashboardEvents.eventsForecast .dashboardTable tr td[data-impact="2"] {
	color: #f36f43;
}

.dashboardEvents.eventsForecast .dashboardTable tr td[data-impact="1"] {
	color: #d0302a;
}

.dashboardEvents.eventsForecast .coinInfoLoader {
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
}

.dashboardEvents.eventsForecast .cryptoIcon {
	position: absolute;
	top: -20px;
	left: -20px;
	opacity: 0.15;
	z-index: 1;
	border-radius: 50%;
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.75);
	transition: all 200ms;
}

.dashboardEvents.eventsForecast .cryptoIcon[src=""] {
	opacity: 0;
	visibility: hidden;
}

.dashboardEvents.eventsForecast .currentSpotPrice {
	margin-left: 2px;
	font-family: Nunito;
	letter-spacing: 0.2px;
}

.dashboardEvents.eventsForecast input[name="custom_price"] {
	position: relative;
	display: none;
	bottom: -6px;
	height: auto;
	margin-top: 0;
	padding: 0 6px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ddd;
	box-shadow: none;
	outline: none;
	font-size: 16px;
	font-weight: 500;
	font-family: consolas;
	transition: none;
}

.dashboardEvents.eventsForecast .form-group.releaseFilterSelect {
	margin-bottom: 0px;
}

.dashboardEvents.eventsForecast .form-group[data-group="release_value_filter"],
.dashboardEvents.eventsForecast .form-group[data-group="prior_change_filter"] {
	display: none;
	transition: none;
	margin-bottom: 0px;
}

.dashboardEvents.eventsForecast p.dynamicNote {
	display: block;
	margin: 0 10px -6px;
	font-size: 14px;
	color: #d0302a;
	cursor: default;
}

.forecastChart {
	display: block;
	margin: 0;
	padding: 15px;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	font-size: 0px;
}

.forecastChart h3 {
	display: inline-block;
	width: 50%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.embedChart.forecastChart h3 {
	display: block;
	width: 100%;
	color: #f36f43;
	text-align: center;
}

.forecastChart .forecastChartToolbar {
	list-style-type: none;
	margin: 0;
	padding: 4px 0;
	text-align: center;
}

.forecastChart .forecastChartToolbar li:not(:first-child) {
	margin-left: 12px;
}

.forecastChart .forecastChartToolbar .toggleSwitch[data-switch-label="Min Low"] .toggleTabs {
	border: 2px solid #dc645f;
	background-color: #dc645f;
}

.forecastChart .forecastChartToolbar .toggleSwitch[data-switch-label="Max Low"] .toggleTabs {
	border: 2px solid #d0302a;
	background-color: #d0302a;
}

.forecastChart .forecastChartToolbar .toggleSwitch[data-switch-label="Min High"] .toggleTabs {
	border: 2px solid #5f956a;
	background-color: #5f956a;
}

.forecastChart .forecastChartToolbar .toggleSwitch[data-switch-label="Max High"] .toggleTabs {
	border: 2px solid #297138;
	background-color: #297138;
}

.forecastChart .forecastChartToolbar .toggleSwitch[data-switch-label="Average"] .toggleTabs {
	border: 2px solid #285ae6;
	background-color: #285ae6;
}

.forecastChartNote {
	display: inline-block;
	width: 50%;
	margin-bottom: 0;
	padding-left: 10px;
	font-size: 12px;
	font-family: Poppins;
	font-weight: 400;
	color: #555;
	text-align: right;
}

.embedChart .forecastChartNote {
	display: block;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	text-align: center;
}

.dashboardEvents.eventsForecast .forecastEmbed {
	position: relative;
	display: block;
	margin: 0 0 10px;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.dashboardEvents.eventsForecast .forecastEmbed label {
	display: block;
	margin-top: 4px;
}

.dashboardEvents.eventsForecast .forecastEmbed span {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 14px;
	color: #40ad4f;
	transition: all 200ms;
	border-bottom: 2px solid transparent;
	cursor: pointer;
}

.dashboardEvents.eventsForecast .forecastEmbed input {
	display: block;
	width: 100%;
	margin-top: 6px;
	cursor: pointer;
	outline: none !important;
}

.dashboardEvents.eventsForecast .forecastEmbed input:hover,
.dashboardEvents.eventsForecast .forecastEmbed span:hover + input {
	border-color: #ddd;
	outline: none;
	box-shadow: 0 0 5px 0 rgba(64,173,79,1);
}

.dashboardEvents.eventsForecast .forecastSummary {
	display: block;
	margin: 0 0 0;
}

.dashboardEvents.eventsForecast h3.forecastSummaryTitle {
	margin: 0 0 10px;
}

.dashboardEvents.eventsForecast .forecastExplaination h2 {
	font-size: 16px;
}

.dashboardEvents.eventsForecast .forecastExplaination ul {
	margin-bottom: 0px;
	padding-left: 16px;
}

.dashboardEvents.eventsForecast .forecastExplaination ul li {
	font-size: 12px;
}

.dashboardEvents.eventsForecast .forecastExplaination ul li strong {
	font-weight: 500;
}

.dashboardEvents.eventsCoinData .cryptoIcon {
	position: absolute;
	top: -26px;
	left: -26px;
	opacity: 0.15;
	border-radius: 50%;
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.75);
	z-index: 1;
}

.dashboardEvents.eventsCoinData .chartBox .coinInfo {
	display: block;
	margin-bottom: 10px;
	padding: 0 0 6px;
	border-radius: 0;
	font-size: 0;
}

.dashboardEvents.eventsCoinData .chartBox .coinInfo span {
	position: relative;
	display: inline-block;
	height: 50px;
	vertical-align: middle;
	font-family: Nunito;
	font-size: 16px;
	font-weight: 700;
	color: #545454;
}

.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoTicker {
	padding: 0 16px 0 0;
	border-right: 1px solid #ddd;
}

.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoTicker h2 {
	position: relative;
	display: inline-block;
	margin: 0 0 0;
	padding-left: 0px;
	font-weight: 800;
	font-family: Nunito;
	z-index: 2;
}

.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoTicker p {
	font-size: 14px;
	font-weight: 500;
	font-family: Montserrat;
}

.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub {
	padding: 22px 0 0px 20px;
}


.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub .metricTitle {
	position: absolute;
	display: block;
	top: 6px;
	left: 10px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
	color: #666;
}

.dashboardEvents.eventsCoinData .chartBox p {
	position: relative;
	margin-bottom: 0;
	z-index: 2;
}

.dashboardEvents.eventsCoinData .chartBox .releaseInfo {
	display: block;
	margin: 0 0 10px;
	padding: 6px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.dashboardEvents.eventsCoinData .chartBox .releaseInfo p {
	margin-bottom: 0;
	color: #555;
}

.dashboardEvents.eventsCoinData .chartBox .releaseInfo .releaseName {
	display: inline-block;
	font-size: 18px;
}

.dashboardEvents.eventsCoinData .chartBox .releaseInfo .releaseAgency {
	margin-bottom: 6px;
	font-size: 14px;
}

.dashboardEvents.eventsCoinData .chartBox .releaseInfo .releaseDate {
	font-size: 16px;
	font-weight: 800;
	font-family: Nunito;
}

.dashboardEvents.eventsCoinData .chartBox .releaseInfo .releaseDate .releaseTz {
	margin-left: 6px;
	font-weight: 600;
	color: #888;
	font-weight: 500;
	font-family: Poppins;
}

.dashboardEvents.eventsCoinData .chartBox .dataSource {
	margin-bottom: -5px !important;
	font-size: 12px;
}

.dashboardEvents .chartWrap {
	position: relative;
	width: 100%;
	height: 600px;
	padding: 0;
}

.dashboardEvents .chartWrap .pane {
	position: relative;
	width: 100%;
}

.dashboardEvents .chartWrap .pane.panePrice {
	height: 450px;
}

.dashboardEvents .chartWrap .pane.paneVol {
	height: 150px;
	border-top: 1px solid rgba(0,0,0,0.25);
}

.dashboardEvents #priceChart {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.dashboardEvents .volumeLabel {
	position: absolute;
	top: 5px;
	left: 5px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #fff;
	z-index: 10;
	pointer-events: none;
}

.dashboardEvents #volChart {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.dashboardEvents.eventsCoinData .chartInterval {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0 6px;
	margin: 0 0 0 -8px;
	font-size: 0;
	line-height: 0;
	z-index: 2;
}

.dashboardEvents.eventsCoinData .chartInterval li {
	display: inline-block;
	padding: 0;
	font-size: 0;
	line-height: 1;
}

.dashboardEvents.eventsCoinData .chartInterval li a {
	display: inline-block;
	padding: 6px 2px 2px;
	margin: 0 4px 4px;
	font-size: 16px;
	font-weight: 700;
	font-family: Nunito;
	text-align: center;
	border-bottom: 1px solid transparent;
}

.dashboardEvents.eventsCoinData .chartInterval li.active a {
	border-bottom-color: #f36f43;
}

.dashboardEvents .analysisTableWrap {
	overflow-x: auto !important;
}

.dashboardEvents .analysisTable {
	table-layout: fixed;
	width: 100%;
	padding: 5px;
	text-align: center;
	overflow: hidden;
}

.dashboardEvents .analysisTable thead tr th {
	padding: 0 0 8px;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #ddd;

	border-bottom-color: #f36f43;
}

.dashboardEvents .analysisTable thead tr.theadPrimary th:first-child,
.dashboardEvents .analysisTable thead tr.theadSecondary th:first-child {
	width: 100px;
}

.dashboardEvents .analysisTable thead tr.theadPrimary th:not(:first-child),
.dashboardEvents .analysisTable thead tr.theadSecondary th:not(:first-child) {
	width: calc((100% - 100px) / 9);
}

.dashboardEvents .analysisTable.forecastSummaryTable thead tr.theadSecondary th:nth-child(2),
.dashboardEvents .analysisTable.forecastSummaryTable thead tr.theadSecondary th:nth-child(5),
.dashboardEvents .analysisTable.forecastSummaryTable thead tr.theadSecondary th:nth-child(8),
.dashboardEvents .analysisTable.forecastSummaryTable tbody tr td:nth-child(2),
.dashboardEvents .analysisTable.forecastSummaryTable tbody tr td:nth-child(5),
.dashboardEvents .analysisTable.forecastSummaryTable tbody tr td:nth-child(8) {
	border-left: 1px double #ddd;
}

.dashboardEvents .analysisTable thead tr.theadPrimary th {
	padding: 0 0 0;
	border-bottom: none;
}

.dashboardEvents .analysisTable thead tr.theadSecondary th {
	padding: 2px 0 6px;
	font-size: 12px;
	text-align: center;
}

.dashboardEvents .analysisTable:not(.forecastSummaryTable) thead tr th.timeCell {
	width: 18%;
	text-align: left;
}

.dashboardEvents .analysisTable.forecastSummaryTable tbody tr:first-child th,
.dashboardEvents .analysisTable.forecastSummaryTable tbody tr:first-child td {
	padding-top: 8px !important;
}

.dashboardEvents .analysisTable.forecastSummaryTable tbody tr th {
	font-size: 12px;
	text-align: center;
}

.dashboardEvents .analysisTable tbody tr.subtitleRow td {
	font-size: 14px;
	font-weight: 700;
}

.dashboardEvents .analysisTable tbody tr.spacerRow {
	line-height: 8px;
}

.dashboardEvents .analysisTable tbody tr:not(:last-child) th {
	border-bottom: 1px dotted #ddd;
}

.dashboardEvents .analysisTable tbody tr td {
	font-size: 12px;
	font-family: Nunito;
}

.dashboardEvents .analysisTable tbody tr:not(.subtitleRow):not(.spacerRow) td {
	padding: 4px 0;
}

.dashboardEvents .analysisTable tbody tr:not(.subtitleRow):not(.spacerRow) td:not(:last-child) {
	border-right: 1px solid #ddd;
}

.dashboardEvents .analysisTable.forecastSummaryTable tbody tr td {
	border-left: 1px dotted #ddd;
}

.dashboardEvents .analysisTable.forecastSummaryTable tbody tr:not(:last-child) td {
	border-bottom: 1px dotted #ddd;
}

.dashboardEvents .analysisTable tbody tr:not(.subtitleRow):not(.spacerRow) td:first-child {
	padding: 4px 6px;
}

.dashboardEvents .analysisTable tbody tr.beforeRow td {
	border-bottom: 1px solid #ddd;
}

.dashboardEvents .analysisTable tbody tr td:first-child {
	text-align: left;
}

.dashboardEvents.eventsForecast .exportBtn {
	position: absolute;
	top: 20px;
	right: 25px;
	border-radius: 6px;
}

.dashboardEvents.eventsForecast .exportBtn i {
	color: white;
}

.dashboardEvents.eventsForecast .exportBtn span {
	margin-left: 4px;
}

.dashboardEvents .dashboardTable td[data-cell="data"] span {
	display: block;
	font-family: Nunito;
	font-size: 14px;
	font-weight: 700;
	color: #555;
	line-height: 1;
}

.dashboardEvents.eventsForecast .releaseInfo {
	display: block;
	margin: 0 0 0px;
	padding: 6px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.dashboardEvents.eventsForecast .forecastParams {
	display: block;
	margin: 0 0 10px;
	padding: 6px 0;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.dashboardEvents.eventsForecast .forecastParams h3 {
	margin-top: 0;
}

.dashboardEvents.eventsForecast .releaseInfo p,
.dashboardEvents.eventsForecast .forecastParams li {
	margin-bottom: 0;
	color: #555;
}

.dashboardEvents.eventsForecast .forecastParams strong {
	font-weight: 500;
}

.dashboardEvents.eventsForecast .forecastParams li {
	font-family: Poppins;
	font-weight: 400;
}

.dashboardEvents.eventsForecast .forecastParams ol {
	display: block;
	margin-bottom: 2px;
	padding-left: 22px;
}

.dashboardEvents.eventsForecast .forecastParams ol li {
	margin-bottom: 2px;
	font-size: 12px;
}

.dashboardEvents.eventsForecast .forecastParams ol li:last-child {
	margin-bottom: 0px;
}

.dashboardEvents.eventsForecast .releaseInfo .releaseName {
	display: inline-block;
	font-size: 18px;
}

.dashboardEvents.eventsForecast .releaseInfo .releaseAgency {
	font-size: 14px;
}

.dashboardEvents.eventsForecast .forecastParams li.referencePrice {
	
}

.dashboardEvents.eventsForecast .forecastParams li .referencePriceAmount {
	
}

.dashboardEvents.eventsForecast .forecastParams li .forecastParamsNote {
	margin-left: 4px;
	letter-spacing: 0.4px;
}

.dashboardEvents.eventsForecast .forecastParams li.datesLimit b,
.dashboardEvents.eventsForecast .forecastParams li .releaseZero {
	font-family: Nunito;
}

.dashboardEvents.eventsForecast .fromPrevNote {
	font-size: 14px;
	color: #555;
}

/** Dashboard account setup subscription page **/

.dashboardSetup .setupBox {
	min-height: calc(100vh - 157px);
}

.dashboardSetup .setupBox .setupIntro {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.dashboardSetup .setupBox .setupIntro h2 {
	font-size: 30px;
}

.dashboardSetup .setupBox .setupIntro p {

}

.dashboardSetup .setupBox .setupIntro p.setupSubtitle1 {
	font-size: 18px;
}

.dashboardSetup .setupBox .setupIntro p.setupSubtitle2 {
	display: block;
	font-size: 18px;
}

.dashboardSetup .setupBox .setupIntro span {
	position: absolute;
	top: 25px;
	right: 25px;
	font-size: 14px;
	line-height: 1.2;
	text-align: right;
}

.dashboardSetup .setupBox .setupSelection {
	float: left;
	width: calc(40% - 12.5px);
	margin-right: 25px;
}

.dashboardSetup .setupBox .setupSelection ul.selectionToolbar {
	margin: 0px 0px 0px ;
	padding: 0px 0px 0px;
	list-style-type: none;
	font-size: 0;
	border-radius: 6px;
	overflow: auto;
}

.dashboardSetup .setupBox .setupSelection ul.selectionToolbar li {
	display: inline-block;
	padding: 6px 2px;
	text-align: center;
	outline: none;
	cursor: pointer;
	transition: all 200ms;
	background-color: rgba(243,112,67,0.25);
}

.dashboardSetup .setupBox .setupSelection ul.selectionToolbar li p {
	margin-bottom: 0;
	font-size: 14px;
	color: #333;
}

.dashboardSetup .setupBox .setupSelection ul.selectionToolbar li p:nth-child(2) {
	font-size: 12px;
}

.dashboardSetup .setupBox .setupSelection ul.selectionToolbar li:nth-child(-n+3) {
	border-right: 1px solid white;
}

.dashboardSetup .setupBox .setupSelection ul.selectionToolbar li:nth-last-child(-n+3) {
	border-left: 1px solid white;
}

.dashboardSetup .setupBox .setupSelection ul.selectionToolbar li[data-state="active"] {
	background-color: rgba(243,112,67,0.6);
	color: white;
}

.dashboardSetup .setupBox .setupSelection ul.selectionToolbar li[data-state="inactive"]:hover {
	background-color: rgba(243,112,67,0.4);
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper {
	margin-top: 5px;
	margin-bottom: 15px;
	min-height: calc(100vh - 424px);
	max-height: calc(100vh - 424px);
	border-radius: 6px;
	border: 1px solid #aaa;
	overflow: auto;
}

.dashboardSetup .setupBox.setupLocked .setupSelection .selectionWrapper {
	margin-bottom: 0px;
	min-height: calc(100vh - 365px);
	max-height: calc(100vh - 365px);
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList {
	margin: 0px 0px 0px ;
	padding: 0px 0px 0px;
	list-style-type: none;
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li {
	font-size: 0;
	border-bottom: 1px solid #ccc;
	transition: all 200ms;
	cursor: pointer;
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li:hover {
	background-color: rgba(243,112,67,0.1);
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li[data-selected="true"] {

}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li:not(:first-child) {
/*	margin-bottom: 5px;*/
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li > img,
.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li > span {
	display: inline-block;
	vertical-align: middle;
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemCheckbox {
	width: 36px;
	text-align: right;
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemCheckbox .checkContainer {
	padding-top: 12px;
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemCheckbox .checkContainer .checkmark {
	height: 20px;
	width: 20px;
}

.dashboardSetup .setupBox.setupLocked .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemCheckbox .checkContainer input:not(:checked) ~ .checkmark {
	background-color: #ddd;
	border-color: #ddd;
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemCheckbox .checkContainer .checkmark::after {
	top: -8px;
	left: 4px;
	height: 28px;
	width: 12px;
	border-width: 0 5px 5px 0;
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemIcon {
	max-width: 40px;
	margin: 0 20px;
	border-radius: 2px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemIcon.coinIcon {
	border-radius: 50%;
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemDescription {
	width: calc(100% - 176px);
	margin: 5px 0;
	-webkit-user-select: none;  /* Safari */
	-moz-user-select: none;     /* Firefox */
	-ms-user-select: none;      /* Internet Explorer/Edge */
	user-select: none;    
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemDescription h3 {
	margin: 0 0 0;
	font-size: 16px;
	letter-spacing: 0;
	cursor: inherit;
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemDescription p {
	margin: 0 0 0;
	font-size: 14px;
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemAbout {
	position: relative;
	height: 70px;
	width: 60px;
	border-left: 1px solid #ccc;
	cursor: help;
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemAbout i {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 20px;
	color: #f36f43;
	transform: translate(calc(-50% - 1px), -50%);
}

.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemAbout:hover {
	background-color: rgba(243,112,67,0.1);
}

.dashboardSetup .setupBox .setupAbout {
	position: relative;
	width: calc(60% - 12.5px);
	float: left;
}

.dashboardSetup .setupBox .setupAbout .aboutLoader,
.dashboardSetup .setupBox .setupAbout .aboutPlaceholder {
	position: relative;
	min-height: calc(100vh - 311px);
	max-height: calc(100vh - 311px);
}

.dashboardSetup .setupBox .setupAbout .aboutDetails {
	position: relative;
	min-height: calc(100vh - 369px);
	max-height: calc(100vh - 369px);
}

.dashboardSetup .setupBox .setupAbout .aboutLoader {
	position: absolute;
	width: 100%;
	background-color: rgba(255,255,255,0.75);
	opacity: 0;
	visibility: hidden;
	transition: all 200ms;
	z-index: 2;
}

.dashboardSetup .setupBox .setupAbout .aboutLoader img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.dashboardSetup .setupBox .setupAbout .aboutDetails {
	font-size: 0;
}

.dashboardSetup .setupBox .setupAbout .aboutPlaceholder {
	border-radius: 10px;
	border: 4px dashed rgba(0,0,0,0.1);
}

.dashboardSetup .setupBox .setupAbout .aboutPlaceholder p {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 20px;
	transform: translate(-50%, -50%);
	text-align: center;
}

.dashboardSetup .setupBox .setupAbout h3.aboutTitle {
	position: relative;
	margin-top: 55px;
	margin-bottom: 10px;
	padding-left: 38px;
	padding-bottom: 10px;
	font-size: 22px;
	letter-spacing: 0;
	border-bottom: 1px solid #ccc;
}

.dashboardSetup .setupBox .setupAbout h3.aboutTitle.eventName img {
	position: absolute;
	top: 14px;
	left: 16px;
	max-width: 26px;
	border-radius: 2px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
	transform: translate(-50%, -50%);
}

.dashboardSetup .setupBox .setupAbout h3.aboutTitle .aboutTier {
	position: absolute;
	bottom: 12px;
	right: 15px;
	font-size: 16px;
	font-weight: 700;
	font-family: Nunito;
	color: #555;
}

.dashboardSetup .setupBox .setupAbout p,
.dashboardSetup .setupBox .setupAbout h4 {
	padding: 0 5px;
}

.dashboardSetup .setupBox .setupAbout .eventAgency {
	margin-bottom: 0;
	font-size: 18px;
}

.dashboardSetup .setupBox .setupAbout .eventSector {
	margin-bottom: 0;
	font-size: 16px;
}

.dashboardSetup .setupBox .setupAbout .eventNextDate {
	margin-bottom: 10px;
	font-size: 16px;
}

.dashboardSetup .setupBox .setupAbout .eventNextDate span {
	color: #f36f43;
}

.dashboardSetup .setupBox .setupAbout .eventDesc {
	font-size: 14px;
	line-height: 1.6;
}

.dashboardSetup .setupBox .setupAbout h4.eventDates {
	position: relative;
	margin-top: 15px;
	padding-top: 15px;
	font-size: 16px;
	color: #f36f43;
	letter-spacing: 0;
	border-top: 1px solid #ddd;
}

.dashboardSetup .setupBox .setupAbout .eventDateLoader {
	display: block;
	position: absolute;
	top: 8px;
	right: 2px;
}

.dashboardSetup .setupBox .setupAbout .eventDatesSample {
	width: 100%;
	margin: 0 5px;
	font-size: 14px;
	border: none;
}

.dashboardSetup .setupBox .setupAbout .eventDatesSample thead th {
	padding: 0 0 5px;
	text-align: center;
	font-family: Montserrat;
	border-bottom: 1px solid #ccc
}

.dashboardSetup .setupBox .setupAbout .eventDatesSample thead th.dateCell {
	width: 220px;
}

.dashboardSetup .setupBox .setupAbout .eventDatesSample tbody td {
	padding: 5px 0;
	font-family: Nunito;
	text-align: center;
}

.dashboardSetup .setupBox .setupAbout .eventDatesSample tbody tr:first-child td {
	height: 10px;
	padding: 0;
	font-size: 0;
	border: none !important;
}

.dashboardSetup .setupBox .setupAbout .eventDatesSample tbody tr td:not(:last-child) {
	border-right: 1px solid #ddd;
}

.dashboardSetup .setupBox .setupAbout .eventDatesSample tbody tr:not(:last-child) td {
	border-bottom: 1px solid #ddd;
}

.dashboardSetup .setupBox .setupAbout h3.aboutTitle.coinName {
	display: inline-block;
	margin-bottom: 0;
	padding-left: 36px;
	font-weight: 500;
	border: none;
}

.dashboardSetup .setupBox .setupAbout h3.aboutTitle.coinName img {
	position: absolute;
	top: 14px;
	left: 16px;
	max-width: 26px;
	border-radius: 50%;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
	transform: translate(-50%, -50%);
}

.dashboardSetup .setupBox .setupAbout h3.aboutTitle.coinName strong {
	color: #666;
	font-size: 20px;
}

.dashboardSetup .setupBox .setupAbout h3.aboutTitle.coinName .divider {
	display: inline-block;
	height: 26px;
	width: 1px;
	margin: 0 14px 0 16px;
	vertical-align: bottom;
	background-color: #ccc;
}

.dashboardSetup .setupBox .setupAbout h3.aboutTitle.coinName .coinPrice {
	display: inline-block;
	margin-bottom: 1px;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 700;
	font-family: Nunito;
	color: #555;
	line-height: 1;
}

.dashboardSetup .setupBox .setupAbout .coin24hr {
	display: block;
	padding: 10px 0;
	margin: 0 0 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.dashboardSetup .setupBox .setupAbout .coin24hr span {
	display: inline-block;
	width: calc(100% / 5);
	padding: 0px 0 0px 0px;
	text-align: center;
}

.dashboardSetup .setupBox .setupAbout .coin24hr span:not(:last-child) {
	border-right: 1px solid #ccc;
}

.dashboardSetup .setupBox .setupAbout .coin24hr p.metricTitle {
	display: block;
	margin-bottom: -2px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	font-family: Montserrat;
	color: #666;
}

.dashboardSetup .setupBox .setupAbout .coin24hr p.metricData {
	display: block;
	font-family: Nunito;
	font-size: 14px;
	font-weight: 700;
	color: #545454;
}

.dashboardSetup .setupBox .setupAbout .coinDescription p {
	padding: 0 5px;
	font-size: 14px;
	line-height: 1.6;
}

.dashboardSetup .popupReview,
.dashboardSetup .popupSuccess {
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.dashboardSetup .popupReview .popupContent {
	max-width: 600px;
	padding: 10px 20px 14px;
}

.dashboardSetup .popupSuccess .popupContent {
	max-width: 300px;
	padding: 10px 20px 24px;
	text-align: center;
}

.dashboardSetup .popupReview .popupContent table.setupReviewTable {
	width: 100%;
}

.dashboardSetup .popupReview .popupContent table.setupReviewTable thead th {
	padding: 6px 0;
	font-size: 14px;
	font-weight: 500;
}

.dashboardSetup .popupReview .popupContent table.setupReviewTable tbody td {
	padding: 6px 0;
	font-size: 14px;
	vertical-align: top;
}

.dashboardSetup .popupReview .popupContent table.setupReviewTable thead th:nth-child(2),
.dashboardSetup .popupReview .popupContent table.setupReviewTable tbody td:nth-child(2) {
	padding-left: 10px;
	text-align: right;
}

.dashboardSetup .popupReview .popupContent ul.reviewList {
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
}

.dashboardSetup .popupReview .popupContent ul.reviewList li {
	display: inline-block;
	margin-right: 6px;
	font-size: 12px;
}

.dashboardSetup .popupReview .popupContent ul.reviewList li > * {
	display: inline-block;
	font-size: 0;
}

.dashboardSetup .popupReview .popupContent hr {
	margin: 8px 0 16px;
}

.dashboardSetup .popupReview .popupContent .popupConfirmation {
	padding-bottom: 10px;
	text-align: center;
}

.dashboardSetup .popupReview .popupContent .popupConfirmation p,
.dashboardSetup .popupSuccess .popupContent p {
	margin: 6px 0 6px;
	font-size: 16px;
}

.dashboardSetup .popupReview .popupContent .popupConfirmation p i {
	margin-right: 4px;
}

.dashboardSetup .popupReview .popupContent .popupConfirmation .btn {
	margin: 6px 4px 0;
	border-radius: 6px;
}

.dashboardSetup .popupSuccess .popupContent .btn {
	margin: 12px 4px 0;
	border-radius: 6px;
}

/************************************/
/*									*/
/*	Dashboard Responsive Elements	*/
/*									*/
/************************************/

/* large desktop monitors at 1920x1080 or 2560x1440 scaled. Simulate typical height: 1080px */
@media only screen and (min-width:1601px) {
	.container { width: 1570px; }
	.popupMedia .listImages .popupImages { width: 9.6%; padding-bottom: 9.6%; margin: 0 0.2% 0.2%; }
}

/* 1600x900 laptops or 1536x864 scaled desktops. Simulate typical height: 900px */
@media only screen and (max-width:1600px) {
	.container { width: 1480px; }
	.popupMedia .listImages .popupImages { width: 12%; padding-bottom: 12%; margin: 0 0.25% 0.25%; }
	.dashboardSetup .setupBox .setupSelection,
	.dashboardSetup .setupBox .setupAbout { width: calc(50% - 12.5px); }
	.dashboardSetup .setupBox .setupAbout .coin24hr p.metricTitle { font-size: 10px; }
	.dashboardSetup .setupBox .setupAbout .coin24hr p.metricData { font-size: 12px; }
}

/* 1440x900 MacBook Air or similar laptops. Simulate typical height: 900px */
@media only screen and (max-width: 1440px) {
	.container { width: 1390px; }
	.adminMarketing.campaignOverview #overviewForm .btn:first-child { margin-bottom: 15px; }
	.plansInclude .coinsList li { width: calc(100% / 4); }
	.dashboardEvents.eventsForecast .dashboardTable tr th:nth-child(2),
	.dashboardEvents.eventsForecast .dashboardTable tr td:nth-child(2) { padding: 10px 0; }
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub .metricTitle { font-size: 10px; }
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub { font-size: 12px; }
	.dashboardSetup .setupBox { min-height: unset; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper,
	.dashboardSetup .setupBox .setupAbout .aboutDetails { min-height: unset; max-height: unset; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemDescription p { font-size: 12px; }
}

/* 1366x768 budget laptops like HP or Dell. Simulate typical height: 768px */
@media only screen and (max-width: 1366px) {
	.container { width: 1306px; }
	.plansBoxes h2 { font-size: 28px; }
	.plansBoxes .plansTarget { font-size: 18px; }
	.plansPrices .plansPriceNumber { font-size: 50px; }
	.plansPrices sup { top: -20px; font-size: 18px; }
	.plansInclude h3 { font-size: 18px; }
	.dashboardEvents.eventsForecast .dashboardTable tr th:nth-child(2),
	.dashboardEvents.eventsForecast .dashboardTable tr td:nth-child(2) { word-wrap: initial; }
	.dashboardEvents.eventsForecast .dashboardTable tr th,
	.dashboardEvents.eventsForecast .dashboardTable tr td { width: auto; font-size: 12px; }
	.dashboardSetup .setupBox .setupAbout .coin24hr p.metricData { margin-top: 4px; line-height: 1; }
}

/* 1280x800 older laptops or 1280x720 HD displays. Simulate typical height: 800px */
@media only screen and (max-width: 1280px) {
	.container { width: 1220px; }
	.dashboardTable { table-layout: auto; }
	.dashboardTable th { min-width: 120px; }
	.dashboard .dashboardTable th.idCell,
	.dashboard .dashboardTable th.countryCell,
	.dashboard .dashboardTable th.tierCell { max-width: 80px; min-width: unset; }
	.dashboard .dashboardTable th.iconCell { max-width: 100px; min-width: unset; }
	.dashboard .dashboardTable th.actionsCell,
	.dashboard .dashboardTable th.dateCell { max-width: 120px; min-width: unset; }
	.plansPrices .plansPriceNumber { font-size: 46px; }
	.plansPrices sup { top: -18px; }
	.plansInclude .coinsList li { width: calc(100% / 3); }
	.dashboardEvents .analysisTable thead tr.theadPrimary th:first-child,
	.dashboardEvents .analysisTable thead tr.theadSecondary th:first-child { width: 80px; }
	.dashboardEvents .analysisTable thead tr th { font-size: 12px; }
	.dashboardSetup .setupBox .setupIntro h2 { font-size: 26px; }
	.dashboardSetup .setupBox .setupSelection ul.selectionToolbar li p { font-size: 12px; }
}

/* 1024x768 tablets in landscape or small laptops. Simulate typical height: 768px */
@media only screen and (max-width: 1199px) {
	.container { width: 1024px; }
	#dashboardContentWrapper { padding-top:0px; }
	.row { margin-left: -15px; margin-right: -15px; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; }
	.col-xs-12 { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
	.col-xs-12 .whitePaddedBox,
	.col-xs-12 .whiteBox { margin-top: 25px; margin-bottom: 0px; }
	form.form-horizontal .btn { margin-top: 25px; margin-bottom: 0px; }
	.adminHome .dataBoxWrapper > div { margin-bottom: 25px; }
	.adminHome .dataBoxWrapper > div:nth-child(3),
	.adminHome .dataBoxWrapper > div:nth-child(4) { margin-bottom: 20px; }
	.adminHome .blogGlance { margin-bottom: 25px; }
	.news-ticker { top: 42px; }
	.chartWrapper > div > .listBox { margin-bottom: 5px; }
	.listBox { margin-bottom: 0; }
	.welcomeBox { width: calc(100% + 30px); margin-top: 16px; margin-left: -15px; margin-right: -15px; padding-left: 0; padding-right: 0; }
	.welcomeBox .whitePaddedBox { padding: 25px 30px; border-radius: 0; }
	.dashboardEvents .welcomeBox { margin-top: -25px; }
	.dashboardEvents.eventsForecast .dashboardTable tr th:nth-child(2),
	.dashboardEvents.eventsForecast .dashboardTable tr td:nth-child(2) { padding: 10px 20px; word-wrap: initial; }
	.dashboardEvents.eventsForecast .dashboardTable tr th,
	.dashboardEvents.eventsForecast .dashboardTable tr td { width: auto; font-size: 14px; }
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub { font-size: 16px; }
	.dashboardSetup .setupBox .setupSelection,
	.dashboardSetup .setupBox .setupAbout { display: block; width: 100%; }
	.dashboardSetup .setupBox .setupAbout { margin-top: 25px; }
	.dashboardSetup .setupBox .setupAbout .aboutDetails { min-height: unset; max-height: unset; }
	.dashboardSetup .setupBox .setupAbout h3.aboutTitle { margin-top: 0px; }
	.dashboardSetup .setupBox .setupSelection { margin-right: 0; }
	.dashboardSetup .setupBox.setupLocked .setupSelection .selectionWrapper,
	.dashboardSetup .setupBox .setupSelection .selectionWrapper { min-height: unset; max-height: unset; margin-bottom: 0px; }
	.dashboardSetup .setupBox .setupSelection ul.selectionToolbar li p { font-size: 14px; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li:last-child { border-bottom: none; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemDescription p { font-size: 14px; }
	.dashboardSetup .setupBox .setupAbout .aboutLoader,
	.dashboardSetup .setupBox .setupAbout .aboutPlaceholder { min-height: 200px; max-height: unset; }
	.dashboardSetup .setupBox .setupAbout .coin24hr p.metricData { margin-top: 0; line-height: unset; }
	.dashboardSetup .setupBox #saveButton { margin-top: 25px; margin-bottom: 0; }
}

/* iPad landscape at 1024x768. Simulate typical height: 768px */
@media only screen and (max-width: 1024px) {
	.container { width: 964px; }

	/* Admin home */
	#dashboardNotifications i { margin-right: 4px; font-size: 12px; }
	#dashboardNotifications .logoutLink button { font-size: 12px; }
	#dashboardNotifications > ul > li > a { padding: 0 5px; font-size: 12px; }
	.chartBox h2,
	.listBox h2 { font-size: 20px; }
	.chartBox h2 img,
	.listBox h2 img { width: 26px; }
	.chartWrapper { display: block; }
	.chartWrapper > div { display: block; }
	.chartWrapper > div > div { flex-grow: unset; }

	.optionsHome .form-group { padding: 0px; }
	.adminSales .row.listWrapper,
	.adminSales .row.listWrapper > div { display: block; }
	.adminSales .row.listWrapper > div > div { flex-grow: unset; margin-bottom: 20px; }

	.dashboard .overviewBox { margin-bottom: 20px; }
	.blogLists,
	.blogLists > div { display: block; }
	.blogLists > div .listBox { flex-grow: unset; margin-bottom: 20px; }

	.popupMedia .listImages .popupImages { width: 16%; padding-bottom: 16%; margin: 0 0.33333% 0.33333%; }

	.plansBoxes h2 { font-size: 26px; }
	.plansBoxes .plansTarget { font-size: 16px; }
	.plansPrices .plansPriceNumber { font-size: 42px; }
	.plansPrices sup { font-size: 16px; }
	.plansBoxes .btn { width: 100%; padding: 12px 0px; font-size: 16px; }
	.plansInclude h3 { font-size: 16px; }
	 .plansInclude .coinsList li { width: calc(100% / 2); }
}

/* 800x1280 tablets in portrait. Simulate typical height: 1280px */
@media only screen and (max-width: 991px) {
	.adminHome .row > div { margin-bottom: 15px; }
	.chartWrapper > div > .listBox { margin-bottom: 10px; }
	.adminHome .dataBoxWrapper > div,
	.adminHome .dataBoxWrapper > div:nth-child(3) { margin-bottom: 25px; }
	.adminHome .dataBoxWrapper > div:nth-child(4) { margin-bottom: 20px; }
	.listBox { margin-bottom: 5px; }

	#dashboardSearch .searchGroup i {  }
	#dashboardSearch .searchGroup input { width: calc(100% - 45px); }

	.dashboardPlans .row,
	.dashboardPlans .row > div { display: block; }

	.plansBoxes h2 { font-size: 28px; }
	.plansBoxes .plansTarget { font-size: 18px; }
	.plansPrices .plansPriceNumber { font-size: 46px; }
	.plansPrices sup { font-size: 18px; }
	.plansBoxes .btn { width: 100%; padding: 12px 25px; font-size: 20px; }
	.plansInclude h3 { font-size: 18px; }
	 .plansInclude .coinsList li { width: calc(100% / 5); }

	.dashboardEvents .upcomingEvents ul li .eventDetails p { max-width: calc(100% - 120px); }
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoTicker { padding-right: 10px; }
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoTicker h2 { font-size: 16px; }
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub { font-size: 12px; padding: 22px 0 0px 10px; }

	.dashboardEvents .analysisTable { width: auto; min-width: 100%; }
	.dashboardEvents .analysisTable thead tr th,
	.dashboardEvents .analysisTable tbody tr:not(.subtitleRow):not(.spacerRow) td { padding: 4px 10px; white-space: nowrap; }

	.dashboardSetup .popupReview { width: 80vw; }
	.dashboardSetup .popupReview .popupContent { max-width: unset; }
}

/* iPad portrait at 768x1024. Simulate typical height: 1024px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.introSection .introBoxes { margin-top: 5px !important; }
}

/* tablet portrait or mobile landscape at 768x1024. Simulate typical height: 1024px */
@media only screen and (max-width: 768px) {

	/* General */
	.row { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
	.col-xs-12 { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
	.col-xs-12 .whitePaddedBox,
	.col-xs-12 .whiteBox,
	.col-xs-12 .tableTitle { margin-top: 15px; }
	.whitePaddedBox { padding: 20px; }
	form.form-horizontal .btn { margin-top: 15px; margin-bottom: 0px; }

	.publicForms { background-color: rgba(255,255,255,0.95 !important); }
	.tableNav { margin-top: 0px; }

	/* Admin home */
	.adminTitle { width: 100%; }
	.adminHome .dataBoxWrapper > div,
	.adminHome .dataBoxWrapper > div:nth-child(3) { margin-bottom: 15px; }
	.adminHome .dataBoxWrapper > div:nth-child(4) { margin-bottom: 10px; }
	.adminHome .blogGlance { margin-top: 5px; margin-bottom: 15px; }
	.adminHome .transactionsListBox { margin-bottom: 10px; }

	.listBox li .listFloating { display: block; position: relative; top: unset; right: unset; margin-bottom: 6px; font-size: 24px; text-align: left; }
	.listBox li .listDate { display: inline; position: relative; top: unset !important; right: unset; margin-bottom: 2px; }
	.listBox li .listHead { margin-bottom: 0px; padding-right: 0px; }
	.listBox li .listDetails { font-size: 14px; }
	.marketingBlog .introSection > div:last-child > div { margin-bottom: 10px !important; }
	.adminUsers .responsiveHr { display: block; margin: 40px 0 40px; }
	.adminSystem.systemNotifiers .optionsTab { display: block !important; }

	.dashboard .overviewBox { margin-top: 0; margin-bottom: 10px; }
	.blogLists > div .listBox { margin-bottom: 10px; }
	.blogLists > div:nth-child(4) .listBox { margin-bottom: 15px; }

	.dashboard .historyText { margin-bottom: 15px; text-align: center; }

	/* Dashboard */
	.dashboard .alert { margin-top: 15px; margin-bottom: 15px; }
	.dashboardAdmin .alert { margin-top: 5px; margin-bottom: 10px; }
	#dashboardSearch { display: none; }
	#dashboardSearchWrapper { padding-left: 0px !important; height: 50px; }
	#dashboardContentWrapper { margin: 0 0 0; padding: 0; overflow: auto; transition: all: 200ms; }
	#dashboardNotifications { padding-top: 7px; }
	#dashboardNotifications ul { padding-right: 0px; }
	#dashboardNotifications > ul > li > a { padding: 0 7px; }
	#dashboardNotifications i { margin-right: 0px; font-size: 20px; opacity: 1; }
	#dashboardNotifications span { display: none; }
	#dashboardNotifications .logoutLink button { padding-right: 0px; }
	#dashboardFooter { margin: 25px 0 15px; text-align: center; }
	.notificationsWindow { top: 8px; right: -32px; }

	/* Nav Menu */
	#dashboardNavWrapper { left: -200px; width: 200px; max-height: unset; position: absolute !important; float: none !important; top: unset !important; }
	#dashboardNavPull { display: none; }
	#dashboardBranding { background-color: #252525; height: 50px; width: 200px; background-image: none; }
	#dashboardBranding img { position: unset; left: unset; margin: 0 auto; padding: 10px 0; }
	#dashboardNavList > ul > a > li { padding-left: 20px; }
	#dashboardNavWrapper #dashboardMenu .childItem1 > li { padding-left: 36px !important; }
	#dashboardNavWrapper #dashboardMenu .childItem2 > li { padding-left: 60px !important; }
	#dashboardNavList ul li { padding: 10px 0; font-size: 16px; }
	#dashboardNavList ul a { width: unset; }
	#dashboardNavList ul a li p { font-size: 16px; }
	.dashboardNavIcon { margin-right: 10px; }
	#dashboardMonitor { width: unset; padding: 15px 25px 25px; }
	#dashboardMonitor p { font-size: 16px; }
	#dashboardNavFooter { width: unset; }
	#dashboardNavFooter p { font-size: 14px !important; text-align: center; }

	/* Tables */
	.tableWrap { margin-bottom: 15px !important; }
	.leftPlaceholder,
	.rightPlaceholder { float: none; display: block; text-align: center; overflow: auto; height: auto; width: 100%; }
	.viewRange { width: 100%; text-align: center; margin-bottom: 10px; }
	.typeRange,
	.sortRange,
	.countTotal { width: 100%; text-align: center; }
	.pagination { margin-top: 5px; margin-bottom: 10px; }

	/* Dashboard home */
	.welcomeBox { width: 100%; margin-top: 17.5px; margin-left: 0; margin-right: 0; }
	.welcomeBox .whitePaddedBox { padding: 25px 30px; border-radius: 0; }

	/* General forms */
	.dashboard .btn { margin-bottom: 15px; }
	.settingsToolTip, .settingsNoSelect { display: none; }
	.topAddButton { float: left; margin-top: 0px; margin-bottom: 20px; }
	.plansCheckout .tableWrap { box-shadow: none; }
	.radioBlock label.radio-inline + .radio-inline { display: block; margin-left: 0px; }

	.dashboardSetup .popupReview { max-height: 90vh; width: 90vw; }
}

@media only screen and (max-width:736px) {
	.container { width: 100% !important; }
}

@media only screen and (max-width:720px) {

}

@media only screen and (max-width:667px) {

}

@media only screen and (max-width:568px) {
	.whitePaddedBox { padding: 15px; }
	.cartBox .cartItem td:nth-child(2) { font-size: 16px; padding-right: 10px; }
	.cartBox .cartSubtotal td:nth-child(2),
	.cartBox .cartTaxes td:nth-child(1),
	.cartBox .cartDiscount td:nth-child(1),
	.cartBox .cartGrandTotal td:nth-child(1) { font-size: 12px; }
	.cartBox .cartSubtotal td:nth-child(3),
	.cartBox .cartTaxes td:nth-child(2),
	.cartBox .cartDiscount td:nth-child(2),
	.cartBox .cartGrandTotal td:nth-child(2) { padding-right: 10px; font-size: 16px; }
	.cartBox .cartGrandTotal td:nth-child(2) { padding: 10px 10px 10px 0; }
	.dashboardSetup .setupBox .setupAbout .coin24hr span { width: calc(100% / 4); }
	.dashboardSetup .setupBox .setupAbout .coin24hr span:nth-child(2) { display: none; }
}

/* 480x800 older Android phones. Simulate typical height: 800px */
@media only screen and (max-width: 480px) {
	.accountBilling .unsubscribeBtn { position: relative; top: unset; right: unset; }
	.accountBilling .savedCardsBox .stripeLogo { position: relative; top: unset; left: 25px; right: unset; margin-bottom: 10px; }
	.carouselContainer { height: 120px; }
	.accountBilling .coinsAccessList li,
	.plansInclude .coinsList li { width: calc(100% / 4); }
	.upcomingEvents ul li .eventHeader img { top: 4px; }
	.coinsOutlook li .coinStats .statsBlock { width: 50%; }
	.coinsOutlook li .coinStats .statsBlock:nth-child(even) { border-right: none; }
	.coinsOutlook li .coinStats .statsBlock:nth-child(-n+2) { border-bottom: 1px solid #ccc; }
	.upcomingEvents ul li .eventDetails .eventNextDate { padding-right: 8px; margin: 0 4px 0 0; font-size: 12px; }
	.upcomingEvents ul li .eventDetails .eventImpact,
	.upcomingEvents ul li .eventDetails p { font-size: 12px; }
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoTicker h2 { font-size: 14px; }
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoTicker p { font-size: 12px; }
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub.openPrice,
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub.closePrice { display: none; }
	.dashboardEvents .upcomingEvents ul li .eventDetails p { max-width: 100%; }
	.upcomingEvents ul li .eventForecast { display: block; position: relative; top: unset; right: unset; transform: unset; margin: 4px 0; padding: 2px 0; background-color: #f36f43; text-align: center; border-radius: 6px; }
	.upcomingEvents ul li .eventForecast i { top: 2px; color: white; border: 2px solid white; }
	.upcomingEvents ul li .eventForecast:hover span { text-shadow: 0 0 5px rgba(255,255,255,0.3); }
	.upcomingEvents ul li .eventForecast i::after { background-color: white; }
	.upcomingEvents ul li .eventForecast span { color: white; text-align: left; }
	.dashboardSetup .setupBox .setupIntro span { position: relative; display: block; top: unset; right: unset; margin-bottom: 10px; font-size: 16px; line-height: unset; text-align: left; }
	.dashboardSetup .setupBox .setupAbout h3.aboutTitle .aboutTier { display: none; }
}

/* 414x896 newer iPhones. Simulate typical height: 896px */
@media only screen and (max-width: 414px) {
	.welcomeBox h1 { font-size: 32px; }
	.welcomeBox p {  font-size: 18px; }
	.welcomeBox .btn { font-size: 16px; }
	.socialStatusList .socialService .socialServiceProvider img { display: block; margin-left: 10px; margin-bottom: 8px; }
	.cartBox .cartSubtotal td:nth-child(2),
	.cartBox .cartTaxes td:nth-child(1),
	.cartBox .cartDiscount td:nth-child(1),
	.cartBox .cartGrandTotal td:nth-child(1) { padding-left: 0; }
	.cartBox .cartItems td:nth-child(1) h3 { font-size: 20px; }
	.cartBox .cartItems td:nth-child(1) p { font-size: 12px; }
	.cartBox .cartItem td:nth-child(2),
	.cartBox .cartSubtotal td:nth-child(3),
	.cartBox .cartTaxes td:nth-child(2),
	.cartBox .cartDiscount td:nth-child(2),
	.cartBox .cartGrandTotal td:nth-child(2) { padding-right: 0px; font-size: 14px; }
	.cartBox .cartGrandTotal td:nth-child(2) { padding: 10px 0 10px; font-size: 14px; }
	.dashboardEvents.eventsCoinData .chartBox .releaseInfo .releaseDate { font-size: 12px; }
	.CryptoPanicWidget-header::before { top: 58px; }
	.carouselSlide p { font-size: 16px; }
	.dashboardEvents.eventsCoinData .chartBox .releaseInfo .releaseName { font-size: 16px; }
	.dashboardEvents.eventsCoinData .chartBox .releaseInfo .releaseAgency { font-size: 14px; }
	.dashboardEvents.eventsCoinData .chartBox .releaseInfo .releaseDate .releaseTz { margin-left: 0; display: block; }
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub:nth-child(7) { display: none; }
	.dashboardEvents.forecastCreate .control-label .labelHint.labelHintRight { float: none; display: block; }
	.dashboardSetup .setupBox .setupSelection ul.selectionToolbar li p { font-size: 12px; }
	.dashboardSetup .setupBox .setupSelection ul.selectionToolbar li p:nth-child(2) { font-size: 10px; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemIcon { max-width: 30px; margin: 0 10px; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemDescription { width: calc(100% - 126px); }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemAbout { width: 40px; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemDescription h3 { font-size: 14px; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemDescription p { font-size: 12px; }
	.dashboardSetup .setupBox .setupAbout .coin24hr { display: none; }
	.dashboardSetup .setupBox .setupAbout .eventAgency { font-size: 16px; }
	.dashboardSetup .setupBox .setupAbout .eventSector,
	.dashboardSetup .setupBox .setupAbout .eventNextDate { font-size: 14px; }
	.dashboardSetup .setupBox .setupAbout .eventDatesSample { font-size: 12px; }
}

/* 390x844 Pixel phones or small iPhones. Simulate typical height: 844px */
@media only screen and (max-width: 390px) {
	.accountBilling .coinsAccessList li,
	.plansInclude .coinsList li { width: calc(100% / 3); }
	.cartBox .cartSubtotal td:nth-child(2),
	.cartBox .cartTaxes td:nth-child(1),
	.cartBox .cartDiscount td:nth-child(1),
	.cartBox .cartGrandTotal td:nth-child(1) { font-size: 10px; }
	.cartBox .cartItem td:nth-child(2),
	.cartBox .cartSubtotal td:nth-child(3),
	.cartBox .cartTaxes td:nth-child(2),
	.cartBox .cartDiscount td:nth-child(2),
	.cartBox .cartGrandTotal td:nth-child(2),
	.cartBox .cartGrandTotal td:nth-child(2) { font-size: 12px; }
}

/* 375x812 older iPhones. Simulate typical height: 812px */
@media only screen and (max-width: 375px) {
	.cartBox .stripeLogo { display: none; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemDescription h3 { font-size: 12px; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemDescription p { font-size: 10px; }
}

/* 360x800 budget Android phones. Simulate typical height: 800px */
@media only screen and (max-width: 360px) {
	.dashboardEvents.eventsCoinData .chartBox .coinInfo .coinInfoSub { display: none; }
}

/* 320x480 older iPhones. Simulate typical height: 480px */
@media only screen and (max-width: 320px) {
	.CryptoPanicWidget-header::before { top: 84px; }
	.cartBox .cartSubtotal td:nth-child(2),
	.cartBox .cartTaxes td:nth-child(1),
	.cartBox .cartDiscount td:nth-child(1),
	.cartBox .cartGrandTotal td:nth-child(1),
	.cartBox .cartItem td:nth-child(2),
	.cartBox .cartSubtotal td:nth-child(3),
	.cartBox .cartTaxes td:nth-child(2),
	.cartBox .cartDiscount td:nth-child(2),
	.cartBox .cartGrandTotal td:nth-child(2),
	.cartBox .cartGrandTotal td:nth-child(2) { font-size: 10px; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemIcon { max-width: 20px; }
	.dashboardSetup .setupBox .setupSelection .selectionWrapper ul.selectionList li .setupItem.itemDescription { width: calc(100% - 116px); }
}

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