html {
	font-size: 10px;
}
p, h1, h2, h3, h4, h5, input {
	font-family: museo-sans-rounded, sans-serif;
	font-weight: 300;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
p {
	letter-spacing: .005em;
	font-size: 14px;
}
p a {
	color: #01516e;
	font-weight: 500;
}
p a:hover {
	color: #50c6db;
}
p+p {
	margin-top: 10px;
}
strong {
	font-weight: bold;
}
h1 {
	font-size: 4.2em;
	font-weight: 500;
	color: #262727;
	letter-spacing: .02em;
	text-align: left;
}
h2 {
	color: #262727;
	max-width: 84.2rem;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.333;
}
h3 {
	color: #262727;
	max-width: 84.2rem;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.333;
	margin-bottom: 2rem;
}
h6 {
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.42;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #262727;
	max-width: 62.4rem;
	margin-bottom: 10px;
}
hr {
	display: block;
    margin: 2.5rem 0;
    border: 0;
    background: #e7e7e7;
    width: 100%;
    height: 0.1rem;
}
sup {
	font-size: smaller;
    vertical-align: super;
}
.suphost {
	top: -3px;
}
header {
	background: #50c6db;
	background: #144e66;
	position: sticky;
	top: 0;
	z-index: 1001;
}
.header-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin-right: 2rem;
}
.header-inner p {
	font-size: 1.4em;
	color: white;
}
.header-branding {
	display: flex;
	padding: 2rem;
	/*border-right: 1px solid hsla(0,0%,100%,.2);*/
	text-decoration: none;
	align-items: center;
}
.header-branding h1 {
	padding-right: 10px;

}
header .button-link {
	text-decoration: none;
	font-weight: 700;
	color: white;
}
.logo {
	width: 5rem;
	padding-right: 2rem;
	
}
section {
	margin-bottom: 3rem;
	padding-left: 6rem;
	padding-right: 6rem;
	position: relative;
}

html,
body,
main {
	background-color: #f7f6f6;
}
main {
	padding-bottom: 60px;
}
.pagetitle {
	text-align: center;
}

