/***** ANIMATION STUFF *****/

@keyframes fade {
    
    from {opacity: 0;}
    to {opacity: 1;}
    
}

@keyframes unfade {
    
    from {opacity: 1;}
    to {opacity: 0;}
    
}

@keyframes open-filter {
    
    from {width: 0px;}
    to {width: 250px;}
    
}

@keyframes close-filter {
    
    from {width: 250px;}
    to {width: 0px;}
    
}

@keyframes shake {
	
  0% { transform: translate(1px, 1px) rotate(0deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
	
}

.shaker {
	
  animation: shake 0.5s;
  animation-iteration-count: 1;
	
}

.fader {
	
	animation: fade 0.5s;
	
}

.fader-mid {
	
	animation: fade 1.0s;
	
}

.fader-slow {
	
	animation: fade 1.5s;
	
}

.unfader {
	
	animation: unfade 0.5s;
	
}

.i-small {
		
	max-width: 200px;
	width: 100%;
	height: auto;

}

.bar-name {
	
	display: inline;
	padding: 0px 18px 0px 18px;
	color: #333333;
	font-size: 20px;
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	
}

.bar-name-sub {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	
}

.bar-name-sub-detail {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	
}

.bar-name-error {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 11px;
	color: red;
	
}

.bar-name-blue {
	
	color: rgba(13,53,140,.9);
	
}

.bar-name-white {
	
	color: rgba(75,75,75,.9);
	
}

.bar-name-dark {
	
	color: rgba(255,255,255,.9);
	
}


/***** NAVIGATION CLASSES *****/

.nav {
	
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	
}

.nav-item {
	
	display: inline;
	
}

.nav-item-ico {
	
	display: inline;
	
}

.nav-item-dv {
	
	border-left: 1px solid #e6e6e6;
	
}

.nav-item-dv-white {
	
	border-left: 1px solid #e6e6e6;
	
}

.nav-item-dv-dark {
	
	border-left: 1px solid #444444;
	
}
	
.nav-item a {

	text-decoration: none;
	font-size: 12px;
	font-family: 'Degular', 'proxima-nova', Arial, Helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: 0.25px;
	text-transform: uppercase;
	padding: 35px 18px;
	transition: background 0.2s ease-in-out;

}

.sub-nav-item {
	
	padding: 0px!important;
	font-size: 0!important;
	display: block!important;
	
}

.nav-border-top {
	
	border-top: 1px solid #e6e6e6!important;
	
}

.nav-back {
	
	background-color: rgb(150,150,150)!important;
	
}

.sub-nav-item a {
	
	font-size: 13px!important;
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif!important;
	font-weight: 600!important;
	text-transform: none!important;
	text-decoration: none!important;
	transition: background 0.2s ease-in-out!important;
	padding: 20px!important;
	display: block!important;
	
}

.msg-nav-new {
	
	background-color: rgb(235,235,235);
	
}

.msg-nav-item a {
	
	font-size: 13px!important;
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif!important;
	font-weight: 600!important;
	text-transform: none!important;
	text-decoration: none!important;
	transition: background 0.2s ease-in-out!important;
	padding: 10px!important;
	display: inline-block!important;
	width: calc(50% - 20px)!important;
	
}

.msg-name {
	
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif!important;
	font-weight: 700!important;
	
}

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

.msg-item-body {
	
	font-size: 13px!important;
	
}

.blu a {
	
	color: rgba(13,53,140,.9);
	
}

.wht a {
	
	color: rgba(75,75,75,.9);
	
}
.drk a {
	
	color: rgba(255,255,255,.9);
	
}

.blu a:hover {
	
	background-color: rgb(13,53,140);
	color: rgb(255,255,255);
	
}

.wht a:hover {
	
	background-color: rgb(150,150,150);
	color: rgb(255,255,255);
	
}

.drk a:hover {
	
	background-color: rgb(255,255,255);
	color: rgb(33,33,33);
	
}

.navbar {
	
	position: relative;
	
}

.sub-navbar {
	
	position: relative;
	z-index: 2;
	cursor: pointer;
	
}

.sub-navbar-menu {
	
	display: none;
	position: absolute;
	right: 0px;
	top: 40px;
	z-index: 2;
	min-width: 250px;
	width: auto;
	min-height: 50px;
	max-height: 500px;
	height: auto;
	overflow-y: auto;
	padding: 0px;
	background-color: rgb(255,255,255);
	box-shadow: 2px 2px 4px 1px #cccccc;
	
}

.sub-navbar-menu.active {
	
	display: block;
	z-index: 2;
	
}

.sub-navbar-menu .cam-lgo {
	
	width: 50px;
	height: 50px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	border-radius: 25px;
	border: 1px solid #e6e6e6;
	
}

.sub-navbar-menu .cam-lgo-b {
	
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	
}

.sub-navbar-menu .cam-desc {
	
	width: calc(100% - 90px);
	padding: 0px 0px 0px 10px;
	display: inline-block;
	vertical-align: top;
	line-height: 50px;
	
}

.sub-navbar-menu .set-lgo {
	
	width: 15px;
	height: 15px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	
}

.sub-navbar-menu .set-desc {
	
	width: calc(100% - 30px);
	padding: 0px 0px 0px 10px;
	display: inline-block;
	vertical-align: top;
	line-height: 20px;
	
}

.sub-navbar-menu .msg-lgo {
	
	width: 10px;
	height: 10px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: top;
	padding: 0px 5px;
	
}

.sub-navbar-menu .msg-desc {
	
	width: calc(100% - 30px);
	padding: 0px 0px 0px 0px;
	display: inline-block;
	vertical-align: top;
	line-height: 16px;
	
}

.sub-navbar-menu .dot-hide {
	
	display: none!important;
	
}

.nav-btn {
	
	display: none;
	width: 40px;
	height: 40px;
	border: 2px solid #777777;
	border-radius: 50%;
	cursor: pointer;
	
}

.nav-btn > div {
	
	position: absolute;
	top: 44%;
	left: 25%;
	width: 50%;
	height: 3px;
	background: #777777;
	border-radius: 50px;
	transition: all 0.25s linear;
	
}

.nav-btn .one {
	
	top: 24%;
	
}

.nav-btn .three {
	
	top: 64%;
	
}

.nav-btn.active .one {
	
	transform: rotate(45deg);
	top: 44%;
	left: 25%;
	
}

.nav-btn.active .two {
	
	opacity: 0;
	
}

.nav-btn.active .three {
	
	transform: rotate(-45deg);
	top: 44%;
	left: 25%;
	
}

.nav-item-hide {
	
	display: none;
	
}

.mobile-show, .hot-mobile, .contacts-mobile, .journey-table-mobile, .journey-view-mobile, .contacts-wide-mobile, .mobile-wide-show, .wide-hide {
	
	display: none;
	
}

.show-break {
	
	display: none;
	
}


/***** MAIN CONTAINER CLASSES *****/

.landing-container {
	
	min-height: calc(100vh);
	width: calc(100%);
	min-width: 300px;
	
}

.landing-body {
	
	width: calc(100%);
	padding: 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	
}

.landing-head {
	
	width: calc(100%);
	padding: 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	
}

.landing-title {
	
	width: calc(80%);
	height: 80px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	padding: 20px 20px;
	
}

.landing-image {
	
	width: calc(15%);
	height: 80px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-end;
	padding: 10px 20px;
	
}

.landing-image > img {
	
	max-height: 100px;
	height: 100%;
	width: auto;
	
}

.landing-hero {
	
	max-height: 500px;
	width: calc(100%);
	padding: 0px;
	text-align: left;
	position: relative;
	
}

.landing-content {
	
	width: calc(100% - 600px);
	padding: 40px 0px 40px 40px;
	text-align: left;
	
}

.landing-form-container {
	
	width: 500px;
	padding: 40px;
	
}

.landing-form {
	
	width: calc(100% - 40px);
	padding: 20px;
	border-radius: 5px;
	box-shadow: 2px 2px 4px #333333;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	
}

.nothing {
	
	width: 100%;
	padding: 0;
	height: 83px;
	position: relative;
	
}

.relative {
	
	position: relative;
	
}

.main-content {
	
	min-width: 1000px;
	overflow-y: auto;
	padding: 20px;
	height: calc(100vh - 123px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-info {
	
	min-width: 1000px;
	overflow-y: auto;
	padding: 20px;
	height: calc(100vh - 123px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-contacts {
	
	min-width: 1000px;
	overflow-y: auto;
	padding: 0px;
	height: calc(100vh - 83px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-contacts-flex {
	
	min-width: 360px;
	overflow-y: auto;
	padding: 10px 10px 10px 10px;
	height: calc(100vh - 103px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 0px 10px;
	gap: 0px 10px;
	
}

.main-content-flex {
	
	min-width: 1000px;
	overflow-y: auto;
	padding: 20px;
	height: calc(100vh - 123px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
	
}

.main-content-flex-b {
	
	min-width: 360px;
	overflow-y: auto;
	padding: 20px;
	height: calc(100vh - 123px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
	
}

.main-content-flex-login {
	
	min-width: 360px;
	padding: 20px;
	height: calc(100vh - 83px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-webkit-align-content: center;
	align-content: center;
	
	
}

.main-content-flex-login .mobile-logo {
	
	display: none;
	
}

.main-content-flex-pre-launch {
	
	min-width: 360px;
	padding: 0px;
	height: calc(100vh - 83px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-webkit-align-content: center;
	align-content: center;
	
	
}

.cc-text {
	
	flex: 0 100%;
	text-align: center;
	padding: 20px 0px;
	
}

.main-content-flex-login .login-box {
	
	flex: 0 calc(80vw);
	max-width: 460px;
	border-radius: 3px;
	padding: 20px;
	background-color: #ffffff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 10px 10px;
	gap: 10px 10px;
	
}

.main-content-flex-pre-launch .pre-launch-box {
	
	flex: 0 calc(80vw);
	max-width: 600px;
	border-radius: 3px;
	padding: 20px;
	background-color: #ffffff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 10px 10px;
	gap: 10px 10px;
	
}

.main-content-flex-login .login-box .login-img {
	
	flex: 0 100%;
	max-width: 200px;
	width: 100%;
	height: auto;
	
}

.main-content-flex-login .login-box .login-title {
	
	flex: 0 100%;
	font-size: 40px;
	font-family: 'proxima-nova-regular', sans-serif;
	font-weight: 600;
	color: #333333;
	padding: 10px;
	
}

.main-content-flex-login .login-box .login-body {
	
	flex: 0 100%;
	padding: 0px 10px 10px 10px;
	background-color: #ffffff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 10px 10px;
	gap: 10px 10px;
	
}

.main-content-flex-login .login-box .login-body .login-error {
	
	flex: 0 100%;
	padding: 10px 0px;
	font-family: 'proxima-nova-regular', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0px;
	color: red;
	
}

.main-content-flex-login .login-box .login-body .login-success {
	
	flex: 0 100%;
	padding: 10px 0px;
	font-family: 'proxima-nova-regular', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0px;
	color: green;
	
}

.main-content-flex-login .login-box .login-body .login-text {
	
	flex: 0 100%;
	padding: 10px 0px;
	font-family: 'proxima-nova-regular', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #000000;
	
}

.main-content-flex-login .login-box .login-body .login-link {
	
	flex: 0 35%;
	color: #333333;
	padding: 15px 25px;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.3px;
	font-family: 'proxima-nova-regular', sans-serif;
	text-decoration: none;
	background-color: rgb(255,197,1);
	
}

.main-content-flex-login .login-box .login-body button {
	
	flex: 0 35%;
	color: #333333;
	padding: 15px 25px;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.3px;
	font-family: 'proxima-nova-regular', sans-serif;
	text-decoration: none;
	background-color: rgb(255,197,1);
	
}

.main-content-flex-login .login-box .login-body .login-link-small {
	
	flex: 0 50%;
	color: #333333;
	font-family: 'proxima-nova-regular', sans-serif;
	font-size: 11px;
	
}

.main-content-flex-login .login-box .login-body .login-field-container {
	
	flex: 0 100%;
	padding: 0px;
	
}

.main-content-flex-login .login-box .login-body .login-field {
	
	width: calc(100% - 25px);
	padding: 10px;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	color: #444444;
	border-radius: 4px;
	letter-spacing: 0px;
	
}

.main-content-flex-login .login-box .login-body .login-label {
	
	flex: 0 100%;
	color: #000000;
	font-family: 'proxima-nova-regular', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0px;
	text-align: left;
	
}

.main-content-flex-pre-launch .pre-launch-box .login-img {
	
	flex: 0 100%;
	max-width: 200px;
	width: 100%;
	height: auto;
	
}

.main-content-flex-pre-launch .pre-launch-box .login-title {
	
	flex: 0 100%;
	font-size: 30px;
	font-family: 'proxima-nova-regular', sans-serif;
	font-weight: 600;
	color: #333333;
	padding: 10px;
	
}

.main-content-flex-pre-launch .pre-launch-box .sub-login-title {
	
	font-size: 26px;
	font-family: 'proxima-nova-regular', sans-serif;
	font-weight: 400;
	color: #333333;
	
}

.main-content-flex-pre-launch .pre-launch-box .login-body {
	
	flex: 0 100%;
	padding: 0px 10px 10px 10px;
	background-color: #ffffff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 10px 10px;
	gap: 10px 10px;
	
}

.main-content-flex-pre-launch .pre-launch-box .login-body .login-text {
	
	flex: 0 100%;
	padding: 10px 0px;
	font-family: 'proxima-nova-regular', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #000000;
	
}

.main-content-flex-pre-launch .pre-launch-box .login-body .login-text-b {
	
	flex: 0 100%;
	padding: 0px 0px;
	font-family: 'proxima-nova-regular', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #000000;
	
}

.main-content-flex-pre-launch .pre-launch-box .login-body .login-text-b .item-img {
	
	width: 20px;
	height: 20px;
	display: inline-block;
	padding: 0px 0px;
	text-align: center;
	
}

.main-content-flex-pre-launch .pre-launch-box .login-body .login-text-b .item-txt {
	
	width: calc(100% - 100px);
	padding: 10px 10px;
	font-family: 'proxima-nova-regular', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #000000;
	display: inline-block;
	
}

.main-content-flex .item-a {
	
	flex: 0 59.5%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-a {
	
	flex: 0 59.5%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex .item-ab {
	
	flex: 0 49.5%;
	height: calc(100vh - 123px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-ab {
	
	flex: 0 49.5%;
	height: calc(100vh - 123px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex .item-ac {
	
	flex: 0 49%;
	height: calc(100vh - 123px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-ac {
	
	flex: 0 49%;
	height: calc(100vh - 123px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex .item-abc {
	
	flex: 0 49.5%;
	height: calc(100vh - 123px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex-b .item-abc {
	
	flex: 0 49.5%;
	height: calc(100vh - 123px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex .item-abc .sub-item-a {
	
	height: calc(74.5% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	
}

.main-content-flex-b .item-abc .sub-item-a {
	
	height: calc(74.5% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	
}

.opaque {
	
	opacity: 0.3;
	
}

.main-content-flex .item-abc .sub-item-b {
	
	height: calc(24.5% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
}

.main-content-flex-b .item-abc .sub-item-b {
	
	height: calc(24.5% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
}

.main-content-flex-b .item-abc .sub-item-b .block {
	
	flex: 0 32%;
	height: calc(100%);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
}

.main-content-flex .item-abc .sub-item-b .number-item-a {
	
	width: 16%;
	height: calc(100%);
	padding: 0px 0px 0px 15px;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
}

.main-content-flex-b .item-abc .sub-item-b .number-item-a {
	
	flex: 0 48%;
	height: calc(100%);
	padding: 0px 0px 0px 15px;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
}

.main-content-flex-b .item-abc .sub-item-b .number-item-a .marker {
	
	width: 100%;
	height: auto;
	
}

.main-content-flex .item-abc .sub-item-b .number-item-b {
	
	width: 24%;
	height: calc(100%);
	padding: 0px 20px;
	text-align: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	font-family: 'Degular', Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0px;
	
}

.main-content-flex-b .item-abc .sub-item-b .number-item-b {
	
	flex: 0 48%;
	height: calc(100%);
	padding: 0px 20px;
	text-align: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	font-family: 'Degular', Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0px;
	
}

.main-content-flex .item-abc .sub-item-b .number-item-b .sub-item {
	
	font-size: 20px;
	line-height: 26px;
	
}

.main-content-flex-b .item-abc .sub-item-b .number-item-b .sub-item {
	
	font-size: 20px;
	line-height: 26px;
	
}

.main-content-flex .item-acd {
	
	flex: 0 49%;
	height: calc(100vh - 123px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex-b .item-acd {
	
	flex: 0 49%;
	height: calc(100vh - 123px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex .item-acd .sub-item-a {
	
	height: calc(49% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	
}

.main-content-flex-b .item-acd .sub-item-a {
	
	height: calc(49% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	
}

.main-content-flex-b .item-acd-b .sub-item-a {
	
	height: calc(49% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	
}

.j-diagram-container {
	
	width: calc(100%);
	height: calc(100% - 70px);
	overflow: auto;
	padding: 0px;
	display: none;
	background-color: rgba(254,254,254,0.9);
	
}

.j-diagram-container .j-master-container {
	
	width: calc(100%);
	padding: 20px 0px 0px 0px;
	border-top: 5px dashed rgba(245,245,245,0.9);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-content: flex-start;
	justify-align: flex-start;
	-webkit-gap: 0px 0px;
	gap: 0px 0px;
	
}

.j-diagram-container .j-master-container .j-section-container {
	
	flex: 0 0 100%;
	height: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-content: flex-start;
	justify-align: flex-start;
	-webkit-gap: 0px 0px;
	gap: 0px 0px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-start-name {
	
	font-size: 20px;
	font-weight: 600;
	font-family: 'Degular', Arial, sans-serif;
	line-height: 22px;
	color: rgba(49,32,83,0.9);
	text-align: right;
	width: 230px;
	padding: 0px 10px 0px 0px;
	height: 60px;
	
}
.j-diagram-container .j-master-container .j-section-container .j-start-name-b {
	
	font-size: 16px;
	font-weight: 600;
	font-family: 'Degular', Arial, sans-serif;
	line-height: 20px;
	color: rgba(49,32,83,0.9);
	text-align: left;
	width: 230px;
	padding: 0px 10px 0px 0px;
	height: 60px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-start-ico {
	
	padding: 0px;
	line-height: 60px;
	height: 60px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-name {
	
	font-size: 20px;
	font-weight: 600;
	font-family: 'Degular', Arial, sans-serif;
	line-height: 22px;
	color: rgba(49,32,83,0.9);
	text-align: right;
	width: calc(50% - 50px);
	padding: 30px 10px 0px 0px;
	height: 50px;
	cursor: pointer;
	border-radius: 4px;transition: background 0.1s ease-in-out;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-name:hover {
	
	background-color: #cccccc;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-name-b {
	
	font-size: 16px;
	font-weight: 600;
	font-family: 'Degular', Arial, sans-serif;
	line-height: 20px;
	color: rgba(49,32,83,0.9);
	text-align: left;
	width: calc(50% - 50px);
	padding: 0px 0px 0px 10px;
	height: 80px;
	display: flex;
	-webkit-display: flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: row;
	-webkit-flex-direction: row;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-name-b .j-email-ico {
	
	width: 35px;
	height: 50px;
	cursor: pointer;
	position: relative;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-name-b .j-email-ico .j-email-ico-img {
	
	width: 35px;
	height: auto;
	border: 0.5px solid #333333;
	vertical-align: middle;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-name-b .j-email-ico .j-email-popup {
	
	display: none;
	width: 214px;
	height: 300px;
	background-color: #000000;
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 1;
	bottom: -140px;
	right: -225px;
	text-align: center;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-name-b .j-email-ico .j-email-popup .j-email-popup-img {
	
	width: auto;
	height: 300px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-name-b .j-email-ico .j-email-popup::after {
	
	content: "";
	position: absolute;
	top: 125px;
	left: -15px;
	margin-left: -5px;
	border-width: 10px;
	border-style: solid;
	border-color: transparent #000000 transparent transparent;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-name-b .j-email-ico:hover .j-email-popup {
	
	display: block;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-name-b .j-email-metrics {
	
	width: calc(100% - 70px);
	padding: 15px 0px 0px 20px;
	height: 50px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico {
	
	cursor: pointer;
	position: relative;
	display: inline-block;
	transition: background 0.1s ease-in-out;
	border-radius: 4px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico:hover, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico:hover, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico:hover {
	
	background-color: #cccccc;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico .j-pages-popup, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico .j-pages-popup, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico .j-pages-popup {
	
	display: none;
	width: 360px;
	max-height: 180px;
	height: auto;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 1;
	top: 25px;
	right: -165px;
	text-align: left;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico .j-pages-popup::after, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico .j-pages-popup::after, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico .j-pages-popup::after {
	
	content: "";
	position: absolute;
	top: -20px;
	right: 47.5%;
	margin-left: -5px;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico:hover .j-pages-popup, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico:hover .j-pages-popup, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico:hover .j-pages-popup {
	
	display: block;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico .j-pages-popup ul, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico .j-pages-popup ul, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico .j-pages-popup ul {
	
	padding: 0px 30px 0px 30px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico .j-pages-popup .j-pages-block, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico .j-pages-popup .j-pages-block, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico .j-pages-popup .j-pages-block {
	
	max-height: 180px;
	height: auto;
	overflow: auto;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico .j-pages-popup .j-pages-block::-webkit-scrollbar, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico .j-pages-popup .j-pages-block::-webkit-scrollbar, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico .j-pages-popup .j-pages-block::-webkit-scrollbar {
	
	width: 8px;
	height: 8px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico .j-pages-popup .j-pages-block::-webkit-scrollbar-thumb, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico .j-pages-popup .j-pages-block::-webkit-scrollbar-thumb, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico .j-pages-popup .j-pages-block::-webkit-scrollbar-thumb {
	
	background: rgba(75,75,75,0.1);
	border-radius: 6px
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico .j-pages-popup .j-pages-block:hover::-webkit-scrollbar-thumb, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico .j-pages-popup .j-pages-block:hover::-webkit-scrollbar-thumb, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico .j-pages-popup .j-pages-block:hover::-webkit-scrollbar-thumb {
	
	background: rgba(75,75,75,0.4);
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico .j-pages-popup .j-pages-block::-webkit-scrollbar-track, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico .j-pages-popup .j-pages-block::-webkit-scrollbar-track, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico .j-pages-popup .j-pages-block::-webkit-scrollbar-track {
	
	background: none;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico .j-pages-popup .j-li, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico .j-pages-popup .j-li, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico .j-pages-popup .j-li {
	
	width: calc(100% - 20px);
	padding: 10px 10px 10px 10px;
	transition: background 0.1s ease-in-out;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c .j-pages-ico .j-pages-popup .j-li:hover, .j-diagram-container .j-master-container .j-section-container .j-branch-name-b .j-pages-ico .j-pages-popup .j-li:hover, .j-diagram-container .j-master-container .j-section-container .j-branch-name .j-pages-ico .j-pages-popup .j-li:hover {
	
	background-color: #cccccc;
	
}

@keyframes glow {
	
	from {
		
		text-shadow: 0 0 0px #312053;
		
	}
	to {
		
		text-shadow: 0 0 5px #312053;
		
	}
	
}

.glow {
	
	color: #FD5473;
	animation: glow 0.5s 4 alternate;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-name-c {
	
	font-size: 14px;
	font-weight: 600;
	font-family: 'Degular', Arial, sans-serif;
	line-height: 18px;
	color: rgba(49,32,83,0.9);
	text-align: left;
	width: calc(100%);
	padding: 20px 0px 0px 10px;
	height: 50px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-stop-ico {
	
	padding: 0px;
	line-height: 60px;
	height: 80px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-ico {
	
	padding: 0px 0px 0px 0px;
	line-height: 60px;
	height: 80px;
	width: calc(50% - 40px);
	text-align: right;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-ico-b {
	
	padding: 0px 0px 0px 0px;
	line-height: 60px;
	height: 80px;
	width: 50px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-ico-c {
	
	padding: 0px 0px 0px 0px;
	line-height: 60px;
	height: 80px;
	width: calc(50% - 40px);
	text-align: left;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-container {
	
	padding: 0px 0px 0px 0px;
	line-height: 60px;
	height: 80px;
	width: 340px;
	text-align: right;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-content: flex-start;
	justify-align: flex-start;
	-webkit-gap: 0px 0px;
	gap: 0px 0px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-container-b {
	
	padding: 0px 0px 0px 0px;
	line-height: 60px;
	height: 80px;
	width: 340px;
	text-align: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: flex-start;
	justify-align: flex-start;
	-webkit-gap: 0px 0px;
	gap: 0px 0px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name {
	
	font-size: 20px;
	font-weight: 600;
	font-family: 'Degular', Arial, sans-serif;
	line-height: 22px;
	color: rgba(49,32,83,0.9);
	text-align: right;
	width: 100px;
	padding: 30px 10px 0px 0px;
	height: 50px;
	border-radius: 4px;
	transition: background 0.1s ease-in-out;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-b {
	
	font-size: 14px;
	font-weight: 600;
	font-family: 'Degular', Arial, sans-serif;
	line-height: 18px;
	color: rgba(49,32,83,0.9);
	text-align: left;
	width: 90px;
	padding: 22px 0px 0px 10px;
	height: 50px;
	
}

.j-diagram-container .j-master-container .j-section-container .j-branch-name-c {
	
	font-size: 14px;
	font-weight: 600;
	font-family: 'Degular', Arial, sans-serif;
	line-height: 18px;
	color: rgba(49,32,83,0.9);
	text-align: right;
	width: 90px;
	padding: 22px 5px 0px 0px;
	height: 50px;
	
}

.j-loc-img {
	
	width: 18px;
	height: auto;
	display: inline-block;
	
}

.j-table-container {
	
	width: calc(100%);
	height: calc(100% - 70px);
	overflow: auto;
	padding: 0px;
	
}

.j-table-container table {
	
	width: calc(100%);
	text-align: left;
	padding: 10px 0px;
	border-spacing: 0;
	
}

.j-table-container th {
	
	border-bottom: 3px solid rgba(75,75,75,.9);
	text-align: left;
	
}

.j-table-container td {
	
	text-align: left;
	
}

.j-table-container table .label {
	
	width: calc(15%);
	padding: 3px 3px 3px 10px;
	vertical-align: top;
	
}

.j-table-container .date, .journey-table-mobile .date {
	
	padding: 5px 10px;
	
}

.j-table-container .step-start {
	
	padding: 0px 10px;
	width: 10%;
	text-align: center;	
}
.journey-table-mobile .step-start {
	
	padding: 0px 10px;
	text-align: center;	
	
}

.j-table-container .step-event, .journey-table-mobile .step-event {
	
	padding: 5px 10px;
	
}

.j-table-container .url, .journey-table-mobile .url {
	
	padding: 5px 10px;
	
}

.j-table-container .duration, .journey-table-mobile .duration {
	
	width: 10%;
	padding: 5px 10px;
	
}

.j-table-container .vertical {
	
	vertical-align: top;
	
}

.j-table-container .right-text {
	
	text-align: right;
	
}

.j-table-container .no-pad {
	
	padding: 0px 10px;
	
}

.j-table-container table .border {
	
	border-bottom: 1px dotted rgba(75,75,75,.9);
	
}

.j-table-container table .email, .journey-table-mobile table .email {
	
	background-color: rgb(0, 51, 0, 0.2);
	
}
.j-table-container table .email-back {
	
	background-color: rgb(230, 255, 230, 0.3);
	
}

.j-table-container table .visit, .journey-table-mobile table .visit {
	
	background-color: rgb(0, 0, 102, 0.2);
	
}
.j-table-container table .visit-back {
	
	background-color: rgb(230, 230, 255, 0.2);
	
}


.main-content-flex .item-acd .sub-item-b {
	
	height: calc(49.5% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	
}

.main-content-flex-b .item-acd .sub-item-b {
	
	height: calc(49.5% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	
}

.main-content-flex-b .item-acd-b .sub-item-b {
	
	height: calc(49.5% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	
}

.main-content-flex .item-ab .sub-item, .main-content-flex .item-ac .sub-item {
	
	height: calc(100% - 40px);
	width: calc(100% - 40px);
	background-color: #ffffff;
	padding: 20px;
	
}

.main-content-flex-b .item-ab .sub-item, .main-content-flex-b .item-ac .sub-item {
	
	height: calc(100% - 40px);
	width: calc(100% - 40px);
	background-color: #ffffff;
	padding: 20px;
	
}

.main-content-flex .item-ab .sub-item table, .main-content-flex .item-ac .sub-item table {
	
	width: 100%;
	padding: 0px;
	
}

.main-content-flex-b .item-ab .sub-item table, .main-content-flex-b .item-ac .sub-item table {
	
	width: 100%;
	padding: 0px;
	
}

.main-content-flex .item-ab .sub-item table .label, .main-content-flex .item-ac .sub-item table .label {
	
	width: 20%;
	padding: 10px;
	vertical-align: top;
	
}

.main-content-flex-b .item-ab .sub-item table .label, .main-content-flex-b .item-ac .sub-item table .label {
	
	width: 20%;
	padding: 10px 0px;
	vertical-align: top;
	
}

.main-content-flex .item-ab .sub-item table .sub-label, .main-content-flex .item-ac .sub-item table .sub-label {
	
	padding: 20px 0px;
	vertical-align: top;
	
}

.main-content-flex-b .item-ab .sub-item table .sub-label, .main-content-flex-b .item-ac .sub-item table .sub-label {
	
	padding: 20px 10px;
	vertical-align: top;
	
}

.main-content-flex .item-b {
	
	flex: 0 39%;
	height: calc(50vh - 75px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex-b .item-b {
	
	flex: 0 39%;
	height: calc(50vh - 75px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex .item-b .sub-item {
	
	height: calc(50% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	
}

.main-content-flex-b .item-b .sub-item {
	
	height: calc(50% - 10px);
	border-radius: 3px;
	width: 100%;
	background-color: #ffffff;
	padding: 0px;
	
}

.main-content-flex .item-b .sub-item .journey {
	
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	padding: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex-b .item-b .sub-item .journey {
	
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	padding: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex .item-b .sub-item .numbers {
	
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	padding: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex-b .item-b .sub-item .numbers {
	
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	padding: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex .item-b .sub-item .numbers .number-item {
	
	flex: 0 25%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: middle;
	align-items: middle;
	align-content: stretch;
	
}

.main-content-flex-b .item-b .sub-item .numbers .number-item {
	
	flex: 0 33%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: middle;
	align-items: middle;
	-webkit-align-content: stretch;
	align-content: stretch;
	
}

.main-content-flex-b .item-b .sub-item .prospects {
		
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	padding: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;

}

.main-content-flex-b .item-b .sub-item .numbers .number-item-b {
	
	flex: 0 25%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: middle;
	align-items: middle;
	-webkit-align-content: stretch;
	align-content: stretch;
	
}

.main-content-flex-b .item-b .sub-item .journey .journey-item {
	
	flex: 0 33%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: middle;
	align-items: middle;
	-webkit-align-content: stretch;
	align-content: stretch;
	
}

.main-content-flex .item-b .sub-item .numbers .number-item .number-part {
	
	width: 100%;
	text-align: center;
	
}

.main-content-flex-b .item-b .sub-item .numbers .number-item .equal-height {
	
	height: 60px;
	
}

.main-content-flex-b .item-b .sub-item .numbers .number-item .number-part {
	
	width: 100%;
	text-align: center;
	
}

.main-content-flex-b .item-b .sub-item .numbers .number-item-b .equal-height {
	
	height: 60px;
	
}

.main-content-flex-b .item-b .sub-item .numbers .number-item-b .number-part {
	
	width: 100%;
	text-align: center;
	
}

.main-content-flex-b .item-b .sub-item .journey .journey-item .journey-part {
	
	flex: 0 100%;
	text-align: center;
	
}

.main-content-flex-b .item-b .sub-item .numbers .number-item .number-part .number-part-img {
		
	width: 50px;
	height: auto;

}

.main-content-flex-b .item-b .sub-item .numbers .number-item-b .number-part .number-part-img {
		
	width: 50px;
	height: auto;

}

.main-content-flex-b .item-c .number-item-b .number-part-a .number-part-img-a {
		
	width: auto;
	height: 100%;

}

.main-content-flex-b .item-c .number-item .number-part-a .number-part-img-a {
		
	width: 70px;
	height: auto;

}

.main-content-flex-b .item-b .sub-item .prospects .img-part {
	
	width: 200px;
	height: auto;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
	
}

.main-content-flex-b .item-b .sub-item .prospects .val-part {
	
	width: calc(50% - 100px);
	height: auto;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
}

.main-content-flex-b .item-b .sub-item .prospects .val-name-part {
	
	width: calc(50% - 100px);
	height: auto;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	
}

.main-content-flex .item-c {
	
	flex: 0 19%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 0px;
	gap: 0px;
	
}

.main-content-flex-b .item-c {
	
	flex: 0 19%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 0px;
	gap: 0px;
	
}

.main-content-flex .item-c .number-item {
	
	flex: 0 100%;
	padding: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-gap: 10px;
	gap: 10px;
	
}

.main-content-flex-b .item-c .number-item {
	
	flex: 0 100%;
	padding: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-gap: 10px;
	gap: 10px;
	
}

.main-content-flex-b .item-c .number-item-b {
	
	width: calc(100%);
	height: calc(100%);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	
}

.main-content-flex .item-c .number-item .number-part-a {
	
	flex: 0 70px;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	
}

.main-content-flex-b .item-c .number-item .number-part-a {
	
	flex: 0 70px;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
	
}

.main-content-flex-b .item-c .number-item-b .number-part-a, .main-content-flex-b .item-c .number-item-b .number-part-b {
	
	height: calc(30%);
	padding: 10px;
	text-align: center;
	
}

.main-content-flex .item-c .number-item .number-part-b {
	
	flex: 0 calc(100% - 70px);
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-gap: 10px;
	gap: 10px;
	
}

.main-content-flex-b .item-c .number-item .number-part-b {
	
	flex: 0 calc(100% - 70px);
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-gap: 10px;
	gap: 10px;
	
}

.main-content-flex .item-d {
	
	flex: 0 39%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-d {
	
	flex: 0 39%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex .item-e {
	
	flex: 0 39%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-e {
	
	flex: 0 39%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex .item-ea {
	
	flex: 0 29.5%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-ea {
	
	flex: 0 29.5%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex .item-ea .template-list {
	
	height: calc(100% - 20px);
	width: calc(100% - 40px);
	padding: 0px 20px;
	overflow: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 10px 10px;
	gap: 10px 10px;
	
}

.main-content-flex-b .item-ea .template-list {
	
	height: calc(100% - 20px);
	width: calc(100% - 40px);
	padding: 0px 20px;
	overflow: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 10px 10px;
	gap: 10px 10px;
	
}

.main-content-flex .item-ea .template-item {
	
	flex: 0 100%;
	height: auto;
	padding: 20px 10px 20px 10px;
	cursor: pointer;
	border-radius: 4px;
	transition: background 0.25s ease-in-out;
	border: 1px dashed #cccccc;
	
}

.main-content-flex-b .item-ea .template-item {
	
	flex: 0 100%;
	height: 80px;
	padding: 20px 10px 20px 10px;
	cursor: pointer;
	border-radius: 4px;
	transition: background 0.25s ease-in-out;
	border: 1px dashed #cccccc;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 10px 10px;
	gap: 10px 10px;
	position: relative;
	
}

.main-content-flex-b .item-ea .template-item .stat-box {
	
	position: absolute;
	right: 5px;
	bottom: 5px;
	padding: 0px;
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	
}

.main-content-flex .safari-div {
		
	display: none;
	padding: 10px;
	width: calc(100% - 20px);

}

.main-content-flex-b .safari-div {
		
	display: none;
	padding: 10px;
	width: calc(100% - 20px);

}

.main-content-flex-b .contacts-back {
		
	display: none;
	flex: 0 100%;

}

.main-content-flex .item-eb {
	
	flex: 0 69%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-eb {
	
	flex: 0 69%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-eb-l {
	
	flex: 0 100%;
	height: calc(48vh - 75px);
	padding: 0px;
	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex-b .item-eb-l .qbox {
	
	flex: 0 20%;
	height: calc(100%);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-eb-l .qbox-b {
	
	flex: 0 24.1%;
	height: calc(100%);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-eb-l .fbox {
	
	flex: 0 16.67%;
	height: calc(100%);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-eb-l .qbox .graph-lifetime-volume, .main-content-flex-b .item-eb-l .fbox .graph-lifetime-volume, .main-content-flex-b .item-eb-l .qbox-b .graph-lifetime-volume {
	
	width: calc(100%);
	height: calc(100%);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-content: center;
	-webkit-gap: 10px 10px;
	gap: 10px 10px;
	
}

.main-content-flex .item-ec {
	
	flex: 0 49%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-ec {
	
	flex: 0 49%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex .item-ec-b {
	
	flex: 0 100%;
	height: calc(60vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-ec-b {
	
	flex: 0 100%;
	height: calc(60vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex .item-ed {
	
	flex: 0 49.5%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-ed {
	
	flex: 0 49.5%;
	height: calc(50vh - 75px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-ee {
	
	flex: 0 49.1%;
	height: calc(100vh - 220px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-ee-x {
	
	flex: 0 49.8%;
	height: calc(100vh - 220px);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-eb-l .sub-item {
	
	flex: 0 49.1%;
	height: calc(100%);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content-flex-b .item-eb-l .sub-item-b {
	
	flex: 0 49.8%;
	height: calc(100%);
	border-radius: 3px;
	background-color: #ffffff;
	
}

.main-content .container-a {
	
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	-webkit-flex: 0 0 calc(50%);
	flex: 0 0 calc(50%);
	
}

.main-content .container-b {
	
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	-webkit-flex: 1 0 calc(50%);
	flex: 1 0 calc(50%);
	
}

.main-content .container-c {
	
	width: 100%;
	min-height: 380px;
	height: calc((100vh - 123px)*0.495);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	position: relative;
	
}

.main-content .container-d {
	
	width: 100%;
	min-height: 380px;
	height: calc((100vh - 123px)*0.495);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-info .container-y {
	
	width: 100%;
	height: calc(100vh - 123px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	position: relative;
	
}

.main-content-contacts .container-contacts {
	
	width: calc(100vw - 250px);
	height: calc(100vh - 103px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-contacts-flex .contacts-holder {
	
	flex: 0 calc(100% - 250px);
	height: calc(100vh - 103px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 10px 0px;
	gap: 10px 0px;
	
}

.main-content-contacts-flex .contacts-holder .container-contacts {
	
	height: calc(100% - 68px);
	width: calc(100%);
	border-radius: 4px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 0px 0px;
	gap: 0px 0px;
	overflow: hidden;
	
}

.main-content-contacts-flex .help-holder {
	
	flex: 0 calc(100% - 250px);
	height: calc(100vh - 103px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 0px 0px;
	gap: 0px 0px;
	
}

.main-content-contacts-flex .help-holder .container-help {
	
	height: calc(100%);
	width: calc(100%);
	border-radius: 4px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 0px 0px;
	gap: 0px 0px;
	overflow: auto;
	
}

.main-content-contacts .container-filter {
	
	width: 250px;
	height: calc(100vh - 103px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-contacts-flex .container-filter {
	
	flex: 0 250px;
	height: calc(100vh - 103px);
	border-radius: 4px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-contacts .container-filter-bar {
	
	display: none;
	width: 50px;
	height: calc(100vh - 63px);
	background-color: #f2f2f2;
	
}

.main-content-contacts-flex .container-filter-bar {
	
	display: none;
	width: 50px;
	height: calc(100vh - 63px);
	background-color: #f2f2f2;
	
}

.main-content .container-ttl {
	
	width: 100%;
	height: 120px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
}

.main-content-set {
	
	min-width: 1020px;
	overflow-y: auto;
	padding: 20px;
	height: calc(100% - 123px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-set .container-set {
	
	width: 100%;
	min-height: calc(100% - 140px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-set .container-set-ttl {
	
	width: 100%;
	height: 120px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
}

.main-content .container-a .sub-container-a {
	
	width: calc((100vw - 30px)*0.60);
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content .container-a .sub-container {
	
	min-width: 400px;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkite-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content-flex .item-b .sub-container {
	
	min-width: 400px;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkite-gap: 20px 20px;
	gap: 20px 20px;
	
}

.main-content .container-b .sub-container-a {
	
	width: calc((100vw - 30px)*0.60);
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content .container-b .sub-container-b {
	
	width: calc((100vw - 30px)*0.40);
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content .container-c .sub-container-a {
	
	width: calc((100vw - 30px)*0.30);
	min-width: 550px;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content .container-c .sub-container-b {
	
	width: calc((100vw - 30px)*0.70);
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content .container-d .sub-container {
	
	width: calc((100vw - 30px)*0.50);
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-info .container-y .sub-container-a {
	
	width: calc((100vw - 30px)*0.50);
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-info .container-y .sub-container-a .sub-sub-container-a {
	
	width: 100%;
	height: calc((100vh - 30px)*0.75);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-info .container-y .sub-container-a .sub-sub-container-b {
	
	width: 100%;
	height: calc((100vh - 30px)*0.25);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-info .container-y .sub-container-b {
	
	width: calc((100vw - 30px)*0.50);
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.main-content-info .container-y .sub-container-b .sub-sub-container {
	
	width: 100%;
	height: calc((100vh - 30px)*0.50);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
}

.main-content .container-top {
	
	padding: 0px 0px 0px 0px;
	
}

.main-content .container-middle {
	
	padding: 10px 0px 10px 0px;
	
}

.main-content .container-bottom {
	
	padding: 0px 0px 0px 0px;
	
}

.main-content-set .container-top {
	
	padding: 0px 0px 10px 0px;
	
}

.main-content-set .container-bottom {
	
	padding: 10px 0px 0px 0px;
	
}

.blue {
	
	background-color: rgba(13,53,140,.9);
	color: rgba(255,255,255,.9);
	
}

.white {
	
	background-color: rgba(245,245,245,.9);
	color: rgba(75,75,75,.9);
	
}

.dark {
	
	background-color: rgba(0,0,0,.9);
	color: rgba(255,255,255,.9);
	
}

.blue::-webkit-scrollbar, .white::-webkit-scrollbar, .dark::-webkit-scrollbar {
	
	width: 16px;
	
}

.blue::-webkit-scrollbar-track, .white::-webkit-scrollbar-track, .dark::-webkit-scrollbar-track {
	
	background: none;
	
}

.blue::-webkit-scrollbar-thumb, .dark::-webkit-scrollbar-thumb {
	
	background: rgba(255,255,255,.1);
	border-radius: 8px;
	
}

.blue:hover::-webkit-scrollbar-thumb, .dark:hover::-webkit-scrollbar-thumb {
	
	background: rgba(255,255,255,.4);
	
}

.white::-webkit-scrollbar-thumb {
	
	background: rgba(75,75,75,.1);
	border-radius: 6px;
	
}

.white:hover::-webkit-scrollbar-thumb {
	
	background: rgba(75,75,75,.4);
	
}


/***** DASH BOX CLASSES *****/

.dash-box {
	
	min-height: 380px;
	height: 100%;
	border-radius: 4px;
	
}

.dash-box .dash-numbers {
	
	width: 100%;
	text-align: center;
	display: table-row;
	
}

.dash-box .dash-numbers .dash-img {
	
	min-width: 80px;
	width: 10%;
	text-align: center;
	vertical-align: middle;
	padding: 10px 10px 10px 20px;
	display: table-cell;
	
}

.dash-box .dash-numbers .dash-cell {
	
	width: 90%;
	text-align: left;
	padding: 10px 20px 10px 10px;
	display: table-cell;
	
}

.dash-box-thin {
	
	height: 100%;
	border-radius: 4px;
	
}

.dash-box-filter-content {
	
	height: 100%;
	width: 250px;
	padding: 0px;
	overflow: auto;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	
}

.dash-box-filter-content .filter-container {
	
	height: calc(100% - 132px);
	width: calc(100% - 20px);
	padding: 10px;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	
}

.dash-box-filter-content .filter-container .filter-group {
	
	width: calc(100% - 20px);
	max-height: 170px;
	min-height: 50px;
	padding: 10px;
	
}

.dash-box-filter-content .filter-container .filter-group-flags {
	
	width: calc(100% - 20px);
	height: auto;
	padding: 10px;
	
}

.dash-box-filter-content .filter-container .filter-group-range {
	
	width: calc(100% - 20px);
	max-height: 150px;
	min-height: 50px;
	padding: 10px;
	
}

.dash-box-filter-content .filter-container .filter-group-range-dual {
	
	position: relative;
	width: calc(100% - 20px);
	height: 80px;
	padding: 10px;
	
}

.dash-box-filter-content .filter-container .filter-group-engage {
	
	width: calc(100% - 20px);
	min-height: 50px;
	padding: 10px;
	
}

.dash-leads-contacts {
	
	width: calc(100%);
	
}

.dash-help-content {
	
	width: calc(100% - 40px);
	padding: 0px 20px 0px 20px;
	
}

.help-buttons-container {
	
	width: calc(100% - 40px);
	height: calc(100% - 240px);
	border-radius: 4px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 50px 50px;
	gap: 50px 50px;
	overflow: auto;
	padding: 20px 20px 20px 20px;
	
}

.help-button {
	
	border-radius: 4px;
	flex: 1 1 calc(33% - 90px);
	height: 170px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 10px 0px;
	gap: 10px 0px;
	padding: 20px 20px 20px 20px;
	cursor: pointer;
	transition: background 0.1s ease-in-out;
	
}

.help-button:hover {
	
	background-color: #fe5472;
	color: #ffffff;
	
}

.help-button-spacer {
	
	flex: 1 1 calc(33% - 90px);
	height: 170px;
	padding: 20px 20px 20px 20px;
	
}

.help-hero-item {
	
	flex: 1 1 calc(50% - 90px);
	height: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 10px 0px;
	gap: 10px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px #cccccc dashed;
	
}

.help-hero-item-spacer {
	
	flex: 1 1 calc(50% - 90px);
	height: auto;
	padding: 0px 0px 0px 0px;
	
}

.help-hero-item-b {
	
	flex: 1 1 calc(33% - 90px);
	height: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 10px 0px;
	gap: 10px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px #cccccc dashed;
	
}

.help-hero-item-spacer-b {
	
	flex: 1 1 calc(33% - 90px);
	height: auto;
	padding: 0px 0px 0px 0px;
	
}

.border-white {
	
	border-right: 2px solid rgb(174,30,121);
	
}

.border-filter {
	
	border-right: 2px solid rgb(33,33,33);
	
}

.border-dark {
	
	border-right: 2px solid rgb(255,255,255);
	
}

.border-white-bottom {
	
	border-bottom: 1px solid rgb(174,30,121);
	
}

.border-filter-bottom {
	
	border-bottom: 1px solid rgb(33,33,33);
	
}

.border-dark-bottom {
	
	border-bottom: 1px solid rgb(255,255,255);
	
}

.dash-box-filter-item .filter-check {
	
	display: inline-block;
	
}

.dash-box-filter-icon {
	
	width: 100%;
	display: table;
	
}

.dash-box-filter-icon .row {
	
	width: 100%;
	text-align: center;
	display: table-row;
	cursor: pointer;
	
}

.dash-box-filter-icon .cell-ico {
	
	width: 50px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	display: table-cell;
	
}

.dash-box-filter-icon .cell-text {
	
	width: calc(100% - 85px);
	height: 50px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	display: table-cell;
	
}

.dash-box-filter-icon .cell-close {
	
	width: 15px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	display: table-cell;
	position: relative;
	
}

.dash-box-filter-icon .icon-close {
	
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
	
}

.dash-box-filter-icon .apply-ico {
	
	height: 30px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	display: table-cell;
	
}

.dash-box-filter-icon .apply-ico a {
	
	font-size: 12px;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	padding: 10px 35px;
	color: #333333;
	text-decoration: none;
	background-color: #f2f2f2;
	
}

.dash-box-filter-icon .apply-ico button {
	
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	border: none;
	background-color: #eeeeee;
	color: #333333;
	padding: 7px 0px;
	cursor: pointer;
	width: 40%;
	border-radius: 15px;
	
}
.dash-box-filter-icon .apply-ico button:hover {
	
	background-color: #dddddd;
	
}

.dash-box-filter-icon .apply-ico a:hover {
	
	background-color: #333333;
	color: #ffffff;
	
}

.dash-box-filter-icon .ico {
	
	height: 80px;
	
}

.dash-box-filter-hover-white {
	
	transition: background 0.2s ease-in-out;
	cursor: pointer;
	
}

.dash-box-filter-hover-white:hover {
	
	background-image: linear-gradient(rgba(174,30,121,0.9), rgba(131,22,91,0.9));
	background-size: 100%;
	background-repeat: repeat;
	
}

.dash-box-filter-hover-dark {
	
	transition: background 0.2s ease-in-out;
	cursor: pointer;
	
}

.dash-box-filter-hover-dark:hover {
	
	background-image: linear-gradient(rgba(255,255,255,0.9), rgba(230,230,230,0.9));
	background-size: 100%;
	background-repeat: repeat;
	
}

.dash-box-thin .dash-numbers {
	
	width: 100%;
	text-align: center;
	display: table-row;
	
}

.dash-box-thin .dash-numbers .dash-prospect {
	
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	display: table-cell;
	
}

.dash-box-thin .dash-numbers .dash-prospect-sub {
	
	width: 25%;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	display: table-cell;
	
}

.dash-box-graph {
	
	min-height: 360px;
	height: 100%;
	border-radius: 4px;
	
}

.dash-box-contact-graph {
	
	min-height: 560px;
	height: 100%;
	border-radius: 4px;
	
}

.dash-box-contact-graph-update {
	
	min-height: 560px;
	height: 100%;
	border-radius: 4px;
	background-color: #333333;
	opacity: 0.3;
	
}

.dash-box-info {
	
	min-height: 380px;
	height: 100%;
	border-radius: 4px;
	
}

.dash-box-info-journey {
	
	min-height: 410px;
	height: 100%;
	border-radius: 4px;
	
}

.dash-box-info-journey-update {
	
	min-height: 410px;
	height: 100%;
	border-radius: 4px;
	background-color: #333333;
	opacity: 0.3;
	
}

.dash-box-score {
	
	min-height: 200px;
	height: 100%;
	border-radius: 4px;
	
}

.dash-box-score-update {
	
	min-height: 200px;
	height: 100%;
	border-radius: 4px;
	background-color: #333333;
	opacity: 0.3;
	
}

.dash-box-ttl {
	
	min-height: 100%;
	height: 100%;
	border-radius: 4px;
	
}

.dash-box-top {
	
	min-height: 380px;
	height: 100%;
	border-radius: 4px;
	
}

.dash-box-set {
	
	min-height: 100%;
	height: 100%;
	border-radius: 4px;
	
}

.dash-box-set-ttl {
	
	min-height: 100%;
	height: 100%;
	border-radius: 4px;
	
}

.dash-separator {
	
	height: 100%;
	width: 20px;
	
}

.dash-box-set .dash-head {
	
	width: 100%;
	padding: 20px 0px;
	border-radius: 4px;
	
}

.dash-box-set .dash-body {
	
	width: calc(100% - 40px);
	height: calc(100% - 110px);
	padding: 0px;
	margin: auto;
	border-radius: 4px;
	background-color: rgba(255,255,255,.2);
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	
}

.dash-box-set .dash-body-container {
	
	width: 100%;
	padding: 0px;
	
}

.dash-box-set .dash-label {
	
	width: 33%;
	text-align: right;
	padding: 20px 0px 0px 0px;
	display: inline-block;
	
}

.dash-box-set .dash-item {
	
	width: 65%;
	text-align: left;
	padding: 20px 0px 0px 0px;
	display: inline-block;
	
}

.dash-box-set .dash-notify {
	
	width: 100%;
	text-align: left;
	padding: 40px 0px 20px 0px;
	display: inline-block;
	
}

.dash-box-set .dash-disclaimer {
	
	width: calc(100% - 160px);
	text-align: left;
	padding: 40px 40px 10px 40px;
	display: inline-block;
	
}

.dash-box-set .dash-disclaimer-b {
	
	width: 100%;
	text-align: left;
	padding: 10px 40px 20px 40px;
	display: inline-block;
	
}

.dash-box-set .dash-button-container {
	
	width: 100%;
	text-align: center;
	padding: 20px 0px 20px 0px;
	display: inline-block;
	
}

.dash-box-set .dash-ico {
	
	padding: 0px 0px 0px 20px;
	
}

.info-ico {
	
	max-width: 40px; 
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 20px;
	display: inline-block;
	vertical-align: middle;
	
}

.top-a-1 {
	
	flex: 1 1 60%;
	order: 1;
	
}

.top-a-2 {
	
	flex: 1 1 40%;
	order: 2;
	
}

.top-b {
	
	width: 100%;
	display: table;
	
}

.prospect-box-journey, .prospect-box-metrics {
	
	width: 100%;
	height: calc(50% - 10px);
	
}

.prospect-separator {
	
	width: 100%;
	height: 20px;
	padding: 0px;
	
}

.bottom-a {
	
	flex: 0 1 19%;
	display: table;
	order: 1;
	
}

.bottom-b {
	
	flex: 0 1 40%;
	order: 2;
	
}

.bottom-c {
	
	flex: 0 1 40%;
	order: 3;
	
}

.shadow {
	
	box-shadow: 2px 2px 4px 1px #cccccc;
	
}

.shadow-white {
	
	box-shadow: 2px 2px 4px 1px #cccccc;
	
}

.shadow-blue {
	
	box-shadow: 2px 2px 4px 2px #09245d;
	
}

.shadow-dark {
	
	box-shadow: 2px 2px 4px 2px #000000;
	
}

.graph-head {
	
	width: 100%;
	height: 50px;
	padding: 30px 0px 10px 0px;
	text-align: center;
	position: relative;
	
}

.graph-head-b {
	
	width: 100%;
	height: 50px;
	padding: 30px 0px 10px 0px;
	text-align: center;
	position: relative;
	
}

.graph-head-l {
	
	width: 100%;
	height: 60px;
	padding: 20px 0px 10px 0px;
	text-align: center;
	position: relative;
	
}

.graph-head-lv {
	
	width: 100%;
	height: 40px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	position: relative;
	
}

.comms-head {
	
	width: 100%;
	height: 50px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	position: relative;
	
}

.comms-head-email {
	
	position: absolute;
	left: 0px;
	top: 0px;
	height: 20px;
	width: 20px;
	color: #333333;
	display: inline-block;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 7px 10px;
	text-align: center;
	border: transparent;
	background-color: rgba(230,230,230,.9);
	font-weight: 600;
	box-shadow: inset -2px -2px 4px -1px #cccccc;
	transition: background 0.2s ease-in-out;
	
}

.comms-head-email:hover {
	
	background-color: rgba(220,220,220,.9);
	
}

.comms-head-direct {
	
	position: absolute;
	left: 40px;
	top: 0px;
	height: 20px;
	width: 20px;
	color: #333333;
	display: inline-block;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 7px 10px;
	text-align: center;
	border: transparent;
	background-color: rgba(240,240,240,.9);
	font-weight: 600;
	box-shadow: inset -2px -2px 4px -1px #cccccc;
	transition: background 0.2s ease-in-out;
	
}

.comms-head-direct:hover {
	
	background-color: rgba(230,230,230,.9);
	
}

.comms-head-social {
	
	position: absolute;
	left: 80px;
	top: 0px;
	height: 20px;
	width: 20px;
	color: #333333;
	display: inline-block;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 7px 10px;
	text-align: center;
	border: transparent;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: rgba(250,250,250,.9);
	font-weight: 600;
	box-shadow: inset -2px -2px 4px -1px #cccccc;
	transition: background 0.2s ease-in-out;
	
}

.comms-head-social:hover {
	
	background-color: rgba(240,240,240,.9);
	
}

.graph-lifetime-body {
	
	width: calc(100%);
	height: calc(100% - 80px);
	text-align: center;
	
}

.graph-head-c {
	
	width: 100%;
	height: 50px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	position: relative;
	
}

.graph-head-c-txt {
	
	position: absolute;
	left: 0px;
	top: 0px;
	height: 20px;
	color: #333333;
	display: inline-block;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: right;
	border: transparent;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: rgba(250,250,250,.9);
	font-weight: 600;
	box-shadow: inset -2px -2px 4px -1px #cccccc;
	transition: background 0.2s ease-in-out;
	
}

.graph-head-c-txt:hover {
	
	background-color: rgba(240,240,240,.9);
	
}

.graph-head-c-txt .menu {
	
	display: none;
	position: absolute;
	left: 0px;
	top: 30px;
	width: 100px;
	height: auto;
	min-height: 120px;
	max-height: 220px;
	padding: 0px;
	background-color: #ffffff;
	z-index: 1;
	box-shadow: 2px 2px 4px 1px #cccccc;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	overflow-y: auto;
	text-align: left;
	
}

.graph-head-c-txt .menu.active {
	
	display: block;
	
}

.graph-head-c-txt .menu div {
	
	width: calc(100% - 20px);
	padding: 5px 10px;
	font-size: 11px;
	
}

.graph-head-c-txt .menu div:hover {
	
	background-color: rgba(150,150,150,0.9);
	color: #ffffff;
	
}

.graph-head-c-txt .menu .no-pad {
	
	padding: 0px;
	
}

.graph-head-c-txt .menu input[type=checkbox] {
	
	vertical-align: middle;
	position: relative;
	bottom: 2px;
	cursor: pointer;
	
}

.graph-head-c-txt .menu label {
	
	display: block;
	font-size: 11px;
	font-family: Helvetica, sans-serif;
	cursor: pointer;
	
}

.graph-head-d-txt {
	
	position: absolute;
	right: 0px;
	top: 0px;
	height: 20px;
	color: #333333;
	display: inline-block;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: right;
	border: transparent;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: rgba(250,250,250,.9);
	font-weight: 600;
	box-shadow: inset 2px -2px 4px -1px #cccccc;
	transition: background 0.2s ease-in-out;
	
}

.graph-head-d-txt:hover {
	
	background-color: rgba(240,240,240,.9);
	
}

.graph-head-d-txt .menu {
	
	display: none;
	position: absolute;
	right: 0px;
	top: 30px;
	width: 130px;
	height: auto;
	min-height: 120px;
	max-height: 220px;
	padding: 0px;
	background-color: #ffffff;
	z-index: 1;
	box-shadow: 2px 2px 4px 1px #cccccc;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	overflow-y: auto;
	text-align: left;
	
}

.graph-head-d-txt .menu.active {
	
	display: block;
	
}

.graph-head-d-txt .menu div {
	
	width: calc(100% - 20px);
	padding: 5px 10px;
	font-size: 11px;
	
}

.graph-head-d-txt .menu div:hover {
	
	background-color: rgba(150,150,150,0.9);
	color: #ffffff;
	
}

.center {
	
	text-align: center;
	background-color: rgba(75,75,75,0.1);
	
}

.graph-head-c-txt .menu::-webkit-scrollbar, .graph-head-d-txt .menu::-webkit-scrollbar {
	
	width: 6px;
	height: 6px;
	
}

.graph-head-c-txt .menu::-webkit-scrollbar-track, .graph-head-d-txt .menu::-webkit-scrollbar-track {
	
	background: none;
	
}

.graph-head-c-txt .menu::-webkit-scrollbar-thumb, .graph-head-d-txt .menu::-webkit-scrollbar-thumb {
	
	background: rgba(75,75,75,.1);
	border-radius: 6px;
	
}

.graph-head-c-txt .menu::hover::-webkit-scrollbar-thumb, .graph-head-d-txt .menu::hover::-webkit-scrollbar-thumb {
	
	background: rgba(75,75,75,.4);
	
}

.graph-head-c img {
	
	display: inline-block;
	width: 10px;
	height: auto;
	
}

.contact-graph-container {
	
	height: calc(100% - 70px);
	padding: 0px;
	width: calc(100%);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-gap: 0px 0px;
	gap: 0px 0px;
	
}

.contact-graph-container .block {
	
	flex: 0 49.5%;
	height: calc(50%);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 0px;
	-webkit-gap: 0px 0px;
	gap: 0px 0px;
	
}

.contact-graph-container .block .cell-graph {
	
	flex: 0 49.5%;
	height: calc(100%);
	text-align: left;
	padding: 0px 0px 0px 0px;
	
}

.contact-graph-container .block .cell-value {
	
	flex: 0 49.5%;
	height: calc(100%);
	padding: 0px;
	text-align: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	font-family: 'Degular', Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0px;
	
}

.contact-scores-container {
	
	height: calc(100%);
	padding: 0px;
	width: calc(100%);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	
}

.contact-scores-container .cell-ico {
	
	width: 15%;
	height: calc(100%);
	padding: 0px;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	
}

.contact-scores-container .cell-value {
	
	width: 25%;
	height: calc(100%);
	padding: 0px 20px;
	text-align: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0px;
	
}

.contact-scores-container .cell-value-sub {
	
	font-size: 20px;
	line-height: 26px;
	
}

.cell-border-white {
	
	border-bottom: 0.5px solid rgba(131,22,91,0.9);
	
}

.cell-border-dark {
	
	border-bottom: 0.5px solid rgba(255,255,255,0.9);
	
}

.contact-info-container {
	
	max-height: 340px;
	overflow: auto;
	padding: 0px;
	width: 100%;
	
}

.contact-info-container-update {
	
	max-height: 340px;
	overflow: hidden;
	padding: 0px;
	width: 100%;
	
}

.contact-info {
	
	width: 100%;
	display: table;
	padding-top: 10px;
	
}

.contact-info select {
	
	border: none;
	background: #f2f2f2;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	width: calc(100% - 10px);
	
}

.j-table-container select {
	
	border: none;
	background: #eeeeee;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 11px;
	color: #333333;
	padding: 5px 10px;
	width: calc(100% - 20px);
	border-radius: 15px;
	
}

.contact-info select:hover, .contact-info select:focus {
	
	background: #666666;
	color: #ffffff;
	
}

.j-table-container select:hover, .j-table-container select:focus {
	
	background: #dddddd;
	
}

.contact-info .row {
	
	display: table-row;
	
}

.contact-info .cell-name {
	
	display: table-cell;
	width: 15%;
	vertical-align: top;
	
}

.contact-info .cell-value {
	
	display: table-cell;
	width: 35%;
	vertical-align: top;
	
}

.contact-info .cell-value-b {
	
	display: table-cell;
	width: 35%;
	vertical-align: middle;
	
}

.contact-info .cell-note-name {
	
	display: table-cell;
	width: 15%;
	vertical-align: top;
	text-align: left;
	
}

.contact-info .cell-note-button {
	
	display: table-cell;
	width: 10%;
	vertical-align: top;
	text-align: left;
	
}

.contact-info .cell-note-content {
	
	display: table-cell;
	width: 60%;
	vertical-align: top;
	text-align: left;
	
}

.contact-info .cell-value-b button, .contact-info .cell-name button, .contact-info .cell-note-button button {
	
	border: none;
	background: #f2f2f2;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	text-decoration: none;
	
}

 .contact-info-update .cell-value-b button, .contact-info-update .cell-value-b a {
	
	border: none;
	background: #eeeeee;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 10px;
	padding: 5px 10px;
	text-decoration: none;
	 border-radius: 15px;
	
}

.j-table-container table button {
	
	border: none;
	background: #eeeeee;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 10px;
	color: #333333;
	padding: 5px 10px;
	text-decoration: none;
	border-radius: 15px;
	
}

.contact-info .cell-value-b button:hover, .contact-info .cell-name button:hover, .cell-note-button button:hover {
	
	background: #666666;
	color: #ffffff;
	
}

.contact-info-update .cell-value-b button:hover, .contact-info-update .cell-value-b a:hover {
	
	background-color: #dddddd;
	
}

.j-table-container table button:hover {
	
	background: #dddddd;
	
}

.contact-info .cell-event {
	
	display: table-cell;
	width: 33%;
	vertical-align: top;
	
}

.contact-info .cell-border {
	
	border-bottom: 1px dashed #333333;
	
}

.contact-info .cell-border-top, .j-table-container table .cell-border-top {
	
	border-top: 1px dashed #333333;
	
}

.j-table-container table .cell-border-top-b, .journey-table-mobile table .cell-border-top-b {
	
	border-top: 10px solid rgba(245,245,245,.9);
	
}

.j-table-container table .cell-border-bottom-b {
	
	border-top: 10px solid rgba(245,245,245,.9);
	
}

.contact-info-update {
	
	width: 100%;
	display: table;
	padding-top: 10px;
	
}

.contact-info-update .row {
	
	display: table-row;
	
}

.contact-info-update .cell-name {
	
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	
}

.contact-info-update .cell-value {
	
	display: table-cell;
	width: 70%;
	vertical-align: middle;
	
}

.contact-info-update .cell-value-b button {
	
	font-size: 10px;
	
}

.contact-info-update .cell-border {
	
	border-bottom: 1px dashed #333333;
	
}

.contact-info-update .cell-border-top {
	
	border-top: 1px dashed #333333;
	
}

.contact-info-update .cell-note {
	
	width: 300px;
	
}

.contact-journey {
	
	width: calc(100% - 200px);
	padding: 10px 100px 10px 100px;
	
}

.contact-journey img {
	
	display: block;
	
}

.contact-journey table {
	
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	
}

.contact-journey .left {
	
	text-align: left;
	
}

.contact-journey .right {
	
	text-align: right;
	
}

.contact-journey .step-section {
	
	width: 200px;
	height: 165px;
	padding: 0px;
	
}

.contact-journey .event-section {
	
	width: calc(30% - 100px);
	height: 165px;
	padding: 0px;
	
}

.contact-journey .link-section {
	
	width: calc(20% - 100px);
	height: 165px;
	padding: 0px;
	
}

.contact-journey .row {
	
	display: table-row;
	
}

.contact-journey .start {
	
	display: table-cell;
	width: 200px;
	height: 165px;
	padding: 0px;
	
}

.contact-journey .start img {
	
	display: block;
	
}

.contact-journey .start .holder {
	
	width: 200px;
	height: 200px;
	padding: 0px;
	margin: auto;
	display: table;
	
}

.contact-journey .start .row {
	
	display: table-cell;
	vertical-align: middle;
	
}

.contact-journey .end {
	
	display: table-cell;
	width: 200px;
	height: 165px;
	padding: 0px;
	
}

.contact-journey .end img {
	
	display: block;
	
}

.contact-journey .end .holder {
	
	width: 200px;
	height: 165px;
	padding: 0px;
	display: table;
	
}

.contact-journey .end .row {
	
	display: table-cell;
	vertical-align: middle;
	padding: 0px 0px 30px 0px;
	
}

.contact-journey .step {
	
	display: table-cell;
	width: 200px;
	height: 165px;
	padding: 0px;
	
}

.contact-journey .step img {
	
	display: block;
	
}

.contact-journey .step .holder {
	
	width: 200px;
	height: 165px;
	padding: 0px;
	display: table;
	
}

.contact-journey .step .row {
	
	display: table-cell;
	vertical-align: middle;
	padding: 0px 0px 30px 0px;
	
}

.contact-journey .connect {
	
	display: table-cell;
	width: 200px;
	padding: 0px;
	
}

.contact-journey .connect .holder {
	
	width: 200px;
	height: 100px;
	padding: 0px;
	margin: auto;
	display: table;
	
}

.contact-journey .link {
	
	display: table-cell;
	width: 20%;
	
}

.contact-journey .link img {
	
	margin: auto;
	mix-blend-mode: multiply;
	display: block;
	
}

.contact-journey .event {
	
	display: table-cell;
	width: 30%;
	padding: 0px;
	
}

.contact-journey .event .holder {
	
	padding: 0px;
	width: 100%;
	height: 165px;
	display: table;
	
}

.contact-journey .event .row {
	
	display: table-cell;
	vertical-align: top;
	padding: 45px 0px 30px 0px;
	
}

.contact-journey .event-shadow {
	
	box-shadow: 0px 4px 6px 1px #666666;
	
}

.contact-journey .fill-white {
	
	background: linear-gradient(rgba(174,30,121,0.9), rgba(131,22,91,0.9));
	color: #ffffff;
	
}

.contact-journey .fill-white-b {
	
	background: linear-gradient(rgba(131,22,91,0.9), rgba(87,15,61,0.9));
	color: #ffffff;
	
}

.contact-journey .fill-event-white {
	
	background-color: #cccccc;
	color: #333333;
	
}

.contact-journey .back-white {
	
	background-color: #ffffff;
	
}

.contact-journey .fill-dark {
	
	background-color: linear-gradient(rgba(255,255,255,0.9), rgba(230,230,230,0.9));
	color: #333333;
	
}

.contact-journey .border-thick-white {
	
	border: 2px solid rgba(174,30,121,0.9);
	
}

.contact-journey .border-thin-white {
	
	border: 0.25px solid rgba(174,30,121,0.9);
	
}

.contact-journey .border-thick-dark {
	
	border: 2px solid rgba(255,255,255,0.9);
	
}

.contact-journey .border-thin-dark {
	
	border: 0.25px solid rgba(255,255,255,0.9);
	
}

.graph {
	
	width: 100%;
	height: calc(100% - 100px);
	text-align: center;

}

.graph-b {
	
	width: 100%;
	height: calc(100%);
	text-align: center;

}

.graph-c {
	
	width: 75%;
	height: calc(100%);
	text-align: center;
	
}

.graph-dash {
	
	width: 100%;
	height: calc(100% - 115px);
	text-align: center;

}

.graph-table {
	
	width: 100%;
	height: calc(100% - 70px);
	text-align: center;
	display: table;
	
}

.graph-regions {
	
	width: 100%;
	min-height: 550px;
	height: calc(100% - 280px);
	text-align: center;
	display: table;
	
}

.graph-regions-b {
	
	width: 100%;
	min-height: 550px;
	height: calc(100% - 100px);
	text-align: center;
	display: table;
	
}

.graph-table .graph-table-row {
	
	width: 100%;
	text-align: center;
	display: table-row;
	
}

.graph-table .graph-table-cell-selector {
	
	min-width: 300px;
	width: 20%;
	text-align: center;
	vertical-align: top;
	padding: 0px;
	display: table-cell;
	overflow-y: auto;
	border-radius: 4px;
	
}

.table-container {
	
	width: 100%;
	height: calc(100% - 50px);
	text-align: center;
	display: none;
	
}

.table-dash-container {
	
	width: 100%;
	height: calc(100% - 30px);
	text-align: center;
	display: none;
	
}

.comms-hider {
	
	display: none!important;
	
}

.selector-white {
	
	background: linear-gradient(rgba(174,30,121,0.1), rgba(131,22,91,0.1));
	
}

.selector-blue, .selector-dark {
	
	background: linear-gradient(rgba(255,255,255,0.1), rgba(245,245,245,0.1));
	
}

.graph-table .graph-table-cell-content {
	
	width: 80%;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	display: table-cell;
	
}

.graph-template {
	
	width: 100%;
	padding: 10px 0px 10px 0px;
	text-align: center;
	
}

.graph-template .holder {
	
	width: 100%;
	display: table;
	border-collapse: collapse;
	
}

.graph-template .holder .row {
	
	width: 100%;
	display: table-row;
	
}

.graph-template .holder .row .ico {
	
	width: 50px;
	vertical-align: middle;
	padding: 0px;
	display: table-cell;
	text-align: center;
	
}

.graph-template .holder .row .text {
	
	width: calc(100% - 50px);
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0px 10px;
	
}

.graph-item-pointer {
	
	cursor: pointer;
	
}

.graph-item-white, .graph-item-blue, .graph-item-dark {
	
	transition: background 0.2s ease-in-out;
	
}

.graph-item-white:hover {
	
	color: #ffffff;
	background-color: rgba(75,75,75,0.4);
	
}

.graph-item-blue:hover, .graph-item-dark:hover {
	
	color: #000000;
	background-color: rgba(255,255,255,0.4);
	
}

.graph-legend {
	
	width: 100%;
	padding: 10px 0px 0px 0px;
	text-align: center;
	
}

.graph-legend img {
	
	width: 10px;
	height: auto;
	vertical-align: middle;
	margin: auto;
	display: inline-block;
	/*padding: 2px;*/
	cursor: pointer;
	/*border-radius: 2px;*/
	background-color: #eeeeee;
	padding: 7px;
	border-radius: 15px;
	font-weight: 600;
	border: none;
	
}

.graph-legend img:hover {
	
	background-color: #dddddd;
	
}

.graph-legend .graph-legend-selector {
	
	text-align: left;
	width: 22%;
	display: inline-block;
	
}

.graph-legend .graph-legend-list {
	
	text-align: left;
	width: 76%;
	display: inline-block;
	
}

.graph-legend .graph-legend-selector-dash {
	
	text-align: left;
	width: 240px;
	display: inline-block;
	float: left;
	
}

.graph-legend .graph-legend-list-dash {
	
	text-align: left;
	max-width: 630px;
	width: calc(100% - 260px);
	height: 25px;
	display: inline-block;
	float: left;
	position: relative;
	overflow: hidden;
	
}

.graph-legend .graph-legend-list-dash-x {
	
	text-align: left;
	max-width: 630px;
	width: calc(100% - 40px);
	padding: 0px 0px 0px 20px;
	height: 25px;
	display: inline-block;
	float: left;
	position: relative;
	overflow: hidden;
	
}

.graph-legend .graph-legend-list-dash-s {
	
	text-align: left;
	max-width: 610px;
	width: calc(100% - 260px);
	height: 25px;
	display: inline-block;
	float: left;
	position: relative;
	overflow: hidden;
	box-shadow: inset -6px 0px 4px -4px #cccccc, inset 6px 0px 3px -4px #cccccc;
	
}

.graph-legend .graph-legend-list-dash-t {
	
	text-align: left;
	max-width: 1500px;
	width: calc(100% - 260px);
	height: 25px;
	display: inline-block;
	float: left;
	position: relative;
	overflow: hidden;
	box-shadow: inset -6px 0px 4px -4px #cccccc, inset 6px 0px 3px -4px #cccccc;
	
}

.graph-legend .diff-holder {
	
	position: relative;
	float: right;
	width: 20px;
	text-align: right;
	display: inline-block;
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	color: #eeeeee;
	padding: 10px 10px 0px 0px;
	
}

.graph-legend .graph-legend-list-regions {
	
	width: calc(100% - 60px);
	padding: 0px 30px 0px 30px;
	height: 50px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 5px 10px;
	gap: 5px 10px;
	
}

.region-box {
	
	background-color: #FD5473;
	width: 9px;
	height: 9px;
	display: inline-block;
	
}

.graph-legend button {
	
	display: inline-block;
	/*border: none;*/
	/*padding: 5px;*/
	height: 25px;
	width: 25px;
	line-height: 12px;
	background-color: #eeeeee;
	cursor: pointer;
	color: #000000;	
	
	padding: 5px 10px;
	border-radius: 15px;
	font-weight: 600;
	border: none;
	
}

.graph-legend button:hover {
	
	background-color: #dddddd;
	
}

.graph-legend .button-up, .filter-group .button-up, .filter-group-range .button-up, .leads .button-up, .j-table-container .button-up, .cell-value-b .button-up, .contact-cell-value .button-up, .apply-ico .button-up, .leads-head .button-up, .import-body .button-up, .manual-body .button-up {
	
	box-shadow: inset -4px -4px 4px -4px #cccccc, inset 4px 4px 4px -4px #f2f2f2;
	
}

.graph-legend .button-down, .leads .button-down, .j-table-container .button-down, .cell-value-b .button-down, .apply-ico .button-down, .leads-head .button-down, .import-body .button-down, .manual-body .button-down {
	
	background-color: #dddddd;
	box-shadow: inset -4px -4px 4px -4px #f2f2f2, inset 4px 4px 4px -4px #cccccc;
	
}

.filter-group .button-down, .date-range-container .button-down {
	
	box-shadow: inset -4px -4px 4px -4px #f2f2f2, inset 4px 4px 4px -4px #cccccc;
	
}

.mobile-btn {
	
	display: none!important;
	
}

.graph-legend .button-left, .graph-legend .button-left-b {
	
	position: relative;
	
}

.graph-legend .button-right, .graph-legend .button-right-b {
	
	position: relative;
	
}

.graph-legend .graph-legend-selector-dash-b {
	
	text-align: left;
	width: 250px;
	display: inline-block;
	float: left;
	
}

.graph-legend .graph-legend-list-dash-b {
	
	text-align: left;
	width: calc(100% - 270px);
	display: inline-block;
	float: left;
	position: relative;
	
}

.graph-legend .graph-legend-list-dash-c {
	
	text-align: left;
	width: calc(100%);
	display: inline-block;
	float: left;
	position: relative;
	
}

.graph-legend .graph-legend-leads {
	
	text-align: center;
	width: calc(100% - 40px);
	display: inline-block;
	float: left;
	position: relative;
	
}

.graph-legend .pad {
	
	padding-left: 20px;
	
}

.graph-legend .bd-white {
	
	border-left: 2px solid rgb(75,75,75,0.3);
	
}

.graph-legend .bd-blue, .graph-legend .bd-dark {
	
	border-left: 2px solid rgb(255,255,255,0.3);
	
}

.graph-legend-list-blue, .graph-legend-list-dark, .graph-legend-list-white, .graph-legend-list-white-b {
	
	list-style: none;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	
}

.graph-legend-list-blue > li:nth-child(1)::before, .graph-legend-list-dark > li:nth-child(1)::before {
	
	content: "\25A0";
	color: rgba(231,101,183,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;
	
}

.graph-legend-list-blue > li:nth-child(2)::before, .graph-legend-list-dark > li:nth-child(2)::before {
	
	content: "\25A0";
	color: rgba(255,219,77,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;

}

.graph-legend-list-blue > li:nth-child(3)::before, .graph-legend-list-dark > li:nth-child(3)::before {
	
	content: "\25A0";
	color: rgba(92,139,240,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;
	
}

.graph-legend-list-blue > li:nth-child(4)::before, .graph-legend-list-dark > li:nth-child(4)::before {
	
	content: "\25A0";
	color: rgba(191,191,191,0.9);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(1)::before {
	
	content: "\25A0";
	color: rgba(49,32,83,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(2)::before {
	
	content: "\25A0";
	color: rgba(251,175,29,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;

}

.graph-legend-list-white > li:nth-child(3)::before {
	
	content: "\25A0";
	color: rgba(88,131,247,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(4)::before {
	
	content: "\25A0";
	color: rgba(135,142,150,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(5)::before {
	
	content: "\25A0";
	color: rgba(43,179,209,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(6)::before {
	
	content: "\25A0";
	color: rgba(253,84,115,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(7)::before {
	
	content: "\25A0";
	color: rgba(204,102,0,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(8)::before {
	
	content: "\25A0";
	color: rgba(102,204,255,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(9)::before {
	
	content: "\25A0";
	color: rgba(191,191,191,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(10)::before {
	
	content: "\25A0";
	color: rgba(112,219,112,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(11)::before {
	
	content: "\25A0";
	color: rgba(179,36,0,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(12)::before {
	
	content: "\25A0";
	color: rgba(255,140,26,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(13)::before {
	
	content: "\25A0";
	color: rgba(0,102,255,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(14)::before {
	
	content: "\25A0";
	color: rgba(207,207,196,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(15)::before {
	
	content: "\25A0";
	color: rgba(57,172,57,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(16)::before {
	
	content: "\25A0";
	color: rgba(255,194,179,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(17)::before {
	
	content: "\25A0";
	color: rgba(255,191,128,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(18)::before {
	
	content: "\25A0";
	color: rgba(185,206,249,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(19)::before {
	
	content: "\25A0";
	color: rgba(114,114,90,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li:nth-child(20)::before {
	
	content: "\25A0";
	color: rgba(193,225,193,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white > li#vol-box::before {
	
	color: rgba(255,51,0,0.3)!important;
	
}

.graph-legend-list-white-b > li:nth-child(1)::before {
	
	content: "\25A0";
	color: rgba(251,175,29,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;
	
}

.graph-legend-list-white-b > li:nth-child(2)::before {
	
	content: "\25A0";
	color: rgba(253,84,115,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;

}

.graph-legend-list-white-b > li:nth-child(3)::before {
	
	content: "\25A0";
	color: rgba(49,32,83,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;
	
}

.graph-legend-list-white-b > li:nth-child(4)::before {
	
	content: "\25A0";
	color: rgba(135,142,150,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white-b > li:nth-child(5)::before {
	
	content: "\25A0";
	color: rgba(0,51,0,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white-b > li:nth-child(6)::before {
	
	content: "\25A0";
	color: rgba(255,51,0,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-list-white-b > li#vol-box::before {
	
	color: rgba(246,222,237,0.3)!important;
	
}

.graph-legend-leads-blue > li:nth-child(14)::before, .graph-legend-leads-dark > li:nth-child(1)::before {
	
	content: "\25A0";
	color: rgba(77,255,77,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;
	
}

.graph-legend-leads-blue > li:nth-child(2)::before, .graph-legend-leads-dark > li:nth-child(2)::before {
	
	content: "\25A0";
	color: rgba(231,101,183,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;
	
}

.graph-legend-leads-blue > li:nth-child(3)::before, .graph-legend-leads-dark > li:nth-child(3)::before {
	
	content: "\25A0";
	color: rgba(255,219,77,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;

}

.graph-legend-leads-blue > li:nth-child(4)::before, .graph-legend-leads-dark > li:nth-child(4)::before {
	
	content: "\25A0";
	color: rgba(92,139,240,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;
	
}

.graph-legend-leads-blue > li:nth-child(5)::before, .graph-legend-leads-dark > li:nth-child(5)::before {
	
	content: "\25A0";
	color: rgba(191,191,191,0.9);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.graph-legend-leads-white > li:nth-child(1)::before {
	
	content: "\25A0";
	color: rgba(80,194,97,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 0px;
	
}

.graph-legend-leads-white > li:nth-child(2)::before {
	
	content: "\25A0";
	color: rgba(253,84,115,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;
	
}

.graph-legend-leads-white > li:nth-child(3)::before {
	
	content: "\25A0";
	color: rgba(251,175,29,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;

}

.graph-legend-leads-white > li:nth-child(4)::before {
	
	content: "\25A0";
	color: rgba(43,179,209,0.9);
	font-size: 20px;
	padding: 0px 5px 0px 10px;
	
}

.graph-legend-leads-white > li:nth-child(5)::before {
	
	content: "\25A0";
	color: rgba(135,142,150,0.8);
	font-size: 20px;
	padding: 5px 5px 0px 10px;
	
}

.contents {
	
	width: 100%;
	height: calc(100% - 70px);
	overflow: auto;
	
}

.contents-hide {
	
	display: none;
	
}

.contents-head {
	
	width: 100%;
	height: 40px;
	padding: 0px;
	text-align: left;
	background-color: #f2f2f2;
	
}

.contents-head .cell {
	
	float: left;
	text-align: center;
	padding: 0px 20px;
	background-color: #f2f2f2;
	
}

.leads-head, .leads-head-b {
	
	width: 100%;
	height: 50px;
	padding: 30px 0px 10px 0px;
	text-align: center;
	position: relative;
	
}

.leads-head-ico {
	
	position: absolute;
	right: 15px;
	top: 15px;
	height: 15px;
	width: auto;
	padding: 7px;
	border-radius: 15px;
	background-color: #eeeeee;
	display: inline-block;
	cursor: pointer;
	
}

.leads-head-ico:hover {
	
	background-color: #dddddd;
	
}

.leads-head-ico-b {
	
	position: absolute;
	right: 50px;
	top: 15px;
	height: 15px;
	width: 15px;
	padding: 7px;
	border-radius: 15px;
	background-color: #eeeeee;
	display: inline-block;
	cursor: pointer;
	
}

.leads-head-ico-b:hover {
	
	background-color: #dddddd;
	
}

.leads-head-ico-c {
	
	position: absolute;
	right: 85px;
	top: 15px;
	height: 15px;
	width: 15px;
	padding: 7px;
	border-radius: 15px;
	background-color: #eeeeee;
	display: inline-block;
	cursor: pointer;
	
}

.leads-head-ico-c:hover {
	
	background-color: #dddddd;
	
}

.leads-head-ico-txt {
	
	position: absolute;
	right: 45px;
	top: 15px;
	height: 20px;
	display: inline-block;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 0px;
	text-align: right;
	cursor: pointer;
	
}

.leads-head-ico-txt-b {
	
	position: absolute;
	left: 0px;
	top: 0px;
	height: 20px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: right;
	border: transparent;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: rgba(250,250,250,.9);
	font-weight: 600;
	box-shadow: inset -2px -2px 4px -1px #cccccc;
	transition: background 0.2s ease-in-out;
	
}

.leads-head-ico-txt-b:hover {
	
	background-color: rgba(240,240,240,.9);
	
}

.leads-head-ico-txt-b a {
	
	text-decoration: none;
	color: #333333;
	
}

.leads-head-ico-txt-c {
	
	position: absolute;
	right: 0px;
	top: 0px;
	height: 20px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: left;
	border: transparent;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: rgba(250,250,250,.9);
	font-weight: 600;
	box-shadow: inset 2px -2px 4px -1px #cccccc;
	transition: background 0.2s ease-in-out;
	
}

.leads-head-ico-txt-c:hover {
	
	background-color: rgba(240,240,240,.9);
	
}

.leads-head-ico-txt-c a {
	
	text-decoration: none;
	color: #333333;
	
}

.leads-head-ico-txt-d {
	
	position: absolute;
	right: 0px;
	top: 0px;
	height: 20px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	cursor: pointer;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: left;
	border: transparent;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color: rgba(250,250,250,.9);
	font-weight: 600;
	box-shadow: inset 2px -2px 4px -1px #cccccc;
	transition: background 0.2s ease-in-out;
	
}

.leads-head-flags {
	
	position: absolute;
	left: 0px;
	top: 0px;
	width: 260px;
	display: inline-block;
	padding: 0px 0px;
	box-shadow: inset -2px -2px 4px -1px #cccccc;
	
}

.leads-head button {
	
	border: none;
	padding: 0;
	background: none;
	width: 100%;
	height: 50px;
	cursor: pointer;
	
}

.leads-head-select {
	/*
	padding: 5px;
	background-color: transparent;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	position: absolute;
	left: 20px;
	top: 10px;
	width: 100px;
	height: 20px;
	line-height: 20px;
	text-align: left;
	cursor: pointer;
	color: #333333;
	*/
	
	position: absolute;
	left: 0px;
	top: 0px;
	height: 20px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: right;
	border: transparent;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	/*background-color: rgba(250,250,250,.9);*/
	font-weight: 600;
	/*box-shadow: inset -2px -2px 4px -1px #cccccc;*/
	transition: background 0.2s ease-in-out;
	
}

.leads-head-select:hover {
	
	background-color: rgba(240,240,240,.9);
	
}

.leads-head-select-b {
	/*
	padding: 5px;
	background-color: transparent;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	position: absolute;
	left: 20px;
	top: 10px;
	width: 100px;
	height: 20px;
	line-height: 20px;
	text-align: left;
	cursor: pointer;
	color: #333333;
	*/
	
	position: absolute;
	left: 130px;
	top: 0px;
	height: 20px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: right;
	border: transparent;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	/*background-color: rgba(250,250,250,.9);*/
	font-weight: 600;
	/*box-shadow: inset -2px -2px 4px -1px #cccccc;*/
	transition: background 0.2s ease-in-out;
	
}

.leads-head-select-b:hover {
	
	background-color: rgba(240,240,240,.9);
	
}

.leads-head-show-select {
	
	position: absolute;
	left: 0px;
	top: 0px;
	height: 20px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: right;
	border: transparent;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	/*background-color: rgba(250,250,250,.9);*/
	font-weight: 600;
	/*box-shadow: inset -2px -2px 4px -1px #cccccc;*/
	transition: background 0.2s ease-in-out;
	
}

.leads-head-show-select:hover {
	
	background-color: rgba(240,240,240,.9);
	
}

.leads-sort-select {
	
	position: relative;
	height: 20px;
	display: inline-block;
	font-family: 'Degular', Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: right;
	border: transparent;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	font-weight: 600;
	transition: background 0.2s ease-in-out;
	border-radius: 15px 15px 15px 15px;
	
}

.leads-sort-select:hover {
	
	background-color: rgba(240,240,240,.9);
	
}

.leads-icon-filter-select {
	
	position: relative;
	height: 20px;
	
}

.leads-icon-filter-select-b {
	
	position: relative;
	height: 20px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	
}

.leads-head-select .menu {
	
	display: none;
	position: absolute;
	left: 0px;
	top: 30px;
	width: 150px;
	height: auto;
	min-height: 100px;
	padding: 0px;
	background-color: #ffffff;
	z-index: 1;
	box-shadow: 2px 2px 4px 1px #cccccc;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	text-align: left;
	
}

.leads-head-select-b .menu {
	
	display: none;
	position: absolute;
	left: 0px;
	top: 30px;
	width: 120px;
	height: auto;
	min-height: 70px;
	padding: 0px;
	background-color: #ffffff;
	z-index: 1;
	box-shadow: 2px 2px 4px 1px #cccccc;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	text-align: left;
	
}

.leads-head-show-select .menu {
	
	display: none;
	position: absolute;
	left: 0px;
	top: 30px;
	width: 120px;
	height: auto;
	min-height: 70px;
	padding: 0px;
	background-color: #ffffff;
	z-index: 1;
	box-shadow: 2px 2px 4px 1px #cccccc;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	text-align: left;
	
}

.leads-sort-select .menu {
	
	display: none;
	position: absolute;
	left: 0px;
	top: 30px;
	width: 200px;
	height: auto;
	max-height: 400px;
	overflow-y: auto;
	min-height: 70px;
	padding: 0px;
	background-color: #ffffff;
	z-index: 1;
	box-shadow: 2px 2px 4px 1px #cccccc;
	font-size: 14px;
	font-family: 'Degular', Helvetica, Arial, sans-serif;
	color: #333333;
	text-align: left;
	
}

.leads-icon-filter-select .menu, .leads-icon-filter-select-b .menu {
	
	display: none;
	position: absolute;
	left: 20px;
	top: 0px;
	width: auto;
	height: auto;
	min-height: 20px;
	padding: 0px;
	background-color: #ffffff;
	z-index: 1;
	box-shadow: 2px 2px 4px 1px #cccccc;
	font-size: 12px;
	font-family: 'Degular', Helvetica, Arial, sans-serif;
	color: #333333;
	text-align: left;
	border-radius: 15px;
	
}

.leads-icon-filter-select .menu-b {
	
	display: none;
	position: absolute;
	right: 20px;
	top: 0px;
	width: auto;
	height: auto;
	min-height: 20px;
	padding: 0px;
	background-color: #ffffff;
	z-index: 1;
	box-shadow: 2px 2px 4px 1px #cccccc;
	font-size: 12px;
	font-family: 'Degular', Helvetica, Arial, sans-serif;
	color: #333333;
	text-align: left;
	border-radius: 15px;
	
}

.leads-head-select .menu.active, .leads-head-select-b .menu.active, .leads-sort-select .menu.active, .leads-head-show-select .menu.active {
	
	display: block;
	
}

.leads-icon-filter-select .menu.active, .leads-icon-filter-select-b .menu.active, .leads-icon-filter-select .menu-b.active {
	
	display: flex;
	-webkit-disply: flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	
}

.leads-head-select .menu div, .leads-head-select-b .menu div, .leads-sort-select .menu div, .leads-head-show-select .menu div {
	
	width: calc(100% - 25px);
	padding: 5px 10px;
	font-size: 11px;
	
}

.leads-icon-filter-select .menu div, .leads-icon-filter-select-b .menu div, .leads-icon-filter-select .menu-b div {
	
	width: 50px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 20px;
	font-family: 'Degular', Helvetica, sans-serif;
	cursor: pointer;
	text-align: center;
	
}

.leads-head-select .menu div:hover, .leads-head-select-b .menu div:hover, .leads-sort-select .menu div:hover, .leads-head-show-select .menu div:hover {
	
	background-color: rgba(150,150,150,0.9);
	color: #ffffff;
	
}

.leads-icon-filter-select .menu div:hover, .leads-icon-filter-select-b .menu div:hover, .leads-icon-filter-select .menu-b div:hover {
	
	background-color: rgba(150,150,150,0.9);
	color: #ffffff;
	border-radius: 15px;
	
}

.leads-head-select .menu .no-pad, .leads-head-select-b .menu .no-pad, .leads-sort-select .menu .no-pad, .leads-head-show-select .menu .no-pad {
	
	padding: 0px;
	
}

.leads-head-select .menu input[type=checkbox], .leads-head-select-b .menu input[type=checkbox], .leads-head-show-select .menu input[type=checkbox] {
	
	vertical-align: middle;
	position: relative;
	bottom: 2px;
	cursor: pointer;
	
}

.leads-head-select .menu label, .leads-head-select-b .menu label, .leads-head-show-select .menu label {
	
	display: block;
	font-size: 11px;
	font-family: Helvetica, sans-serif;
	cursor: pointer;
	
}

.leads-sort-select .menu label {
	
	display: block;
	font-size: 14px;
	line-height: 24px;
	font-family: 'Degular', Helvetica, sans-serif;
	cursor: pointer;
	
}

.leads-sort-select .menu a {
	
	text-decoration: none;
	
}

.leads-head-select button {
	
	height: 30px!important;
	font-size: 11px;
	font-weight: 600;
	background-color: rgb(245,245,245);
	
}

.leads-head-select button:hover {
	
	background-color: rgba(150,150,150,0.9);
	color: #ffffff;
	
}

.leads-headers {
	
	width: calc(100%);
	height: auto;
	z-index: 1;
	
}

.leads {
	
	width: calc(100%);
	height: calc(100% - 93px);
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 0;
	
}

.leads button {
	
	border: none;
	padding: 5px;
	height: 30px;
	width: 20px;
	background-color: #eeeeee;
	cursor: pointer;
	color: #333333;
	line-height: 12px;
	font-size: 16px;
	
}

.leads .button-left {
	
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	
}

.leads .button-left-b {
	
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
	border-radius: 15px;
	border: none;
	width: 30px;
	
}

.leads .button-right {
	
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	
}

.leads .button-right-b {
	
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	border-radius: 15px;
	border: none;
	width: 30px;
	
}

.leads .show {
	
	display: block;
	
}

.leads .hide {
	
	display: none;
	
}

.leads button:hover {
	
	background-color: #dddddd;
	
}

.hot {
	
	width: calc(100%);
	height: calc(100% - 50px);
	overflow: auto;
	padding: 0px;
	
}

.hot-mobile {
	
	width: calc(100%);
	height: calc(100% - 70px);
	overflow: auto;
	padding: 0px;
	
}

.contacts-mobile {
	
	width: calc(100%);
	height: calc(100% - 100px);
	overflow: auto;
	padding: 0px;
	
}

.contacts-wide-mobile {
	
	width: calc(100%);
	height: calc(100% - 50px);
	overflow: auto;
	padding: 0px;
	
}

.journey-table-mobile, .journey-view-mobile {
	
	width: calc(100%);
	height: calc(100% - 50px);
	overflow: auto;
	padding: 0px;
	
}

.leads-b {
	
	width: calc(100%);
	max-width: 921px;
	max-height: calc(100% - 50px);
	height: auto;
	overflow: auto;
	margin: 0;
	
}

.leads-c {
	
	width: calc(100%);
	max-width: 1850px;
	max-height: calc(100% - 50px);
	height: auto;
	overflow: auto;
	margin: 0;
	
}

.leads-dash {
	
	width: calc(100%);
	max-height: calc(100% - 50px);
	height: auto;
	overflow: auto;
	margin: 0;
	
}

.leads-blue::-webkit-scrollbar, .leads-dark::-webkit-scrollbar, .leads-white::-webkit-scrollbar, .filter-container::-webkit-scrollbar, .hot::-webkit-scrollbar, .j-table-container::-webkit-scrollbar, .j-diagram-container::-webkit-scrollbar, .contact-info-container::-webkit-scrollbar, .hot-mobile::-webkit-scrollbar, .contacts-mobile::-webkit-scrollbar, .journey-table-mobile::-webkit-scrollbar, .journey-view-mobile::-webkit-scrollbar, .contacts-wide-mobile::-webkit-scrollbar {
	
	width: 12px;
	height: 12px;
	
}

.leads-blue::-webkit-scrollbar-track, .leads-dark::-webkit-scrollbar-track, .leads-white::-webkit-scrollbar-track, .filter-container::-webkit-scrollbar-track, .hot::-webkit-scrollbar-track, .j-table-container::-webkit-scrollbar-track, .j-diagram-container::-webkit-scrollbar-track, .contact-info-container::-webkit-scrollbar-track, .hot-mobile::-webkit-scrollbar-track, .contacts-mobile::-webkit-scrollbar-track, .journey-table-mobile::-webkit-scrollbar-track, .journey-view-mobile::-webkit-scrollbar-track, .contacts-wide-mobile::-webkit-scrollbar-track {
	
	background: none;
	
}

.leads-blue::-webkit-scrollbar-thumb, .leads-dark::-webkit-scrollbar-thumb {
	
	background: rgba(255,255,255,.1);
	border-radius: 6px;
	
}

.leads-blue:hover::-webkit-scrollbar-thumb, .leads-dark:hover::-webkit-scrollbar-thumb {
	
	background: rgba(255,255,255,.4);
	
}

.leads-white::-webkit-scrollbar-thumb, .filter-container::-webkit-scrollbar-thumb, .hot::-webkit-scrollbar-thumb, .j-table-container::-webkit-scrollbar-thumb, .j-diagram-container::-webkit-scrollbar-thumb, .contact-info-container::-webkit-scrollbar-thumb, .hot-mobile::-webkit-scrollbar-thumb, .contacts-mobile::-webkit-scrollbar-thumb, .journey-table-mobile::-webkit-scrollbar-thumb, .journey-view-mobile::-webkit-scrollbar-thumb, .contacts-wide-mobile::-webkit-scrollbar-thumb, .main-content-contacts-flex .help-holder .container-help::-webkit-scrollbar-thumb {
	
	background: rgba(75,75,75,.1);
	border-radius: 6px;
	
}

.leads-white:hover::-webkit-scrollbar-thumb, .filter-container:hover::-webkit-scrollbar-thumb, .hot:hover::-webkit-scrollbar-thumb, .j-table-container:hover::-webkit-scrollbar-thumb, .j-diagram-container:hover::-webkit-scrollbar-thumb, .contact-info-container:hover::-webkit-scrollbar-thumb, .hot-mobile:hover::-webkit-scrollbar-thumb, .contacts-mobile:hover::-webkit-scrollbar-thumb, .journey-table-mobile:hover::-webkit-scrollbar-thumb, .journey-view-mobile:hover::-webkit-scrollbar-thumb, .contacts-wide-mobile:hover::-webkit-scrollbar-thumb, .main-content-contacts-flex .help-holder .container-help:hover::-webkit-scrollbar-thumb {
	
	background: rgba(75,75,75,.4);
	
}

.top-set {
	
	width: 100%;
	padding: 0px 20px 0px 20px;
	
}

.bottom-set {
	
	width: calc((100vw - 30px)*0.50);
	
}

.dash-box-blue {
	
	background: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.15));
	
}

.dash-box-dark {
	
	background: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.15));
	
}

.dash-box-white {
	
	background: linear-gradient(135deg, rgba(255,255,255,.7), rgba(255,255,255,.75));
	
}


/***** FONT STYLES *****/
.t-bar {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: 600;
	line-height: 120px;
	display: inline;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	letter-spacing: 0px;
	
}

.t-bar-bold {
	
	font-family: 'Degular', 'proxima-nova-extrabold', Arial, Helvetica, sans-serif;
	font-size: 50px;
	line-height: 120px;
	display: inline;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	letter-spacing: 0px;
	
}

.stats-white {
	
	color: rgba(49,32,83,0.9)
	
}

.stats-white-b {
	
	color: rgba(179,143,0,0.9)
	
}
.stats-white-c {
	
	color: rgba(0,128,0,0.9);
	
}
.stats-white-d {
	
	color: rgba(120,120,120,0.9);
	
}

.stats-white-e {
	
	color: rgba(13,53,140,0.9);
	
}

.stats-white-f {
	
	color: rgba(253,84,115,0.9);
	
}

.stats-white-g {
	
	color: rgba(80,194,97,0.9);
	
}

.stats-white-hover {
	
	background-image: linear-gradient(rgba(255,255,255,0.9), rgba(230,230,230,0.9));
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	
}

.stats-dark {
	
	background: linear-gradient(rgba(255,255,255,0.9), rgba(230,230,230,0.9));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	
}

.stats-dark-hover {
	
	background: linear-gradient(rgba(66,66,66,0.9), rgba(33,33,33,0.9));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	
}

.h-bar {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 50px;
	display: inline;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	letter-spacing: 0px;
	
}

.h-bar-bold {
	
	font-family: 'Degular', 'proxima-nova-extrabold', Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 50px;
	display: inline;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	letter-spacing: 0px;
	
}

.dash-pro-txt {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 60px;
	font-weight: 600;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
	padding: 10px 0px;
	letter-spacing: 0px;
	
}

.dash-pro-txt-main {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 25px;
	vertical-align: middle;
	text-align: center;
	padding: 10px 0px;
	letter-spacing: 0px;
	
}

.dash-pro-txt-bold {
	
	font-family: 'Degular', 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 90px;
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	letter-spacing: 0px;
	
}

.dash-pro-ico {
	
	flex: 0 30%;
	vertical-align: middle;
	text-align: right;
	padding: 0px 10px 0px 0px;
	
}

.dash-pro-ico-img {
	
	max-width: 70px;
	width: 100%;
	height: auto;
	
}

.dash-pro-ico-img-main {
	
	max-width: 84px;
	width: 100%;
	height: auto;
	
}

.dash-pro-ico-img-sub {
	
	max-width: 60px;
	width: 100%;
	height: auto;
	
}

.dash-pro-ico-img-sub-hot {
	
	max-height: 60px;
	height: 100%;
	width: auto;
	
}

.dash-pro-ico-img-sub-hot-b {
	
	max-height: 100px;
	height: 100%;
	width: auto;
	
}

.dash-pro-sub-ico {
	
	vertical-align: middle;
	padding: 0px 10px;
	display: inline-block;
	line-height: 40px;
	
}

.dash-sub-pro-txt {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 25px;
	display: inline-block;
	vertical-align: middle;
	padding: 10px 0px;
	text-align: center;
	letter-spacing: 0px;
	cursor: default;
	
}

.dash-sub-pro-txt-b {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 25px;
	display: inline-block;
	vertical-align: middle;
	padding: 10px 0px;
	text-align: left;
	letter-spacing: 0px;
	cursor: default;
	
}

.dash-sub-pro-txt-bold {
	
	font-family: 'Degular', 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 25px;
	display: inline-block;
	vertical-align: middle;
	padding: 10px 0px;
	text-align: center;
	letter-spacing: 0px;
	
}

.dash-bar {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 30px;
	display: inline;
	vertical-align: middle;
	padding: 0px;
	letter-spacing: 0px;
	
}

.dash-bar-bold {
	
	font-family: 'Degular', 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 30px;
	display: inline;
	vertical-align: middle;
	padding: 0px;
	letter-spacing: 0px;
	
}

.dash-bar-big {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 60px;
	font-weight: 600;
	line-height: 40px;
	display: inline;
	vertical-align: middle;
	padding: 0px;
	letter-spacing: 0px;
	
}

.dash-sub-bar {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 20px;
	display: inline;
	vertical-align: middle;
	padding: 0px;
	letter-spacing: 0px;
	
}

.dash-sub-bar-bold {
	
	font-family: 'Degular', 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 25px;
	line-height: 25px;
	display: inline;
	vertical-align: middle;
	padding: 0px;
	letter-spacing: 0px;
	
}

.dash-sub-bar-b {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 12px;
	display: inline;
	vertical-align: middle;
	padding: 0px;
	
}

.dash-sub-bar-b-bold {
	
	font-family: 'Degular', 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 12px;
	display: inline;
	vertical-align: middle;
	padding: 0px;
	letter-spacing: 0px;
	
}

.d-label {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	padding: 0px 10px 0px 20px;
	letter-spacing: 0px;
	
}

.d-label-bold {
	
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	padding: 0px 10px 0px 20px;
	letter-spacing: 0px;
	
}

.d-label-small {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	padding: 0px 10px 0px 10px;
	letter-spacing: 0px;
	
}

.d-label-small-bold {
	
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	padding: 0px 10px 0px 10px;
	letter-spacing: 0px;
	
}

.d-label-range {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
	padding: 10px;
	letter-spacing: 0px;
	
}

.d-label-range-bold {
	
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	padding: 10px;
	letter-spacing: 0px;
	
}

.d-item {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	padding: 0px 20px 0px 10px;
	letter-spacing: 0px;
	
}

.d-item-bold {
	
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	padding: 0px 20px 0px 10px;
	letter-spacing: 0px;
	
}

.d-notify {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;
	padding: 0px 20px 0px 20px;
	letter-spacing: 0px;
	
}

.d-notify-bold {
	
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;
	padding: 0px 20px 0px 20px;
	letter-spacing: 0px;
	
}

.d-enable {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;
	padding: 0px 20px 0px 20px;
	letter-spacing: 0px;
	
}

.d-enable-bold {
	
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 26px;
	padding: 0px 20px 0px 20px;
	letter-spacing: 0px;
	
}

.d-button {
	
	padding: 20px 20px;
	border-radius: 4px;
	text-decoration: none;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0px;
	
}

.d-button-bold {
	
	padding: 20px 20px;
	border-radius: 4px;
	text-decoration: none;
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0px;
	
}

.spacing {
	
	letter-spacing: 1.5px;
	
}

.d-button-blue {
	
	background-color: rgba(13,53,140,.9);
	color: rgba(255,255,255,.9);
	transition: background 0.2s ease-in-out;
	
}

.d-button-dark {
	
	background-color: rgba(0,0,0,.9);
	color: rgba(255,255,255,.9);
	transition: background 0.2s ease-in-out;
	
}

.d-button-white {
	
	background-color: rgba(240,240,240,.9);
	color: rgba(75,75,75,.9);
	transition: background 0.2s ease-in-out;
	
}

.d-button-blue:hover {
	
	background-color: rgba(0,28,115,.9);
	color: rgb(255,255,255);
	
}

.d-button-dark:hover {
	
	background-color: rgba(33,33,33,.9);
	color: rgb(255,255,255);
	
}

.d-button-white:hover {
	
	background-color: rgba(215,215,215,.9);
	color: rgb(75,75,75);
	
}

.contact-cell-name {
	
	font-family: 'Degular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	padding: 0px 10px;
	letter-spacing: 0px;
	text-align: right;
	
}

.contact-cell-value {
	
	font-family: 'Degular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	padding: 0px 10px;
	letter-spacing: 0px;
	text-align: left;
	
}

.contact-cell-value-bold {
	
	font-family: 'Degular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	padding: 0px 10px;
	letter-spacing: 0px;
	text-align: left;
	
}

.contact-cell-name-b {
	
	font-family: 'Degular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 34px;
	padding: 0px 10px;
	letter-spacing: 0px;
	text-align: right;
	
}

.contact-cell-value-b {
	
	font-family: 'Degular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 34px;
	padding: 0px 10px;
	letter-spacing: 0px;
	text-align: left;
	
}

.contact-cell-notes {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	padding: 5px 10px;
	letter-spacing: 0px;
	text-align: right;
	
}

.contact-cell-notes-b {
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	padding: 5px 10px;
	letter-spacing: 0px;
	text-align: right;
	
}

.contact-cell-bold {
	
	font-family: 'Degular', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	padding: 5px 10px;
	letter-spacing: 0px;
	text-align: right;
	
}

.contact-cell-name-c {
	
	font-family: 'Degular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	padding: 5px 10px;
	letter-spacing: 0px;
	text-align: right;
	
}

.contact-cell-value-c {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	padding: 5px 10px;
	letter-spacing: 0px;
	text-align: left;
	
}

.contact-cell-event {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 27px;
	padding: 0px 10px;
	letter-spacing: 0px;
	text-align: left;
	
}

.journey-cell-start {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: center;
	
}

.journey-cell-step {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: center;
	
}

.journey-cell-event {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: center;
	
}

.graph-head-title, .graph-head-title-select {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 50px;
	padding: 0px;
	letter-spacing: 0px;
	
}

.graph-head-title-bold, .graph-head-title-select-bold {
	
	font-family: 'Degular', 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 50px;
	padding: 0px;
	letter-spacing: 0px;
	
}

.graph-head-lifetime {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0px;
	
}

.graph-head-volume {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 34px;
	padding: 0px;
	letter-spacing: 0px;
	text-align: center;
	
}

.graph-head-volume-b {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 34px;
	padding: 0px;
	letter-spacing: 0px;
	
}

.graph-head-volume-val {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 70px;
	font-weight: 600;
	line-height: 70px;
	padding: 0px;
	letter-spacing: 0px;
	text-align: center;
	
}

.graph-legend-word {
	
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 20px;
	padding: 0px 5px 2px 0px;
	border-radius: 4px;
	letter-spacing: 0px;
	
}

.graph-legend-word-bold {
	
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
	padding: 5px 10px 5px 0px;
	border-radius: 4px;
	letter-spacing: 0px;
	
}

.contents-head-title {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 40px;
	padding: 0px;
	letter-spacing: 0px;
	
}

.leads-head-title, .leads-head-title-b {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 50px;
	padding: 0px;
	letter-spacing: 0px;
	
}

.leads-head-title-bold {
	
	font-family: 'Degular', 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 50px;
	padding: 0px;
	letter-spacing: 0px;
	
}

.contents table {
	
	width: 100%;
	text-align: left;
	padding: 20px;
	border-spacing: 0;
	
}

.contents-blue th, .contents-dark th {
	
	border-bottom: 3px solid rgba(255,255,255,.9);
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0px;
	
}

.contents-white th {
	
	border-bottom: 3px solid rgba(75,75,75,.9);
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0px;
	
}

.contents td {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	padding: 10px;
	word-wrap: break-word;
	cursor: pointer;
	letter-spacing: 0px;
	
}

.contents-white td {
	
	border-bottom: 1px dashed rgba(75,75,75,.9);
	
}

.contents-blue td, .contents-dark td {
	
	border-bottom: 1px dashed rgba(255,255,255,.9);
	
}

.leads table {
	
	width: 100%;
	max-width: 100%;
	text-align: left;
	padding: 0px 0px 20px 0px;
	border-spacing: 0;
	table-layout: fixed;
	
}

.leads-headers table {
	
	width: 100%;
	max-width: 100%;
	text-align: left;
	padding: 0px 0px 0px 0px;
	border-spacing: 0;
	table-layout: fixed;
	
}

.hot table {
	
	width: 100%;
	text-align: left;
	padding: 0px;
	border-spacing: 0;
	
}

.hot tr:nth-child(odd) {
	
	background-color: transparent;
	transition: background 0.25s ease-in-out;
	
}

.hot tr:nth-child(even) {
	
	background-color: rgba(175,175,175,.1);
	transition: background 0.25s ease-in-out;
	
}

.hot .link:hover {
	
	color: #ffffff;
	background-color: rgba(75,75,75,0.9);
	
}

.hot a {
	
	text-decoration: none;
	padding: 5px;
	color: #333333;
	display: inline-block;
	
}

.hot-button {
	
	cursor: pointer;
	transition: background 0.25s ease-in-out;
	border-radius: 15px;
	
}

.hot-button:hover {
	
	background-color: #eeeeee;
	
}

.comm-button {
	
	cursor: pointer;
	transition: background 0.25s ease-in-out;
	
}

.comm-button:hover {
	
	background-color: #eeeeee;
	
}

.leads-b table, .leads-dash table, .leads-c table {
	
	width: 100%;
	text-align: left;
	padding: 0px;
	border-spacing: 0;
	
}

.leads-blue th, .leads-dark th {
	
	border-bottom: 3px solid rgba(255,255,255,.9);
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0px;
	
}

.leads-white th {
	
	border-bottom: 3px solid rgba(75,75,75,.9);
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0px;
	padding: 5px;
	background-color: rgb(252,252,252);
	
}

.leads-white .th-small {
	
	font-size: 13px!important;
	line-height: 17px!important;
	
}

.leads-white .th-x-small {
	
	font-size: 12px!important;
	line-height: 16px!important;
	
}

.leads-white .active {
	
	display: table-cell;
	
}

.leads-white .hidden {
	
	display: none;
	
}

.hot-blue th, .hot-dark th {
	
	border-bottom: 3px solid rgba(255,255,255,.9);
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0px;
	
}

.hot-white th {
	
	border-bottom: 3px solid rgba(75,75,75,.9);
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0px;
	padding-left: 10px;
	
}

.leads-white-left-border {
	
	border-left: 1px dashed #666666;
	
}

.leads-white-right-border {
	
	border-right: 1px dashed #666666;
	
}

.leads td {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	padding: 10px 5px;
	word-wrap: break-word;
	cursor: pointer;
	letter-spacing: 0px;
	
}

.hot th {
	
	border-bottom: 3px solid rgba(75,75,75,.9);
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	
}

.hot td {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	padding: 10px;
	word-wrap: break-word;
	cursor: pointer;
	letter-spacing: 0px;
	
}

.leads select {
	
	border: none;
	background: none;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	width: calc(100% - 10px);
	
}

.leads td a {
	
	text-decoration: none;
	padding: 5px;
	color: #333333;
	display: inline-block;
	
}

.leads-link:hover {
	
	border-radius: 15px 15px 15px 15px;
	background-color: #cccccc;
	
}

.leads select:hover, f:focus {
	
	background: #666666;
	color: #ffffff;
	
}

.leads-b td, .leads-dash td, .leads-c td {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	padding: 10px;
	word-wrap: break-word;
	cursor: pointer;
	letter-spacing: 0px;
	
}

.hot-white td {
	
	border-bottom: 1px dashed rgba(75,75,75,.9);
	
}

.leads-white td {
	
	border-bottom: 1px dotted rgba(100,100,100,.1);
	
}

.leads-blue td, .leads-dark td {
	
	border-bottom: 1px dashed rgba(255,255,255,.9);
	
}

.leads-td-wide {
	
	width: 30%;
	
}

.leads-td-thin {
	
	width: 10%;
	
}

.leads-td-rates {
	
	max-width: 25%;
	
}

.leads-td-center {
	
	text-align: center;
	
}

.leads-td-contacts-desc {
	
	width: 235px;
	text-decoration: none;
	
}

.leads-td-contacts-desc-b {
	
	width: 195px;
	text-decoration: none;
	
}

.leads-td-contacts-desc-c {
	
	width: 145px;
	text-decoration: none;
	
}

.leads-td-contacts-desc-d {
	
	width: 225px;
	text-decoration: none;
	
}

.leads-td-contacts-desc-pad {
	
	padding-left: 10px!important;
	
}

.leads-td-contacts-status {
	
	width: 70px;
	text-decoration: none;
	
}

.leads-td-contacts-value {
	
	width: 120px;
	text-decoration: none;
	
}

.leads-td-contacts-metrics {
	
	width: 410px;
	text-decoration: none;
	
}

.leads-td-contacts-top-ten {
	
	width: 226px;
	text-decoration: none;
	
}

.leads-td-contacts-assign {
	
	width: 140px;
	text-decoration: none;
	
}

.leads-td-contacts-lin {
	
	width: 40px;
	text-decoration: none;
	text-align: center;
	
}

.leads-td-contacts-lin-b {
	
	width: 60px;
	text-decoration: none;
	text-align: center;
	
}

.leads-td-contacts-flags {
	
	width: 350px;
	text-decoration: none;
	text-align: center;
	
}

.leads-td-contacts-flags-b {
	
	width: 140px;
	text-decoration: none;
	text-align: center;
	
}

.leads-td-contacts-flags-c {
	
	width: 445px;
	text-decoration: none;
	text-align: center;
	
}

.pill {
	
	width: 100%;
	text-align: center;
	border-radius: 17px;
	height: 34px;
	background-color: rgba(100,100,100,0.1);
	-webkit-display: flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-gap: 0px 5px;
	gap: 0px 5px;
	
}

.pill-b {
	
	width: 100%;
	text-align: center;
	border-radius: 17px;
	height: 34px;
	background-color: rgba(100,100,100,0.1);
	-webkit-display: flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-gap: 0px 5px;
	gap: 0px 5px;
	
}

.pill-c {
	
	width: 100%;
	text-align: center;
	height: 34px;
	background-color: rgba(240,240,240,0.1);
	-webkit-display: flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-gap: 0px 5px;
	gap: 0px 10px;
	
}

.pill-dvdr {
	
	width: 100%;
	height: 5px;
	
}

.score-container {
	
	width: 80px;
	text-align: center;
	border-radius: 10px;
	background-color: rgba(250,250,250,0.9);
	
}

.metric-container {
	
	width: 40px;
	text-align: center;
	border-radius: 10px;
	background-color: rgba(250,250,250,0.9);
	
}

.sport-container {
	
	padding: 0px 0px 0px 0px;
	width: 4px;
	height: 34px;
	text-align: center;
	background-color: rgba(33,33,33,0.1);
	
}

.leads-td-contacts-date {
	
	width: 90px;
	text-decoration: none;
	text-align: center;
	
}

.leads-td-contacts-date-b {
	
	width: 50px;
	text-decoration: none;
	text-align: center;
	
}


.leads-td-contacts-link {
	
	text-decoration: none;
	
}

.leads-fixed {
	
	top: 0;
	position: sticky;
	
}

.leads-td-contacts-first {
	
	left: 0px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-second {
	
	left: 250px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-second-b {
	
	left: 450px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-third {
	
	left: 475px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-third-b {
	
	left: 550px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-third-c {
	
	left: 500px;
	position: sticky;
	z-index: 1;
	
}

.leads-td-contacts-third-d {
	
	left: 500px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-fourth {
	
	left: 525px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-fourth-b {
	
	left: 600px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-fifth {
	
	left: 641px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-sixth {
	
	left: 711px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-seventh {
	
	left: 761px;
	position: sticky;
	z-index: 0;
	
}
/*
.leads-td-contacts-eighth {
	
	right: 150px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-nineth {
	
	right: 100px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-tenth {
	
	right: 0px;
	position: sticky;
	z-index: 0;
	
}
*/

.leads-td-contacts-eighth {
	
	right: 250px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-eighth-b {
	
	right: 250px;
	position: sticky;
	z-index: 1;
	
}

.leads-td-contacts-nineth {
	
	right: 200px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-tenth {
	
	right: 100px;
	position: sticky;
	z-index: 0;
	
}

.leads-td-contacts-tenth-b {
	
	right: 100px;
	position: sticky;
	z-index: 1;
	
}


.leads-td-contacts-eleventh {
	
	right: 0px;
	position: sticky;
	z-index: 0;
	
}

.leads-contacts-white {
	
	color: #333333;
	
}

.leads-contacts-dark {
	
	color: #ffffff;
	
}

.leads-td-rates-foot-white {
	
	width: 25%;
	border-top: 3px solid rgba(75,75,75,.9);
	
}

.leads-td-rates-foot-blue, .leads-td-rates-foot-dark {
	
	width: 25%;
	border-top: 3px solid rgba(255,255,255,.9);
	
}

.leads .leads-rows-blue:nth-child(odd), .leads .leads-rows-dark:nth-child(odd), .leads-b .leads-rows-blue:nth-child(odd), .leads-b .leads-rows-dark:nth-child(odd), .leads-c .leads-rows-blue:nth-child(odd), .leads-c .leads-rows-dark:nth-child(odd) {
	
	background-color: transparent;
	
}

.leads .leads-rows-blue:nth-child(even), .leads .leads-rows-dark:nth-child(even), .leads-b .leads-rows-blue:nth-child(even), .leads-b .leads-rows-dark:nth-child(even), .leads-c .leads-rows-blue:nth-child(even), .leads-c .leads-rows-dark:nth-child(even) {
	
	background-color: rgba(255,255,255,.1);
	
}

.leads .leads-rows-white:nth-child(odd), .leads-b .leads-rows-white:nth-child(odd), .leads-dash .leads-rows-white:nth-child(odd), .leads-c .leads-rows-white:nth-child(odd)  {
	
	background-color: rgb(252,252,252);
	
}

.leads .leads-rows-white:nth-child(even), .leads-b .leads-rows-white:nth-child(even), .leads-dash .leads-rows-white:nth-child(even), .leads-c .leads-rows-white:nth-child(even) {
	
	background-color: rgb(175,175,175);
	
}
.leads-white tr:nth-child(odd) td {
	
	background-color: rgb(252,252,252);
	
}

.leads-white tr:nth-child(even) td {
	
	background-color: rgb(240,240,240);
	
}

.hot-table .hot-rows-white:nth-child(odd) {
	
	background-color: transparent;
	
}

.hot-table .hot-rows-white:nth-child(even) {
	
	background-color: rgba(175,175,175,.1);
	
}

.graph-table-cell-selector table {
	
	width: 100%;
	text-align: left;
	padding: 0px;
	border-spacing: 0px 10px;
	
}

.graph-table-cell-selector td {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	padding: 10px;
	word-wrap: break-word;
	cursor: pointer;
	letter-spacing: 0px;
	
}

.graph-table-thin {
	
	width: 70px;
	text-align: center;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	
}

.graph-table-wide {
	
	width: calc(100% - 120px);
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	
}

.graph-table-container  .graph-rows-blue, .graph-table-container .graph-rows-dark {
	
	background: linear-gradient(rgba(245,245,245,.9),rgba(235,235,235,.9));
	
}

.graph-table-container  .graph-rows-blue:hover, .graph-table-container .graph-rows-dark:hover {
	
	background: linear-gradient(rgba(235,235,235,.9),rgba(225,225,225,.9));
	
}

.graph-table-container  .graph-rows-white {
	
	background: linear-gradient(to bottom right, rgba(255,255,255,0.9), rgba(251,233,245,0.9));
	
}

.graph-table-container  .graph-rows-white:hover {
	
	background: linear-gradient(to bottom right, rgba(251,233,245,0.9), rgba(247,212,235,0.9));
	
}

.mask {
	
	filter: blur(5px);
	-webkit-filter: blur(5px);
	
}

.email-title {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 40px;
	color: #333333;
	letter-spacing: 0px;
	
}

.email-body {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	color: #333333;
	letter-spacing: 0px;
	
}

.email-table-label {
	
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: #333333;
	letter-spacing: 0px;
	
}

.email-table-item {
	
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #333333;
	letter-spacing: 0px;
	
}

.email-footer {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	color: #aaaaaa;
	letter-spacing: 0px;
	
}

.filter-header {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 16px;
	padding: 10px;
	text-align: center;
	letter-spacing: 0px;
	
}

.filter-number {
	
	font-family: 'proxima-nova-regular', Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	padding: 10px;
	width: 100%;
	text-align: left;
	position: relative;
	letter-spacing: 0px;
	
}

.filter-show {
	
	display: inline-block;
	
}

.filter-hide {
	
	display: none;
	
}

.filter-range-show {
	
	display: flex;
	
}

.filter-close {
	
	height: 16px;
	width: auto;
	position: absolute;
	right: 20px;
	top: 0px;
	padding-bottom: 3px;
	cursor: pointer;
	
}

.filter-head-white {
	
	transform: rotate(90deg);
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 0px;
	color: #ffffff;
	
}

.filter-head-dark {
	
	transform: rotate(90deg);
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 0px;
	color: #333333;
	
}

.filter-field-white {
	
	width: calc(100% - 15px);
	padding: 5px 5px 5px 10px;
	font-family: Helvetica, sans-serif;
	font-weight: 600;
	font-size: 11px;
	line-height: 16px;
	border-radius: 15px;
	border: none;
	background-color: #eeeeee;
	color: #333333;
	letter-spacing: 0px;
	opacity: 0.7;
	
}

.filter-field-white:hover {
	
	background-color: #dddddd;
	
}

.filter-select-white {
	
	width: calc(100%);
	padding: 5px 10px;
	font-family: Helvetica, sans-serif;
	font-weight: 600;
	font-size: 11px;
	line-height: 16px;
	border-radius: 15px;
	border: none;
	background-color: #eeeeee;
	color: #333333;
	letter-spacing: 0px;
	opacity: 0.7;
	
}

.filter-select-white:hover {
	
	background-color: #dddddd;
	
}

.filter-drop-white {
	
	width: calc(100%);
	padding: 5px;
	font-family: Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	border-radius: 4px;
	border: none;
	background-color: rgba(245,245,245,.9);
	color: rgba(75,75,75,.9);
	letter-spacing: 0px;
	opacity: 0.7;
	
}

.filter-field-dark {
	
	width: calc(100% - 10px);
	padding: 5px;
	font-family: Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	border-radius: 4px;
	border: none;
	background-color: rgba(33,33,33,.9);
	color: rgba(255,255,255,.9);
	letter-spacing: 0px;
	opacity: 0.7;
	
}

.filter-drop-dark {
	
	width: calc(100%);
	padding: 5px;
	font-family: Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	border-radius: 4px;
	border: none;
	background-color: rgba(33,33,33,.9);
	color: rgba(255,255,255,.9);
	letter-spacing: 0px;
	opacity: 0.7;
	
}

.filter-boxify-container {
	
	width: calc(100% - 5px);
	max-height: 100px;
	min-height: 25px;
	padding: 5px 0px 0px 0px;
	line-height: 16px;
	overflow-y: auto;
	
}

.filter-boxify-white span {
	
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	border: 1px solid #cccccc;
	border-radius: 15px;
	background-color: #dddddd;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: #333333;
	line-height: 16px;
	display: inline-block;
	padding: 2px 5px;
	
}

.filter-boxify-dark span {
	
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	border: 2px solid rgba(255,255,255,0.4);
	border-radius: 4px;
	background-color: rgba(255,255,255,0.1);
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	display: inline-block;
	padding: 2px;
	
}

.filter-range-group {
	
	width: calc(100% - 20px);
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	
}
.filter-range {
	
	width: calc(100% - 100px);
	-webkit-appearance: none;
	appearance: none;
	height: 15px;
	background: rgb(230,230,230);
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 7.5px;
	
}

.filter-range-dual {
	
	width: calc(100%);
	-webkit-appearance: none;
	appearance: none;
	height: 15px;
	background: rgb(230,230,230);
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 7.5px;
	
}

.filter-range:hover, .filter-range-dual:hover {
	
	opacity: 1;
	
}

.filter-range::-webkit-slider-thumb, .filter-range-dual::-webkit-slider-thumb {
	
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background: linear-gradient(rgba(174,30,121,0.9), rgba(131,22,91,0.9));
	cursor: pointer;
	border-radius: 10px;
	
}

.filter-range::-webkit-slider-thumb:active, .filter-range-dual::-webkit-slider-thumb:active {
	
	background: none;
	border: 3px solid rgb(174, 30, 121);
	
}

.filter-range::-moz-range-thumb, .filter-range-dual::-moz-range-thumb {
	
  width: 25px;
  height: 25px;
  background: linear-gradient(rgba(174,30,121,0.9), rgba(131,22,91,0.9));
  cursor: pointer;
	
}

.range-dual {
	
	-webkit-appearance: none;
	-moz-apperance: none;
	appearance: none;
	width: calc(100% - 20px);
	outline: none;
	position: absolute;
	margin: auto;
	bottom: 20px;
	background-color: transparent;
	pointer-events: none;
	
}

.range-dual::-webkit-slider-runnable-track {
	
	-webkit-appearance: none;
	height: 15px;
	
}

.range-dual::-moz-range-track {
	
	-moz-appearance: none;
	height: 15px;
	
}

.range-dual::-ms-track {
	
	appearance: none;
	height: 15px;
	
}

.range-dual::-webkit-slider-thumb {
	
	-webkit-appearance: none;
	height: 20px;
	width: 20px;
	background: rgb(253,84,115);
	cursor: pointer;
	border-radius: 10px;
	margin-top: -3px;
	pointer-events: auto;
	
}

.range-dual::-moz-range-thumb {
	
	-webkit-appearance: none;
	height: 20px;
	width: 20px;
	background: rgb(253,84,115);
	cursor: pointer;
	border-radius: 50%;
	pointer-events: auto;
	
}

.range-dual::-ms-thumb {
	
	appearance: none;
	height: 20px;
	width: 20px;
	background: rgb(253,84,115);
	cursor: pointer;
	border-radius: 50%;
	pointer-events: auto;
	
}

.range-dual::-webkit-slider-thumb:active {
	
	border: 3px solid rgb(253,84,115);
	background: #ffffff;
	
}

.range-track-dual {
	
	width: calc(100% - 20px);
	height: 10px;
	border-radius: 7.5px;
	position: absolute;
	margin: auto;
	bottom: 23px;
	
}

.filter-range-txt {
	
	font-family: Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	padding: 10px;
	letter-spacing: 0px;
	
}

.filter-range-txt-dual {
	
	font-family: Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	padding: 3px 10px;
	letter-spacing: 0px;
	width: calc(100%);
	display: inline-block;
	text-align: center;
	
}

.filter-range-txt-dual-b {
	
	font-family: Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	padding: 10px;
	letter-spacing: 0px;
	width: calc(100% - 20px);
	text-align: center;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	
}

.filter-header-name {
	
	font-family: Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	padding: 10px;
	letter-spacing: 0px;
	
}

.help-header-name {
	
	font-family: 'Degular', Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	padding: 10px;
	letter-spacing: 0px;
	
}

.help-header-main {
	
	font-family: 'Degular', Helvetica, sans-serif;
	font-weight: 600;
	font-size: 28px;
	line-height: 60px;
	padding: 10px 20px 10px 20px;
	letter-spacing: 0px;
	width: calc(100% - 40px);
	height: 60px;
	
}

.help-header-main-b {
	
	font-weight: 400;
	
}

.help-body-title {
	
	font-family: 'Degular', Helvetica, sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 44px;
	letter-spacing: 0px;
	
}

.help-body {
	
	font-family: 'Degular', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	padding: 10px 20px 10px 20px;
	letter-spacing: 0px;
	width: calc(100% - 40px);
	height: auto;
	
}

.help-hero-list {
	
	height: auto;
	width: calc(100%);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 20px 10px;
	gap: 20px 10px;
	
}

.help-button-title {
	
	font-family: 'Degular', Helvetica, sans-serif;
	font-weight: 600;
	font-size: 30px;
	line-height: 34px;
	padding: 10px 20px 0px 20px;
	width: calc(100% - 40px);
	
}

.help-button-body {
	
	font-family: 'Degular', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	padding: 10px 20px 10px 20px;
	width: calc(100% - 40px);
	height: 110px;
	
}

.help-hero-item-body {
	
	font-family: 'Degular', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	padding: 10px 20px 10px 20px;
	width: calc(100% - 40px);
	min-height: 110px;
	height: auto;
	
}

.help-hero-item-body li {
	
	padding-bottom: 10px;
	
}

.help-hero-item-title {
	
	font-family: 'Degular', Helvetica, sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	padding: 10px 20px 0px 20px;
	width: calc(100% - 40px);
	
}

.help-hero-item-title ul {
	
	padding: 0px 0px 0px 0px;
	
}

.help-img-hero {
	
	max-width: 1000px;
	width: 100%;
	height: auto;
	display: block;
	
}

.help-img-hero-b {
	
	width: auto;
	max-height: 200px;
	height: 100%;
	display: block;
	
}

.help-img-hero-c {
	
	max-width: 700px;
	width: 100%;
	height: auto;
	display: block;
	
}

.help-img-hero-d {
	
	max-width: 350px;
	width: 100%;
	height: auto;
	display: block;
	
}

.check-name {
	
	display: inline-block;
	height: 30px;
	text-align: left;
	font-family: Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	vertical-align: top;
	padding: 7px 0px 0px 5px;
	
}

.section-name {
	
	font-family: 'Degular', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	padding: 0px 20px 10px 20px;
	
}

.section-name li {
	
	padding: 5px 0px 5px 0px;
	
}

.section-name a {
	
	text-decoration: none;
	color: #333333;
	transition: background 0.1s ease-in-out;
	cursor: pointer;
	border-radius: 4px;
	padding: 0px 7px 0px 7px;
	display: block;
	
}

.section-name a:hover {
	
	background-color: #fe5472;
	color: #ffffff;
	
}

.section-sub-name {
	
	font-family: 'Degular', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12px;
	list-style: decimal;
	
}

.check-container {
	
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
}

.check-container input {
	
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	
}

.checkmark {
	
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	width: 30px;
	border-radius: 15px;
	background-color: rgba(240,240,240,0.9);
	
}

.check-container:hover input ~ .checkmark {
	
	background-color: rgba(150,150,150,0.9);
	
}

.check-container input:checked ~ .checkmark {
	
	background-color: rgba(190,190,190,0.9);
	
}

.checkmark:after {
	
	content: "";
	position: absolute;
	display: none;
	
}

.check-container input:checked ~ .checkmark:after {
	
	display: block;
	
}

.date-range-container {
	
	width: calc(100%);
	height: 30px;
	
}

.date-range-name {
	
	display: inline-block;
	width: 50px;
	height: 30px;
	font-size: 12px;
	line-height: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: rgba(75,75,75,0.9);
	padding: 0px 0px 0px 10px;
	
}

.date-range-select {
	
	width: 100px;
	height: 20px;
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	border-radius: 15px;
	border: none;
	background-color: #eeeeee;
	padding: 3px 3px 3px 7px;
	cursor: pointer;
	
}

.date-range-select:hover {
	
	background-color: #dddddd;
	
}


/***** FORM CLASSES *****/
.button {
	
	padding: 10px 10px;
	border-radius: 4px;
	text-decoration: none;
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 16px;
	display: inline;
	border: none;
	letter-spacing: 0px;
	
}

.button-bold {
	
	padding: 10px 10px;
	border-radius: 4px;
	text-decoration: none;
	font-family: 'proxima-nova-extrabold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	display: inline;
	border: none;
	letter-spacing: 0px;
	
}

.button-blue {
	
	background-color: rgba(13,53,140,.9);
	color: rgba(255,255,255,.9);
	transition: background 0.2s ease-in-out;
	
}

.button-dark {
	
	background-color: rgba(0,0,0,.9);
	color: rgba(255,255,255,.9);
	transition: background 0.2s ease-in-out;
	
}

.button-white {
	
	background-color: rgba(240,240,240,.9);
	color: rgba(75,75,75,.9);
	transition: background 0.2s ease-in-out;
	
}

.button-blue:hover {
	
	background-color: rgba(0,28,115,0.9);
	
}

.button-dark:hover {
	
	background-color: rgba(33,33,33,0.9);
	
}

.button-white:hover {
	
	background-color: rgba(215,215,215,0.9);
	
}

.drop-down {
	
	padding: 6px 6px;
	border-radius: 6px;
	width: 100%;
	max-width: 550px;
	text-decoration: none;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	display: inline;
	border: 0.5px solid #cccccc;
	letter-spacing: 0px;
	
}

.drop-down-small-blue {
	
	padding: 0px;
	border-radius: 3px;
	width: 100px;
	text-decoration: none;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	background-color: rgba(13,53,140,.9);
	color: rgba(255,255,255,.9);
	border: none;
	letter-spacing: 0px;
	
}

.drop-down-small-dark {
	
	padding: 0px;
	border-radius: 3px;
	width: 100px;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 11px;
	background-color: rgba(33,33,33,.9);
	color: rgba(255,255,255,.9);
	border: none;
	letter-spacing: 0px;
	
}

.drop-down-small-white {
	
	padding: 5px 0px 5px 3px;
	border-radius: 15px;
	width: 100px;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 11px;
	background-color: #eeeeee;
	color: rgba(75,75,75,.9);
	border: none;
	letter-spacing: 0px;
	box-shadow: inset -4px -4px 4px -4px #cccccc, inset 4px 4px 4px -4px #f2f2f2;
	
}

.drop-down-small-white:hover {	

	background-color: #dddddd;
	
}

.drop-down-mid-blue {
	
	padding: 0px;
	border-radius: 3px;
	width: 200px;
	text-decoration: none;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	background-color: rgba(13,53,140,.9);
	color: rgba(255,255,255,.9);
	border: none;
	letter-spacing: 0px;
	
}

.drop-down-mid-dark {
	
	padding: 0px;
	border-radius: 3px;
	width: 200px;
	text-decoration: none;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	background-color: rgba(33,33,33,.9);
	color: rgba(255,255,255,.9);
	border: none;
	letter-spacing: 0px;
	
}

.drop-down-mid-white {
	
	padding: 0px;
	border-radius: 3px;
	width: 200px;
	text-decoration: none;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	background-color: rgba(245,245,245,.9);
	color: rgba(75,75,75,.9);
	border: none;
	letter-spacing: 0px;
	
}

.landing-form-container .form-group {
	
	padding: 10px 0px;
	width: calc(100% - 20px);
	text-align: center;
	
}

.landing-form-container .form-field {
	
	width: 100%;
	max-width: calc(100% - 40px);
	padding: 10px;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
	color: #444444;
	border-radius: 4px;
	border: 0.5px solid #444444;
	display: inline-block;
	letter-spacing: 0px;
	
}

.landing-container .head-title {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 50px;
	line-height: 54px;
	color: #333333;
	text-align: center;
	letter-spacing: 0px;
	
}

.landing-form-container .form-title {
	
	padding: 10px 0px;
	width: calc(100%);
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 26px;
	line-height: 30px;
	color: #333333;
	text-align: center;
	letter-spacing: 0px;
	
}

.landing-form-container .form-box {
	
	width: 100%;
	max-width: calc(100% - 40px);
	height: 96px;
	padding: 10px;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #444444;
	border-radius: 4px;
	border: 0.5px solid #444444;
	display: inline-block;
	overflow: auto;
	resize: none;
	letter-spacing: 0px;
	
}

.landing-form-container .form-disclaimer {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #444444;
	letter-spacing: 0px;
	
}

.landing-form-container .form-error {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 24px;
	color: red;
	letter-spacing: 0px;
	
}

.landing-form-container .form-small {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	color: #444444;
	letter-spacing: 0px;
	
}

.landing-form-container button {
	
	padding: 15px;
	border: none;
	background-color: #2d69eb;
	transition: background 0.2s ease-in-out;
	width: 100%;
	color: #ffffff;
	
}

.landing-form-container button:hover {
	
	background-color: #5c8bf0;
	
}
.landing-form-container button:active {
	
	background-color: #447aee;
	
}

.landing-container .landing-hero .content-title {
	
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 80px;
	line-height: 90px;
	color: #ffffff;
	text-align: left;
	width: calc(50%);
	padding: 40px;
	position: absolute;
	left: 0px;
	top: 100px;
	z-index: 1;
	
}

.landing-container .content-sub-title {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 36px;
	color: #333333;
	text-align: left;
	width: calc(100%);
	padding: 0px 0px 30px 0px;
	
}

.landing-container .content-body {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	text-align: left;
	width: calc(100%);
	padding: 0px 0px 20px 0px;
	
}

.landing-container .content-body li {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 17px;
	line-height: 30px;
	color: #333333;
	padding: 5px;
	
}

.template-list {
	
	max-height: 310px;
	overflow: auto;
	text-align: left;
	padding: 0px;
	
}

.template-list-top-shadow {
	
	box-shadow: inset 0px 10px 8px -4px #dddddd;
	
}

.template-list-bottom-shadow {
	
	box-shadow: inset 0px -10px 8px -4px #dddddd;
	
}

.template-list-both-shadow {
	
	box-shadow: inset 0px 10px 8px -4px #dddddd, inset 0px -10px 8px -4px #dddddd;
	
}

.list-white li:first-child {
	
	border-bottom: 1px dashed rgba(75,75,75,0.4); 
	
}

.list-white li:nth-child() {
	
	border-bottom: 1px dashed rgba(75,75,75,0.4); 
	border-top: 1px dashed rgba(75,75,75,0.4); 
	
}

.list-white li:last-child {
	
	border-top: 1px dashed rgba(75,75,75,0.4); 
	
}

.list-blue li:first-child, .list-dark li:first-child {
	
	border-bottom: 1px dashed rgba(255,255,255,0.4); 
	
}

.list-blue li:nth-child(), .list-dark li:nth-child() {
	
	border-bottom: 1px dashed rgba(255,255,255,0.4); 
	border-top: 1px dashed rgba(255,255,255,0.4); 
	
}

.list-blue li:last-child, .list-dark li:last-child {
	
	border-top: 1px dashed rgba(255,255,255,0.4); 
	
}

.list-blue::-webkit-scrollbar, .list-dark::-webkit-scrollbar, .list-white::-webkit-scrollbar, .settings-list::-webkit-scrollbar, .main-content-contacts-flex .help-holder .container-help::-webkit-scrollbar {
	
	width: 12px;
	height: 12px;
	
}

.graph-top-ten-filter-group::-webkit-scrollbar, .sub-navbar-menu::-webkit-scrollbar {
	
	width: 6px;
	height: 6px;
	
}

.list-blue::-webkit-scrollbar-track, .list-dark::-webkit-scrollbar-track, .list-white::-webkit-scrollbar-track, .graph-top-ten-filter-group::-webkit-scrollbar-track, .sub-navbar-menu::-webkit-scrollbar-track, .main-content-contacts-flex .help-holder .container-help::-webkit-scrollbar-track {
	
	background: none;
	
}

.list-blue::-webkit-scrollbar-thumb, .list-dark::-webkit-scrollbar-thumb {
	
	background: rgba(255,255,255,.1);
	border-radius: 6px;
	
}

.list-blue:hover::-webkit-scrollbar-thumb, .list-dark:hover::-webkit-scrollbar-thumb {
	
	background: rgba(255,255,255,.4);
	
}

.list-white::-webkit-scrollbar-thumb, .graph-top-ten-filter-group::-webkit-scrollbar-thumb, .sub-navbar-menu::-webkit-scrollbar-thumb, .settings-list::-webkit-scrollbar-thumb {
	
	background: rgba(75,75,75,.1);
	border-radius: 6px;
	
}

.list-white:hover::-webkit-scrollbar-thumb, .graph-top-ten-filter-group:hover::-webkit-scrollbar-thumb, .sub-navbar-menu:hover::-webkit-scrollbar-thumb, .settings-list:hover::-webkit-scrollbar-thumb {
	
	background: rgba(75,75,75,.4);
	
}

.template-list-img {
	
	display: inline-block;
	width: 50px;
	height: auto;
	border: 0.5px solid #333333;
	vertical-align: middle;
	transition: box-shadow 0.1s ease-in-out;
	
}

.template-list-img:hover {
	
	box-shadow: 0px 0px 5px 1px #666666;
	
}

.template-list-img-popup {
	
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	background-color: rgba(66,66,66,0.5);
	z-index: 10;
	display: none;
	padding: 20px;
	text-align: center;
	
}

.template-list-img-popup img {
	
	box-shadow: 0px 0px 10px 1px #666666;
	
}

.contact-import {
	
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	background-color: rgba(66,66,66,0.5);
	padding: 20px;
	text-align: center;
	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.contact-import .import-box {
	
	flex: 0 30%;
	height: auto;
	min-height: 200px;
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 0px 10px 1px #666666;
	padding: 20px;
	position: relative;
	
}

.contact-import .import-box .import-body {
	
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
	position: relative;
	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.contact-import .import-box .import-body-b {
	
	width: 100%;
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
	position: relative;
	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.contact-import .import-box .import-body .import-form {
	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	-webkit-gap: 10px 10px;
	gap: 10px 10px;
	
}

.contact-import .import-box .import-body .import-form-control {
	
	flex: 1 1 100%;
	border: 1px solid #333333;
	padding: 10px;
	margin: 10px;
	border-radius: 25px;
	
}

.contact-import .import-box .import-body .import-form-control::file-selector-button {
	
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	border: none;
	background-color: #eeeeee;
	color: #333333;
	padding: 7px 0px;
	cursor: pointer;
	width: 40%;
	border-radius: 15px;
	box-shadow: inset -4px -4px 4px -4px #cccccc, inset 4px 4px 4px -4px #f2f2f2;
	
}

.contact-import .import-box .import-body .import-form-control::file-selector-button:hover {
	
	background-color: #dddddd;
	
}

.contact-import .settings-box {
	
	flex: 0 60%;
	height: auto;
	min-height: 200px;
	max-height: 500px;
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 0px 10px 1px #666666;
	padding: 20px;
	position: relative;
	
}

.contact-import .settings-box .settings-body {
	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 20px 20px;
	gap: 20px 20px;
	
}

.contact-import .settings-box .settings-body .settings-list {
	
	flex: 0 47%;
	height: auto;
	max-height: 450px;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-align: left;
	padding: 10px;
	overflow-y: auto;
	
}

	.contact-import .settings-box .settings-body .border-left {
		
		border-left: 1px dashed rgb(235,235,235);		
		
	}

.contact-import .settings-box .settings-body .settings-list .option-container {
	
	width: 100%;
	padding: 20px 0px 0px 0px;
	
}

.contact-import .settings-box .settings-body .settings-list .option-container-b {
	
	width: 100%;
	padding: 20px 0px 20px 0px;
	border-bottom: 2px solid rgb(235,235,235);
	
}

.contact-import .settings-box .settings-body .settings-list .option-container-b .option-sub-container {
	
	width: calc(50% - 20px);
	display: inline-block;
	
}

.contact-import .settings-box .settings-body .settings-list .option-container .option-item {
	
	width: 50px;
	height: auto;
	text-align: left;
	padding: 0px;
	display: inline-block;
	line-height: 0px;
	vertical-align: middle;
	
}

.switch-name {
	
	font-size: 10px!important;	
	
}

.contact-import .settings-box .settings-body .settings-list .option-container .option-name {
	
	width: calc(100% - 120px);
	min-height: 40px;
	height: auto;
	text-align: left;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
	
}

.contact-import .settings-box .settings-body .settings-list .option-container-b .option-item {
	
	width: 50px;
	height: auto;
	text-align: left;
	padding: 0px;
	display: inline-block;
	line-height: 0px;
	vertical-align: middle;
	
}

.contact-import .settings-box .settings-body .settings-list .option-container-b .option-name {
	
	width: calc(100% - 60px);
	min-height: 40px;
	height: auto;
	text-align: left;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
	
}

.contact-import .settings-box .settings-body .settings-list .option-container-b .option-name-b {
	
	width: calc(100% - 130px);
	height: auto;
	text-align: left;
	padding: 0px 10px 0px 0px;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
	
}

.contact-import .settings-box .settings-body .settings-list .option-container-b .option-title {
	
	width: 100%;
	text-align: left;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
	
}

.message-box {
	
	min-width: 360px;
	padding: 0px;
	height: calc(100vh - 83px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 0px 0px;
	gap: 0px 0px;
	
}

.message-box .message-list {
	
	flex: 0 25%;
	height: calc(100vh - 103px);
	background-color: #ffffff;
	border-right: 1px dashed rgb(235,235,235);
	overflow: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 0px 0px;
	gap: 0px 0px;
	
}

.message-box .message-list .message-item {
	
	width: calc(100% - 50px);
	height: 70px;
	padding: 20px;
	border-bottom: 1px dotted rgb(235,235,235);
	border-left: 10px solid rgba(168,38,125,0.6);
	font-size: 15px;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 5px 5px;
	gap: 5px 5px;
	transition: background 0.1s ease-in-out;
	cursor: pointer;
	position: relative;
	
}

.message-box .message-list .message-item:hover {
	
	border-left: 10px solid rgba(168,38,125,0.3);
	
}

.message-item-date {
	
	font-size: 11px;
	line-height: 14px;
	text-align: right;
	position: absolute;
	top: 8px;
	right: 10px;
	
}

.message-unread {
	
	background-color: rgb(235,235,235);
	border-bottom: 1px dashed rgb(205,205,205)!important;
	
}

.message-selected {
	
	background-color: rgba(168,38,125,0.9);
	color: #ffffff!important;
	border-left: 10px solid rgba(255,255,255,0.8)!important;
	
}

.message-head {
	
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #333333;
	line-height: 46px;
	width: calc(100% - 20px);
	padding: 10px 10px 10px 10px;
	border-bottom: 3px solid rgba(168,38,125,0.5);
	
}

.message-content {
	
	width: calc(100% - 40px);
	padding: 0px 10px 10px 10px;
	height: auto;
	overflow: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 10px 10px;
	gap: 10px 10px;
	position: relative;
	
}

.message-content .message-part-container {
	
	flex: 0 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-gap: 10px 10px;
	gap: 10px 10px;
	border-bottom: 1px dashed #cccccc;
	
}

.message-content .message-part-container .message-part {
	
	flex: 0 20%;
	padding: 0px 0px 20px 0px;
	
}

.message-content .message-part-container .message-part .message-label {
	
	width: calc(100% - 10px);
	padding: 0px 0px 10px 10px;
	display: inline-block;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #000000;
	
}

.message-content .message-part-container .message-part .message-data {
	
	width: calc(100% - 10px);
	padding: 0px 0px 0px 10px;
	display: inline-block;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #000000;
	
}

.message-content .message-part-container .message-part .message-img {
	
	width: calc(49% - 50px);
	padding: 10px 10px 10px 10px;
	height: 80px;
	display: inline-block;
	vertical-align: middle;
	
}

.message-content .message-part-container .message-part .message-val {
	
	width: calc(49% - 50px);
	padding: 10px 10px 10px 10px;
	height: 80px;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 34px;
	line-height: 80px;
	color: rgb(168,38,125);
	display: inline-block;
	vertical-align: middle;
	
}

.message-content .message-part-container .message-part .message-val-name {
	
	width: calc(100% - 50px);
	padding: 0px 10px 10px 10px;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	color: rgb(168,38,125);
	display: inline-block;
	text-align: center;
	
}

.message-content .message-part-container .message-part .message-link {
	
	width: calc(100% - 10px);
	padding: 0px 0px 10px 10px;
	display: inline-block;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	height: 60px;
	line-height: 60px;
	
}

.message-content .message-part-container .message-part .message-link a {
	
	color: #ffffff;
	background-color: rgb(168,38,125);
	border-radius: 25px;
	padding: 5px 20px;
	text-decoration: none;
	vertical-align: middle;
	
}

.message-content .message-part-container .message-part-b {
	
	flex: 0 35%;
	padding: 0px 0px 0px 0px;
	height: 220px;
	
}

.message-content .message-part-container .message-part-b .message-gph {
	
	width: calc(49% - 50px);
	padding: 10px 10px 10px 0px;
	height: 200px;
	display: inline-block;
	
}

.message-content .message-part-container .message-part-b .message-val-name {
	
	width: calc(49% - 50px);
	padding: 70px 0px 0px 0px;
	display: inline-block;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 26px;
	height: 200px;
	color: rgb(168,38,125);
	vertical-align: top;
	
}

.message-content .message-part-container .message-part-c {
	
	flex: 0 50%;
	padding: 10px 10px 10px 10px;
	
}

.message-content .message-part-container .message-part-c .message-intro {
	
	display: inline-block;
	font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	
}

.message-box .message-body {
	
	flex: 0 80%;
	height: calc(100vh - 103px);
	background-color: #ffffff;
	padding: 10px;
	
}

.manual-body {
	
	width: calc(100%);
	padding-top: 10px;
	text-align: left;
	
}

.manual-body small {
	
	color: red;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	
}

.manual-form-group {
	
	width: calc(100% - 30px);
	padding: 10px;
	
}

.form-center {
	
	text-align: center!important;
	
}

.manual-form-group label {
	
	width: 100%;
	font-size: 14px;
	
}

.manual-form-group .manual-form-field {
	
	border: transparent;
	font-sixe: 12px;
	width: 72%;
	padding: 10px;
	margin: 10px;
	border-radius: 25px;
	background-color: #dddddd;
	
}

.manual-form-group .manual-form-field:hover {
	
	background-color: #eeeeee;
	
}

.manual-form-group .manual-form-date {
	
	width: 25%;
	font-size: 12px;
	border: transparent;
	padding: 10px;
	margin: 10px;
	border-radius: 25px;
	background-color: #dddddd;
	
}

.manual-form-group .manual-form-date:hover {
	
	background-color: #eeeeee;
	
}

.manual-form-group .manual-form-option {
	
	width: 40%;
	font-size: 12px;
	border: transparent;
	padding: 10px;
	margin: 10px;
	border-radius: 25px;
	background-color: #dddddd;
	
}

.manual-form-group .manual-form-option:hover {
	
	background-color: #eeeeee;
	
}

.manual-form-group button {
	
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	border: none;
	background-color: #eeeeee;
	color: #333333;
	padding: 7px 0px;
	cursor: pointer;
	width: 40%;
	border-radius: 15px;
	
}

.manual-form-group button:hover {
	
	background-color: #dddddd;
	
}

.contact-import .import-box .import-body button {
	
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	border: none;
	background-color: #eeeeee;
	color: #333333;
	padding: 7px 0px;
	cursor: pointer;
	width: 40%;
	border-radius: 15px;
	
}

.contact-import .import-box .import-body button:hover {
	
	background-color: #dddddd;
	
}

.contact-import .import-box .import-body .popup-close {
	
	font-size: 11px;
	line-height: 11px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	border: none;
	background-color: #eeeeee;
	color: #333333;
	padding: 5px;
	cursor: pointer;
	border-radius: 25px;
	width: 22px;
	position: absolute;
	top: 0px;
	right: 0px;
	
}

.contact-import .import-box .import-body .popup-close:hover {
	
	background-color: #dddddd;
	
}

.contact-import .import-box .import-body .import-notes {
	
	flex: 1 1 100%;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-align: left;
	border: 1px solid #333333;
	padding: 10px;
	border-radius: 4px;
	
}

.import-box-txt {
	
	position: absolute;
	left: 0px;
	top: 0px;
	height: 20px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: right;
	border: transparent;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: rgba(250,250,250,.9);
	font-weight: 600;
	box-shadow: inset -2px -2px 4px -1px #cccccc;
	transition: background 0.2s ease-in-out;
	
}

.import-box-txt:hover {
	
	background-color: rgba(240,240,240,.9);
	
}

.import-box-txt a {
	
	text-decoration: none;
	color: #333333;
	
}

.main-content-flex-b .item-ea .template-item .template-list-img {
	
	width: 50px;
	height: auto;
	border: 0.5px solid #333333;
	flex: 0 50px;
	
}

.main-content-flex-b .item-ea .template-item .template-list-rank {
	
	width: 20px;
	padding: 0px;
	flex: 0 20px;
	text-align: center;
	
}

.main-content-flex-b .item-ea .template-item .template-list-text-container {
	
	padding: 0px;
	flex: 0 calc(100% - 90px);
	margin: auto;
	
}

.template-list-text {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 20px;
	display: inline-block;
	line-height: 24px;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
	letter-spacing: 0px;
	
}

.template-list-text-b {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
	line-height: 24px;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
	letter-spacing: 0px;
	
}

.template-list-text-sub {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	display: inline-block;
	line-height: 20px;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
	letter-spacing: 0px;
	
}

.template-list-text-rank {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 80px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0px;
	
}

.template-list-text-rank-b {
	
	font-family: 'Degular', 'proxima-nova-regular', Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 80px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0px;
	
}

.template-list-text-selected {
	
	font-family: 'Degular', 'proxima-nova', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 20px;
	display: inline-block;
	letter-spacing: 0px;
	
}

.template-img-shrink {
	
	max-width: 50px;
	width: 100%;
	height: auto;
	display: inline-block;
	margin: auto;
	
}

.page-foot-container {
	
	height: 50px;
	width: calc(100% - 250px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: n0wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 0px 10px;
	gap: 0px 10px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	z-index: 10;
	
}

.main-content-contacts-flex .contacts-holder .page-foot-container-b {
	
	height: 58px;
	width: calc(100%);
	border-radius: 4px;
	background-color: #ffffff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-gap: 0px 10px;
	gap: 0px 10px;
	padding: 0px;
	
}

.timestamp {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #bfbfbf;
	line-height: 12px;
	position: absolute;
	bottom: 5px;
	right: 30px;
	text-align: right;
	z-index: 10;
	letter-spacing: 0.5px;
	
}

.timestamp-b {
	
	flex: 0 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #bfbfbf;
	line-height: 58px;
	text-align: right;
	letter-spacing: 0.5px;
	padding: 0px 20px 0px 0px;
	
}

.timestamp-l {
	
	flex: 0 100%;
	font-family: Helvetica, sans-serif;
	font-size: 8px;
	color: #bfbfbf;
	font-style: italic;
	line-height: 10px;
	text-align: right;
	letter-spacing: 0px;
	padding: 0px 20px 0px 0px
	
}

.page-links {
	
	flex: 0 calc(100% - 470px);
	text-align: left;
	padding: 0px;
	letter-spacing: 0px;
	
}

.page-links-number {
	
	flex: 0 220px;
	text-align: left;
	padding: 0px 0px 0px 20px;
	letter-spacing: 0px;
	
}

.page-links ul, .page-links-number ul, .mobile-links ul, .mobile-wide-links ul {
	
	padding: 0px;
	
}

.page-links li {
	
	list-style: none;
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	padding: 7px 0px;
	color: #333333;
	background-color: #eeeeee;
	border-radius: 15px;
	min-width: 26px;
	text-align: center;
	
}

.page-links-number li {
	
	list-style: none;
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 11px;
	padding: 0px 7px;
	color: #333333;
	
}

.page-links li:first-child  {
	
	font-size: 16px;
	padding: 6px 0px 8px 0px;
	line-height: 12px;
	font-weight: 400;
	
}

.page-links li:last-child  {
	
	font-size: 16px;
	padding: 6px 0px 8px 0px;
	line-height: 12px;
	font-weight: 400;
	
}

.page-links li:first-child a, .page-links li:last-child a  {
	
	font-size: 16px;
	padding: 3px 10px 6px 10px;
	line-height: 12px;
	font-weight: 400;
	
}

.page-links-number select {
	
	border: none;
	background: #eeeeee;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 11px;
	color: #333333;
	padding: 5px 5px;
	border-radius: 15px;
	cursor: pointer;
	
}

.page-links-number select:hover {
	
	background-color: #dddddd;
	
}

.page-links a, .page-links span {
	
	text-decoration: none;
	color: #333333;
	padding: 7px 10px;
	border-radius: 15px;
	
}

.page-links li:hover, .page-links li:hover a {
	
	background-color: #dddddd;
	
}

.graph-timestamp {
	
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	color: #cccccc;
	font-style: italic;
	line-height: 16px;
	position: absolute;
	bottom: -10px;
	right: 10px;
	text-align: right;
	z-index: 10;
	letter-spacing: 0px;
	
}

.graph-switch-table{
	
	height: 20px;
	width: auto;
	position: absolute;
	right: 0px;
	top: 10px;
	padding-bottom: 3px;
	cursor: pointer;
	
}

.graph-switch-chart{
	
	height: 20px;
	width: auto;
	position: absolute;
	right: 30px;
	top: 10px;
	padding-bottom: 3px;
	cursor: pointer;
	
}

.graph-switch-table-b{
	
	height: 20px;
	width: auto;
	position: absolute;
	right: 20px;
	top: 10px;
	padding-bottom: 3px;
	cursor: pointer;
	
}

.graph-switch-chart-b{
	
	height: 20px;
	width: auto;
	position: absolute;
	right: 50px;
	top: 10px;
	padding-bottom: 3px;
	cursor: pointer;
	
}

.graph-top-ten-filter{
	
	height: 20px;
	width: auto;
	position: absolute;
	right: 20px;
	top: 10px;
	padding-bottom: 3px;
	cursor: pointer;
	
}

.graph-top-ten-filter-group {
	
	display: none;
	position: absolute;
	right: 0px;
	top: 30px;
	z-index: 101;
	min-width: 100px;
	width: auto;
	max-height: 200px;
	height: auto;
	padding: 0px;
	background-color: rgb(255,255,255);
	box-shadow: 2px 2px 4px 1px #cccccc;
	overflow: auto;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	
}

.graph-top-ten-filter-group.active {
	
	display: block;
	
}

.graph-top-ten-filter-group ul {
	
	list-style: none;
	text-align: left;
	padding: 0px;
	margin: 0;
	font-size: 0px;
	
}

.graph-top-ten-filter-group li {

	font-size: 12px;
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-weight: 400;
	transition: background 0.2s ease-in-out;

}

.graph-top-ten-filter-group li:nth-child(odd) {
	
	background-color: transparent;
	
}

.graph-top-ten-filter-group li:nth-child(even) {
	
	background-color: rgba(175,175,175,.1);
	
}

.graph-top-ten-filter-group li .wrapper {

	padding: 5px 10px;
	width: calc(100% - 20px);

}

.graph-top-ten-filter-group li a {
	
	color: #333333;
	text-decoration: none;
	font-weight: 400;
	
}

.top-ten-list {
	
	font-size: 12px;
	padding: 0px 10px;
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	
}

.graph-top-ten-filter-group li:hover {
	
	background-color: rgba(75,75,75,0.9);
	
}

.graph-top-ten-filter-group li a:hover {
	
	color: #ffffff;
	
}

.graph-switch-white:hover {
	
	border-bottom: 4px solid rgb(150,150,150);
	
}

.graph-switch-selected-white {
	
	border-bottom: 4px solid rgb(49,32,83);
	
}

.graph-switch-blue:hover {
	
	border-bottom: 4px solid rgb(13,53,140);
	
}

.graph-switch-selected-blue {
	
	border-bottom: 4px solid rgb(255,255,255);
	
}

.graph-switch-dark:hover {
	
	border-bottom: 4px solid rgb(33,33,33);
	
}

.graph-switch-selected-dark {
	
	border-bottom: 4px solid rgb(255,255,255);
	
}

/*
.template-list-white {
	
	background: linear-gradient(rgba(174,30,121,0.0), rgba(131,22,91,0.1));
	
}

.template-list-blue {
	
	background: linear-gradient(rgba(17,71,187,0.0), rgba(9,35,93,0.1));
	
}

.template-list-purple {
	
	background: linear-gradient(rgba(174,30,121,0.0), rgba(131,22,91,0.1));
	
}

.template-list-grey {
	
	background: linear-gradient(rgba(89,89,89,0.0), rgba(51,51,51,0.1));
	
}
*/
.template-list-blue:hover {
	
	background-color: rgb(13,53,140);
	
}

.template-list-dark:hover {
	
	background-color: rgb(33,33,33);
	
}

.template-list-white:hover {
	
	background-color: rgb(150,150,150);
	
}

.selected-blue {
	
	background: linear-gradient(rgba(255,255,255,0.9), rgba(230,230,230,0.9));
	color: rgb(13,53,140);
	
}

.selected-dark {
	
	background: linear-gradient(rgba(255,255,255,0.9), rgba(230,230,230,0.9));
	color: rgb(33,33,33);
	
}

.selected-white-b {
	
	background: linear-gradient(rgba(174,30,121,0.9), rgba(131,22,91,0.9));
	color: rgb(255,255,255);
	
}

.selected-white {
	
	background-color: rgba(253,84,115,0.9);
	color: rgb(255,255,255);
	
}

.tplt-inactive {
	
	opacity: 0.6!important;
	
}

.switch-label {
	
	position: absolute;
	top: 10px;
	left: 50px;
	line-height: 15px;
	font-size: 10px;
	font-family: Helvetica, sans-serif;
	color: #aaaaaa;
	transition: color 0.2s ease-in-out;
	
}

.switch-label.active {
	
	color: rgb(49,32,83);
	
}

.switch-label-b {
	
	position: absolute;
	top: 10px;
	left: 140px;
	line-height: 15px;
	font-size: 10px;
	font-family: Helvetica, sans-serif;
	color: #aaaaaa;
	transition: color 0.2s ease-in-out;
	
}

.switch-label-b.active {
	
	color: rgb(49,32,83);
	
}

.switch {
	
	position: absolute;
	left: 10px;
	top: 10px;
	display: inline-block;
	width: 30px;
	height: 17px;
	
}

.switch input {
	
	opacity: 0;
	width: 0;
	height: 0;
	
}

.switch-b {
	
	position: absolute;
	left: 100px;
	top: 10px;
	display: inline-block;
	width: 30px;
	height: 17px;
	
}

.switch-b input {
	
	opacity: 0;
	width: 0;
	height: 0;
	
}

.switch-c {
	
	position: relative;
	vertical-align: middle;
	display: inline-block;
	width: 30px;
	height: 17px;
	
}

.switch-c input {
	
	opacity: 0;
	width: 0;
	height: 0;
	
}

.slider {
	
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	
}

.slider:before {
	
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	
}

input:checked + .slider {
	
	background-color: rgb(49,32,83);
	
}

input:focus + .slider {
	
	box-shadow: 0 0 1px #2196F3;
	
}

input:checked + .slider:before {
	
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
	
}

/* Rounded sliders */
.slider.round {
	
	border-radius: 17px;
	
}

.slider.round:before {
	
	border-radius: 50%;
	
}

.mobile-div {
	
	display: none;
	
}



.contacts-wide-mobile table {
	
	width: 100%;
	text-align: left;
	padding: 0px;
	border-spacing: 0px;

}

.contacts-wide-mobile tr:nth-child(odd) {

	background-color: #ffffff;

}

.contacts-wide-mobile tr:nth-child(even) {

	background-color: #ffffff;

}

.contacts-wide-mobile th {

	background-color: rgba(220,220,220,.9);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	text-align: center;

}

.contacts-wide-mobile td{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 23px;
	padding: 20px;
	word-wrap: break-word;
	letter-spacing: 0px;
	border-bottom: 10px solid rgba(245,245,245,.9);

}

.contacts-wide-mobile .td-bdr {

	padding: 0px;
	width: 5px;
	background-color: rgba(245,245,245,.9);

}

.contacts-wide-mobile select {

	border: 1px solid rgba(245,245,245,.9);
	background: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	width: calc(100% - 100px);

}
.contacts-wide-mobile button {

	border: transparent;
	border-radius: 3px;
	background-color: rgba(200,200,200,.9);
	padding: 5px 5px;
	width: calc(100% - 20px);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;

}

.contacts-wide-mobile .td-lin {

	width: 10%;

}

.contacts-wide-mobile .td-status-fill {

	width: 20px;
	padding: 0px;
	background-color: white;

}

.contacts-wide-mobile .td-status-orange {

	width: 20px;
	padding: 0px;
	background-color: orange;

}

.contacts-wide-mobile .td-status-red {

	width: 20px;
	padding: 0px;
	background-color: red;

}

.contacts-wide-mobile .td-status-green {

	width: 20px;
	padding: 0px;
	background-color: green;

}

.contacts-wide-mobile .td-status-grey {

	width: 20px;
	padding: 0px;
	background-color: grey;

}

.contacts-wide-mobile a {

	font-weight: 600;
	color: #333333;

}

.contacts-wide-mobile th a {

	font-weight: 600;
	color: #333333;
	text-decoration: none;

}

.contacts-wide-mobile th select {

	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	width: calc(100%);

}

.contacts-wide-mobile .numbers {

	width: 10%;
	padding: 10px 10px;

}

.contacts-wide-mobile .filters, .contacts-wide-mobile .sorts {

	width: 15%;
	padding: 0px 5px;

}

.contacts-wide-mobile .links {

	padding: 0px 5px;

}

.contacts-wide-mobile .mobile-timestamp {

	font-weight: 400;
	color: #cccccc;

}

.contacts-wide-mobile .drop-container {

	position: relative;
	display: inline-block;
	padding: 0px;
	width: 100%;

}

.contacts-wide-mobile .drop-content {

	display: none;
	position: absolute;
	background-color: rgba(200,200,200,.9);
	width: 150px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 100;
	padding: 0px;
	text-align: left;
	left: 0px;
	line-height: 30px;

}

.contacts-wide-mobile .drop-content-show {

	display: block;

}

.contacts-wide-mobile .drop-link {

	padding: 5px 10px;
	width: calc(100% - 10px);

}

.mobile-wide-links {
		
	width: calc(100% - 5px);
	padding: 0px;

}

.mobile-wide-links li {

	list-style: none;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 10px;
	color: #333333;
	background-color: #f2f2f2;

}

.wide-hide {
	
	display: block;
	
}


@media (min-width: 1300px) and (max-height: 830px) {
	
	.main-content-flex-b {
		
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-gap: 20px 20px!important;
		gap: 20px 20px!important;
		
	}
	
	.main-content-flex-b .safari-div {
		
		display: none!important;
		
	}
	
	.main-content-flex-b .item-a, .main-content-flex-b .item-b, .main-content-flex-b .item-c, .main-content-flex-b .item-d, .main-content-flex-b .item-e, .main-content-flex-b .item-eb, .main-content-flex-b .item-ec, .main-content-flex-b .item-ed {
		
		height: calc(50vh - 75px)!important;
		
	}
	
	.main-content-flex-b .item-abc .sub-item-a {
	
		height: calc(74.5% - 24px)!important;

	}
	
	.main-content-flex-b .item-acd .sub-item-a, .main-content-flex-b .item-acd .sub-item-b {
	
		height: calc(49% - 10px)!important;

	}
	
	.main-content-flex-b .item-b {
		
		-webkit-gap: 20px 20px!important;
		gap: 20px 20px!important;
		
	}
	
	.main-content-flex-b .item-d {
		
		flex: 0 39.5%;
		
	}
	
	.main-content-flex-b .item-e {
		
		overflow-y: auto;
		
	}
	
	.main-content-flex-b .item-e::-webkit-scrollbar {
	
		width: 12px;
		height: 12px;

	}

	.main-content-flex-b .item-e::-webkit-scrollbar-track {

		background: none;

	}

	.main-content-flex-b .item-e::-webkit-scrollbar-thumb {

		background: rgba(75,75,75,.1);
		border-radius: 6px;

	}

	.main-content-flex-b .item-e:hover::-webkit-scrollbar-thumb {

		background: rgba(75,75,75,.4);

	}
	
	.main-content-flex-b .item-b .sub-item .numbers .number-item .equal-height {
		
		height: 50px;
		
	}
	
	.main-content-flex-b .item-b .sub-item .numbers .number-item-b .equal-height {
		
		height: 50px;
		
	}
	
	.main-content-flex-b .item-c .number-item .number-part-a .number-part-img-a {
		
		width: 60px;
		height: auto;

	}
	
	.graph-head-hide {
		
		display: none;
		
	}
	
	.contact-graph-container {
		
		height: calc(100%);
		
	}
	
	.contact-graph-container .block .cell-value {
	
		font-size: 25px;
		font-weight: 600;
		line-height: 30px;

	}
	
	.j-table-container {
		
		height: calc(100% - 50px);
		
	}
	
	.dash-pro-ico-img {
	
		max-width: 60px;
		width: 100%;
		height: auto;

	}

	.dash-pro-ico-img-main {

		max-width: 74px;
		width: 100%;
		height: auto;

	}

	.dash-pro-ico-img-sub {

		max-width: 50px;
		width: 100%;
		height: auto;

	}

	.dash-pro-ico-img-sub-hot {

		max-height: 50px;
		height: 100%;
		width: auto;

	}
	
	.dash-pro-txt-main {
	
		font-size: 40px;
		line-height: 20px;

	}
	
	.dash-sub-pro-txt {
		
		font-size: 32px;
		line-height: 20px;
		
	}
	
	.dash-bar {
	
		font-size: 30px;
		line-height: 20px;

	}
	
	.dash-sub-bar {
	
		font-size: 19px;

	}
	
	.leads {
		
		overflow-x: hidden!important;
		
	}
	
}


@media (min-width: 1300px) and (max-height: 780px) {
	
	.main-content-flex-b .item-b .sub-item .numbers .number-item .equal-height {
		
		height: 45px;
		
	}
	
	.main-content-flex-b .item-b .sub-item .numbers .number-item-b .equal-height {
		
		height: 45px;
		
	}
	
	.dash-pro-ico-img {
	
		max-width: 55px;
		width: 100%;
		height: auto;

	}

	.dash-pro-ico-img-main {

		max-width: 69px;
		width: 100%;
		height: auto;

	}

	.dash-pro-ico-img-sub {

		max-width: 45px;
		width: 100%;
		height: auto;

	}

	.dash-pro-ico-img-sub-hot {

		max-height: 45px;
		height: 100%;
		width: auto;

	}
	
	.leads {
		
		overflow-x: hidden!important;
		
	}
	
}

@media (min-width: 1360px) and (max-height: 770px) {
	
	.main-content-flex-b .item-a {
		
		height: calc(50vh - 75px)!important;
		flex: 0 58.5%!important;
		
	}
	
	.main-content-flex-b .item-b .sub-item .journey {
		
		-webkit-gap: 10px 10px!important;
		gap: 10px 10px!important;
		
	}
	
	.main-content-flex-b .item-d {
		
		flex: 0 38%!important;
		
	}
	
	.main-content-flex-b .item-eb {
		
		height: calc(50vh - 75px)!important;
		flex: 0 68%;
		
	}
	
	.main-content-flex-b .item-ec, .main-content-flex-b .item-ed {
		
		height: calc(50vh - 75px)!important;
		flex: 0 49%;
		
	}
	
	.graph-head-title, .graph-head-title-select, .graph-head-title-select-bold {
		
		font-size: 20px;
		
	}
	
	.main-content-flex-b .item-ea .template-list {
		
		height: calc(80% - 20px)!important;
		
	}
	
	.template-list-text-b, .template-list-text-sub {
		
		font-size: 12px!important;
		line-height: 16px!important;
		
	}
	
	.graph-legend-list-dash-s, .grapg-legend-list-t {
		
		width: calc(100% - 340px)!important;
		
	}
	
	.graph-legend-leads {
		
		width: calc(100%)!important;
		padding-left: 0px!important;
		
	}
	
	.graph-legend-word {
		
		font-size: 10px!important;
		line-height: 18px!important;
		
	}
	
	.dash-pro-txt-main {
		
		font-size: 36px!important;
		
	}
	
	.dash-sub-bar {
		
		font-size: 19px!important;
		line-height: 12px!important;
		
	}
	
	.dash-sub-bar-b {
		
		font-size: 17px!important;
		line-height: 12px!important;
		
	}
	
	.hot td {
		
		font-size: 13px!important;
		
	}
	
	.leads-head {
		
		height: 60px!important;
		
	}
	
	.leads-head-title-b {
		
		font-size: 24px!important;
		line-height: 60px!important;
		
	}
	
	.leads-td-contacts-desc, .leads-tdt-contacts-desc-b {
		
		width: 200px!important;
		
	}
	
	.leads-td-contacts-second {
		
		left: 215px!important;
		
	}
	
	.leads-td-contacts-third {
		
		left: 440px!important;
		
	}
	
	.leads-td-contacts-third-c, .leads-td-contacts-third-d {
		
		left: 465px!important;
		
	}
	
	.leads-td-contacts-fourth {
		
		left: 490px!important;
		
	}
	
}


@media (max-width: 1300px) {
	
	.main-content .container-b {
	
		width: 100%;
		min-height: 795px;
		-webkit-flex-direction: column;
		flex-direction: column;

	}
	
	.main-content .container-a {
		
		width: 100%;
		min-height: 600px;
		-webkit-flex-direction: column;
		flex-direction: column;
		
	}
	
	.main-content .container-c {
		
		width: 100%;
		min-height: 555px;
		-webkit-flex-direction: column;
		flex-direction: column;
		
	}
	
	.main-content .container-d {
		
		width: 100%;
		min-height: 740px;
		-webkit-flex-direction: column;
		flex-direction: column;
		
	}
	
	.main-content-info .container-y {
		
		width: 100%;
		-webkit-flex-direction: column;
		flex-direction: column;
		
	}
	
	.main-content-info .container-y .sub-container-a {
		
		min-height: 780px;
		padding-bottom: 20px;
		
	}
	
	.main-content-info .container-y .sub-container-b {
		
		min-height: 810px;
		padding-bottom: 20px;
		
	}

	
	.main-content .container-c {
		
		width: 100%;
		min-height: 555px;
		-webkit-flex-direction: column;
		flex-direction: column;
		
	}
	
	.main-content-contacts {
	
		height: calc(100vh - 63px);
		
	}
	
	.main-content-contacts-flex {
	
		height: calc(100vh - 63px);
		
	}
	
	.main-content-contacts .container-contacts {
		
		width: calc(100% - 50px);
		min-height: 650px;
		-webkit-flex-direction: column;
		flex-direction: column;
		
	}
	
	.main-content-contacts-flex .container-contacts {
		
		flex: 0 calc(100% - 50px);
		height: calc(100vh - 133px);
		-webkit-flex-direction: column;
		flex-direction: column;
		
	}
	
	.main-content .container-b .sub-container-a, .main-content .container-b .sub-container-b, .main-content .container-a .sub-container-a, .main-content .container-a .sub-container-b {
		
		width: 100%;
		
	}
	
	.main-content .container-a .sub-container-b {
		
		flex-direction: row;
		
	}
	
	.main-content .container-c .sub-container-a {
		
		width: 100%;
		
	}
	
	.main-content .container-c .sub-container-b {
	
		width: 100%;
		
	}
	
	.main-content .container-d .sub-container {
	
		width: 100%;
		
	}
	
	.main-content-info .container-y .sub-container-a, .main-content-info .container-y .sub-container-b {
	
		width: 100%;
		
	}
	
	.main-content .container-c .sub-container-a .dash-box-graph {
		
		width: calc(100% - 40px);
		
	}
	
	.prospect-separator {
	
		width: 20px;
		height:100%;
		padding: 0px;

	}
	
	.prospect-box-journey {
	
		width: calc(40vw - 10px);
		height: 100%;

	}
	
	.prospect-box-metrics {
	
		width: calc(60vw - 10px);
		height: 100%;

	}
	
	.dash-pro-txt {
		
		font-size: 60px;
		line-height: 30px;
		flex: 0 48%;
		
	}
	
	.dash-pro-ico {
		
		flex: 0 48%;
		
	}
	
	.dash-box-thin {
		
		min-height: 200px;
		
	}
	
	.dash-leads {
		
		max-height: 380px;
		
	}
	
	.leads-head, .leads-head-b {
	
		width: 100%;
		height: 50px;
		padding: 10px 0px 10px 0px;
		text-align: center;

	}

	.leads {

		width: 100%;
		height: calc(100% - 70px);
		overflow-y: auto;
		overflow-x: hidden;

	}
	
	.leads table {
		
		padding: 0px 0px 20px 0px;
		
	}
	
	.leads-td-contacts-desc {
	
		width: 200px;

	}
	
	.leads-td-contacts-desc-b {
		
		width: 170px;
		
	}
	
	.leads-td-contacts-first {
		
		left: 0px;
		
	}
	
	.leads-td-contacts-second {
		
		left: 250px;
		
	}
	
	.leads-td-contacts-third {
		
		left: 435px;
		
	}
	
	.leads-td-contacts-fourth {
		
		left: 475px;
		
	}

	.leads-td-contacts-eighth {

		right: 150px;

	}

	.leads-td-contacts-nineth {

		right: 100px;

	}

	.leads-td-contacts-tenth {

		right: 0px;

	}
	
	.leads-td-contacts-flags {
		
		width: 162px;
		
	}
	
	.main-content .container-c .sub-container-a .dash-box-graph {
	
		min-height: 150px;

	}
	
	.graph-template .holder .row .ico {
	
		display: none;

	}
	
	.template-list {
		
		max-height: 120px;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		
	}
	
	.template-list-text {
	
		font-size: 16px;

	}
	
	.template-list-text-rank {
		
		font-size: 16px;
		line-height: 60px;
		
	}

	.template-list-text-sub {

		font-weight: 400;
		font-size: 16px;

	}
	
	.template-list-img {
	
		width: 40px;
		height: auto;
		vertical-align: auto;
		margin: auto;

	}
	
	.main-content-flex-b .item-ea .template-item .template-list-img {
	
		width: 40px;
		flex: 0 40px;
		height: auto;
		vertical-align: auto;
		margin: auto;

	}
	
	.main-content-flex-b .item-ea .template-item .template-list-text-container {
	
		flex: 0 calc(100% - 50px);

	}
	
	.template-img-shrink {
		
		max-width: 30px;
		
	}
	
	.graph-head-title-select, .graph-head-title-select-bold {
		
		font-size: 20px;
		
	}
	
	.list-white li:first-child {
	
		border-bottom: none; 

	}

	.list-white li:nth-child() {

		border-bottom: none; 
		border-top: none; 

	}

	.list-white li:last-child {

		border-top: none; 

	}

	.list-blue li:first-child, .list-dark li:first-child {

		border-bottom: none; 

	}

	.list-blue li:nth-child(), .list-dark li:nth-child() {

		border-bottom: none; 
		border-top: none; 

	}

	.list-blue li:last-child, .list-dark li:last-child {

		border-top: none; 

	}
	
	.list-blue::-webkit-scrollbar, .list-dark::-webkit-scrollbar, .list-white::-webkit-scrollbar {
	
		width: 12px;

	}
	
	.landing-head {
		
		height: 95px;
		
	}
	
	.landing-image > img {
		
		max-height: 75px;
		width: auto;
		
	}
	
	.landing-container .head-title {
	
		font-size: 30px;
		line-height: 34px;

	}
	
	.landing-container .landing-hero .content-title {
		
		font-size: 70px;
		line-height: 80px;

	}
	
	.bar-name {
		
		font-size: 16px;
		
	}
	
	.contact-graph-container .block .cell-value {
	
		font-size: 26px;
		font-weight: 600;
		line-height: 30px;
		letter-spacing: 0px;

	}
	
	.main-content-contacts .container-filter {
				
		display: none!important;
		
	}
	
	.main-content-contacts-flex .container-filter {
				
		display: none!important;
		
	}
	
	.main-content-contacts .container-filter-show {
		
		display: block;
		position: absolute;
		top: 63px;
		left: 50px;
		z-index: 100;
		height: calc(100vh - 63px);
		background-color: #f2f2f2;
		box-shadow: 5px 0px 5px -5px #666666;
		
	}
	
	.main-content-contacts-flex .container-filter-show {
		
		display: block;
		position: absolute;
		top: 63px;
		left: 50px;
		z-index: 100;
		height: calc(100vh - 63px);
		background-color: #f2f2f2;
		box-shadow: 5px 0px 5px -5px #666666;
		
	}
	
	.main-content-contacts .container-filter-bar {
		
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		
	}
	
	.main-content-contacts-flex .container-filter-bar {
		
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		
	}
	
	.main-content-contacts .container-filter-bar:hover {
		
		cursor: pointer;
		background-color: #e2e2e2;
		
	}
	
	.main-content-contacts-flex .container-filter-bar:hover {
		
		cursor: pointer;
		background-color: #e2e2e2;
		
	}
	
	.filter-bar-header {
	
		font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: 600;
		line-height: 16px;
		padding: 10px;
		text-align: center;
		letter-spacing: 0px;

	}
	
	.filter-bar-rotate {
		
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		
	}
	
	.dash-box-filter-icon .icon-close {
		
		display: block;
		
	}
	
	.main-content-flex .item-a, .main-content-flex .item-abc, .main-content-flex .item-acd, .main-content-flex .item-b, .main-content-flex .item-c, .main-content-flex .item-d, .main-content-flex .item-e, .main-content-flex .item-ea, .main-content-flex .item-eb, .main-content-flex .item-ec, .main-content-flex .item-ed {
	
		flex: 0 100%;

	}
	
	.main-content-flex-b .item-a, .main-content-flex-b .item-abc, .main-content-flex-b .item-acd, .main-content-flex-b .item-acd-b, .main-content-flex-b .item-b, .main-content-flex-b .item-c, .main-content-flex-b .item-d, .main-content-flex-b .item-e, .main-content-flex-b .item-ea, .main-content-flex-b .item-eb, .main-content-flex-b .item-ec, .main-content-flex-b .item-ed {
	
		flex: 0 100%;

	}
	
	.main-content-flex .item-abc .sub-item-a, .main-content-flex .item-abc .sub-item-b, .main-content-flex .item-acd .sub-item-a, .main-content-flex .item-aacd .sub-item-b {
		
		width: calc(100%);
		
	}
	
	.main-content-flex-b .item-abc .sub-item-a, .main-content-flex-b .item-abc .sub-item-b, .main-content-flex-b .item-acd .sub-item-a, .main-content-flex-b .item-acd-b .sub-item-a, .main-content-flex-b .item-aacd .sub-item-b {
		
		width: calc(100%);
		
	}
	
	.main-content-flex .item-c, .main-content-flex-b .item-c {
		
		height: calc(20%);
		-webkit-flex-direction: row;
		flex-direction: row;
		
	}
	
	.main-content-flex .item-ea, .main-content-flex-b .item-ea {
		
		height: calc(25%);
		
	}
	
	.main-content-flex .item-ea .template-list, .main-content-flex-b .item-ea .template-list {
		
		-webkit-flex-direction: column;
		flex-direction: column;
		
	}
	
	.main-content-flex .item-ea .template-item, .main-content-flex-b .item-ea .template-item {
		
		height: 60px;
		width: 400px;
		padding: 10px;
		
	}
	
	.main-content-flex .item-c .number-item, .main-content-flex-b .item-c .number-item {
		
		flex: 0 30%;
		
	}
	
	.main-content-flex .hider, .main-content-flex-b .hider {
		
		display: none;
		
	}
	
	.page-foot-container {
		
		width: calc(100% - 50px);
		background-color: #ffffff;
		
	}
	
}

@media (max-width: 1200px) {
	
	.main-content-set .container-set {
		
		min-height: 1240px;
		-webkit-flex-direction: column;
		flex-direction: column;
		
	}
	
	.bottom-set {
		
		width: 100%;
		
	}
	
	.dash-box-set {
		
		min-height: 610px;
		height: 50%;
		
	}
	
	.graph-legend .graph-legend-selector, .graph-legend .graph-legend-selector-b {
		
		width: 20%;
		
	}
	
	.graph-legend .graph-legend-list, .graph-legend .graph-legend-list-b {
		
		width: 78%;
		
	}
	
	.graph-head-title, .graph-head-title-bold {
		
		font-size: 20px;
		
	}
	
	.leads-white th {
	
		font-size: 13px;
		line-height: 17px;

	}

	.leads td {

		font-size: 12px;
		line-height: 16px;

	}
	
	.leads-head {
	
		height: 30px;
		padding: 10px 0px 10px 0px;

	}
	
	.leads-head-title, .leads-head-title-bold, .leads-head-title-b {
		
		font-size: 20px;
		line-height: 30px;
		
	}
	
	.wide-hide {
		
		display: none;
		
	}
	
	.contacts-wide-mobile {
		
		display: block;
		
	}
	
}


@media (max-width: 1084px) {
	
	.nav-btn {
		
		display: inline-block;
		
	}
	
	.nav-item-dv {
	
		border-left: none;

	}
	
	.nav-item {
	
		display: block;
		padding: 0px 18px;
		border-bottom: 1px solid #e6e6e6;
		transition: all 0.25s linear;

	}
	
	.sub-navbar-menu {
		
		left: 0px;
		top: 75px;
		width: calc(100%);
		padding: 0px;
		max-height: 400px;
		z-index: 100;
		
	}
	
	.sub-nav-item {
		
		padding: 0px!important;
		
	}
	
	.sub-nav-item a {
		
		padding: 20px!important;
		
	}
	
	.nav-item a {
		
		display: inline-block;
		transition: all 0.25s linear;
		font-size: 14px;
		width: 100%;
		height: 100%;
		padding: 22px 0px;

	}
	
	.nav-item-hide {
		
		display: inline-block;
		
	}
	
	.nav-item-dv {
	
		border-left: none;

	}

	.nav-item-dv-white {

		border-left: none;

	}

	.nav-item-dv-dark {

		border-left: none;

	}

	.blu:hover {
	
		background-color: rgb(13,53,140);
		color: rgb(255,255,255);

	}

	.drk:hover {

		background-color: rgb(33,33,33);
		color: rgb(255,255,255);

	}

	.wht:hover {

		background-color: rgb(150,150,150);
		color: rgb(255,255,255);

	}
	
	.nav-item:hover > a {
		
		border-bottom: none;
		color: #ffffff;
		
	}

	.navbar-menu {
		
		display: none;
		position: absolute;
		top: 56px;
		right: -18px;
		margin: 0 auto;
		background-color: #ffffff;
		width: 100vw;
		border-left: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6;
		transition: all 0.25s linear;
		z-index: 10;

	}
	
	.navbar-menu.active {
		
		display: inline-block;
		
	}
	
	.nav-item-hide {
		
		display: inline-block;
		padding: 0px 0px 0px 10px;
		
	}
	
	.top-bar-left-c {
		
		width: calc(90vw - 40px);
		height: 63px;
	}
	
	.top-bar-left-c-white {
		
		width: calc(90vw - 40px);
		height: 63px;
	}
	
	.top-bar-left-c-dark {
		
		width: calc(90vw - 40px);
		height: 63px;
	}
	
	.top-bar-right-c {
		
		padding: 0px 18px;
		width: 10vw;
		height: 63px;
		
	}
	
	.top-bar-right-c-white {
		
		padding: 0px 18px;
		width: 10vw;
		height: 63px;
		
	}
	
	.top-bar-right-c-dark {
		
		padding: 0px 18px;
		width: 10vw;
		height: 63px;
		
	}
	
	.nothing {
		
		height: 63px;
		
	}
	
	.main-content, .main-content-set {
		
		height: calc(100vh - 103px);
		
	}
	
	.main-content .container-a, .main-content .container-b  {
	
		height: calc((100vh - 103px)*0.495);

	}
	
	.i-small {
		
		max-width: 150px;
		width: 100%;
		height: auto;
		
	}
	
	.graph-table-cell-selector td {
		
		font-size: 16px;
		line-height: 20px;
		
	}
	
	.landing-container .head-title {
	
		font-family: 'proxima-nova', Arial, Helvetica, sans-serif;

	}
	
	.landing-body {
		
		flex-direction: column;
		align-items: center;
		
	}
	
	.landing-content {
	
		width: calc(100% - 80px);
		padding: 40px 0px 0px 40px;

	}
	
	.landing-form-container {
		
		width: calc(100% - 80px);
		
	}
	
	.landing-container .landing-hero .content-title {
		
		font-size: 50px;
		line-height: 60px;

	}
	
	.landing-container .content-sub-title {
		
		font-size: 26px;
		line-height: 34px;

	}
	
	.landing-container .content-body {
	
		font-size: 16px;
		line-height: 26px;

	}
	
	.landing-hero {
		
		height: 400px;
		
	}
	
	.dash-sub-bar {
		
		font-size: 20px!important;
		line-height: 20px;
		
	}
	
	.leads-td-contacts-desc {
		
		width: 170px;
		
	}
	
	.leads-td-contacts-desc-b {
		
		width: 140px;
		
	}
	
}

@media (max-width: 900px) {
	
	.landing-content {
	
		width: calc(100% - 40px);
		padding: 20px 0px 0px 20px;

	}
	
	.landing-form-container {
		
		width: calc(100% - 40px);
		padding: 20px;
		background-color: #c22187;
		
	}
	
	.landing-container .head-title {
	
		display: none;

	}
	
	.landing-image {
		
		width: calc(100%);
		align-items: flex-start;
		
	}
	
	.landing-head {
		
		height: 75px;
		
	}
	
	.landing-image > img {
		
		max-height: 55px;
		width: auto;
		
	}
	
	.landing-form {
		
		width: calc(100% - 20px);
		padding: 10px;
		background-color: #ffffff;
		
	}
	
	.landing-form-container .form-group {
	
		width: calc(100%);

	}
	
	.leads-white th {
		
		font-family: Arial, Helvetica, sans-serif;
		padding: 5px;
		font-size: 12px;
		line-height: 16px;
		
	}
	
	.leads td {
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 15px;
		padding: 5px;

	}
	
	.page-foot-container {
		
		width: calc(100% - 50px);
		
	}
	
	.small-wide-hide {
		
		display: none;
		
	}
	
	.contact-graph-container .block .cell-graph {
	
		flex: 0 100%;
		padding: 0px;

	}
	
	.contact-graph-container .block .cell-value {
		
		display: none;

	}
	
	.main-content-flex-b .item-abc .sub-item-b .number-item-a {
		
		flex: 0 45%;
		height: calc(100%);
		
	}
	
	.main-content-flex-b .item-e {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-eb-l {
	
		height: auto;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

	}
	
	.main-content-flex-b .item-eb-l {
		
		height: auto;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

	}
	
	.main-content-flex-b .item-eb-l .qbox {
	
		flex: 0 calc(50% - 10px);
		height: 400px;

	}
	
	.main-content-flex-b .item-eb-l .fbox {
	
		flex: 0 calc(50% - 10px);
		height: 400px;

	}
	
}

@media (max-height: 820px) {
	
	.main-content-flex-b .item-e {
		
		height: auto;
		
	}
	
}

@media (max-height: 768px) {
	
	.main-content-contacts .container-contacts {
		
		height: 635px;
		
	}
	
	.main-content-contacts-flex .container-contacts {
		
		height: 635px;
		
	}
	
	.leads {

		height: calc(100% - 100px);

	}
	
	.main-content-flex, .main-content-flex .item-b, .main-content-flex .item-abc, .main-content-flex .item-acd, .main-content-flex-b, .main-content-flex-b .item-b, .main-content-flex-b .item-abc, .main-content-flex-b .item-acd,  .main-content-flex-b .item-acd-b {
		
		-webkit-gap: 0px;
		gap: 0px;
		
	}
	
	.main-content-flex-b .item-ab, .main-content-flex-b .item-ac {
		
		flex: 0 100%;
		
	}
	
	.main-content-flex .item-ea, .main-content-flex-b .item-ea {
	
		min-height: 170px;

	}
	
	.main-content-flex .item-ea .template-list, .main-content-flex-b .item-ea .template-list {
		
		height: 100px;
		
	}
	
	.main-content-flex .item-ea .template-item, .main-content-flex-b .item-ea .template-item {
		
		height: 70px;
		padding: 10px;
		
	}
	
	.main-content-flex-b .item-a, .main-content-flex .item-a, .main-content-flex .item-b, .main-content-flex .item-d, .main-content-flex .item-e, .main-content-flex .item-eb, .main-content-flex .item-ec, .main-content-flex .item-ed, .main-content-flex .item-acd .sub-item-a, .main-content-flex .item-acd .sub-item-b {
	
		height: calc(56vh);

	}
	
	.main-content-flex-b .item-e {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-b, .main-content-flex-b .item-d, .main-content-flex-b .item-eb, .main-content-flex-b .item-ec, .main-content-flex-b .item-ed, .main-content-flex-b .item-acd .sub-item-a, .main-content-flex-b .item-acd .sub-item-b,  .main-content-flex-b .item-acd-b .sub-item-a, .main-content-flex-b .item-acd-b .sub-item-b {
	
		height: calc(56vh);

	}
	
	.main-content-flex .item-abc .sub-item-a, .main-content-flex-b .item-abc .sub-item-a {
		
		height: calc(60vh);
		
	}
	
	.main-content-flex .item-c, .main-content-flex .item-abc .sub-item-b, .main-content-flex-b .item-c, .main-content-flex-b .item-abc .sub-item-b {
		
		height: calc(20vh);
		
	}
	
	.main-content-flex .safari-div, .main-content-flex-b .safari-div {
		
		display: block;
		
	}
	
	.h-bar {
	
		font-size: 20px;
		line-height: 30px;

	}
	
	.info-ico {
	
		max-width: 30px; 
		width: 100%;
		height: auto;

	}
	
	.page-foot-container {
		
		width: calc(100% - 50px);
		
	}
	
	.hot {
		
		height: auto;
		
	}
	
}

@media (max-width: 460px) {
	
	.main-content-flex-b {
		
		height: auto;
		-webkit-gap: 20px 0px;
		gap: 20px 0px;
		padding: 0px 0px;
		
	}
	
	.main-content-flex-b .item-ab, .main-content-flex-b .item-ac {
		
		flex: 0 100%;
		
	}
	
	.main-content-flex-b .item-a, .main-content-flex-b .item-d, .main-content-flex-b .item-e, .main-content-flex-b .item-ea, .main-content-flex-b .item-eb, .main-content-flex-b .item-ec, .main-content-flex-b .item-ed {
	
		background: none;
		border-radius: 0px;

	}
	
	.main-content-flex-b .item-e {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-ea {
		
		height: auto;
		padding: 0px;
		
	}
	
	.main-content-flex-b .item-eb-l {
		
		height: auto;
		width: 100%;
		padding-top: 30px!important;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;

	}
	
	.main-content-flex-b .item-eb-l .qbox {
	
		width: 100%;

	}
	
	.main-content-flex-b .item-eb-l .fbox {
	
		width: 100%;

	}
	
	.main-content-flex-b .item-eb-l .qbox .graph-lifetime-volume, .main-content-flex-b .item-eb-l .fbox .graph-lifetime-volume {
	
		width: 100%;
		height: 300px;

	}
	
	.graph-lifetime-body {
	
		height: 300px;

	}
	
	.message-box .message-list {
		
		flex: 0 100%;
		
	}
	
	.contact-import {
		
		width: calc(100%);
		height: auto;
		padding: 0px;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;

	}

	.contact-import .import-box {

		flex: 0 100%;

	}
	
	.contact-import .settings-box {
	
		flex: 0 100%;
		height: auto;
		max-height: none;
		border-radius: 0px;
		box-shadow: none;

	}
	
	.contact-import .settings-box .settings-body {
	
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-gap: 20px 0px;
		gap: 20px 0px;

	}

	.contact-import .settings-box .settings-body .settings-list {

		flex: 0 100%;
		max-height: none!important;

	}
	
	.contact-import .settings-box .settings-body .settings-add {

		height: auto!important;

	}
	
	.contact-import .settings-box .settings-body .border-left {
		
		border-left: transparent;		
		
	}
	
	.contact-import .settings-box .settings-body .settings-list .option-container-b .option-sub-container {
		
		width: calc(100%);
		
	}
	
	.shadow {
	
		box-shadow: none;

	}
	
	.leads-head-b {
		
		padding: 10px 0px 0px 0px;
		
	}
	
	.leads-head-title {
		
		height: 40px;
		line-height: 30px;
		font-size: 16px;
		
	}
	
	.leads-head-title-b {
		
		height: 40px;
		line-height: 20px;
		font-size: 16px;
		
	}
	
	.graph-head, .graph-head-b, .leads-head-dash, .leads-head-title, .leads-head-title-b {
		
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		border-radius: 3px;
		background-color: #eeeeee;
		width: calc(100% - 20px);
		
	}
	
	.graph-head-c {
		
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		border-radius: 3px;
		background-color: #eeeeee;
		width: calc(100%);
		
	}
	
	.graph-head-title, .graph-head-title-bold, .graph-head-title-select, .leads-head-title-dash, .leads-head-title, .leads-head-title-b {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding-left: 20px;
		
	}
	
	.graph-legend {
		
		padding: 0px;
		
	}
	
	.graph-legend button {
		
		height: 30px!important;
		width: 50px!important;
		padding: 5px 10px;
		border-radius: 15px;
		font-weight: 600;
		border: 0.5px solid #999999;
		box-shadow: inset -4px -4px 4px -4px #cccccc, inset 4px 4px 4px -4px #f2f2f2;
		
	}
	
	.graph-legend img {
	
		width: 19px;
		height: 19px;
		padding: 5px;
		border-radius: 15px;
		background-color: #eeeeee;
		border: 0.5px solid #999999;
		box-shadow: inset -4px -4px 4px -4px #cccccc, inset 4px 4px 4px -4px #f2f2f2;
		vertical-align: top;
		margin: 0 auto!important;

	}
	
	.graph-legend-word {
	
		font-size: 16px;
		line-height: 16px;

	}
	
	.graph-legend-list-white {
		
		padding: 5px 0px 10px 0px!important;
		
	}
	
	.graph-legend-list-white > li::before {		
		
		content: "\25CF"!important;
		font-size: 24px!important;
		
	}
	
	.graph-legend-leads > li::before {		
		
		content: "\25CF"!important;
		font-size: 24px!important;
		
	}
	
	.drop-down-small-white {
		
		font-size: 16px;
		line-height: 20px;
		max-width: 200px;
		width: auto!important;
		padding: 5px;
		border-radius: 15px;
		background-color: #eeeeee;
		border: 0.5px solid #999999;
		box-shadow: inset -4px -4px 4px -4px #cccccc, inset 4px 4px 4px -4px #f2f2f2;

	}
	
	.mobile-btn {
		
		display: inline-block!important;
		
	}
	
	.graph-legend .bd-white {
	
		border-left: none;

	}
	
	.graph-legend .graph-legend-selector-dash {
		
		width: 100%;
		padding: 15px 0px 15px 0px;
		text-align: center;
		
	}
	
	.graph-legend .graph-legend-list-dash-s, .graph-legend .graph-legend-list-dash, .graph-legend .graph-legend-list-dash-t {
	
		text-align: left;
		max-width: 300px!important;
		width: calc(100% - 10px);
		height: 25px;
		display: inline-block;
		float: left;
		position: relative;
		overflow: hidden;
		box-shadow: inset -6px 0px 4px -4px #cccccc, inset 6px 0px 3px -4px #cccccc;

	}
	
	.graph-legend .graph-legend-list-dash-o {
		
		text-align: center!important;
		width: calc(100%);
		max-width: 500px!important;
		box-shadow: none!important;
		height: 30px!important;
		
	}
	
	.graph-legend .graph-legend-leads {
		
		width: calc(100% - 10px);
		text-align: center;
		border-radius: 3px;
		background-color: #eeeeee;
		padding: 5px;
		
	}
	
	.graph-legend-leads-white > li:nth-child(1)::before, .graph-legend-leads-white > li:nth-child(2)::before, .graph-legend-leads-white > li:nth-child(3)::before, .graph-legend-leads-white > li:nth-child(4)::before, .graph-legend-leads-white > li:nth-child(5)::before {
	
		padding: 0px 5px 0px 0px;

	}
	
	.graph-item-white:hover {
	
		background-color: transparent;

	}
	
	.mobile-div {
		
		padding: 5px 0px 5px 0px;
		width: calc(100%);
		display: block;
		
	}
	
	.mobile-hide {
		
		display: none;
		
	}
	
	.mobile-show {
		
		display: inline-block;
		
	}
	
	.hot-mobile, .contacts-mobile, .journey-table-mobile, .journey-view-mobile {
		
		display: block;
		
	}
	
	.contacts-wide-mobile {
		
		display: none;
		
	}
	
	.hot-mobile {
		
		height: auto;
		
	}
	
	.hot-mobile table, .contacts-mobile table, .journey-table-mobile table, .journey-view-mobile table, .contact-journey table {
	
		width: 100%;
		text-align: left;
		padding: 0px;
		border-spacing: 0px;

	}

	.hot-mobile tr:nth-child(odd), .contacts-mobile tr:nth-child(odd), .journey-table-mobile tr:nth-child(odd), .journey-view-mobile tr:nth-child(odd) {

		background-color: #ffffff;

	}

	.hot-mobile tr:nth-child(even), .contacts-mobile tr:nth-child(even), .journey-table-mobile tr:nth-child(even), .journey-view-mobile tr:nth-child(even) {

		background-color: #ffffff;

	}

	.hot-mobile th {

		border-bottom: 3px solid rgba(75,75,75,.9);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;

	}
	
	.contact-journey {
		
		width: calc(100% - 20px);
		padding: 10px;
		
	}
	
	.contact-journey .img-shrink {
		
		width: 150px;
		height: auto;
		
	}

	.contact-journey .step-section {

		width: 150px;
		height: 115px;
		padding: 0px;

	}

	.contact-journey .event-section {

		width: calc(50% - 10px);
		height: 115px;
		padding: 0px;

	}

	.contact-journey .link-section {

		display: none;

	}
	
	.contact-info-update .cell-note {
	
		width: calc(100% - 20px);
		height: 100px;

	}
	
	.contact-cell-name {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 14px;
		
	}
	
	.contact-cell-name-b {
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 24px;

	}

	.contact-cell-value-b {

		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;

	}
	
	.contacts-mobile th, .journey-table-mobile th {

		background-color: rgba(220,220,220,.9);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		padding: 10px;
		text-align: center;

	}

	.hot-mobile td {

		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		padding: 20px;
		word-wrap: break-word;
		cursor: pointer;
		letter-spacing: 0px;
		border-radius: 3px;
		border-bottom: 5px solid rgba(245,245,245,.9);

	}
	
	.contacts-mobile td {

		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 26px;
		padding: 20px;
		word-wrap: break-word;
		letter-spacing: 0px;
		border-bottom: 10px solid rgba(245,245,245,.9);

	}
	
	.journey-table-mobile td {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		padding: 20px;
		word-wrap: break-word;
		letter-spacing: 0px;
		
	}
	
	.bdr-thick {
		
		border-bottom: 10px solid rgba(245,245,245,.9);
		
	}
	
	.journey-table-mobile .sub {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		padding: 5px 20px;
		word-wrap: break-word;
		letter-spacing: 0px;
		border-bottom: transparent;
		
	}
	
	.journey-table-mobile .sub-visit {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		padding: 20px 20px 0px 20px;
		word-wrap: break-word;
		letter-spacing: 0px;
		border-bottom: transparent;
		
	}
	
	.journey-table-mobile .bdr-visit {
		
		border-top: 10px solid rgba(245,245,245,.9);
		
	}
	
	.journey-table-mobile .pad-visit {
		
		padding: 5px 20px 20px 20px;
		
	}
	
	.journey-table-mobile .visit {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		padding: 20px;
		word-wrap: break-word;
		letter-spacing: 0px;
		
	}
	
	.contacts-mobile select, .journey-table-mobile select {
	
		border: 1px solid rgba(245,245,245,.9);
		border-radius: 15px;
		background: rgba(250,250,250,0.9);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 3px;
		width: calc(100% - 15px);

	}
	.contacts-mobile button, .journey-table-mobile button, .contact-info-update .cell-value-b button {
		
		border: transparent;
		border-radius: 3px;
		background-color: rgba(200,200,200,.9);
		padding: 10px 5px;
		width: calc(100% - 20px);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		
	}
	
	.contact-info-update .cell-value-b button {
		
		border: transparent;
		border-radius: 3px;
		background-color: rgba(200,200,200,.9);
		padding: 10px 5px;
		width: calc(50% - 20px);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		
	}
	
	.contact-info-update .cell-value-b a {
		
		border: transparent;
		border-radius: 3px;
		background-color: rgba(200,200,200,.9);
		padding: 10px 5px;
		width: calc(50% - 20px);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		
	}
	
	.contacts-mobile .td-lin {
		
		width: 10%;
		
	}
	
	.contacts-mobile .td-status-orange, .hot-mobile .td-status-orange {
		
		width: 20px;
		padding: 0px;
		background-color: orange;
		
	}
	
	.contacts-mobile .td-status-red, .hot-mobile .td-status-red {
		
		width: 20px;
		padding: 0px;
		background-color: red;
		
	}
	
	.contacts-mobile .td-status-green, .hot-mobile .td-status-green {
		
		width: 20px;
		padding: 0px;
		background-color: green;
		
	}
	
	.contacts-mobile .td-status-grey, .hot-mobile .td-status-grey {
		
		width: 20px;
		padding: 0px;
		background-color: grey;
		
	}
	
	.contacts-mobile a {
		
		font-weight: 600;
		color: #333333;
		
	}
	
	.contacts-mobile th a {
		
		font-weight: 600;
		color: #333333;
		text-decoration: none;
		
	}
	
	.contacts-mobile th select {
		
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffffff;
		width: calc(100%);
		
	}
	
	.contacts-mobile .numbers {
		
		width: 20%;
		padding: 0px 10px;
		
	}
	
	.contacts-mobile .links {
		
		padding: 0px 10px;
		
	}
	
	.contacts-mobile .mobile-timestamp {
		
		font-weight: 400;
		color: #cccccc;
		
	}
	
	.contacts-mobile .drop-container {
		
		position: relative;
		display: inline-block;
		padding: 0px;
		width: 100%;
		
	}
	
	.contacts-mobile .drop-content {
		
		display: none;
		position: absolute;
		background-color: rgba(200,200,200,.9);
		width: 140px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 100;
		padding: 0px;
		text-align: left;
		right: 0px;
		line-height: 30px;
		
	}
	
	.contacts-mobile .drop-content-show {
		
		display: block;
		
	}
	
	.contacts-mobile .drop-content-b {
		
		display: none;
		position: absolute;
		background-color: rgba(200,200,200,.9);
		width: 140px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 100;
		padding: 0px;
		text-align: left;
		right: 0px;
		line-height: 30px;
		
	}
	
	.contacts-mobile .drop-link {
		
		padding: 5px 10px;
		width: calc(100% - 10px);
		
	}
	
	.main-content-contacts-flex .container-filter-show {
		
		width: calc(100%);
		display: block;
		position: absolute;
		top: 63px;
		left: 0px;
		z-index: 100;
		height: calc(100vh - 63px);
		background-color: #f2f2f2;
		box-shadow: 5px 0px 5px -5px #666666;
		
	}
	
	.dash-box-filter-content {
		
		width: calc(100%);
		background-color: rgb(200,200,200); 
		
	}
	
	.dash-box-filter-icon .apply-ico a {
	
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 600;
		padding: 10px 20px;
		color: #333333;
		text-decoration: none;
		background-color: #cccccc;

	}

	.dash-box-filter-icon .apply-ico button {

		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 600;
		border: none;
		background-color: #cccccc;
		color: #333333;
		padding: 10px 0px;
		cursor: none;
		width: 32%;

	}
	
	.border-filter {
		
		border-right: transparent;
		
	}
	
	.filter-header-name {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		
	}
	
	.show-break {
		
		display: block;
		
	}
	
	.bar-name {
		
		font-size: 14px;
		
	}
	
	.main-content-flex-b .item-abc {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-acd {
		
		flex: 0 100%;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;
		height: calc(140vh);
		
	}
	
	.main-content-flex-b .item-acd .sub-item-a, .main-content-flex-b .item-acd .sub-item-b {
		
		height: calc(49% - 10px);
		
	}
	
	.main-content-flex-b .item-acd-b {
		
		flex: 0 100%;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;
		height: calc(100vh - 123px);
		
	}
	
	.main-content-flex-b .item-acd-b .sub-item-a, .main-content-flex-b .item-acd-b .sub-item-b {
		
		height: calc(49% - 10px);
		
	}
	
	.main-content-flex-b .item-acd-b .sub-item-b {
		
		display: none;
		
	}
	
	.main-content-flex-b .item-b {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-b .journey-sub {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-b .numbers-sub {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-b .prospect-sub {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-b .sub-item .journey {
		
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: space-around;
		align-items: space-around;
		-webkit-gap: 5px 0px;
		gap: 5px 0px;

	}
	
	.main-content-flex-b .item-b .sub-item .numbers {
		
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: space-around;
		align-items: space-around;
		-webkit-gap: 10px 0px;
		gap: 10px 0px;

	}
	
	.main-content-flex-b .item-b .sub-item .prospects {
		
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: space-around;
		align-items: space-around;
		-webkit-gap: 10px 0px;
		gap: 10px 0px;

	}
	
	.main-content-flex-b .item-b .sub-item .numbers .number-item {
	
		flex: 0 49%;
		-webkit-align-content: center;
		align-content: center;
		-webkit-gap: 5px 0px;
		gap: 5px 0px;

	}
	
	.main-content-flex-b .item-b .sub-item .numbers .number-item-b {
	
		flex: 0 49%;
		-webkit-align-content: center;
		align-content: center;
		-webkit-gap: 5px 0px;
		gap: 5px 0px;

	}
	
	.main-content-flex-b .item-b .sub-item .journey .journey-item {
	
		flex: 0 100%;
		-webkit-align-content: center;
		align-content: center;
		-webkit-gap: 5px 0px;
		gap: 5px 0px;

	}
	
	.main-content-flex-b .item-b .sub-item .journey .journey-item .journey-part-i {
		
		flex: 0 30%!important;
		
	}
	
	.main-content-flex-b .item-b .sub-item .journey .journey-item .journey-part-v {
		
		flex: 0 70%!important;
		
	}
	
	.main-content-flex-b .item-ea .template-list {
		
		max-height: none;
		height: auto;
		width: calc(100%);
		padding: 0px 0px;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-gap: 5px 0px;
		gap: 5px 0px;
		
	}	
	
	.main-content-flex-b .item-ea .template-item {
			
		flex: 0 100%;
		width: calc(100% - 40px);
		height: auto;
		padding: 10px;
		cursor: pointer;
		border-radius: 3px;
		transition: background 0.25s ease-in-out;
		border: 1px dashed #cccccc;

	}
	
	.main-content-flex-b .item-c {
		
		height: calc(40vh);
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-gap: 5px 0px;
		gap: 5px 0px;
		
	}
	
	.template-list-text, .template-list-text-b {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 16px;

	}
	
	.template-list-text-rank {
		
		font-size: 16px;
		line-height: 50px;
		
	}

	.template-list-text-sub {
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 0.25px;

	}
	
	.main-content-flex-b .item-ea .template-item .template-list-img {
	
		width: 25px;
		flex: 0 25px;

	}
	
	.main-content-flex-b .item-ea .template-item .template-list-text-container {
	
		flex: 0 calc(100% - 40px);

	}
	
	.graph-switch-table-b{
	
		height: 15px;
		width: auto;
		position: absolute;
		right: 20px;
		top: 15px;
		padding-bottom: 3px;
		cursor: pointer;

	}

	.graph-switch-chart-b{

		height: 15px;
		width: auto;
		position: absolute;
		right: 45px;
		top: 15px;
		padding-bottom: 3px;
		cursor: pointer;

	}
	
	.leads-b td, .leads-c td {
	
		font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 600;
		line-height: 13px;
		padding: 7px;
		word-wrap: break-word;
		cursor: pointer;
		letter-spacing: 0.25px;

	}
	
	.leads-dash td {
	
		font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 600;
		line-height: 13px;
		padding: 7px;
		word-wrap: break-word;
		cursor: pointer;
		letter-spacing: 0.25px;

	}
	
	.leads-white th {
	
		border-bottom: 3px solid rgba(75,75,75,.9);
		font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 600;
		line-height: 13px;
		letter-spacing: 0px;
		padding-left: 10px;
	
	}
	
	.login-body-background {
		
		background-color: rgba(49,32,83,0.9)!important;
		
	}
	
	.main-content-flex-login {
		
		position: relative;
		height: calc(100vh);
		width: auto;
		padding: 0px;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-content: center;
		align-content: center;
		
		
	}
	
	.main-content-flex-login .mobile-logo {
		
		display: block;
		
	}
	
	.main-content-flex-login .login-box {
		
		background: transparent!important;
		
	}
	
	.main-content-flex-login .login-box .login-title {
	
		font-size: 30px;

	}

	.main-content-flex-login .login-box .login-body .login-error {
		
		font-size: 20px;

	}

	.main-content-flex-login .login-box .login-body .login-text {

		font-size: 16px;
		line-height: 20px;

	}
	
	.main-content-flex-login .login-box .login-body .login-link {

		flex: 0 100%;
		border-radius: 3px;
		text-align: center;

	}
	
	.main-content-flex-login .login-box .login-body {
		
		background: transparent;
		
	}
	
	.main-content-flex-login .login-box .login-body button {

		flex: 0 100%;
		border-radius: 3px;
		text-align: center;

	}
	
	.cc-text, .cc-text-sub {
		
		flex: 0 100%;
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
		font-size: 12px;
		letter-spacing: 0.25px;
		line-height: 26px;
		padding: 20px 10px;

	}
	
	.login-label, .login-link-small {
		
		color: #ffffff!important;
		
	}
	
	.dash-pro-txt, .dash-pro-ico, .dash-bar {
		
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400;
		flex: 0 48%;
		
	}
	
	.dash-sub-bar, .dash-sub-bar-b {
		
		font-family: Arial, Helvetica, sans-serif;
		
	}
	
	.dash-pro-txt-main {
		
		font-size: 40px;
		
	}
	
	/*
	.dash-sub-pro-txt {
		
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400;
		
	}
	*/
	
	.timestamp {
	
		position: relative;
		text-align: center;
		padding: 10px 30px 10px 30px;
		width: calc(100%);
		right: 0px;
		font-style: normal;
		font-size: 12px;
		line-height: 22px;

	}
	
	.graph-holder {
		
		width: calc(100%);
		padding: 0px 0px 0px 0px;
		text-align: center;
		background-color: #ffffff;
		border-radius: 3px;
		
	}
	
	.h-bar {
	
		font-size: 20px;
		line-height: 30px;

	}
	
	.info-ico {
	
		max-width: 30px; 
		width: 100%;
		height: auto;

	}
	
	.main-content-contacts-flex {
		
		width: calc(100%);
		height: auto;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;
		
	}
	
	.main-content-contacts-flex .container-filter-bar {
		
		display: none;
		
	}
	
	.main-content-contacts-flex .container-contacts {
		
		width: calc(100%);
		height: calc(100%);
		
	}
	
	.page-foot-container {
		
		width: calc(100%);
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;
		
	}
	
	.mobile-links {
		
		width: calc(100% - 5px);
		padding: 0px;
		
	}
	
	.page-links {
		
		flex: 0 47%;
		padding: 0px 0px;
		
	}
	
	.page-links-number {
		
		flex: 0 49%;
		text-align: left;
		padding: 0px 0px 0px 10px;
		
	}
	
	.timestamp-b {
		
		display: none;
		
	}

	.page-links li, .mobile-links li {
		
		font-family: Arial, Helvetica, sans-serif;

	}

	.page-links-number li {

		font-family: Arial, Helvetica, sans-serif;

	}

	.page-links-number select {

		font-family: Arial, Helvetica, sans-serif;

	}
	
	.mobile-links li {
	
		list-style: none;
		display: inline-block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		padding: 5px 10px;
		color: #333333;
		background-color: #f2f2f2;

	}
	
	.contact-graph-container {
		
		height: calc(100% - 50px);
		
	}

	.contact-graph-container .block {

		flex: 0 100%;
		height: calc(25%);

	}
	
	.contact-graph-container .block .cell-graph {
		
		flex: 0 100%;
		
	}
	
	.contact-graph-container .block .cell-value {
		
		display: none;
		
	}
	
	.main-content-flex-b .item-abc .sub-item-a { 
	
		height: calc(80vh);
	
	}
	
	.main-content-flex-b .item-abc .sub-item-b {
		
		height: calc(60vh);
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;
		
	}
	
	.main-content-flex-b .item-abc .sub-item-b .block {
		
		flex: 0 100%;
		height: calc(32%);
		
	}
	
	.main-content-flex-b .contacts-back {
		
		display: block;
		border: transparent;
		border-radius: 3px;
		background-color: rgba(200,200,200,.9);
		padding: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		
	}
	
	.main-content-flex-b .contacts-back a {
		
		text-decoration: none;
		color: #333333;
		
	}
	
	.top-bar-left-c-white {
		
		position: fixed;
		top: 0px;
		left: 0px;
		
	}
	
	.top-bar-right-c-white {
		
		position: fixed;
		top: 0px;
		right: 0px;
		
	}
	
	.switch, .switch-b {
		
		position: absolute;
		right: 75px;
		top: 15px;
		left: auto;
		
	}
	
	.switch-label, .switch-label-b {
		
		
		display: none;
			
	}
	
}

@media (max-width: 460px) and (max-height: 768px) {
	
	.main-content-flex-b {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-ab, .main-content-flex-b .item-ac {
		
		flex: 0 100%;
		
	}
	
	.dash-sub-pro-txt {
		
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400;
		font-size: 30px;
		
	}
	
	.main-content-flex-b .item-b {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-b .journey-sub {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-b .numbers-sub {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-b .sub-item .journey {
		
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: space-around;
		align-items: space-around;
		-webkit-gap: 5px 0px;
		gap: 5px 0px;

	}
	
	.main-content-flex-b .item-b .sub-item .numbers {
		
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: space-around;
		align-items: space-around;
		-webkit-gap: 10px 0px;
		gap: 10px 0px;

	}
	
	.main-content-flex-b .item-b .sub-item .numbers .number-item {
	
		flex: 0 49%;
		-webkit-align-content: center;
		align-content: center;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;

	}
	
	.main-content-flex-b .item-b .sub-item .numbers .number-item-b {
	
		flex: 0 49%;
		-webkit-align-content: center;
		align-content: center;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;

	}
	
	.main-content-flex-b .item-b .sub-item .numbers .number-item .number-part .number-part-img {
		
		width: 40px;
		height: auto;
		
	}
	
	.main-content-flex-b .item-b .sub-item .numbers .number-item-b .number-part .number-part-img {
		
		width: 40px;
		height: auto;
		
	}
	
	.main-content-flex-b .item-c .number-item .number-part-a .number-part-img-a {
		
		width: 60px;
		height: auto;
		
	}
	
	.dash-leads-contacts {
		
		width: calc(100%);
		
	}
	
	.main-content-contacts-flex {
		
		width: calc(100%);
		height: auto;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;
		
	}
	
	.main-content-contacts-flex .container-contacts {
		
		width: calc(100%);
		height: calc(100%);
		
	}
	
	.main-content-contacts-flex .container-filter-bar {
		
		display: none;
		
	}
	
	.main-content-flex-b .item-c {
		
		height: calc(50vh);
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-gap: 5px 0px;
		gap: 5px 0px;
		
	}
	
	.graph-holder {
		
		width: calc(100%);
		padding: 0px 0px 0px 0px;
		text-align: center;
		background-color: #ffffff;
		border-radius: 3px;
		
	}
	
	.h-bar {
	
		font-size: 20px;
		line-height: 30px;

	}
	
	.info-ico {
	
		max-width: 30px; 
		width: 100%;
		height: auto;

	}
	
	.contact-graph-container .block {

		flex: 0 100%;
		height: calc(25%);

	}
	
	.contact-graph-container .block .cell-graph {
		
		flex: 0 100%;
		
	}
	
	.contact-graph-container .block .cell-value {
		
		display: none;
		
	}
	
	.main-content-flex-b .item-abc .sub-item-a { 
	
		height: calc(80vh);
	
	}
	
	.main-content-flex-b .item-abc .sub-item-b {
		
		height: calc(60vh);
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;
		
	}
	
	.main-content-flex-b .item-abc .sub-item-b .block {
		
		flex: 0 100%;
		height: calc(32%);
		
	}
	
	.main-content-flex-b .item-acd .sub-item-a, .main-content-flex-b .item-acd .sub-item-b {
		
		height: calc(49%);
		
	}
	
	.main-content-flex-b .item-acd-b .sub-item-a, .main-content-flex-b .item-acd-b .sub-item-b {
		
		height: calc(49% - 10px);
		
	}
	
	.main-content-flex-b .item-acd-b .sub-item-b {
		
		display: none;
		
	}
	
	.contact-journey {
		
		width: calc(100% - 20px);
		padding: 10px;
		
	}
	
	.contact-journey .img-shrink {
		
		width: 150px;
		height: auto;
		
	}

	.contact-journey .step-section {

		width: 150px;
		height: 115px;
		padding: 0px;

	}

	.contact-journey .event-section {

		width: calc(50% - 20px);
		height: 115px;
		padding: 0px;

	}

	.contact-journey .link-section {

		display: none;

	}
	
	.contact-info-update .cell-note {
	
		width: calc(100% - 20px);
		height: 100px;

	}
	
	.contact-cell-name {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 14px;
		
	}
	
	.contact-cell-name-b {
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 24px;

	}

	.contact-cell-value-b {

		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;

	}
	
	.top-bar-left-c-white {
		
		position: fixed;
		top: 0px;
		left: 0px;
		
	}
	
	.top-bar-right-c-white {
		
		position: fixed;
		top: 0px;
		right: 0px;
		
	}
	
}

@media (max-height: 420px) {
	
	.mobile-hide {
		
		display: none;
		
	}
	
	.main-content-contacts-flex .container-filter-bar {
		
		display: none;
		
	}
	
	.main-content-contacts-flex {
		
		width: calc(100%);
		height: auto;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;
		
	}
	
	.main-content-contacts-flex .container-contacts {
		
		width: calc(100%);
		height: calc(100%);
		
	}
	
	.main-content-flex-b {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-a, .main-content-flex-b .item-b, .main-content-flex-b .item-d {
		
		height: calc(90vh);
		
	}
	
	.main-content-flex-b .item-c {
		
		height: calc(35vh);
		
	}
	
	.main-content-flex-b .item-ab, .main-content-flex-b .item-ac {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-e {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-eb, .main-content-flex-b .item-ec, .main-content-flex-b .item-ed {
		
		height: calc(90vh);
		
	}
	
	.main-content-flex-b .item-abc {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-abc .sub-item-a {
		
		height: auto;
		
	}
	
	.main-content-flex-b .item-abc .sub-item-b {
		
		height: calc(30vh);
		
	}
	
	.main-content-flex-b .item-abc .sub-item-b .block {
		
		flex: 0 32%;
		height: calc(100%);
		
	}
	
	.main-content-flex-b .item-abc .sub-item-b .number-item-a {
		
		flex: 0 45%;
		height: calc(100%);
		
	}
	
	.main-content-flex-b .item-abc .sub-item-b .number-item-b {
		
		flex: 0 45%;
		height: calc(100%);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 30px;
		line-height: 30px;
		
	}
	
	.main-content-flex-b .item-abc .sub-item-b .number-item-b .sub-item {
		
		font-size: 16px;
		line-height: 22px;
		
	}
	
	.main-content-flex-b .item-acd {
		
		flex: 0 100%;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;
		height: auto;
		
	}
	
	.main-content-flex-b .item-acd .sub-item-a, .main-content-flex-b .item-acd .sub-item-b {
	
		height: calc(100vh);

	}
	
	.main-content-flex-b .item-acd-b {
		
		flex: 0 100%;
		-webkit-gap: 0px 0px;
		gap: 0px 0px;
		height: auto;
		
	}
	
	.main-content-flex-b .item-acd-b .sub-item-a {
		
		height:auto;
		
	}
	
	.main-content-flex-b .item-acd-b .sub-item-b {
		
		display: none;
		
	}
	
	.main-content-flex-b .contacts-back {
		
		display: block;
		border: transparent;
		border-radius: 3px;
		background-color: rgba(200,200,200,.9);
		padding: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		
	}
	
	.main-content-flex-b .contacts-back a {
		
		text-decoration: none;
		color: #333333;
		
	}
	
	.leads-head-b {
		
		padding: 10px 0px 0px 0px;
		
	}
	
	.leads-head-title {
		
		height: 40px;
		line-height: 30px;
		font-size: 16px;
		
	}
	
	.leads-head-title-b {
		
		height: 40px;
		line-height: 20px;
		font-size: 16px;
		
	}
	
	.graph-head, .graph-head-b, .leads-head-dash, .leads-head-title, .leads-head-title-b {
		
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		border-radius: 3px;
		background-color: #eeeeee;
		width: calc(100% - 20px);
		
	}
	
	.graph-head-title, .graph-head-title-bold, .graph-head-title-select, .leads-head-title-dash, .leads-head-title, .leads-head-title-b {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding-left: 20px;
		
	}
	
	.show-break {
		
		display: block;
		
	}
	
	.contact-graph-container .block {

		flex: 0 100%;
		height: calc(25%);

	}
	
	.contact-graph-container .block .cell-value {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 26px;
		line-height: 30px;

	}
	
	.contact-cell-name, .contact-cell-value {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 14px;
		
	}
	
	.contact-cell-name-b {
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 24px;

	}

	.contact-cell-value-b {

		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;

	}
	
	.contacts-wide-mobile, .contacts-info-mobile {
		
		display: block;
		
	}
	
	.contacts-adjuster {
		
		height: auto;
		
	}
	
	.mobile-wide-show {
		
		display: inline-block;
		
	}
	
	.main-content-flex .safari-div, .main-content-flex-b .safari-div {
		
		display: block;
		
	}
	
	.j-table-container th, .j-table-container table .border {
	
		border-bottom: transparent;

	}
	
	.j-table-container table .label {
	
		padding: 5px;

}
	
	.j-table-container select {
	
		border: 1px solid rgba(245,245,245,.9);
		background: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 3px;
		width: calc(100%);

	}
	
	.j-table-container button {
		
		border: transparent;
		border-radius: 3px;
		background-color: rgba(200,200,200,.9);
		padding: 10px 5px;
		width: calc(100%);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 600;
		
	}
	
	.template-list-text {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;

	}

	.template-list-text-sub {
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;

	}
	
	.leads-b td, .leads-c td {
	
		font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 600;
		line-height: 13px;
		padding: 7px;
		word-wrap: break-word;
		cursor: pointer;
		letter-spacing: 0.25px;

	}
	
	.leads-dash td {
	
		font-family: 'proxima-nova-regular', Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 600;
		line-height: 13px;
		padding: 7px;
		word-wrap: break-word;
		cursor: pointer;
		letter-spacing: 0.25px;

	}
	
	.dash-pro-txt, .dash-pro-ico, .dash-bar {
		
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400;
		
	}
	
	.dash-sub-bar, .dash-sub-bar-b {
		
		font-family: Arial, Helvetica, sans-serif;
		
	}
	
	.dash-sub-pro-txt {
		
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400;
		
	}
	
	.timestamp {
		
		position: relative;
		display: block;
		padding: 10px 20px;
		text-align: left;
		width: calc(100%);
		
	}
	
	.shadow {
	
		box-shadow: none;

	}
	
	.d-item {
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 22px;
		padding: 0px 20px 0px 10px;

	}
	
	.d-label-range {
		
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400;
		font-size: 10px;
		
	}
	
	.top-bar-left-c-white {
		
		position: fixed;
		top: 0px;
		left: 0px;
		
	}
	
	.top-bar-right-c-white {
		
		position: fixed;
		top: 0px;
		right: 0px;
		
	}
	
}