:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}


/*
	font-family: 'Montserrat', sans-serif;
	font-family: 'Source Sans Pro', sans-serif;
	font-family: 'Karla', sans-serif;
*/

/* If having issues with Google Maps utilize the following class */
.border-box-fix {
  box-sizing: content-box;
}

html, body {
    width:100% !important;
}

body {
    padding-top: 95px;
	padding-bottom: 40px;
}

body, button, caption, fieldset, input, legend, option, select, td, textarea, th {
    font-family: "Nunito", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media (min-width: 576px){
	.form-container {
		margin: 15px;
		background-color: white;
		border: 1px solid #DFE3E9;
		border-radius: 4px;	
	}
}

@media (min-width: 1200px)
.container {
    max-width: 1180px!important;
}
.jscontainer {
    max-width: 1180px!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 100;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10px;
}
h3,
h4,
h5 {
  margin-top: 5px;
  font-weight: 600;
}

.password-score {

	color: #6E858E;
	font-size: 20px;
	font-weight: 200;
}

.password-recommendation {

	color: #6E858E;
	font-size: 16px;
	font-weight: 200;
}

.field-icon {
	float: right;
	margin-left: -25px;
	margin-top: -25px;
	position: relative;
	z-index: 2;
}

.spoof {
	position:absolute;
	top: 0;
	right: 5px;

	color: red;
	font-size: 12px;
	font-weight: 400;
	text-align: right;
}

input.no-border {
	border: 0;
}

input.no-shadow {
	outline: none;
	box-shadow:none !important;
}

/* Text Styles */
a.link {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13.5px;
	color: #24A89A;
}

h1 {

	color: #6E858E;
}

.label {
	font-size: 14px;
	color: #5B727B;
}

textarea::-webkit-input-placeholder {
	color: #acacac!important;
	font-weight: 200;
}

textarea::-moz-placeholder {
	color: #acacac!important;
	font-weight: 200;
}

textarea:-moz-placeholder { /* Older versions of Firefox */
	color: #acacac!important;
	opacity: 1!important;
	font-weight: 200;
}

textarea:-ms-input-placeholder {
	color: #acacac!important;
	font-weight: 200;
}

::placeholder {
    color: #acacac;
    opacity: 1; /* Firefox */
	font-weight: 200;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #acacac;
	font-weight: 200;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #acacac;
	font-weight: 200;
}

.placeholder-red::-webkit-input-placeholder {
	color: #ed1c24 !important;
}

.hide-field {
  opacity: 0;
  width: 0;
}

.tooltip.bs-tooltip-top .tooltip-inner, .tooltip.bs-tooltip-bottom .tooltip-inner {
	max-width:600px !important;
	padding:3px 8px !important;
	color:#fff !important;
	text-align:left !important;
	background-color:#44484a !important; /*#245973*/
	border-radius:5px !important;
	font-size: 14px !important;
}
/* Colors */
/*.red {
	color: red;
}*/

.yellow {
	color: #e1c20e !important;
}

.orange {
	color: #f26522 !important;
}

.orange:hover {
	color: rgba(243, 100, 34, 0.69) !important;
}

.green {
	color: green !important;
}

.red {
	color: #ed1c24 !important;
}

.teal {
	color: #16b1a9 !important;
}

.gray {
	color: #827b6e !important;
}

.slate {
	color: #99abb2 !important;
}

.silver {
	color: #e5e9ea !important; 
}

.white {
	color: #fff !important; 
}

/* Backgrounds */
.bg-teal, .progress-bar-success {
	background-color: #24A89A !important; /* #00D5C5 */
}

.bg-pink {
	background-color: rgb(248,228,224);
}

.bg-teal-grad {
	background-image: linear-gradient(-155deg, #24A89A 35%, #00D5C5 100%) !important;
}

.bg-orange, .progress-bar-warning {
	background-color: #f26522 !important;
}

.bg-orange-grad {
	background-image: linear-gradient(-141deg, #F5BC25 0%, #FD7673 100%) !important;
}

.bg-blue, .progress-bar-info {
	background-color: #00D2DD !important;
}

.bg-blue-grad {
	background-image: linear-gradient(-117deg, #00D2DD 19%, #00D5C5 100%) !important;
}

.bg-red, .progress-bar-danger {
	background-color: #F2564F !important;
}

.bg-red-grad {
	background-image: linear-gradient(90deg, #F2564F 50%, #FF8250 72%) !important;
}

.bg-light {
    background-color: #fff!important;
}

.bg-gray {
    background-color: #e6eaec!important;
}

.bg-light-gray {
    background-color: #fafbfc!important;
}

.gradient-icon {
    background: -webkit-gradient(linear, left top, left bottom, from(#F5BC25), to(#FD7673));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: initial;
}

.apexcharts-tooltip {
  background: #f3f3f3;
  color: orange;
}

/* Notification Icon */
.fa-stack[data-count]:after{
	position:absolute;
	left:-10px;
	top:3px;
	content: attr(data-count);
	font-size:40%;
	padding:.6em;
	border-radius:999px;
	line-height:.75em;
	color: white;
	background:#E97436; /*rgba(255,0,0,.85);*/
	text-align:center;
	min-width:2em;
	font-weight:bold;
}

.fa-layers-counter {
    line-height: 1!important;
}
/* Email Style */
.email-text {
    font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	color: #7C888D;
	line-height: 30px;
	font-weight: 300;
}
/* Nav Bar */
.navbar {
	height: 95px;
}

.nav-link {
    font-family: 'Futura W01','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #8D8879;	
	border-bottom: 2px solid #fff!important;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color: #8D8879!important;	
	border-bottom: 2px solid #E97436!important;
}

.navbar-collapse {
	background-color: #fff;
}

.dropdown-item {
    font-family: 'Futura W01','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #8D8879;	
}

.profile-text {
	font-family: 'Karla', sans-serif !important;
	font-weight: 100 !important;
	font-size: 16px !important;
	color: #E97436 !important;	
}

/* Page Title */
.container-banner {
	width: 100%;
	padding: 15px 15px 15px 30px;
	background-color: #24A89A;

	font-weight: 100;
	font-size: 24px;
	color: #E6EAEC;
	letter-spacing: 0.06px;
}

/* Buttons */
a.btn-primary, a.btn-primary:active, .btn-primary, .btn-primary:active {
	background-color: rgb(35, 57, 191) !important;
	border: 0!important;
	border-radius: 4px;
	color: #fff;
	font-weight: 400 !important;
}

a.btn-primary:hover, a.btn-primary:focus, .btn-primary:hover, .btn-primary:focus {
	background: #E97436!important;
	border: 0!important;
	border-radius: 4px;
	color: #fff;
	font-weight: 400 !important;
}

.btn-secondary, .btn-secondary:active {
	border: 0!important;
	border-radius: 4px;

	font-weight: 400 !important;
}

.btn-secondary:hover, .btn-secondary:focus {
	border: 0!important;
	border-radius: 4px;

	font-weight: 400 !important;
}

.btn-outline-primary, .btn-outline-primary:active {
	background: #FFFFFF;
	border: 1px solid #24A89A;
	box-shadow: 0 0 13px 0 rgba(0,0,0,0.10);
	border-radius: 4px;
	color: #24A89A;

	font-weight: 400 !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
	background: #FFFFFF;
	border: 1px solid #E97436;
	box-shadow: 0 0 13px 0 rgba(0,0,0,0.10);
	border-radius: 4px;
	color: #E97436;

	font-weight: 400 !important;
}

.btn-orange, .btn-orange:active {
	background: #E15E2A;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.10);
	border-radius: 2.4px;

	font-weight: 400 !important;
	color: #fff;
}

.btn-orange:hover, .btn-orange:focus {
	background: #e28764;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.10);
	border-radius: 2.4px;

	font-weight: 400 !important;
	color: #fff;
}

.btn-lg {
	font-size: 30px!important;
	padding-top: 15px!important;
	padding-bottom: 15px!important;
	padding-left: 30px!important;
	padding-right: 30px!important;
	text-transform: uppercase;
}

.btn-md {
	font-size: 18px!important;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
	text-transform: uppercase;
}

.btn-sm {
	padding-top: 15px!important;
	padding-bottom: 15px!important;
	padding-left: 15px!important;
	padding-right: 15px!important;
    font-size: 16px!important;
    line-height: 18px!important;
    border-radius: 2px!important;
	text-transform: capitalize!important;
}

.btn {
	font-size: 20px;
	line-height: 21px;
	padding: 15px 20px;
}


/* Page Panel (Dashboard, Sparck Someone, etc.) */
.page-container {
	margin: 30px;
	background: #fff;
	border: 1px solid #DFE3E9;
	border-radius: 4px;	
}

.page-header-img {
	background-image: url(../img/wave-backgrounds/pond01.png);
	height: 250px!important;
	width: 100%;
	/*max-width: 1200px;*/
	padding: 0;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position: center bottom -1px	;
    background-repeat: repeat, no-repeat;
    z-index: -1;
}

.page-header-img-orange {
	background-image: url(../img/wave-backgrounds/wave-01.png);
	height: 250px!important;
	width: 100%;
	/*max-width: 1200px;*/
	padding: 0;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position: center bottom -1px	;
    background-repeat: repeat, no-repeat;
    z-index: -1;
}

.page-header-sub-head {

	font-weight: 100;
	font-size: 34px;
	color: #797979;
	letter-spacing: 0.06px;
}

.page-header-head {

	font-weight: 700;
	font-size: 50px;
	color: #4d4a4a;
	letter-spacing: 0.06px;
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.page-header-img {
		height: 200px!important;
	}
	
	.page-header-img-orange {
		height: 200px!important;
	}
	
	.page-header-sub-head {
		font-size: 30px;
	}
	
	.page-header-head {
		font-size: 45px;
	}
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.pt-5 {
		padding-top: 20px!important;
	}

	.page-header-img {
		height: 175px!important;
	}
	
	.page-header-img-orange {
		height: 175px!important;
	}
	
	.page-header-sub-head {
		font-size: 28px;
	}
	
	.page-header-head {
		font-size: 40px;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.pt-5 {
		padding-top: 10px!important;
	}

	.page-header-img {
		height: 175px!important;
	}
	
	.page-header-img-orange {
		height: 175px!important;
	}
	
	.page-header-sub-head {
		font-size: 25px;
	}
	
	.page-header-head {
		font-size: 35px;
	}
}


/* Survey */
.survey-logo {
	display: block;
	height: 125px;
	width: 125px;
	border-radius: 50%;
    background-color: rgb(96, 183, 188);
    margin: -50px auto 0;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.survey-logo-text {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 125px;
	width: 125px;
	color: #fff;
    overflow: hidden;
}

.survey-question-text {

	font-weight: 400;
	font-size: 22px;
	color: #6E858D;
	letter-spacing: -0.1px;
}

.survey-question-box {
	display: inline-block;
    position: relative;
    border-radius: .25rem!important;
    max-height: 80px;
    width: 100%;
    /*background: #FFFFFF;*/
	box-shadow: 0 0 11px 0 rgba(0,0,0,0.09);
	border-radius: 4px;
	cursor: pointer;
}

.survey-question-box:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    opacity: 1.0;
}

.survey-question-box-yn {
	display: inline-block;
    position: relative;
    border-radius: .25rem!important;
    max-height: 80px;
    width: 100%;
    background: #FFFFFF;
	box-shadow: 0 0 11px 0 rgba(0,0,0,0.09);
	border-radius: 4px;
	cursor: pointer;
}

.survey-question-box-yn:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    opacity: 1.0;
}

.survey-question-box-unchecked {
	opacity: 0.5;	
}

.survey-question-box-checked {
	color: white!important;
}

.survey-question-icon {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-top-left-radius: .25rem!important;
	border-bottom-left-radius: .25rem!important;
    display: inline-block;
    float: left;
    text-align: center;
    overflow: hidden;
    color: #fff;
    padding: 20px;
    width: 80px;
	max-height: 80px;
}

.survey-question-box-text {
	position: absolute;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-top-right-radius: .25rem!important;
	border-bottom-right-radius: .25rem!important;
    display: inline-block;

	font-weight: 200;
	font-size: 20px;
	color: #6E858D;
	letter-spacing: -0.1px;
	float: left;
    padding-left: 25px;
	line-height: 80px;
	width: -webkit-calc(100% - 80px);
    width:    -moz-calc(100% - 80px);
    width:         calc(100% - 80px);
    height: 100% !important;
}


/* Profile Side Menu */
.rounded-top-left {
    border-top-left-radius: .25rem!important;
}

.side-prof-menu {
    display: inline-block;
    position: relative;
    width: 100%;
}

.side-prof-header {
    display: inline-block;
    position: relative;
    width: 100%;
	background-color: rgb(208, 85, 43);
	min-height: 100px; /* change to 200px when points get added back */
}

.profile-pic {
    max-width: 75px;
    max-height: 75px;
    margin: -25px auto 0;
    border-radius: 50%;
	position:relative;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.profile-pic img {
	width: 75px;
	height: 75px;
	z-index: -1;
}

.profile-pic-edit {
    width: 25px;
    height: 25px;
    background-image: linear-gradient(-141deg, #F5BC25 0%, #FD7673 100%);
    border-radius: 50%;
    position:absolute;
	bottom:0;
	right:0;
    overflow: hidden;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    /*z-index: 10000;*/
}

.profile-initial {
	padding-top: 5px;
	color: rgb(224, 153, 121);
	font-family: 'Karla', sans-serif !important;
	font-weight: 500;
	font-size: 24px;
	letter-spacing: 0.06px;
}

.profile-points-num {
	color: white;

	font-weight: 100;
	font-size: 24px;
	letter-spacing: 0.06px;
}

.profile-points {
	color: rgb(224, 153, 121);

	font-weight: 100;
	font-size: 18px;
	letter-spacing: 0.06px;
}

hr.profile-hr {
	border-bottom: 2px solid rgb(224, 153, 121);
}

.profile-menu-item {
	padding: 20px;
	border-bottom: solid 1px rgb(223, 225, 230);
}

.profile-menu-item a {
	color: rgb(159, 168, 187);
}
	
.profile-menu-item.active {
	background-color: rgb(239, 246, 246);
	border-left: solid 3px rgb(76, 171, 153);
}

.profile-completion {
	display: block;
	height: 125px;
	width: 125px;
	border-radius: 50%;
    background-color: rgb(96, 183, 188);
    margin: -50px auto 0;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.profile-completion-text {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 125px;
	width: 125px;
	color: #fff;

	font-weight: 600;
	font-size: 60px;
    overflow: hidden;
}

/* Profile Dashboard */
.profile-header {
	margin-top: -200px;
	max-width:1000px;
}

.profile-header-pic {
    max-width: 175px;
    max-height: 175px;
    /*margin: -125px auto 0;*/
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.profile-header-pic img {
	width: 175px;
	height: 175px;
}

.profile-edit-pic {
    width: 40px;
    height: 40px;
    background-image: linear-gradient(-141deg, #F5BC25 0%, #FD7673 100%);
    margin: 105px 0px 0px -25px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.profile-name {

	font-weight: 500;
	font-size: 40px;
	color: #354052;
	letter-spacing: 0.05px;
	padding-top: 40px;
	padding-left: 30px;
}

.profile-points-box {
	background-image: linear-gradient(-117deg, #F94F64 19%, #FD7673 100%);
	border-radius: 4px;
	width: 150px;
	height: 120px;
}

.profile-points-lg {

	font-weight: 500;
	font-size: 60px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 5px;
}

.profile-points-label {
	font-weight: 500;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	opacity: 0.7;
	text-transform: uppercase;
	margin-top: -15px;
}

.profile-body {
	margin-top: 50px;
	max-width:1000px;
	background: #FFFFFF;
	border: 1px solid #E6EAEE;
	border-radius: 4px;
	padding: 40px 50px;
}

.profile-body-field-header {

	font-weight: 700;
	font-size: 16px;
	color: #354052;
}

.profile-body-field-label {

	font-size: 15px;
	color: #7F8FA4;
	line-height: 19px;
	display: block;
	margin-bottom: .5px;
}

.profile-body-field-content {

	font-weight: 500;
	font-size: 16px;
	color: #354052;
	line-height: 19px;
	display: block;
	/*margin-bottom: 15px;*/
}

.profile-body-field-pg {

	font-weight: 200;
	font-size: 14px;
	color: #354052;
	line-height: 14px;
}

.profile-strength-label {

	font-weight: 200;
	font-size: 24px;
	color: #354052;
}

.profile-strength {

	font-weight: 900;
	font-size: 36px;
	color: #354052;
	text-align: right;
}

.profile-progress {
	background-image: linear-gradient(-111deg, #F5BC25 0%, #FD7673 100%);
}

.profile-progress-sent {
	background-image: linear-gradient(-132deg, #F5BC25 0%, #FD7673 100%);
}

.profile-progress-rcvd {
	background-image: linear-gradient(27deg, #BEDFBE 0%, #76AF91 94%);
}

.profile-progress-label {

	font-weight: 500;
	font-size: 14px;
	color: #7F8FA4;
	text-transform: uppercase;
}

.profile-sqarck-qty {

	font-weight: 900;
	font-size: 18px;
	color: #354052;
}

.profile-interest-heading {

	font-weight: 400;
	font-size: 14px;
	color: #5e6875;
	line-height: 19px;
	padding-top: 5px;
}

.profile-interest-pill {
	background: #24a89a;
	border-radius: 3px;
	padding: 5px 10px;
	margin-right: 5px;

	font-weight: 700;
	font-size: 11px;
	color: #FFFFFF;
	text-transform: uppercase;
}

a.profile-interest-edit {
	background: #f26522;
	border-radius: 3px;
	padding: 3px 15px;
	margin-right: 5px;

	font-weight: 700;
	font-size: 11px;
	color: #FFFFFF;
	text-transform: uppercase;
	cursor: pointer;
}

.profile-interest-edit:focus,.profile-interest-edit:active {
   outline: none !important;
   box-shadow: none;
}

.profile-rec-block {
	display:inline-block;
	width: 40px;
	height: 50px;
}

.profile-rec-num {
	text-align: right;
	padding-right: 5px;

	font-weight: 500;
	font-size: 40px;
	color: #E97436;
}

.profile-rec-inner {
	display: inline-block;
	height: 50px;
}

.profile-rec-text {
	display: inline-block;

	font-weight: 100;
	font-size: 14px;
	color: #7F8FA4;
}

/* Profile Pic Upload */
 .profile-pic-result {
	display: block;
	max-height: 150px;
	max-width: 150px;
	border-radius: 50%;
    overflow: hidden;
    background-color: rgb(96, 183, 188);
    margin: -100px auto 0;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

/* Profile Manager's Menu */
#right-sidebar {
  background-color: #fff;
  border-left: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  overflow: hidden;
  position: fixed;
  top: 95px; /* was originally 60px */
  width: 350px !important;
  z-index: 1009;
  bottom: 0;
  right: -350px;
}
#right-sidebar.sidebar-open {
  right: 0;
}

.mn-icon {
  cursor: pointer;
}

.page-container.menu-open {
  margin-right: 375px;
}

#right-sidebar.sidebar-open.sidebar-top {
  top: 0;
  border-top: none;
}
.sidebar-container .sidebar-message:nth-child(2n+2) {
  background: #f9f9f9;
}
.sidebar-container .sidebar-content {
  padding: 15px 20px;
  font-size: 12px;
}
.sidebar-container .sidebar-title {
    background: #f9f9f9;
    color: #24A89A!important;

	font-weight: 100;
	font-size: 24px;
	color: #E6EAEC;
	letter-spacing: 0.06px;
	padding: 15px 0;
	border-bottom: 1px solid #e7eaec;
	text-align: center;
}
.sidebar-container .sidebar-message {
	font-size: 16px;
	padding: 15px 20px;
}
.sidebar-container .sidebar-message .media-body {
  display: block;
  width: auto;
}
.sidebar-container .sidebar-message .message-avatar {
  height: 38px;
  width: 38px;
  border-radius: 50%;
}

#mgr_note.input-group-text {
    background-color: #fff!important;
    border-left: 1px solid #fff!important;
    color: #24A89A!important;
}

#category.form-control, #cat_filter.form-control, #note.form-control, #mgr_note {
	border-radius: 0 !important;
	-webkit-appearance: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* Form Panel */
.form-container {
	margin: 30px;
	background-color: white;
	border: 1px solid #DFE3E9;
	border-radius: 4px;	
}

.form-header {

	font-weight: 400 !important;
	font-size: 24px;
	color: #4A4A4A;
}

.form-sub-header {

	font-weight: 100 !important;
	font-size: 20px;
	color: #4A4A4A;
}

label {

	font-size: 14px;
	color: #474747;
}

.cancel-link {

	font-size: 14px;
	color: #E23937;
	line-height: 21px;	
}

.success-header {

	font-weight: 400;
	font-size: 30px;
	color: #5B727B;
}

.success-subheader {

	font-weight: 100;
	font-size: 20px;
	color: rgb(35, 57, 191);
}

/* Login Panel */
.form-signin-container {
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: auto;
	background-color: white;
}

.form-signin-header {
	background-image: url(../img/wave-backgrounds/pond01.png);
	background-color: white;
	height: 300px;
	width: 100%;
	max-width: 1200px;
	padding: 0;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position: center center;
    background-repeat: repeat, no-repeat;
    z-index: -1;
}

.form-signin-header-logo {
    background: url(../img/Sparcklogo.png) no-repeat center center;
    background-size: 300px;
    width: 100%;
	height: 100%;
}

.form-signin {
	width: 100%;
	max-width: 500px!important;
	padding: 15px;
	margin: auto;
	background-color: white;
}

/* Form Validation Error Styling */
label.error, .error {

	font-size: 12px!important;
	font-weight: 400;
	color: red;
}

label.error {
	display: none;
}

label.error:before, .error:before {
    content: "\f06a";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: 100;
    color: red;
    padding-right: 5px;
}
 
.msg-error {

	font-size: 14px!important;
	font-weight: 400;
	color: red;
}

/* Table Styles */
.thead-light {
	background: #F7F8F9!important;

	font-weight: 600!important;
	font-size: 14px!important;
	color: #A9B9BF!important;
}

td {

	font-size: 14px!important;
	font-weight: normal!important;
	color: #354052!important;
}

td.action a {

	font-size: 14px!important;
	color: #6E858E!important;
	white-space: nowrap;
}

td.action i {

	font-size: 14px!important;
	color: #6E858E!important;
	white-space: nowrap;
}

.service {
	color: #6E858E;
	white-space: nowrap;
}

.fa-times-circle {
	color: red;
}

.fa-ban {
	color: #999999;
}

.muted {
	color: #999999;
}
/* Memories */

.memories-header-img {
	background-image: url(../img/wave-backgrounds/wave-01.png);
	height: 250px!important;
	width: 100%;
	/*max-width: 1200px;*/
	padding: 0;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position: center bottom -1px	;
    background-repeat: repeat, no-repeat;
    z-index: -1;
}

.time-range {
	display: inline-block;

	font-weight: 200 !important;
	font-size: 18px;
	color: #99ABB2;	
	padding-right: 15px;
}

#timerange .btn-group {
	background: #FFFFFF;
	border-radius: 4px;	
}

#timerange .btn-secondary {
	background: #FFFFFF;
	color: #354052;
	text-align: center;
}

#timerange .active {
	background: #139795;
	color: #fff;
	text-align: center;
}

#timerange .btn {

	font-size: 12px !important;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #CED0DA !important;
}

.card-title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #354052;
}

.card-profile-from {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
}

.card-profile-from img {
    width: 32px;
    height: 32px;
}

.card-sent {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #7F8FA4;
}

.font-awesome-bg {
	display: inline-block;
	float: right;
    width: 32px;
    height: 32px;
    background: #E8EAF1;
    border-radius: 50%;
    overflow: hidden;
}

/*i {
	display: inline-block;
	float: right;
}*/

.dark-grey {
	color: #99ABB2;
	margin-top: 8px;
} 

.st-btn {
    background-color: #E8EAF1 !important;
    font-weight: 700;
}

.st-btn svg {
	fill: #99ABB2;
}

.memory-container {
	width:100%;
}

.memory-card {
	width:100%;
	padding-left: 15px;
	padding-bottom: 15px;
}

.memory-card:last-child {
  padding-right: 15px;
}

/* Metric */
.metric-profile-from {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.metric-profile-from img {
    width: 30px;
    height: 30px;
}

.tooltip-inner {
    max-width: 500px;
    padding: 3px 8px;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
}

/* Feed */
#sparck_message.input-group-text {
    background-color: #fff!important;
    border-left: 1px solid #fff!important;
    color: #24A89A!important;
	outline: none !important;
	box-shadow: none;
}

#feed_message.form-control {
    border-right: 1px solid #fff!important;
}

.card-header {

	font-size: 18px;
	font-weight: 500;
	background: #139795;
	color: #FFFFFF;
	line-height: 19px;
}

.feed-profile-from {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.feed-profile-from img {
    width: 60px;
    height: 60px;
}

.feed-from-name {

	font-weight: 600;
	font-size: 16px;
	color: #354052;
	margin-top: 10px;
}

.feed-icon {
	padding-right: 5px;
	font-size: 20px;
}

.feed-icon-group {
	padding-right: 35px;
}

.feed-received {

	font-weight: 300;
	font-size: 14px;
	color: #7F8FA4;
}

.feed-messagebody {

	font-weight: 300;
	font-size: 14px;
	color: #354052;
	line-height: 19px;
	padding: 15px 0px;
}

hr.feed-border-bottom {
	margin-left: -15px;
	margin-right: -15px;
	/*border-bottom: 1px solid #dee2e6!important;*/
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.feed-load-more {

	font-weight: 600;
	font-size: 21.3px;
	color: #23AA9C;
	text-align: center;
	line-height: 22.36px;
	text-transform: uppercase;
	cursor: pointer;
}

.feed-load-more:active {

	font-weight: 600;
	font-size: 21.3px;
	color: rgba(35, 171, 157, 0.68);
	text-align: center;
	line-height: 22.36px;
	text-transform: uppercase;
	cursor: pointer;
}

.feed-ellipsis {

	font-weight: 900;
	font-size: 30px;
	color: #23AA9C;
	text-align: center;
	line-height: 22.36px;
	text-transform: uppercase;
	cursor: pointer;
}

.feed-ellipsis:active {

	font-weight: 900;
	font-size: 30px;
	color: rgba(35, 171, 157, 0.68);
	text-align: center;
	line-height: 22.36px;
	text-transform: uppercase;
	cursor: pointer;
}

.btn-comment:focus,.btn-comment:active,.btn-heart:focus,.btn-heart:active {
   outline: none !important;
   box-shadow: none;
}

/* Feed Comments */

.comment-profile-from {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.comment-profile-from img {
    width: 40px;
    height: 40px;
}

.comment-from-name {

	font-weight: 600;
	font-size: 14px;
	color: #354052;
	margin-top: 10px;
	line-height: 19px;
}

.comment-date {

	font-weight: 600;
	font-size: 12px;
	color: #7F8FA4;
	margin-top: 10px;
	line-height: 19px;
	text-align: right;
}

.comment-messagebody {

	font-weight: 200;
	font-size: 14px;
	color: #7F8FA4;
	line-height: 19px;
	padding: 5px 10px;
}

/* Sparck Someone */
.sparck-bar {
	background: #FFFFFF;
	border: 1px solid #E6EAEE;
	border-radius: 4px;	
	padding-bottom: 2em;
}

.sparck-profile-pic {
    max-width: 120px;
    max-height: 120px;
    margin: -60px auto 0;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.sparck-profile-pic img {
	width: 120px;
	height: 120px;
}

.sparck-message {

	font-size: 18px;
	color: #6E858E;
	letter-spacing: 0.05px;
	text-align: center;
	padding-top: 15px;
}

.sparck-label {

	font-weight: 600;
	font-size: 18px;
	color: #474747;
	text-align: left;
}

.sparck-name {

	font-size: 24px;
	font-weight: 600;
	color: #474747;
	letter-spacing: 0;
	text-align: center;	
}

.sparck-privacy {

	font-size: 24px;
	font-weight: 500;
	color: #16b1a9;
	letter-spacing: 0;
	text-align: center;	
}

.selection {
	position: absolute;
	top: -10px;
	right:-10px;
	z-index: 10;
	font-weight: 200;
	font-size: 28px;
	color: #F5BC25;
	border-radius: 50px;
	border:1px solid #16b1a9;
	width:35px;
	height: 35px;
	background-color: #fff;

}

.selected::before {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10;
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 100;
	font-size: 30px;
	color: white;
	content: "\f058";
}
.selection .fa-layers {
	height: 100%;
	width:100%;
}

.card-header.basic-header {

	font-size: 18px;
	font-weight: 500;
	background: #fff;
	color: #414141;
	line-height: 19px;
	border-bottom: 0px;
}

.card-body.basic-body {
	margin: 0 15px;
	padding: 0 15px;
	height: 160px;
}

.card-body.basic-img {
	padding: 0 15px;
	height: 160px;
}

.card-footer.basic-footer {
	background: #fff;
	color: #414141;
	line-height: 19px;
	border-top: 0px;
}

.sparck-stack {
	cursor: pointer;
}

svg.fa-circle.icon *  {
    fill: url(#icongrad);
}

svg.fa-circle.icon-disabled *  {
    fill: #ededed;
}

.disabled {
	color: #ababab;
}

/*.sparck-fill {
	fill: url(#icongrad);
}*/

.sparck-selected {
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #695340;
}

.sparck-memorable {

	font-weight: 600;
	font-size: 24px;
	color: #25B5AA;
	letter-spacing: 0.07px;
	text-align: center;	
}

.sparck-ping {

	font-size: 18px;
	color: #6E858E;
	letter-spacing: 0.05px;
	text-align: center;
}

.sparck-button {
	opacity: 0.7;
	background-image: linear-gradient(-117deg, #24A89A 19%, #00D5C5 100%);

	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: -0.09px;
	width: 280px;
	height: 70px;
	text-align: left;
	vertical-align: middle;
	padding-left: 25px;
}

#private.form-check-input {
    position: relative!important;
    margin-top: 0!important;
    margin-left: 0!important;
    margin-right:20px!important;
}

.note-btn {
	/*background: #139795!important;
	border: #139795!important;
	color: #fff!important;*/
}

.summernote {
	text-align: left;
}
/* Slick Carousel */
.slick_cards .slick-slide{
    position:absolute;
}

.slick_cards .slick-slide:first-child{
    position:relative;
}

.slick-initialized.slick_cards .slick-slide,
.slick-initialized.slick_cards .slick-slide:first-child{
    position:relative;
}

.content-slick {
  background-color: #ffffff !important;
  color: inherit;
  padding: 15px!important 10px!important 0!important 10px!important;
}

.slick-prev:before, .slick-next:before {
    color: #1ab394 !important;
}

/* Perk Carousel */
.prk-bg-1 {
	opacity: 0.7;
	background-image: linear-gradient(-117deg, #24A89A 19%, #00D5C5 100%);
	border-radius: 4px;	
}

.prk-bg-2 {
	background-image: linear-gradient(-117deg, #FD7673 19%, #F94F64 100%);
	border-radius: 4px;	
}

.prk-bg-3 {
	background-image: linear-gradient(-43deg, #FD7673 0%, #F5BC25 100%);
	border-radius: 4px;	
}

.prk-bg-4 {
	opacity: 0.7;
	background-image: linear-gradient(-117deg, #00D5C5 19%, #24A89A 100%);
	border-radius: 4px;	
}

.prk-bg-5 {
	background-image: linear-gradient(-117deg, #F94F64 19%, #FD7673 100%);
	border-radius: 4px;	
}

.prk-bg-6 {
	background-image: linear-gradient(-141deg, #F5BC25 0%, #FD7673 100%);
	border-radius: 4px;	
}

/* Reward Carousel */
.rwrd-bg-1 {
	background-image: linear-gradient(-117deg, #F94F64 19%, #FD7673 100%);
	border-radius: 4px;	
}

.rwrd-bg-2 {
	background-image: linear-gradient(-141deg, #F5BC25 0%, #FD7673 100%);
	border-radius: 4px;	
}

.rwrd-bg-3 {
	opacity: 0.7;
	background-image: linear-gradient(-117deg, #24A89A 19%, #00D5C5 100%);
	border-radius: 4px;	
}

.rwrd-bg-4 {
	background-image: linear-gradient(-117deg, #FD7673 19%, #F94F64 100%);
	border-radius: 4px;	
}

.rwrd-bg-5 {
	background-image: linear-gradient(-43deg, #FD7673 0%, #F5BC25 100%);
	border-radius: 4px;	
}

.rwrd-bg-6 {
	opacity: 0.7;
	background-image: linear-gradient(-117deg, #00D5C5 19%, #24A89A 100%);
	border-radius: 4px;	
}



/* Flickity Carousel */
.carousel-cell {
	width: 20%; /* half-width */	
	margin-right: 20px;
}
#reward_carousel .carousel-cell{ height: 200px; }

@media screen and ( max-width: 768px ) {
  /* half-width cells for larger devices */
  .carousel-cell { width: 50%; }
}

.reward-card > .card, .perk-card > .card {
	position: relative;
	height: 200px;
	width:100% !important;
	border-radius:0;
}

.card-body {
	overflow: hidden;
	border-radius: 0 !important;
}

.perk-text {
	font-size: 15px;
	font-weight: normal;
	color: white;
}

.icon-checked {
	position:absolute;
	top: 15px;
	right: 15px;
}
/* Decision Box */
.decision-box {
	display: inline-block;
    position: relative;
    border-radius: .25rem!important;
    max-height: 80px;
    width: 100%;
    background: #FFFFFF;
	box-shadow: 0 0 11px 0 rgba(0,0,0,0.09);
	border-radius: 4px;
}

.decision-box:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.decision-icon {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-top-left-radius: .25rem!important;
	border-bottom-left-radius: .25rem!important;
    display: inline-block;
    float: left;
    text-align: center;
    overflow: hidden;
    color: #fff;
    padding: 20px;
    width: 80px;
}

.decision-text {
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-top-right-radius: .25rem!important;
	border-bottom-right-radius: .25rem!important;
    display: inline-block;

	font-weight: 200;
	font-size: 20px;
	color: #6E858D;
	letter-spacing: -0.1px;
	float: left;
	padding-top: 25px;
    padding-left: 25px;
	width: -webkit-calc(100% - 80px);
    width:    -moz-calc(100% - 80px);
    width:         calc(100% - 80px);
    height: 100%;
}

/* Welcome icons */

svg.welcome-icon {
	width: 52px;
	height; 46px;
	path {
		fill: #000000;
	}
}

svg.welcome-icon:hover {
	width: 68px;
	height; 68px;
	path {
		fill: #22AB9D;
	}
}

/*path.welcome-icon, g.welcome-icon {
	fill:#000000;
}

path.welcome-icon:hover, g.welcome-icon:hover {
	fill:#22AB9D;
}*/

/* CONTACTS */
.contact-box {
	background-color: #ffffff;
	border: 1px solid #e7eaec;
	padding: 20px;
	margin-bottom: 20px;
	color: rgba(107, 107, 107, 1)!important;
	font-weight: 100;
}

.title {
	color: #E97436!important;
	font-weight: 400 !important;
}
.contact-box > a {
	color: inherit;
}

.contact-box.center-version {
	border: 1px solid #e7eaec;
	padding: 0;
}

.contact-box.center-version > a {
	display: block;
	background-color: #ffffff;
	padding: 20px;
	text-align: center;
	text-decoration: none;
}

.contact-box.center-version > a img {
	width: 80px;
	height: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.contact-box.center-version address {
	margin-bottom: 0;
}

.contact-box .contact-box-footer {
	text-align: center;
	background-color: #ffffff;
	border-top: 1px solid #e7eaec;
	padding: 15px 20px;
}

/* ACTION PILL */
.actionpill{
	background: #FFFFFF;
	border: 1px solid rgba(153,171,178,0.40);
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
	text-decoration:none;
	color: rgb(155,171,177);
	font-size:12px;
	font-weight:400;
	padding:1px 15px;
	margin: 5px;
	line-height:32px;
	height: auto;
	display:inline-block;
	text-align:center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
}

.taken:hover{
	background-color:#f26522;
	color: #fff;
}

.needed:hover{
	background-color:#e6eaec;
}

.disregarded:hover{
	background-color:#F2564F;
	color: #fff;
}

.actionpill:focus,.actionpill:active {
	outline: none !important;
	box-shadow: none;
}

/* BUTTON PILL */
.btnpill{
	background: #FFFFFF;
	border: 1px solid rgba(153,171,178,0.40);
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
	text-decoration:none;
	color: rgb(155,171,177);
	font-size:14px;
	font-weight:400;
	padding:3px 15px;
	margin: 5px;
	line-height:32px;
	height: auto;
	display:inline-block;
	text-align:center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
}

.btnpill:hover{
	background-color:#f9f9f9;
}

.btnpill:focus,.btnpill:active {
   outline: none !important;
   box-shadow: none;
}

.delete {
	margin-left: 5px;
	font-size: 16px;
	color: red;
}

/* CONNECTION BUTTONS */
.btn-star:focus,.btn-star:active,.btn-mail:focus,.btn-mail:active,.btn-mobile:focus,.btn-mobile:active,.btn-sparck:focus,.btn-sparck:active {
   outline: none !important;
   box-shadow: none;
}


/* CIRCLE */
.img-circle {
  border-radius: 50%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

/* Hidden */
.hidden {
	display:none;
}

/* Modal Styling */
/* Tip Modal */
.tip-bg {
	background-image: linear-gradient(-117deg, #F94F64 19%, #FD7673 100%);
	max-width: 500px;
}

.tip-header {

	font-weight: 500;
	font-size: 48px;
	color: #FFFFFF;
	margin-top: 5px;
}

.tip-content {

	font-weight: 100;
	font-size: 18px;
	color: #FFFFFF;
}

.tip-content > p > a:hover {
	color: #d2d2d2;
} 

/* Message Modal */
.message-bg {
	max-width: 1000px;
	background-color: #fff;
}

/* Share Modal */
.share-bg {
	max-width: 550px;
	background-color: #fff;
}

.share-header {
	background-image: linear-gradient(-117deg, #00D2DD 19%, #00D5C5 100%);
	border: 1px solid #E6EAEE;
	border-radius: 4px 4px 0 0;

	font-weight: 200;
	font-size: 32px;
	color: #FFFFFF;
	text-align: center!important;
	padding: 40px auto;
	margin: 0 auto;
	width: 100%;
}

.share-label {

	font-weight: 200;
	font-size: 14px;
	color: #7F8FA4;
	line-height: 19px;	
}

.share-content {

	font-size: 14px;
	color: #354052;
	line-height: 19px;
}

.share-content > p > a:hover {
	color: #d2d2d2;
} 

svg.fa-square.twitter *  {
    fill: url(#twittergrad);
}

svg.fa-square.facebook *  {
    fill: url(#fbingrad);
}

svg.fa-square.pinterest *  {
    fill: url(#pingrad);
}

svg.fa-square.linkedin *  {
    fill: url(#fbingrad);
}

.twitter-col {
	color: #00AAFF;
}

.facebook-col {
	color: #1180D3;
}

.linkedin-col {
	color: #2492E4;
}

.pinterest-col {
	color: #D53E23;
}

.social-link {
	cursor: pointer;
}

/* Sparck Modal */
.sparck-bg {
	max-width: 1000px;
	background-color: #fff;
}

.sparck-header {
	background-image: linear-gradient(-141deg, #F5BC25 0%, #FD7673 100%);

	font-weight: 300;
	font-size: 32px;
	color: #FFFFFF;
	letter-spacing: -0.2px;
	line-height: 80px;
	width: 100%;
}

.message-label {

	font-weight: 400;
	font-size: 14px;
	font-size: 30px;
	color: #354052;
}

.sparck-content {

	opacity: 0.5;
	font-size: 16px;
	color: #354052;
	line-height: 24px;
}

.sparck-content > p > a:hover {
	color: #d2d2d2;
}

.sparck-pill{
	text-decoration:none;
	font-size:14px;
	font-weight:400;
	padding:3px 15px;
	margin: 5px;
	line-height:32px;
	height: auto;
	display:inline-block;
	text-align:center;
	cursor: pointer;
	background: #FFFFFF;
	border: 1px solid #23AA9C;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	font-size: 16px;
	color: #2AB7AC;
	letter-spacing: 0.06px;
}

.sparck-pill:hover{
	background-color:#f9f9f9;
}

.sparck-pill:focus,.sparck-pill:active {
   outline: none !important;
   box-shadow: none;
}

.card-img-top, .share, .sparck-share {
	cursor: pointer;
}

/* Footer */
.footer {

	font-size: 14px!important;
	font-weight: 100;
	color: #6E858E!important;
	padding: 0 30px;
	margin-bottom:30px;
	float:left;
	width:100%;
}


.main-navigation a.depth-1.active:after,
.main-navigation li:hover a.depth-1:after,
.main-navigation .active-trail a.depth-1:after {
	left: 100%!important;
	right: 100%!important;
	width: 0!important;
	background-color: #0b36c4;
}

.main-navigation a.depth-1:after {
    content: "";
    position: absolute;
	left: 100%!important;
    right: 100%!important;
    top: 20px;
    bottom: 0!important;
    height: 2px;
    transition: all .1s ease-out;
    background-color: #fff!important;
}
@media (min-width: 1366px)
.main-navigation a.depth-1:after {
    content: "";
    position: absolute;
	left: 100%!important;
    right: 100%!important;
    top: 20px;
    bottom: 0!important;
    height: 2px;
    transition: all .1s ease-out;
    background-color: #fff!important;
}

#the-count {
	/*float: right;*/
	padding: 0.1rem 0 0 0;
	font-size: 1.25rem;
	color: rgb(35, 57, 191) !important;
}

.job-title{
	text-decoration: none;
    color: #0b36c4;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5em;
    font-family: Futura W01,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.summernote {
	text-align: left;
}