.--mt-30 {
	margin-top: 3rem;
}
.--mb-30 {
	margin-bottom: 3rem;
}
.--mb-20 {
	margin-bottom: 2rem;
}
.--ml-30 {
	margin-left: 3rem;
}
.--mr-30 {
	margin-right: 3rem;
}
.--w-650 {
	max-width: 65rem;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.relative {
	position: relative;
}
.card {
	background-color: white;
	border-radius: 4px;
	color: #262727;
	font-size: 1.4em;
	line-height: 1.33;
	box-shadow: 0 0 6px -3px #e7e7e7;
}
.card-body,
.card-footer {
	padding: 3rem;
	box-sizing: border-box;
}
.card-footer {
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top: 0.1rem solid #e7e7e7;
    border-radius: 0 0 0.4rem 0.4rem;
    width: 100%;
}
.form-row {
	width: 100%;
	margin-bottom: 3rem;
}
.form-row label {
	display: block;
    margin: 0 0 1rem;
    color: #262727;
    font-size: 1.4rem;
    font-weight: 500;
}
input[type=email], input[type=number], input[type=password], input[type=phone], input[type=search], input[type=tel], input[type=text], input[type=url], textarea,
select, input[type=date] {
	-webkit-appearance: none;
    transition: box-shadow .1s;
    outline: none;
    border: 0;
    border-radius: 0.4rem;
    box-shadow: inset 0 0 0 1px #e7e7e7;
    background: #fff;
    padding: 2rem;
    width: 100%;
    color: #262727;
    font-size: 1.4rem;
    font-weight: 300;
    box-sizing: border-box;
    line-height: 1.5em;
}
.radio {
	display: flex;
	align-items: flex-start;
}
.radio label {
	margin-left: 7px;
}
.accordion__header {
	border-bottom: 1px solid #e7e7e7;
	background: white;
	padding: 20px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.accordion__header button {
	display: none;
}
.accordion__header h2 {
	font-size: 2.0rem;
}
.accordion__body {
	display: none;
	background: white;
	padding: 20px;
}
.accordion__container {
	background: #144e66;
}
.accordion__body .form-row {
	margin-bottom: 0;
	flex-direction: column;
}
.accordion:not(.active) .accordion__header:hover {
	outline: 2px solid #50c6db;
	
}
.accordion.active .accordion__body {
	display: block;
}
.accordion {
	margin-bottom: 30px;
}
.accordion__body .form-field {
	margin-bottom: 2rem;
}

.button,
button{
	cursor: pointer;
    display: inline-block;
    position: relative;
    transition: transform .1s ease 0s,padding .1s ease 0s,background-color .1s ease 0s,color .1s ease 0s;
    border: 0;
    border-radius: 1.857142857em;
    background-color: #f0ce15;
    background-color: #f0ca66;
    padding: 0 3rem;
    height: 3.714em;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: 3.714em;
    word-break: keep-all;
    letter-spacing: .02rem;
    color: #262727;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none!important;
}
.button:hover,
button:hover {
	background-color: #434344;
	color: white;
}
.button.working,
button.working {
	background-color: #c7c4c4;
	color: #9f9c9c;
}
button.working i {
	color: white;
}
.button[class*="--link"], 
button[class*="--link"] {
	border: 0;
    border-radius: 1.071428571em;
    background: 0 0;
    padding: 0;
    height: auto;
    line-height: inherit;
    color: #01516e;
    text-decoration: none;
    text-transform: uppercase;
}
.vertical-divider {
	display: inline-block;
    margin: 0 .5rem;
    background: #c7c4c4;
    width: 0.1rem;
    height: 3.2rem;
    vertical-align: middle;
}
.vertical-divider[class*="--light"] {
	background: #e7e7e7;
}
.vertical-divider[class*="--mini"] {
	height: 1.5rem;
}
.button[class*="--link"]:focus, .button[class*="--link"]:hover, button[class*="--link"]:focus, button[class*="--link"]:hover {
	color: #00c1db;
}
.meta {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.meta>* {
	margin: 0 0.5rem;
}

button i.spinner,
.button i.spinner {
	display: none;
	margin-left: 10px;
}

.working .spinner {
	display: inline-block;
}
.text-center {
	text-align: center;
}
.alert {
	position: relative;
    opacity: 0;
    border-radius: 0.4rem;
    background: #50c6db;
    width: 100%;
    height: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-bottom: 2rem;
}
.alert.visible {
	opacity: 1;
	height: 60px;
}
.alert[class*="--active"] {
	opacity: 1;
    margin-bottom: 3rem;
    padding: 2rem;
    height: auto;
}
.alert[class*="--error"] {
	background: #ef4e65;
}
label.error {
	text-align: left;
    color: #ef4e65!important;
    display: none;
    margin-top: 1rem;
}
.form-field.error label.error {
	display: block;
}
.form-field.error input {
	box-shadow: inset 0 0 0 2px #ef4e65;
}
.button-link {
	transition:  all .1s ease 0s;
}
.button-link:hover {
	color: #00c1db;
}
.white {
	color: white;
}
.yellow {
	color: #f0ca66;
}
.nav__item {
	position: relative;
}
.pill {
	position: absolute;
    background: #ef4e65;
    background: #f47557;
    top: -7px;
    right: -9px;
    border-radius: 50%;
    color: white;
    font-size: 11px;
    padding: 2px 7px 4px 7px;
    text-shadow: none;
}
.header-account-wrapper {
	padding-left: 21px;
	border-left: 1px solid hsla(0,0%,100%,.2);
	margin-left: 42px;
	position: relative;
}
.header-account {
	display: block;
	height: 50px;
	width: 50px;
	background: #ef4e65;
	background: #f47557;
	background: #3e1376;
	border-radius: 50%;
	color: white;
	position: relative;
	cursor: pointer;
}
.absolute.centered {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.header-account span {
	font-size: 20px;
}
.wrapper {
	width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.nav__item[class*="--messages"] {
	cursor: pointer;
	transition: all 0.1s ease;
}
.nav__item[class*="--messages"]:hover {
	text-shadow: 0 0 2px white;
}
.layout[class*="--page_overview"] {
	padding: 4rem 0 0;
	display: flex;
	display: flex;
	flex-wrap: wrap;
	align-content: normal;
	justify-content: space-between;
	align-items: center;
	align-items: center;
	max-width: 131.4rem;
}
section.overview {
	background: white;
}
.--page_overview {
	max-width: 134rem;
	margin-left: auto;
	margin-right: auto;
}
.overview-icon {
	font-size: 4rem;
	margin-right: 3rem;
}
.grey {
	color: #c7c4c4;
}
.overview h1 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}
.layout[class*="--page_overview"] .layout__nav {
	margin-top: 3rem;
	width: 100%;
}
.tab-nav__list {
	display: flex;
}
.tab-nav__item {
	margin: 0 0.5rem 0 0;
    padding: 0 0.5rem 0 0;
}
.tab-nav__link {
	display: inline-block;
    position: relative;
    transition: color .2s;
    outline: none;
    padding: 2rem 1rem;
    text-transform: uppercase;
    line-height: 1;
    color: #5d5e5e;
    font-weight: 700;
    font-size: 1.4rem;
    text-decoration: none;
}
.active .tab-nav__link {
	color: #262727;
    font-weight: 700;
}
.active .tab-nav__link:after {
	content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    background: #50c6db;
    width: 100%;
    height: 0.4rem;
}
.tab-nav__link:hover {
	color: #338199;
}

#welcome {
	background: #fff;
	padding: 40px 60px;
}
.flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.flex-column {
	flex-direction: column;
}
.avatar {
	display: block;
	width: 100%;
	max-width: 14.8rem;
	height: 14.8rem;
	background: #ef4e65;
	background: #fab6a6;
	background: #f7886d;
	background: #f47557;
	color: white;
	font-size: 48px;
	border-radius: 50%;
	position: relative;
	margin-right: 30px;
}
.avatar span {
	font-weight: 500;
}
.flex-align-left {
	align-items: flex-start;
}
.rem100 {
	width: 100rem;
}
.classcard {
	position: relative;
	border-radius: 0.4rem;
	background: #fff;
	display: flex;
	justify-content: space-between;
	margin-bottom: 3rem;
	cursor: pointer;
}
.classcard:hover {
	outline: 2px solid #50c6db;
}
.classcard_inner {
	display: flex;
	padding: 30px;
	justify-content: flex-start;
}
.classicon {
	color: white;
    font-size: 2.5rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.class_info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.daterange {
	padding-bottom: 10px;
}
.card__header {
	padding: 1.5rem 3rem 3rem;
	border-bottom: .1rem solid #e7e7e7;
	border-top-left-radius: .4rem;
	border-top-right-radius: .4rem;
}
.card__header h2 {
	margin-top: 1.5rem;
}
.card__body {
	padding: 3rem;
}
.form {
	width: 100%;
}
.form-row {
	justify-content: space-between;
	width: 100%;
	display: flex;
}
.form-field {
	width: 100%;
}
.form-field p {
	margin-top: 1rem;
}
.--half .form-field,
.--thirds .form-field:first-child {
	width: calc(50% - 1.5rem);
}
.--thirds .form-field {
	width: calc(25% - 1.5rem);
}
.flex-align-top {
	align-items: flex-start;
}
.card__body .avatar {
	margin-right: 6rem;
}
.form-row + hr {
	margin: 6rem auto;
}
.card__footer {
	padding: 3rem;
	border-top: .1rem solid #e7e7e7;
	border-bottom-left-radius: .4rem;
	border-bottom-right-radius: .4rem;
	display: flex;
	justify-content: space-between;
}
.text-centered {
	text-align: center;
}
#dashboard .layout {
	display: flex;
	flex-wrap: wrap;
}
.overview {
	margin-bottom: 6rem;
}
.card.clickable {
	width: 25rem;
	max-width: 25rem;
	margin: 0 5rem 5rem 0;
}
.card.clickable .card__header {
	padding: 1rem 2rem;
}
.card.clickable h2 {
	margin: auto;
	color: white;
}
.card.clickable h2 i {
	margin-right: 1rem;
}
.layout {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.layout.--small {
	max-width: 73.4rem;
}
.orange {
	background: #e8a36a;
	background: #e79c5d;
}
.red {
	background: #b06a68;
	background: #ad4946;
}
.dkblue{
	background: #144e66;
}
.blue {
	background: #0098c8;
}
.btn-blue {
	background: #0098c8;
	color: white;
}
.purple {
	background: #7a548a;
}
.green {
	background: #017e76;
}
.gold {
	background: #e3c364;
	background: #e1bd52;
}
.pink {
	background: #f99191;
}
.pinkfg {
	color: #f99191;
}
.orangefg {
	color: #e8a36a;
}
.redfg {
	color: #b06a68;
}
.bluefg {
	color: #0098c8;
}
.purplefg {
	color: #7a548a;
}
.greenfg {
	color: #017e76;
}
.goldfg {
	color: #e3c364;
}
.dkbluefg {
	color: #144e66;
}
.successfg {
	color: #0d0 !important;
}
#class-overview {
	
}
.card.clickable {
	cursor: pointer;
	border: 2px solid rgba(0,0,0,0);
}
.card.clickable:hover {
	border: 2px solid #50c6db;;
}
[data-link="practiceclients"] h2 {
	font-size: 2.3rem;
}
table {
	width: 100%;
}
th {
	font-size: 2rem;
	text-align: left;
}
td {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 1.5rem;
}
thead th {
	padding-bottom: 30px;
}
tbody tr {
	border-top: 1px solid #eaeaea;
}
tr.practiceclient {
	cursor: pointer;
}
tr.practiceclient:hover td:not(.actions) {
	/*color: #50c6db;*/
}
td.actions {
	text-align: right;
}
td.actions span:hover {
	color: #50c6db;
}
#practiceclients-invite .card-footer {
	justify-content: flex-end;
}
#practiceclients-invite .card {
	max-width: 50vw;
	margin: auto;
	margin-top: 70px;
}
#ethics-content .card-footer {
	justify-content: flex-end;
}

.accordion__body hr {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.number-boxes {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 4rem;
}
.number-box {
	text-align: center;
	border: 2px solid #144e66;
	background: white;
	font-weight: 700;
	padding: 10px;
	color: #144e66;
	cursor: pointer;
	min-width: 5rem;
	margin-left: 10px;
	margin-right: 10px;
}
.number-box:first-child {
	margin-left: 0;
}
.number-box:last-child {
	margin-right: 0;
}
.number-box:hover {
	outline: 2px solid #50c6db;
}
.number-box.has-data {
	background: #c7c4c4;
}
.number-box.active {
	background: #144e66;
	color: white;
}
.how,
.whynot,
.cords,
.cords-detail {
	display: none;
}
.radio h3 {
	margin-left: 7px;
}
.cordsx-detail,
.symbol-detail,
.belief-detail,
.release-detail,
.symbol-detail2,
.belief-detail2,
.release-detail2,
.cordspercentage-detail,
.lifeevent-detail,
.corelifeevent-detail,
.ssrelease-detail,
.esrelease-detail,
.physicallayer-detail,
.emotionallayer-detail,
.mentallayer-detail,
.spirituallayer-detail {
	padding-left: 3rem;
	display: none;
}
.subaccordion h3 {
	margin-bottom: 0;
}
.cordsx h3,
.symbol h3,
.belief h3,
.release h3,
.symbol2 h3,
.belief2 h3,
.release2 h3,
.cords-percentage h3,
.lifeevent h3,
.corelifeevent h3,
.ssrelease h3,
.esrelease h3,
.physicallayer h3,
.emotionallayer h3,
.mentallayer h3,
.spirituallayer h3,
.cords-percentage .top,
.cordsx .top,
.symbol .top,
.belief .top,
.release .top,
.symbol2 .top,
.belief2 .top,
.release2 .top,
.lifeevent .top,
.corelifeevent .top,
.ssrelease .top,
.esrelease .top,
.physicallayer .top,
.emotionallayer .top,
.mentallayer .top,
.spirituallayer .top {
	margin-bottom: 0;
}
.cordsx.open h3,
.symbol.open h3,
.belief.open h3,
.release.open h3,
.symbol2.open h3,
.belief2.open h3,
.release2.open h3, 
.cords-percentage.open h3,
.lifeevent.open h3,
.corelifeevent.open h3,
.ssrelease.open h3,
.esrelease.open h3,
.physicallayer.open h3,
.emotionallayer.open h3,
.mentallayer.open h3,
.spirituallayer.open h3,
.cords-percentage.open .top,
.cordsx.open .top,
.symbol.open .top,
.belief.open .top,
.release.open .top,
.symbol2.open .top,
.belief2.open .top,
.release2.open .top,
.lifeevent.open .top,
.corelifeevent.open .top,
.ssrelease.open .top,
.esrelease.open .top,
.physicallayer.open .top,
.emotionallayer.open .top,
.mentallayer.open .top,
.spirituallayer.open .top
 {
	margin-bottom: 20px;
}

.cordsx.open .cordsx-detail,
.symbol.open .symbol-detail,
.belief.open .belief-detail,
.release.open .release-detail,
.symbol2.open .symbol-detail2,
.belief2.open .belief-detail2,
.release2.open .release-detail2,
.cords-percentage.open .cordspercentage-detail,
.lifeevent.open .lifeevent-detail,
.corelifeevent.open .corelifeevent-detail,
.esrelease.open .esrelease-detail,
.ssrelease.open .ssrelease-detail,
.physicallayer.open .physicallayer-detail,
.emotionallayer.open .emotionallayer-detail,
.mentallayer.open .mentallayer-detail,
.spirituallayer.open .spirituallayer-detail {
	display: block;
}
.open textarea,
.open input {
	max-width: calc(100% - 30px);
}

.new-case-report .card {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translatex(-50%);
	width: 100%;
	margin-top: 0;
	opacity: 0;
	transition: all 0.3s linear;
}
.new-case-report .card.active {
	z-index: 101;
	position: relative;
	opacity: 1;
}
.prev,
.next {
	cursor: pointer;
}
.prev:hover,
.next:hover {
	color: #50c6db;
}
.disabled {
	display: none;
}
label span {
	color: #999;
	font-size: 1.2rem;
	padding-left: 10px;
	padding-right: 10px;
	
}
.mini-card {
	margin: 10px;
	padding: 20px 10px;
	border: 1px solid #aaa;
	border-radius: .4rem;
	cursor: pointer;
}
.mini-card p {
	text-align: center;
}
.mini-card i {
	color: #144e66;
}
.mini-card:hover {
	outline: 2px solid #50c6db;
}
#cmip-content .flex {
	justify-content: space-between;
}
.open-all {
	line-height: 2em;
	height: auto;

}
.accordion.active .open-all {
	display: inline;
}
tr.unread td {
	font-weight: bold;
}
tr.message {
	cursor: pointer;
}
tr.message:hover td {
	background-color: rgba(80, 198, 219, .3);
	
}
.hidden {
	display: none;
}
.submenu {
	background: white;
	padding: 20px 0;
	position: absolute;
	right: -2rem;
	top: 50px;
	border: 1px solid #ccc;
	display: none;
	width: 300%;
}
.submenu li {
	font-size: 15px;
	cursor: pointer;
	
}
.submenu li a {
	text-decoration: none;
	color: #262727;
	padding: 10px 30px;
	display: block;
}
.submenu li:not(:last-child) {
	border-bottom: .5px solid #ccc;
}
.submenu li:hover {
	background-color: rgba(80, 198, 219, .3);;
}
form {
	width: 100%;
}
.filetarget {
	background-color:#fafafa;width:160px;height:150px;position:relative; cursor:pointer;border:.5px solid #aaa; border-radius:10px;margin:20px auto;
}
.filetarget-widget-wrapper {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
.filetarget #spinner {
	color:#aaa;display:none;
}
.filetarget .progress {
	width: 130px;display:none;background:white;border-radius:50px;
}
.filetarget .progress-bar {
	width:0%;height:10px;border-radius:50px;
}
.center {
	text-align: center;
}
.targetfile {
	display: block;
	cursor: pointer;
	width: 150px;
	margin: 50px auto;
	padding-top: 20px;
	padding-bottom: 20px;
	transition: all 0.2s linear;
	border-radius: 10px;
	background-color: #fafafa;
	border: .5px solid #7a548a;
}
.targetfile i {
	transition: all 0.2s linear;
}
.targetfile:hover {
	background: white;
}
.targetfile:hover i {
	transform: scale(1.1);
}
.targetfile p {
	margin-top: 10px;
}
i {
	display: block;
}
p.error {
	color: #d00;
	display: none;
}
.form-field.error .error {
	display: block;
}
td a {
	color: #50c6db;
}
.resend,
.delete {
	padding-left: 7px;
	padding-right: 7px;
}
.delete:hover {
	opacity: .7;
}
.resend i {
	display: none;
}
.resend.working i {
	display: inline-block;
}
.dblink {
	font-size: 1.8rem;
}
.notation {
	color: #f0ca66;
}
.actions {
	display: flex;
	justify-content: flex-end;
}
.actions span,
.actions i {
	margin-left:50px;
}
.rejected {
	color: #d00;
}
.draft {
	color: #50c6db;
}
.pending {
	color: #bd911e;
}
.approved {
	color: #28a745;
}
table.dataTable tbody tr.odd {
	background-color: #fafafa;
}
table.dataTable tbody tr:hover {
	background-color: rgba(80, 198, 219, .3);
}
.errorfg {
	color: #d00;
}
.bold {
	font-weight: bold;
}