/*
* UTILITY
*/

.outline
{
	border: dashed var(--orange) 2px ! important;
}
.shadow { box-shadow: -5px 5px 5px rgba(0,0,0,0.05); }
.app-container {
    background-color: #fff;
    padding: 20px 15px;
    border-radius: 8px;
    box-shadow: -5px 5px 5px rgba(0,0,0,0.05);
}
.curved { border-radius: 8px; }
.bg-white { background-color: #fff; }
.hide { display: none !important; }
.tracer { border: solid red 1px; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.float-left { float: left; }
.float-center { float: center; }
.float-right { float: right; }
.nowrap { white-space: nowrap;}
.no-select { cursor: default; }
.inline-block { display: inline-block; }
.leading-1 { line-height: 1em; }
.leading-1-1 { line-height: 1.1em; }
.leading-1-2 { line-height: 1.2em; }
.leading-1-3 { line-height: 1.3em; }
.leading-1-4 { line-height: 1.4em; }
.leading-1-5 { line-height: 1.5em; }
.leading-1-6 { line-height: 1.6em; }
.leading-1-7 { line-height: 1.7em; }
.leading-1-8 { line-height: 1.8em; }
.leading-1-9 { line-height: 1.9em; }
.leading-2 { line-height: 1.5em; }
.font-10 { font-size: 10px !important; }
.font-11 { font-size: 11px !important; }
.font-12 { font-size: 12px !important; }
.font-13 { font-size: 13px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15p !important; }
.font-16 { font-size: 16px !important; }
.font-17 { font-size: 17px !important; }
.font-18 { font-size: 18px !important; }
.font-19 { font-size: 19px !important; }
.font-20 { font-size: 16px !important; }

.placeholder
{
	padding: 50px;
	background: var(--light2);
	color: var(--dark);
	font-style: italic;
}

.rv-padding-0 { padding-top: 0px; padding-bottom: 0px; }
.rv-margin-0 { margin-top: 0px; margin-bottom: 0px; }
.r-padding-top-0 { padding-top: 0px; }
.r-padding-bottom-0 { padding-bottom: 0px; }
.r-margin-top-0 { margin-top: 0px; }
.r-margin-bottom-0 { margin-bottom: 0px; }
.v-padding-0 { padding-top: 0px; padding-bottom: 0px; }
.h-padding-0 { padding-left: 0px; padding-right: 0px; }
.v-margin-0 { margin-top: 0px; margin-bottom: 0px; }
.padding-top-0 { padding-top: 0px; }
.padding-bottom-0 { padding-bottom: 0px; }
.margin-top-0 { margin-top: 0px; }
.margin-bottom-0 { margin-bottom: 0px; }
.padding-right-0 { padding-right: 0px; }
.padding-left-0 { padding-left: 0px; }
.margin-right-0 { margin-right: 0px; }
.margin-left-0 { margin-left: 0px; }
.w-pct-5 { width: 5%; }
.rv-padding-10 { padding-top: 10px; padding-bottom: 10px; }
.rv-margin-10 { margin-top: 10px; margin-bottom: 10px; }
.r-padding-top-10 { padding-top: 10px; }
.r-padding-bottom-10 { padding-bottom: 10px; }
.r-margin-top-10 { margin-top: 10px; }
.r-margin-bottom-10 { margin-bottom: 10px; }
.v-padding-10 { padding-top: 10px; padding-bottom: 10px; }
.h-padding-10 { padding-left: 10px; padding-right: 10px; }
.v-margin-10 { margin-top: 10px; margin-bottom: 10px; }
.padding-top-10 { padding-top: 10px; }
.padding-bottom-10 { padding-bottom: 10px; }
.margin-top-10 { margin-top: 10px; }
.margin-bottom-10 { margin-bottom: 10px; }
.padding-right-10 { padding-right: 10px; }
.padding-left-10 { padding-left: 10px; }
.margin-right-10 { margin-right: 10px; }
.margin-left-10 { margin-left: 10px; }
.w-pct-5 { width: 5%; }
.w-pct-10 { width: 10%; }
.rv-padding-20 { padding-top: 20px; padding-bottom: 20px; }
.rv-margin-20 { margin-top: 20px; margin-bottom: 20px; }
.r-padding-top-20 { padding-top: 20px; }
.r-padding-bottom-20 { padding-bottom: 20px; }
.r-margin-top-20 { margin-top: 20px; }
.r-margin-bottom-20 { margin-bottom: 20px; }
.v-padding-20 { padding-top: 20px; padding-bottom: 20px; }
.h-padding-20 { padding-left: 20px; padding-right: 20px; }
.v-margin-20 { margin-top: 20px; margin-bottom: 20px; }
.padding-top-20 { padding-top: 20px; }
.padding-bottom-20 { padding-bottom: 20px; }
.margin-top-20 { margin-top: 20px; }
.margin-bottom-20 { margin-bottom: 20px; }
.padding-right-20 { padding-right: 20px; }
.padding-left-20 { padding-left: 20px; }
.margin-right-20 { margin-right: 20px; }
.margin-left-20 { margin-left: 20px; }
.w-pct-15 { width: 15%; }
.w-pct-20 { width: 20%; }
.rv-padding-30 { padding-top: 30px; padding-bottom: 30px; }
.rv-margin-30 { margin-top: 30px; margin-bottom: 30px; }
.r-padding-top-30 { padding-top: 30px; }
.r-padding-bottom-30 { padding-bottom: 30px; }
.r-margin-top-30 { margin-top: 30px; }
.r-margin-bottom-30 { margin-bottom: 30px; }
.v-padding-30 { padding-top: 30px; padding-bottom: 30px; }
.h-padding-30 { padding-left: 30px; padding-right: 30px; }
.v-margin-30 { margin-top: 30px; margin-bottom: 30px; }
.padding-top-30 { padding-top: 30px; }
.padding-bottom-30 { padding-bottom: 30px; }
.margin-top-30 { margin-top: 30px; }
.margin-bottom-30 { margin-bottom: 30px; }
.padding-right-30 { padding-right: 30px; }
.padding-left-30 { padding-left: 30px; }
.margin-right-30 { margin-right: 30px; }
.margin-left-30 { margin-left: 30px; }
.w-pct-25 { width: 25%; }
.w-pct-30 { width: 30%; }
.rv-padding-40 { padding-top: 40px; padding-bottom: 40px; }
.rv-margin-40 { margin-top: 40px; margin-bottom: 40px; }
.r-padding-top-40 { padding-top: 40px; }
.r-padding-bottom-40 { padding-bottom: 40px; }
.r-margin-top-40 { margin-top: 40px; }
.r-margin-bottom-40 { margin-bottom: 40px; }
.v-padding-40 { padding-top: 40px; padding-bottom: 40px; }
.h-padding-40 { padding-left: 40px; padding-right: 40px; }
.v-margin-40 { margin-top: 40px; margin-bottom: 40px; }
.padding-top-40 { padding-top: 40px; }
.padding-bottom-40 { padding-bottom: 40px; }
.margin-top-40 { margin-top: 40px; }
.margin-bottom-40 { margin-bottom: 40px; }
.padding-right-40 { padding-right: 40px; }
.padding-left-40 { padding-left: 40px; }
.margin-right-40 { margin-right: 40px; }
.margin-left-40 { margin-left: 40px; }
.w-pct-35 { width: 35%; }
.w-pct-40 { width: 40%; }
.rv-padding-50 { padding-top: 50px; padding-bottom: 50px; }
.rv-margin-50 { margin-top: 50px; margin-bottom: 50px; }
.r-padding-top-50 { padding-top: 50px; }
.r-padding-bottom-50 { padding-bottom: 50px; }
.r-margin-top-50 { margin-top: 50px; }
.r-margin-bottom-50 { margin-bottom: 50px; }
.v-padding-50 { padding-top: 50px; padding-bottom: 50px; }
.h-padding-50 { padding-left: 50px; padding-right: 50px; }
.v-margin-50 { margin-top: 50px; margin-bottom: 50px; }
.padding-top-50 { padding-top: 50px; }
.padding-bottom-50 { padding-bottom: 50px; }
.margin-top-50 { margin-top: 50px; }
.margin-bottom-50 { margin-bottom: 50px; }
.padding-right-50 { padding-right: 50px; }
.padding-left-50 { padding-left: 50px; }
.margin-right-50 { margin-right: 50px; }
.margin-left-50 { margin-left: 50px; }
.w-pct-45 { width: 45%; }
.w-pct-50 { width: 50%; }
.rv-padding-60 { padding-top: 60px; padding-bottom: 60px; }
.rv-margin-60 { margin-top: 60px; margin-bottom: 60px; }
.r-padding-top-60 { padding-top: 60px; }
.r-padding-bottom-60 { padding-bottom: 60px; }
.r-margin-top-60 { margin-top: 60px; }
.r-margin-bottom-60 { margin-bottom: 60px; }
.v-padding-60 { padding-top: 60px; padding-bottom: 60px; }
.h-padding-60 { padding-left: 60px; padding-right: 60px; }
.v-margin-60 { margin-top: 60px; margin-bottom: 60px; }
.padding-top-60 { padding-top: 60px; }
.padding-bottom-60 { padding-bottom: 60px; }
.margin-top-60 { margin-top: 60px; }
.margin-bottom-60 { margin-bottom: 60px; }
.padding-right-60 { padding-right: 60px; }
.padding-left-60 { padding-left: 60px; }
.margin-right-60 { margin-right: 60px; }
.margin-left-60 { margin-left: 60px; }
.w-pct-55 { width: 55%; }
.w-pct-60 { width: 60%; }
.rv-padding-70 { padding-top: 70px; padding-bottom: 70px; }
.rv-margin-70 { margin-top: 70px; margin-bottom: 70px; }
.r-padding-top-70 { padding-top: 70px; }
.r-padding-bottom-70 { padding-bottom: 70px; }
.r-margin-top-70 { margin-top: 70px; }
.r-margin-bottom-70 { margin-bottom: 70px; }
.v-padding-70 { padding-top: 70px; padding-bottom: 70px; }
.h-padding-70 { padding-left: 70px; padding-right: 70px; }
.v-margin-70 { margin-top: 70px; margin-bottom: 70px; }
.padding-top-70 { padding-top: 70px; }
.padding-bottom-70 { padding-bottom: 70px; }
.margin-top-70 { margin-top: 70px; }
.margin-bottom-70 { margin-bottom: 70px; }
.padding-right-70 { padding-right: 70px; }
.padding-left-70 { padding-left: 70px; }
.margin-right-70 { margin-right: 70px; }
.margin-left-70 { margin-left: 70px; }
.w-pct-65 { width: 65%; }
.w-pct-70 { width: 70%; }
.rv-padding-80 { padding-top: 80px; padding-bottom: 80px; }
.rv-margin-80 { margin-top: 80px; margin-bottom: 80px; }
.r-padding-top-80 { padding-top: 80px; }
.r-padding-bottom-80 { padding-bottom: 80px; }
.r-margin-top-80 { margin-top: 80px; }
.r-margin-bottom-80 { margin-bottom: 80px; }
.v-padding-80 { padding-top: 80px; padding-bottom: 80px; }
.h-padding-80 { padding-left: 80px; padding-right: 80px; }
.v-margin-80 { margin-top: 80px; margin-bottom: 80px; }
.padding-top-80 { padding-top: 80px; }
.padding-bottom-80 { padding-bottom: 80px; }
.margin-top-80 { margin-top: 80px; }
.margin-bottom-80 { margin-bottom: 80px; }
.padding-right-80 { padding-right: 80px; }
.padding-left-80 { padding-left: 80px; }
.margin-right-80 { margin-right: 80px; }
.margin-left-80 { margin-left: 80px; }
.w-pct-75 { width: 75%; }
.w-pct-80 { width: 80%; }
.rv-padding-90 { padding-top: 90px; padding-bottom: 90px; }
.rv-margin-90 { margin-top: 90px; margin-bottom: 90px; }
.r-padding-top-90 { padding-top: 90px; }
.r-padding-bottom-90 { padding-bottom: 90px; }
.r-margin-top-90 { margin-top: 90px; }
.r-margin-bottom-90 { margin-bottom: 90px; }
.v-padding-90 { padding-top: 90px; padding-bottom: 90px; }
.h-padding-90 { padding-left: 90px; padding-right: 90px; }
.v-margin-90 { margin-top: 90px; margin-bottom: 90px; }
.padding-top-90 { padding-top: 90px; }
.padding-bottom-90 { padding-bottom: 90px; }
.margin-top-90 { margin-top: 90px; }
.margin-bottom-90 { margin-bottom: 90px; }
.padding-right-90 { padding-right: 90px; }
.padding-left-90 { padding-left: 90px; }
.margin-right-90 { margin-right: 90px; }
.margin-left-90 { margin-left: 90px; }
.w-pct-85 { width: 85%; }
.w-pct-90 { width: 90%; }
.rv-padding-100 { padding-top: 100px; padding-bottom: 100px; }
.rv-margin-100 { margin-top: 100px; margin-bottom: 100px; }
.r-padding-top-100 { padding-top: 100px; }
.r-padding-bottom-100 { padding-bottom: 100px; }
.r-margin-top-100 { margin-top: 100px; }
.r-margin-bottom-100 { margin-bottom: 100px; }
.v-padding-100 { padding-top: 100px; padding-bottom: 100px; }
.h-padding-100 { padding-left: 100px; padding-right: 100px; }
.v-margin-100 { margin-top: 100px; margin-bottom: 100px; }
.padding-top-100 { padding-top: 100px; }
.padding-bottom-100 { padding-bottom: 100px; }
.margin-top-100 { margin-top: 100px; }
.margin-bottom-100 { margin-bottom: 100px; }
.padding-right-100 { padding-right: 100px; }
.padding-left-100 { padding-left: 100px; }
.margin-right-100 { margin-right: 100px; }
.margin-left-100 { margin-left: 100px; }
.w-pct-95 { width: 95%; }
.w-pct-100 { width: 100%; }

.height-0  { height: 0px; }
.width-0  { width: 0px; }
.min-height-0  { min-height: 0px; }
.min-width-0  { min-width: 0px; }
.max-height-0  { max-height: 0px; }
.max-width-0  { max-width: 0px; }
.height-10  { height: 10px; }
.width-10  { width: 10px; }
.min-height-10  { min-height: 10px; }
.min-width-10  { min-width: 10px; }
.max-height-10  { max-height: 10px; }
.max-width-10  { max-width: 10px; }
.height-20  { height: 20px; }
.width-20  { width: 20px; }
.min-height-20  { min-height: 20px; }
.min-width-20  { min-width: 20px; }
.max-height-20  { max-height: 20px; }
.max-width-20  { max-width: 20px; }
.height-30  { height: 30px; }
.width-30  { width: 30px; }
.min-height-30  { min-height: 30px; }
.min-width-30  { min-width: 30px; }
.max-height-30  { max-height: 30px; }
.max-width-30  { max-width: 30px; }
.height-40  { height: 40px; }
.width-40  { width: 40px; }
.min-height-40  { min-height: 40px; }
.min-width-40  { min-width: 40px; }
.max-height-40  { max-height: 40px; }
.max-width-40  { max-width: 40px; }
.height-50  { height: 50px; }
.width-50  { width: 50px; }
.min-height-50  { min-height: 50px; }
.min-width-50  { min-width: 50px; }
.max-height-50  { max-height: 50px; }
.max-width-50  { max-width: 50px; }
.height-60  { height: 60px; }
.width-60  { width: 60px; }
.min-height-60  { min-height: 60px; }
.min-width-60  { min-width: 60px; }
.max-height-60  { max-height: 60px; }
.max-width-60  { max-width: 60px; }
.height-70  { height: 70px; }
.width-70  { width: 70px; }
.min-height-70  { min-height: 70px; }
.min-width-70  { min-width: 70px; }
.max-height-70  { max-height: 70px; }
.max-width-70  { max-width: 70px; }
.height-80  { height: 80px; }
.width-80  { width: 80px; }
.min-height-80  { min-height: 80px; }
.min-width-80  { min-width: 80px; }
.max-height-80  { max-height: 80px; }
.max-width-80  { max-width: 80px; }
.height-90  { height: 90px; }
.width-90  { width: 90px; }
.min-height-90  { min-height: 90px; }
.min-width-90  { min-width: 90px; }
.max-height-90  { max-height: 90px; }
.max-width-90  { max-width: 90px; }
.height-100  { height: 100px; }
.width-100  { width: 100px; }
.min-height-100  { min-height: 100px; }
.min-width-100  { min-width: 100px; }
.max-height-100  { max-height: 100px; }
.max-width-100  { max-width: 100px; }
.height-110  { height: 110px; }
.width-110  { width: 110px; }
.min-height-110  { min-height: 110px; }
.min-width-110  { min-width: 110px; }
.max-height-110  { max-height: 110px; }
.max-width-110  { max-width: 110px; }
.height-120  { height: 120px; }
.width-120  { width: 120px; }
.min-height-120  { min-height: 120px; }
.min-width-120  { min-width: 120px; }
.max-height-120  { max-height: 120px; }
.max-width-120  { max-width: 120px; }
.height-130  { height: 130px; }
.width-130  { width: 130px; }
.min-height-130  { min-height: 130px; }
.min-width-130  { min-width: 130px; }
.max-height-130  { max-height: 130px; }
.max-width-130  { max-width: 130px; }
.height-140  { height: 140px; }
.width-140  { width: 140px; }
.min-height-140  { min-height: 140px; }
.min-width-140  { min-width: 140px; }
.max-height-140  { max-height: 140px; }
.max-width-140  { max-width: 140px; }
.height-150  { height: 150px; }
.width-150  { width: 150px; }
.min-height-150  { min-height: 150px; }
.min-width-150  { min-width: 150px; }
.max-height-150  { max-height: 150px; }
.max-width-150  { max-width: 150px; }
.height-160  { height: 160px; }
.width-160  { width: 160px; }
.min-height-160  { min-height: 160px; }
.min-width-160  { min-width: 160px; }
.max-height-160  { max-height: 160px; }
.max-width-160  { max-width: 160px; }
.height-170  { height: 170px; }
.width-170  { width: 170px; }
.min-height-170  { min-height: 170px; }
.min-width-170  { min-width: 170px; }
.max-height-170  { max-height: 170px; }
.max-width-170  { max-width: 170px; }
.height-180  { height: 180px; }
.width-180  { width: 180px; }
.min-height-180  { min-height: 180px; }
.min-width-180  { min-width: 180px; }
.max-height-180  { max-height: 180px; }
.max-width-180  { max-width: 180px; }
.height-190  { height: 190px; }
.width-190  { width: 190px; }
.min-height-190  { min-height: 190px; }
.min-width-190  { min-width: 190px; }
.max-height-190  { max-height: 190px; }
.max-width-190  { max-width: 190px; }
.height-200  { height: 200px; }
.width-200  { width: 200px; }
.min-height-200  { min-height: 200px; }
.min-width-200  { min-width: 200px; }
.max-height-200  { max-height: 200px; }
.max-width-200  { max-width: 200px; }
.height-210  { height: 210px; }
.width-210  { width: 210px; }
.min-height-210  { min-height: 210px; }
.min-width-210  { min-width: 210px; }
.max-height-210  { max-height: 210px; }
.max-width-210  { max-width: 210px; }
.height-220  { height: 220px; }
.width-220  { width: 220px; }
.min-height-220  { min-height: 220px; }
.min-width-220  { min-width: 220px; }
.max-height-220  { max-height: 220px; }
.max-width-220  { max-width: 220px; }
.height-230  { height: 230px; }
.width-230  { width: 230px; }
.min-height-230  { min-height: 230px; }
.min-width-230  { min-width: 230px; }
.max-height-230  { max-height: 230px; }
.max-width-230  { max-width: 230px; }
.height-240  { height: 240px; }
.width-240  { width: 240px; }
.min-height-240  { min-height: 240px; }
.min-width-240  { min-width: 240px; }
.max-height-240  { max-height: 240px; }
.max-width-240  { max-width: 240px; }
.height-250  { height: 250px; }
.width-250  { width: 250px; }
.min-height-250  { min-height: 250px; }
.min-width-250  { min-width: 250px; }
.max-height-250  { max-height: 250px; }
.max-width-250  { max-width: 250px; }
.height-260  { height: 260px; }
.width-260  { width: 260px; }
.min-height-260  { min-height: 260px; }
.min-width-260  { min-width: 260px; }
.max-height-260  { max-height: 260px; }
.max-width-260  { max-width: 260px; }
.height-270  { height: 270px; }
.width-270  { width: 270px; }
.min-height-270  { min-height: 270px; }
.min-width-270  { min-width: 270px; }
.max-height-270  { max-height: 270px; }
.max-width-270  { max-width: 270px; }
.height-280  { height: 280px; }
.width-280  { width: 280px; }
.min-height-280  { min-height: 280px; }
.min-width-280  { min-width: 280px; }
.max-height-280  { max-height: 280px; }
.max-width-280  { max-width: 280px; }
.height-290  { height: 290px; }
.width-290  { width: 290px; }
.min-height-290  { min-height: 290px; }
.min-width-290  { min-width: 290px; }
.max-height-290  { max-height: 290px; }
.max-width-290  { max-width: 290px; }
.height-300  { height: 300px; }
.width-300  { width: 300px; }
.min-height-300  { min-height: 300px; }
.min-width-300  { min-width: 300px; }
.max-height-300  { max-height: 300px; }
.max-width-300  { max-width: 300px; }

@media (max-width: 800px)
{
	.rv-padding-30 { padding-top: 21px; padding-bottom: 21px; }
	.rv-margin-30 { margin-top: 21px; margin-bottom: 21px; }
	.r-padding-top-30 { padding-top: 21px; }
	.r-padding-bottom-30 { padding-bottom: 21px; }
	.r-margin-top-30 { margin-top: 21px; }
	.r-margin-bottom-30 { margin-bottom: 21px; }
	.rv-padding-40 { padding-top: 28px; padding-bottom: 28px; }
	.rv-margin-40 { margin-top: 28px; margin-bottom: 28px; }
	.r-padding-top-40 { padding-top: 28px; }
	.r-padding-bottom-40 { padding-bottom: 28px; }
	.r-margin-top-40 { margin-top: 28px; }
	.r-margin-bottom-40 { margin-bottom: 28px; }
	.rv-padding-50 { padding-top: 35px; padding-bottom: 35px; }
	.rv-margin-50 { margin-top: 35px; margin-bottom: 35px; }
	.r-padding-top-50 { padding-top: 35px; }
	.r-padding-bottom-50 { padding-bottom: 35px; }
	.r-margin-top-50 { margin-top: 35px; }
	.r-margin-bottom-50 { margin-bottom: 35px; }
	.rv-padding-60 { padding-top: 42px; padding-bottom: 42px; }
	.rv-margin-60 { margin-top: 42px; margin-bottom: 42px; }
	.r-padding-top-60 { padding-top: 42px; }
	.r-padding-bottom-60 { padding-bottom: 42px; }
	.r-margin-top-60 { margin-top: 42px; }
	.r-margin-bottom-60 { margin-bottom: 42px; }
	.rv-padding-70 { padding-top: 49px; padding-bottom: 49px; }
	.rv-margin-70 { margin-top: 49px; margin-bottom: 49px; }
	.r-padding-top-70 { padding-top: 49px; }
	.r-padding-bottom-70 { padding-bottom: 49px; }
	.r-margin-top-70 { margin-top: 49px; }
	.r-margin-bottom-70 { margin-bottom: 49px; }
	.rv-padding-80 { padding-top: 56px; padding-bottom: 56px; }
	.rv-margin-80 { margin-top: 56px; margin-bottom: 56px; }
	.r-padding-top-80 { padding-top: 56px; }
	.r-padding-bottom-80 { padding-bottom: 56px; }
	.r-margin-top-80 { margin-top: 56px; }
	.r-margin-bottom-80 { margin-bottom: 56px; }
	.rv-padding-90 { padding-top: 63px; padding-bottom: 63px; }
	.rv-margin-90 { margin-top: 63px; margin-bottom: 63px; }
	.r-padding-top-90 { padding-top: 63px; }
	.r-padding-bottom-90 { padding-bottom: 63px; }
	.r-margin-top-90 { margin-top: 63px; }
	.r-margin-bottom-90 { margin-bottom: 63px; }
	.rv-padding-100 { padding-top: 70px; padding-bottom: 70px; }
	.rv-margin-100 { margin-top: 70px; margin-bottom: 70px; }
	.r-padding-top-100 { padding-top: 70px; }
	.r-padding-bottom-100 { padding-bottom: 70px; }
	.r-margin-top-100 { margin-top: 70px; }
	.r-margin-bottom-100 { margin-bottom: 70px; }
}

@media (max-width: 600px)
{
	.rv-padding-30 { padding-top: 15px; padding-bottom: 15px; }
	.rv-margin-30 { margin-top: 15px; margin-bottom: 15px; }
	.r-padding-top-30 { padding-top: 15px; }
	.r-padding-bottom-30 { padding-bottom: 15px; }
	.r-margin-top-30 { margin-top: 15px; }
	.r-margin-bottom-30 { margin-bottom: 15px; }
	.rv-padding-40 { padding-top: 20px; padding-bottom: 20px; }
	.rv-margin-40 { margin-top: 20px; margin-bottom: 20px; }
	.r-padding-top-40 { padding-top: 20px; }
	.r-padding-bottom-40 { padding-bottom: 20px; }
	.r-margin-top-40 { margin-top: 20px; }
	.r-margin-bottom-40 { margin-bottom: 20px; }
	.rv-padding-50 { padding-top: 25px; padding-bottom: 25px; }
	.rv-margin-50 { margin-top: 25px; margin-bottom: 25px; }
	.r-padding-top-50 { padding-top: 25px; }
	.r-padding-bottom-50 { padding-bottom: 25px; }
	.r-margin-top-50 { margin-top: 25px; }
	.r-margin-bottom-50 { margin-bottom: 25px; }
	.rv-padding-60 { padding-top: 30px; padding-bottom: 30px; }
	.rv-margin-60 { margin-top: 30px; margin-bottom: 30px; }
	.r-padding-top-60 { padding-top: 30px; }
	.r-padding-bottom-60 { padding-bottom: 30px; }
	.r-margin-top-60 { margin-top: 30px; }
	.r-margin-bottom-60 { margin-bottom: 30px; }
	.rv-padding-70 { padding-top: 35px; padding-bottom: 35px; }
	.rv-margin-70 { margin-top: 35px; margin-bottom: 35px; }
	.r-padding-top-70 { padding-top: 35px; }
	.r-padding-bottom-70 { padding-bottom: 35px; }
	.r-margin-top-70 { margin-top: 35px; }
	.r-margin-bottom-70 { margin-bottom: 35px; }
	.rv-padding-80 { padding-top: 40px; padding-bottom: 40px; }
	.rv-margin-80 { margin-top: 40px; margin-bottom: 40px; }
	.r-padding-top-80 { padding-top: 40px; }
	.r-padding-bottom-80 { padding-bottom: 40px; }
	.r-margin-top-80 { margin-top: 40px; }
	.r-margin-bottom-80 { margin-bottom: 40px; }
	.rv-padding-90 { padding-top: 45px; padding-bottom: 45px; }
	.rv-margin-90 { margin-top: 45px; margin-bottom: 45px; }
	.r-padding-top-90 { padding-top: 45px; }
	.r-padding-bottom-90 { padding-bottom: 45px; }
	.r-margin-top-90 { margin-top: 45px; }
	.r-margin-bottom-90 { margin-bottom: 45px; }
	.rv-padding-100 { padding-top: 50px; padding-bottom: 50px; }
	.rv-margin-100 { margin-top: 50px; margin-bottom: 50px; }
	.r-padding-top-100 { padding-top: 50px; }
	.r-padding-bottom-100 { padding-bottom: 50px; }
	.r-margin-top-100 { margin-top: 50px; }
	.r-margin-bottom-100 { margin-bottom: 50px; }
}
@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}
.StripeElement {
  box-sizing: border-box;
  height: 50px;
  padding: 15px 12px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  background: #ebebeb;
  color: #000;
}

.StripeElement--focus {
}

.StripeElement--invalid {
  border-color: #990000;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
:root {
    --light: #F1F0EE;
    --light2: #CCC8C1;
    --light3: #E2E0DC;
    --light4: #D4DBE3;
    --dark: #302A2B;
    --blue: #00B0D2;
    --blue2: #6BC4DF;
    --purple: #643C79;
    --orange: #E9924C;
    --red: #DC604C;
}/*
* BASE
*/

html, body, td, blockquote, input, select, button, textarea, code, div
{
	font-family: 'degular', sans-serif;
	font-weight: 300;
	font-size: 17px;
	color: var(--dark);
	outline: none;
	word-wrap: break-word;
	box-sizing: border-box;
	letter-spacing: 0.5px;
	scroll-behavior: smooth;
	
	
}

*, *:before, *:after {
  box-sizing: inherit;
}

/*
* BASE DOCUMENT
*/

html, body
{
	margin: 0;
	box-sizing: border-box;
	background: var(--light);
	scroll-behavior: smooth;
}

body
{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#page
{
    flex: 1;
    background: var(--light);
}

#content
{
	background: var(--light);
}

/*
* BASE LINKS
*/

a { text-decoration: none; color: var(--blue); }
a:hover { text-decoration: underline; color: var(--blue); }
.hoverline:hover { text-decoration: underline; }

.app-container {
    background-color: #fff;
    padding: 20px 15px;
    border-radius: 8px;
    box-shadow: -5px 5px 5px rgba(0,0,0,0.05);
}
/*
* HEADER
*/

.header-line
{
    height: 10px;
    background: var(--dark);
}


#header nav { display: none; }
.tooltip-templates { display: none; }

#header
{
    padding: 0;
    height: 68px;
    background-color: #f1f0ee;
}


#header .truespace-logo
{
    position: absolute;
    width: 170px;
    fill: var(--dark);
    margin: 19px 0 0 30px;
}

#header .five-conditions-logo
{
    position: absolute;
    width: 65px;
    fill: var(--dark);
    margin: 0 0 0 40px;
}


#header .links
{
    float: right;
    margin: 27px 35px 0 0;
}

    #header .links a
    {
        font-weight: 300;
        margin-left: 35px;
        font-size: 14px;
        letter-spacing: 1px;
        color: var(--dark);
    }

        #header .links a.selected
        {
            font-weight: 500;
            color: var(--dark);
        }

    #header .links a:first-of-type
    {
        margin-left: 0px;
    }

    .links .icon
    {
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin: -2px 0 0 -3px;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        fill: #999;
    }

        .links .selected .icon
        {
            fill: var(--dark);
        }

/*
* HEADER - PUBLIC MOBILE
*/

#header nav
{
    display: none;
    position: absolute;
    margin-top: 10px;
    top: 0;
    left: 0;
    margin: 35px 0 0 25px;
}

#menuToggle
{
  display: block;
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;

  cursor: pointer;

  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */

  -webkit-touch-callout: none;
}

#menuToggle span
{
    display: block;
    width: 33px;
    height: 2px;
    margin-bottom: 6px;
    position: relative;
    background: #999999;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 2px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
    transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #fff;
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
    transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
    white-space: nowrap;
    position: absolute;
    margin: -80px 0 0 -30px;
    padding: 50px 40px 35px 30px;
    padding-top: 110px;
    background: var(--dark);
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-300%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    border-bottom-right-radius: 8px;

    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    text-align: left;
}

#menu a
{
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
}

    #menu a.selected
    {
        font-weight: 400;
    }

    #menu a.selected::before
    {
        content: "→ ";
    }

#menu li
{
    padding: 5px 0;
    font-size: 16px;
}

#menu li.separator
{
    border-bottom: solid #fff 1px;
    margin-top: 0;
    margin-bottom: 10px;
    opacity: 0.2;
}

#menu li.header
{
    color: #fff;
    font-size: 14px;
    opacity: 0.5;
    font-style: italic;
}

#menuToggle input:checked ~ ul
{
    transform: none;
}


@media (max-width: 900px)
{
    .links { display: none; }
    #header .truespace-logo { margin: 29px 0 0 76px; }
    #header  .five-conditions-logo { margin: 22px 0 0 76px; }
    #header nav { display: inline-block; }
    #header { height: 90px; }
}
/*
* FOOTER
*/

#footer
{
    padding: 20px;
    text-align: center;
}

    #footer a
    {
        font-weight: 200;
        font-size: 13px;
        letter-spacing: 1px;
        margin-left: 30px;
        color: var(--dark);
        opacity: 0.5;
    }

        #footer a:first-of-type
        {
            margin-left: 0;
        }
/*
* TOOLTIPS
*/

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
}

.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: var(--dark);
	border: none;
	border-radius: 8px;
	padding: 12px 20px 15px 8px;
	max-width: 300px;
	font-weight: 200;
	letter-spacing: 0.3px;
    box-shadow: -5px 5px 5px rgba(0,0,0,0.05);
}

	.tooltipster-sidetip .tooltipster-box p
	{
		color: #fff;
	}

	.tooltipster-sidetip .tooltipster-box a
	{
		color: #fff;
		font-weight: 400;
		display: block;
		margin-bottom: 6px;
		font-size: 15px;
		cursor: pointer;
	}

		.tooltipster-sidetip .tooltipster-box a.selected
		{
			font-weight: 400;
            white-space: nowrap;
		}

			.tooltipster-sidetip .tooltipster-box a.selected::before
			{
				content: "→ ";
			}

		.tooltipster-sidetip .tooltipster-box a:last-child
		{
			margin-bottom: 0;
		}

	.tooltipster-sidetip .tooltipster-box a:hover
	{
		/* color: var(--blue); */
	}

	.tooltipster-sidetip .tooltipster-box .separator
	{
		border-bottom: solid #fff 1px;
		margin-top: -2px;
		margin-bottom: 10px;
		opacity: 0.2;
		width: 10px;
	}

	.tooltipster-sidetip .tooltipster-box .heading
	{
		font-size: 12px;
		/* margin: 10px 0; */
		font-weight: 300;
		letter-spacing: 2px;
		opacity: 0.5;
		margin-top: -2px;
		margin-bottom: 6px;
		color: #fff;
        font-style: italic;
	}

	.tooltipster-sidetip .tooltipster-box .spacer
	{
		height: 18px;
	}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	color: #fff;
	line-height: 18px;
	padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	/* half the width, for centering */
	margin-left: -10px;
	top: 0;
	width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 10px;
	margin-left: -10px;
	width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: var(--dark);
	left: 0px;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: var(--dark);
	left: -3px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: var(--dark);
	left: 3px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: var(--dark);
	left: 0px;
	top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: var(--dark);
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: var(--dark);
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: var(--dark);
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: var(--dark);
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}
/*
* STEP JOURNEY
*/

#content .step-journey
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 104px;
    background: var(--light3);
    padding-left: 45px;
    padding-right: 35px;
    cursor: default;
}

    #content .step-journey .step
    {
        flex-grow: 1;
        text-align: center;
        padding-top: 20px;
        width: 20%;
    }

        #content .step-journey .step .label
        {
            white-space: nowrap;
            margin: 10px 0 0 -10px;
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            
        }

            #content .step-journey .step:first-of-type .label
            {
                margin: 10px 0 0 -5px;
            }

            #content .step-journey .step.highlight .label
            {
                color: var(--blue);
                font-weight: 600;
                opacity: 1;
            }

            #content .step-journey .step.done .label
            {
                color: #999;
            }

        #content .step-journey .step .line
        {
            height: 3px;
            background: #fff;
        }

            #content .step-journey .step:first-child .line
            {
                margin-left: 5px;
            }

            #content .step-journey div:last-child .line
            {
                margin-right: 5px;
            }

        #content .step-journey .step .circle,
        #content .step-journey .step .circle.end
        {
            width: 16px;
            height: 16px;
            border-radius:20px;
            background: #fff;
            float: left;
            margin: -7px 0 0 -10px;
        }

        #content .step-journey .step .circle.end
        {
            float: right;
        }

        #content .step-journey .step.highlight .circle,
        #content .step-journey .step.start .circle,
        #content .step-journey .step.highlight .line
        {
            background: var(--blue);
        }

        #content .step-journey .step.highlight .circle.end
        {
            background: #606060;
        }

        #content .step-journey .step.done .circle,
        #content .step-journey .step.done .line,
        #content .step-journey .step.done .circle.end
        {
            background: #999;
        }

/*
* STEP JOURNEY - NO BACKGROUND
*/

#content .step-journey.nobg
{
    background: none;
}

    #content .step-journey.nobg .step .label
    {
        color: #7a7a7a;
    }

    #content .step-journey.nobg .step.highlight .label
    {
        color: #000000;
        font-weight: 400;
    }

    #content .step-journey.nobg .step.done .label
    {
        color: #dea533;
        font-weight: 400;
    }

    #content .step-journey.nobg .step .line
    {
        background: #e9e9e9;
    }

    #content .step-journey.nobg .step .circle, #content .step-journey.nobg .step .circle.end
    {
        background: #e9e9e9;
    }

    #content .step-journey.nobg .step.highlight .circle,
    #content .step-journey.nobg .step.start .circle,
    #content .step-journey.nobg .step.highlight .line
    {
        background: #000000;
    }

    #content .step-journey.nobg .step.highlight .circle.end
    {
        background: #e9e9e9;
    }

    #content .step-journey.nobg .step.done .circle,
    #content .step-journey.nobg .step.done .line,
    #content .step-journey.nobg .step.done .circle.end
    {
        background: #dea533;
    }

@media (max-width: 900px) { #content .step-journey .step .label { letter-spacing: 2px; } }
@media (max-width: 750px) { #content .step-journey .step .label { letter-spacing: 0; } }
@media (max-width: 650px) { #content .step-journey .step .label { font-size: 13px; } }
@media (max-width: 550px)
{
    #content .step-journey .step .label { font-size: 12px; }
    #content .step-journey { padding-left: 20px; padding-right: 10px; }
}
@media (max-width: 450px) { #content .step-journey .step .label { font-size: 11px; } }
@media (max-width: 400px) { #content .step-journey .step .label { font-size: 10px; } }
@media (max-width: 350px) { #content .step-journey .step .label { font-size: 9px; } }
@media (max-width: 300px) { #content .step-journey .step .label { display: none; } }
/*
* LAYOUT
*/

.layout-letter
{
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 800px)
{
    .layout-letter
    {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.layout-legal
{
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    padding: 30px 50px 50px 50px;
    line-height: 17px;
    background: #fff;
    box-shadow: -5px 5px 5px rgba(0,0,0,0.05);
    border-radius: 8px;
}

@media (max-width: 850px)
{
    .layout-legal
    {
        margin-left: auto;
        margin-right: auto;
        max-width: 850px;
        padding: 0 40px 50px 40px;
        line-height: 17px;
        background: none;
        border: none;
        box-shadow: none;
    }
}

.layout-medium
{
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    padding: 30px 50px 40px 50px;
}

@media (max-width: 850px)
{
    .layout-medium
    {
        margin-left: auto;
        margin-right: auto;
        max-width: 850px;
        padding: 30px 40px 40px 40px;
    }
}

.layout-wide
{
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    padding-left: 0;
    padding-right: 0;
    line-height: 17px;
}

@media (max-width: 1040px)
{
    .layout-wide
    {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.layout-columns
{
    display: flex;
    justify-content: space-between;
}

    .layout-columns .layout-column
    {
        width: 100%;
    }

    .layout-columns .layout-column
    {
        margin-right: 10px;
        margin-left: 10px;
    }

    .layout-columns .layout-column:first-of-type
    {
        margin-left: 0;
    }

    .layout-columns .layout-column:last-of-type
    {
        margin-right: 0;
    }

@media (max-width: 700px)
{
    .layout-columns
    {
        display: block;
    }

    .layout-columns .layout-column
    {
        margin-top: 30px;
        margin-bottom: 20px;
        margin-right: 0;
        margin-left: 0;
    }

    .layout-columns .layout-column:first-of-type
    {
        margin-top: 0;
    }

    .layout-columns .layout-column:last-of-type
    {
        margin-bottom: 0;
    }
}

.layout-thin
{
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    padding-left: 0;
    padding-right: 0;
    line-height: 17px;
}

@media (max-width: 330px)
{
    .layout-thin
    {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.form .table
{
}

    .form .table .row
    {
        display: flex;
    }

        .form .table .row .cell
        {
            margin: 6px 6px 8px 6px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .form .table .row .cell.is-checkbox
            {
                padding: 12px 0 0 12px;
                border-top: solid 1px #ddd;
                border-right: solid 1px #ddd;
                border-radius: 2px;
                width: 50px;
                min-width: 50px;
                
            }

            .form .table .row .cell:first-of-type
            {
                margin-left: 0;
            }

            .form .table .row .cell:last-of-type
            {
                margin-right: 0;
            }

            .form .table .row .cell .checkbox
            {
                position: absolute;
            }

        .form .table .row.header .cell
        {
            font-size: 14px;
            letter-spacing: 1px;
            align-self: flex-end;
            white-space: nowrap;
            margin-bottom: 2px;
            background: none;
        }


.form label
{
    display: block;
    font-size: 14px;
    color: #606060;
    margin-bottom: 7px;
}

    .form label.checkbox, .form label.radio
    {
        vertical-align: middle;
        display: inline;
        margin-bottom: 0;
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+/Edge */
        user-select: none; /* Standard */
        cursor: pointer;
    }


.form input[type=checkbox]
{
    vertical-align: middle;
    cursor: pointer;
}

.form input[type=text],
.form input[type=password],
.form input[type=number],
.form input[type=date],
.form select,
.form textarea,
.form .file
{
    width: 100%;
    background: #ebebeb;
    border: none;
    height: 45px;
    padding: 0 12px;
    font-size: 16px;
    color: #000;
}

    .form .layout-thin input[type=text],
    .form .layout-thin input[type=password],
    .form .layout-thin input[type=number],
    .form .layout-thin input[type=date],
    .form .layout-thin select
    {
        margin-bottom: 20px;
    }


.form textarea
{
    resize: none;
    padding: 12px;
    min-height: 80px;
}


.form select
{
	display: block;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: none;
	box-shadow: none;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #ebebeb;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.4)' d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
	background-repeat: no-repeat, repeat;
	background-position: right 5px top 50%, 0 0;
	background-size: 40px auto, 100%;
    cursor: pointer;
}

.form select::-ms-expand
{
	display: none;
}

.form select:hover
{
	border-color: none;
}

.form select:focus
{
	outline: none;
}

.form select option
{
	font-weight:normal;
}


.form .checkbox, .form .radio
{
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 11px;
    margin-top: 1px;
}

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

.form .checkbox label,
.form .radio label
{
    display: block;
    padding: 0 0 0 28px;
    margin: 0 0 0 0;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
    color: #000;
}

@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {

    .form .checkbox label,
    .form .radio label
    {
        margin: 2px 0 0 0;
    }

}

.form .checkbox input,
.form .radio input
{
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
    height: 20px;
	width: 20px;
    cursor: pointer;
}

.form .checkbox input + label::before,
.form .radio input + label::before
{
    background: #ddd;
    border-radius: 3px;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 20px;
    height: 20px;
}

    .form .radio input + label::before
    {
        width: 20px;
        height: 20px;
        border-radius: 20px;
    }

.form .checkbox input + label::after,
.form .radio input + label::after
{
	content: "";
	opacity: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	height: 26px;
	width: 26px;
    position: absolute;
	left: -3px;
	top: -3px;
}

    .form .checkbox input + label::after
    {
        background-color: #ffffff;
    }

    .form .radio input + label::after
    {
        background-color: #ffffff;
    	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
    	height: 24px;
    	width: 24px;
    	left: -2px;
    	top: -2px;
        border-radius: 25px;
    }

.form .checkbox input:checked + label::after,
.form .radio input:checked + label::after
{
	opacity: 1;
}


.dz-preview { display: none; }

.form .file
{
    position: relative;
    height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23c0c0c0' d='M14,13V17H10V13H7L12,8L17,13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top 20px;
	background-size: 50px auto, 100%;
    text-align: center;
    cursor: pointer;
}

    .form .file::after
    {
        display: inline-block;
    	content: "Click to Upload";
        margin-top: 70px;
        font-size: 14px;
        font-weight: 200;
        color: #606060;
    }

    .form .file.uploaded
    {
        background-size: contain;
        background-position: center;
        background-color: #fff;
        border: solid #dfa621 1px;
        padding: 0;
    }

        .form .file.uploaded.file,
        .form .file.uploaded.image,
        .form .file.uploaded.document,
        .form .file.uploaded.sheet,
        .form .file.uploaded.media,
        .form .file.uploaded.pdf
        {
            background-size: 90px auto, 100%;
            background-position: center top 0;
        }

        .form .file.uploaded.file
        {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z' /%3E%3C/svg%3E");
        }

        .form .file.uploaded.image
        {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M6,20H15L18,20V12L14,16L12,14L6,20M8,9A2,2 0 0,0 6,11A2,2 0 0,0 8,13A2,2 0 0,0 10,11A2,2 0 0,0 8,9Z' /%3E%3C/svg%3E");
        }

        .form .file.uploaded.document
        {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15,18V16H6V18H15M18,14V12H6V14H18Z' /%3E%3C/svg%3E");
        }

        .form .file.uploaded.sheet
        {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M15.8,20H14L12,16.6L10,20H8.2L11.1,15.5L8.2,11H10L12,14.4L14,11H15.8L12.9,15.5L15.8,20M13,9V3.5L18.5,9H13Z' /%3E%3C/svg%3E");
        }

        .form .file.uploaded.media
        {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M17,19V13L14,15.2V13H7V19H14V16.8L17,19Z' /%3E%3C/svg%3E");
        }

        .form .file.uploaded.pdf
        {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000'  d='M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M10.1,11.4C10.08,11.44 9.81,13.16 8,16.09C8,16.09 4.5,17.91 5.33,19.27C6,20.35 7.65,19.23 9.07,16.59C9.07,16.59 10.89,15.95 13.31,15.77C13.31,15.77 17.17,17.5 17.7,15.66C18.22,13.8 14.64,14.22 14,14.41C14,14.41 12,13.06 11.5,11.2C11.5,11.2 12.64,7.25 10.89,7.3C9.14,7.35 9.8,10.43 10.1,11.4M10.91,12.44C10.94,12.45 11.38,13.65 12.8,14.9C12.8,14.9 10.47,15.36 9.41,15.8C9.41,15.8 10.41,14.07 10.91,12.44M14.84,15.16C15.42,15 17.17,15.31 17.1,15.64C17.04,15.97 14.84,15.16 14.84,15.16M7.77,17C7.24,18.24 6.33,19 6.1,19C5.87,19 6.8,17.4 7.77,17M10.91,10.07C10.91,10 10.55,7.87 10.91,7.92C11.45,8 10.91,10 10.91,10.07Z' /%3E%3C/svg%3E");
        }

        .form .file.uploaded .title
        {
            position: absolute;
            background: rgba(223,166,33,0.9);
            color: #fff;
            padding: 15px 15px 12px 15px;
            font-size: 20px;
            line-height: 25px;
            border-bottom-right-radius: 3px;
            letter-spacing: 2px;
            font-weight: 400;
            font-style: italic;
            width: 100%;
            height: 87px;
        }

        .form .file.uploaded::after
        {
            display: inline-block;
        	content: "Click to Replace";
            margin-top: 87px;
            font-size: 11px;
            height: 22px;
            line-height: 22px;
            font-weight: 400;
            color: #fff;
            background-color: #dfa621;
            opacity: 0.9;
            width: 100%;
            text-transform: uppercase;
        }

.form .table.upload-table
{
}

    .form .table.upload-table .row
    {
        margin-bottom: 20px;
    }

    .form .table.upload-table .cell
    {
        background: #f7f6f6;
        width: 33%;
        padding: 5px 20px 0 20px;
        text-align: center;
        margin-right: 10px;
        margin-left: 10px;
    }

        .form .table.upload-table .cell .concierge
        {
            background-color: #f7f6f6;
            margin-bottom: 10px;
            color: #555;
            white-space: normal;
            background-size: 25px auto, 100%;
            font-size: 14px;
            width: 180px;
            background-position: left 10px top 50%, 0 0;
            padding-left: 25px;
        }

        .form .table.upload-table .cell label
        {
            padding: 20px;
            white-space: normal;
            color: #000;
            font-weight: 400;
            font-style: italic;
            font-size: 16px;
            letter-spacing: 0;
        }

@media (max-width: 800px)
{
    .form .table.upload-table .row
    {
        margin-bottom: 10px;
    }
    .form .table.upload-table .cell
    {
        margin-right: 5px;
        margin-left: 5px;
    }
    .form .table.upload-table .cell .concierge span
    {
        display: none;
    }
    .form .table.upload-table .cell .concierge
    {
        width: 90px;
        padding-right: 0;
        padding-left: 20px;
        background-position: left 0 top 50%, 0 0;
    }
}
.button
{
    display: inline-block;
	border: none;
	border-radius: 5px;
	padding: 10px;
	background: var(--blue);
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	cursor: pointer;
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 31px;
    font-weight: 500;
}

    .button:hover
    {
        color: #fff;
        font-weight: 400;
        text-decoration: none;
    }

    .button.cancel
    {
        background: #aaaaaa;
    }

    .button.disabled
    {
        font-weight: 300;
        cursor: default;
        background-color: #ddd !important;
    }


button.concierge, button.small
{
    border: none;
    background-color: #ebebeb;
    font-size: 15px;
    color: #000;
    line-height: 15px;
    letter-spacing: 0;
    cursor: pointer;
    font-weight: 300;
    height: 40px;
    margin-top: 7px;
}

button.concierge
{
    width: 195px;
    padding-left: 43px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 125 72'%3E%3Cpath d='M1.28,36.33L72.82,70c6.99,0,12.62-15.06,12.62-33.66S79.8,2.67,72.82,2.67L1.28,36.33z M77.61,36.33 c0.08,9.75-1.37,18.79-4.83,25.21c-6.53-3.07-55.82-24.33-55.82-24.33L77.61,36.33z'/%3E%3Cpath d='M104.73,38.77c-1.28,0-2.32-1.02-2.34-2.3c-0.03-1.3,1.01-2.37,2.3-2.39l15.55-0.29c1.32-0.06,2.37,1,2.39,2.3 c0.03,1.3-1.01,2.37-2.3,2.39l-15.55,0.29C104.76,38.77,104.75,38.77,104.73,38.77z'/%3E%3Cpath d='M106.26,54.76c-0.39,0-0.78-0.09-1.14-0.3l-7.61-4.23c-1.13-0.63-1.54-2.06-0.91-3.19c0.63-1.13,2.06-1.54,3.19-0.91 l7.61,4.23c1.13,0.63,1.54,2.06,0.91,3.19C107.88,54.33,107.08,54.76,106.26,54.76z'/%3E%3Cpath d='M99.25,27.33c-0.86,0-1.69-0.48-2.1-1.3c-0.58-1.16-0.1-2.57,1.06-3.15l7.8-3.87c1.16-0.58,2.57-0.1,3.14,1.06 c0.58,1.16,0.1,2.57-1.06,3.15l-7.8,3.87C99.96,27.25,99.6,27.33,99.25,27.33z'/%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    background-position: left 10px top 50%, 0 0;
    background-size: 35px auto, 100%;
}

    button.concierge:hover, button.small:hover
    {
        background-color: #e0e0e0;
    }

    .concierge-spacer
    {
        height: 40px;
        margin-top: 7px;
    }

button.little-yellow
{
    padding: 0 20px;
    width: auto;
    height: 35px;
    margin-top: 10px;
    font-size: 13px;
    background-color: #00B0D2;
    margin-bottom: 10px;
    letter-spacing: 3px;
}


.actions-single
{
    text-align: center;
}

    .actions-single .button
    {
        max-width: 200px;
    }


.actions-double
{
    text-align: center;
}

    .actions-double .button
    {
        max-width: 175px;
    }

    .actions-double .button:first-of-type
    {
        margin-right: 2px;
    }


.actions-step
{
    text-align: center;
}

    .actions-step .percentage, .actions-single .percentage
    {
        position: absolute;
        display: inline-block;
        width: 60px;
        height: 60px;
        margin: -5px 0 0 10px;
    }

    .actions-step .button
    {
        width: 175px;
        height: 50px;
    }

        .actions-step .button.back
        {
            background-color: #aaaaaa;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M14 7l-5 5 5 5V7z'/%3E%3Cpath fill='none' d='M24 0v24H0V0h24z'/%3E%3C/svg%3E");
            background-repeat: no-repeat, repeat;
        	background-position: left 0 top 50%, 0 0;
        	background-size: 37px auto, 100%;
        }

        .actions-step .button.next
        {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M10 17l5-5-5-5v10z'/%3E%3Cpath fill='none' d='M0 24V0h24v24H0z'/%3E%3C/svg%3E");
            background-repeat: no-repeat, repeat;
        	background-position: right 0 top 50%, 0 0;
        	background-size: 37px auto, 100%;
        }

    .actions-step .button:first-of-type
    {
        margin-right: 2px;
    }

@media (max-width: 600px)
{
    .actions-step .button
    {
        width: 105px;
    }

    .actions-step .button span
    {
        display: none;
    }
}
h1
{
    display: inline-block;
    font-weight: 500;
    padding-bottom: 12px;
    color: var(--dark);
    margin: 0;
    font-size: 26px;
    line-height: 30px;
}

h1.comparison-prompt
{
    display: block;
    border-bottom: none;
    padding-bottom: 0;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 20px;
    margin: 40px 0;
    cursor: default;
}

h1.no-line
{
    display: block;
    border-bottom: none;
    padding-bottom: 0;
    letter-spacing: 1px;
    text-align: center;
}

    h1 .icon.alert
    {
        position: absolute;
        height: 24px;
        margin: -3px 0 0 -30px;
        fill: #dfa621;
    }

h2
{
    display: block;
    font-weight: 300;
    color: #333333;
    font-size: 22px;
    font-style: italic;
    letter-spacing: 3px;
    line-height: 30px;
}

    .copy h2
    {
        margin: 30px 0 10px 0;
    }

    .layout-legal .copy h2 {
        color: #000;
    }

p { margin: 0 0 10px 0; line-height: 20px;}

.layout-legal p {
    color: #000;
}

ul.spaced, ul.spaced-more
{
    padding: 0 0 0 25px;
}

    ul.spaced li, ol.spaced li
    {
        margin-bottom: 10px;
        line-height: 20px;
    }

    ul.spaced-more li, ol.spaced-more li
    {
        margin-bottom: 20px;
        line-height: 20px;
    }

ol.spaced
{
    padding: 0 0 0 40px;
    margin: 20px 0 0 0;
}

    ol.spaced li
    {
        margin-bottom: 20px;
        line-height: 20px;
    }


p .icon, li .icon
{
    height: 21px;
    vertical-align: middle;
    margin-top: -1px;
}

    p a:hover .icon, li a:hover .icon
    {
        margin-top: -2px;
        margin-bottom: 1px;
    }
.listing
{
}

    .listing .row
    {
        display: flex;
        background: #f7f6f6;
        margin-bottom: 10px;
        padding: 15px 8px 15px 20px;
        cursor: pointer;
    }

        .listing .row.header, .listing .row.header:hover
        {
            background: #ebebeb;
            cursor: default;
        }

        .listing .row.header .cell
        {
            font-size: 15px;
            letter-spacing: 2px;
            line-height: 20px;
        }

        .listing .row.header .cell.sort-asc
        {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.4)'  d='M7,15L12,10L17,15H7Z' /%3E%3C/svg%3E");
            background-repeat: no-repeat, repeat;
            background-position: left -9px top 50%, 0 0;
            background-size: 28px auto, 100%;
            padding-left: 18px;
            font-weight: 400;
        }

        .listing .row.header .cell.sort-desc
        {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.4)' d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
            background-repeat: no-repeat, repeat;
            background-position: left -9px top 50%, 0 0;
            background-size: 28px auto, 100%;
            padding-left: 18px;
            font-weight: 400;
        }

        .listing .row:hover
        {
            background: #fcf6ec;
        }

        .listing .row .cell
        {
            flex-grow: 1;
            line-height: 18px;
        }

            .listing .row .cell .text
            {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-right: 10px;
            }

            .listing .row .cell .alert-icon
            {
                position: absolute;
                height: 25px;
                width: 25px;
                margin: -4px 0 0 -35px;
                line-height: 25px;
                background: #f7f6f6;
            }

                .listing .row:hover .cell .alert-icon
                {
                    background: #fcf6ec;
                }

            .listing .row .cell .alert-icon .icon
            {
                fill: #dfa621;
            }

        .listing .row .cell.action-icons
        {
            text-align: right;
            width: 70px;
            margin-left: -70px;
            height: 18px;
            white-space: nowrap;
        }

            .listing .row .cell.action-icons .action-icon
            {
                display: none;
                height: 25px;
                width: 25px;
                line-height: 25px;
                margin: -3px 5px 0 3px;
                fill: #aaa;
                cursor: pointer;
                background: #fcf6ec;
            }

                .listing .row .cell.action-icons .action-icon .icon.growth
                {
                    height: 30px;
                    width: 30px;
                }

                .listing .row .cell.action-icons .action-icon a
                {
                    fill: #aaa;
                }

                .listing .row .cell.action-icons .action-icon:hover a,
                .listing .row .cell.action-icons .action-icon:hover
                {
                    fill: #000;
                }

            .listing .row .cell .status .icon
            {
                height: 23px;
                width: 23px;
                fill: #dfa621;
                cursor: pointer;
                margin: -4px 3px 0 0;
                vertical-align: middle;
            }

            .listing .row:hover .cell.action-icons .action-icon
            {
                display: inline-block;
            }

        .listing .row .cell.image
        {
            width: 40px;
            height: 18px;
            text-align: left;
            flex-grow: 0;
        }

            .listing .row .cell.image .square,
            .listing .row .cell.image .round
            {
                width: 25px;
                height: 25px;
                line-height: 25px;
                margin: -3px 5px 0 0;
                background-size: cover;
                background-position: center;
                display: inline-block;
            }

            .listing .row .cell.image .round
            {
                border-radius: 25px;
            }

    .listing .row.active
    {
        background: #444 !important;
    }

        .listing .row.active .cell .text
        {
            color: #fff !important;
        }

        .listing .row.active .cell.action-icons .action-icon
        {
            opacity: 0;
        }
.search-panel
{
    display: flex;
    margin-bottom: 30px;
}

    .search-panel .cell
    {
        flex-grow: 1;
    }

    .search-panel input[type=text], .search-panel-header-flex input[type=text]
    {
        margin-top: -1px;
        width: 100%;
        background-color: #f7f6f6;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.25)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' /%3E%3C/svg%3E");
        background-repeat: no-repeat, repeat;
        background-position: left 10px top 50%, 0 0;
        background-size: 24px auto, 100%;
        padding-left: 40px;
        display: inline-block;
        height: 40px;
        line-height: 22px;
        max-width: 300px;
    }

    .search-panel .button
    {
        display: inline-block;
        height: 40px;
        line-height: 22px;
        max-width: 160px;
    }

.search-panel-header
{
    background: #000;
}

    .search-panel-header .search-panel
    {
        display: flex;
        background: #000;
        height: 95px;
        align-items: center;
        margin-bottom: 0;
    }

        .search-panel-header .search-panel input[type=text]
        {
            background-color: #444444;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.25)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' /%3E%3C/svg%3E");
            max-width: 250px;
            color: #ddd;
        }

        .search-panel-header .search-panel .cell h1
        {
            color: #fff;
            padding-bottom: 18px;
            font-size: 24px;
        }
#content .breadcrumbs
{
    display: flex;
    background: var(--light3);
    padding: 25px 25px 25px 42px;
}

    #content .breadcrumbs .crumb, #content .breadcrumbs .crumb a
    {
        font-size: 14px;
        font-weight: 400;
        color: var(--orange);
        white-space: nowrap;
    }

        #content .breadcrumbs .crumb.is-last
        {
            color: var(--dark);
            font-weight: 500;
        }

        #content .breadcrumbs .crumb span
        {
            color: #929292;
            margin-right: 8px;
        }
#content .signature
{
    display: flex;
    align-items: center;
}

    #content .signature .pic div
    {
        width: 95px;
        height: 95px;
        background-size: cover;
        border-radius: 95px;
        background-position: center;
        border: solid #d6d6d6 1px;
    }

    #content .signature .sig div
    {
        width: 155px;
        height: 80px;
        background-size: cover;
        background-position: center;
        margin-left: 20px;
    }
.video-hero
{
    background-size: cover;
    background-position: top center;
    height: 500px;
}

    .video-hero .overlay
    {
        display: flex;
        height: 500px;
        background: rgba(0,0,0,0.5);
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .video-hero .overlay div
        {
            text-align: center;
        }

            .video-hero .overlay div.title
            {
                color: #fff;
                font-size: 50px;
                letter-spacing: 4px;
                padding: 0 20px 30px 20px;
            }

            .video-hero .overlay div.video-button
            {
                width: 100%;
            }

                .video-hero .overlay div.video-button .icon
                {
                    fill: #fff;
                    height: 130px;
                    opacity: 0.6;
                    cursor: pointer;
                }

                    .video-hero .overlay div.video-button .icon:hover
                    {
                        opacity: 1;
                    }

            .video-hero .overlay div.by
            {
                color: #fff;
                font-size: 26px;
                letter-spacing: 2px;
                font-style: italic;
                padding: 25px 20px 0 20px;
            }

@media (max-width: 600px)
{
    .video-hero .overlay div.title { font-size: 40px; }
    .video-hero .overlay div.by { font-size: 22px; }
}

@media (max-width: 400px)
{
    .video-hero .overlay div.title { font-size: 36px; }
    .video-hero .overlay div.by { font-size: 20px; }
}
.link-nav
{
    text-align: center;
}

    .link-nav a
    {
        margin-right: 30px;
        font-size: 14px;
    }

        .link-nav a.selected
        {
            color: #dfa621;
            font-weight: 400;
        }

        .link-nav a:last-of-type
        {
            margin-right: 0;
        }
.thumbnails
{
    overflow-x: scroll;
    white-space: nowrap;
    height: 175px;
    background: #eee;
}
    .thumbnail
    {
        display: inline-block;
        height: 175px;
        width: 175px;
        background-size: cover;
        background-position: center;
        position: relative;
        margin-right: 3px;
        text-align: center;
        cursor: pointer;
    }

        .thumbnail.selected
        {
            cursor: default;
        }

        /* BORDER */
        /* T, R, B, L */

        .thumbnail.selected .t
        {
            position: absolute;
            height: 6px;
            background: #dfa621;
            width: 175px;
            top: 0;
        }

        .thumbnail.selected .r
        {
            position: absolute;
            width: 6px;
            background: #dfa621;
            height: 175px;
            top: 0;
            right: -3px;
        }

        .thumbnail.selected .l
        {
            position: absolute;
            width: 6px;
            background: #dfa621;
            height: 175px;
            top: 0;
            left: -3px;
        }

        .thumbnail .b
        {
            position: absolute;
            height: 6px;
            background: #dfa621;
            width: 178px;
            bottom: 0;
        }

            .thumbnail.selected .b
            {
                background: #fff;
                margin-left: -3px;
                width: 3px;
            }

            .thumbnail:last-of-type .b
            {
                width: 175px;
            }

            .thumbnail.selected:last-of-type .b
            {
                width: 3px;
            }

        .thumbnail .icon.video-play
        {
            height: 50px;
            width: 50px;
            fill: #fff;
            margin-top: 53px;
            opacity: 0;
        }
            .thumbnail.is-video .icon.video-play
            {
                opacity: 0.6;
            }

            .thumbnail.selected.is-video .icon.video-play
            {
                opacity: 0;
            }

        .thumbnail .info-panel
        {
            height: 43px;
            width: 175px;
            position: absolute;
            bottom: 5px;
            background: rgba(0,0,0,0.65);
        }

            .thumbnail.selected .info-panel
            {
                display: none;
            }

            .thumbnail .info-panel .title
            {
                color: #fff;
                font-size: 11px;
                font-weight: 400;
                margin: 7px 0 0 0;
            }

            .thumbnail .info-panel .date
            {
                color: #d6d6d6;
                font-size: 9px;
                margin: 3px 0 0 0;
            }

.popdown
{
    position: absolute;
    background: #fff;
    width: 100%;
    border: solid #dfa621 6px;
    border-top: none;
    box-shadow: 0 30px 30px 0 rgba(0,0,0,0.3);
}

    .popdown .icon.close
    {
        float: right;
        width: 38px;
        margin-top: -3px;
        opacity: 0.6;
        cursor: pointer;
        margin: 25px 25px 0 0;
    }

        .popdown .icon.close:hover
        {
            opacity: 1;
        }

    .popdown .title
    {
        font-family: 'Prata';
        font-size: 30px;
        line-height: 40px;
    }

    .popdown .by
    {
        font-size: 25px;
        font-weight: 400;
        color: #dfa621;
        font-style: italic;
    }

    .popdown .date-time
    {
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }

    .popdown .desc
    {
        font-size: 18px;
        line-height: 22px;
    }
/*
* POPUPS
*/

#blocker
{
    display: none;
    position: fixed;
    z-index: 10000003;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    background: #000;
	opacity:0.6;
}

#working
{
    position: fixed;
    z-index: 10000004;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 200px;
}


/*
* POPUP FOUNDATION
*/

#pop
{
    display: none;
    position: absolute;
    z-index: 10000005;
	top: 0;
	right: 0;
	left: 0;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}

    #pop-content
    {
        background: #fff;
        width: 550px;
        padding: 20px 25px;
        border-radius: 8px;
    }

        #pop-content .action
        {
            text-align: center;
            margin-top: 15px;
        }

            #pop-content .button
            {
                width: auto;
                min-width: 150px !important;
                margin-left: 2px !important;
                margin-right: 2px !important;
            }

        #pop-content .close .icon
        {
            width: 24px;
            float: right;
            cursor: pointer;
            fill: #d6d6d6;
            margin: -5px -7px 0 0;
        }

/*
* ALERT POPUP
*/

#pop-content .alert
{
    text-align: center;
    padding: 10px 0 10px 0;
}

    #pop-content .alert .message
    {
        font-size: 18px;
        margin-bottom: 30px;
        letter-spacing: 0.5px;
        font-weight: 300;
    }

    #pop-content .alert button
    {
        min-width: 100px;
        text-align: center;
    }

    #pop-content .alert button.cancel
    {
        margin-right: 10px;
        background: #999;
    }
#sys-message-blocker
{
    position: fixed;
    z-index: 3;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#sys-message
{
	display: none;
	position: fixed;
	justify-content: center;
	align-items: flex-start;
	z-index: 1000000;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	word-wrap: break-word;
	color: #fff;
	fill: #fff;
	background: #4f4f5c;
	padding-left: 20px;
	padding-right: 20px;
}

	#sys-message .icon
	{
		width: 30px;
		height: 30px;
		margin-right: 10px;
		margin-top: 5px;
	}

	#sys-message .message
	{
		margin-right: 20px;
		line-height: 35px;
		max-width: 600px;
		text-align: left;
		letter-spacing: 1px;
		color: #fff;
		font-size: 20px;
	}

	#sys-message a
	{
		text-decoration: underline;
		color: #fff;
	}

@keyframes sys-message-show {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.sys-message-show {
    animation-timing-function: cubic-bezier(0, 0, 0.5, 0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: sys-message-show;
    animation-name: sys-message-show;
}

@keyframes sys-message-hide {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      visibility: hidden;
      transform: translate3d(0, -100%, 0);
    }
}

.sys-message-hide {
    animation-timing-function: cubic-bezier(0, 0, 0.5, 0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: sys-message-hide;
    animation-name: sys-message-hide;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    border: dashed #dfa621 2px ! important;
}

.pulse-only
{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

/* Working animation */

.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  border-top: 3px solid #FFF;
  border-right: 3px solid transparent;
  box-sizing: border-box;
  animation: rotation 0.4s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
      /*
* TABLE
*/

table.styled { width: 100%; border-collapse: separate; border-spacing: 0; }
table.styled td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
table.styled tr:nth-child(even) { background: #eee; }
table.styled td { vertical-align: center; padding: 10px; }
table.styled td.key { font-weight: 400; }
table.styled td.data { font-weight: 300; }
table.styled tr:first-of-type td { border-top: 1px solid #ddd; }
table.styled td:first-of-type { border-left: 1px solid #ddd; }
table.styled tr:first-of-type td:first-child { border-top-left-radius: 8px; }
table.styled tr:first-of-type td:last-child { border-top-right-radius: 8px; }
table.styled tr:last-child td:first-child { border-bottom-left-radius: 8px; }
table.styled tr:last-child td:last-child { border-bottom-right-radius: 8px; }
table.styled td.header
{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: #999;
    font-size: 14px;
}
.panel-header
{
    background: #aaaaaa;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}

    .panel-header .icon
    {
        vertical-align: middle;
        height: 1.5em;
        fill: #eee;
        margin-right: 5px;
        margin-top: -1px;
    }

    .panel-header span
    {
        vertical-align: middle;
    }

.panel-header.light
{
    background: #eee;
    color: #888;
}

    .panel-header.light .icon
    {
        fill: #bbb;
    }
.panel-text
{
    background: #f7f6f6;
    padding: 22px 22px 10px 22px;
}

    .panel-text.with-title
    {
        padding: 30px 30px 10px 30px;
    }

    .panel-text p
    {
        margin-bottom: 13px;
        line-height: 22px;
        color: #000;
    }

        .panel-text.with-title p
        {
            margin-bottom: 18px;
        }

        .panel-text.with-title p.status
        {
            margin: -20px 0 15px 40px;
        }

    .panel-text h1
    {
        vertical-align: middle;
        border: none;
        color: #000;
        font-weight: 300;
        font-size: 18px;
        letter-spacing: 1px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 10px;
    }

        .panel-text h1.yellow
        {
            color: #dfa621;
            fill: #dfa621;
        }

    .panel-text h1 .icon
    {
        vertical-align: middle;
        margin-top: -5px;
        margin-right: 2px;
    }

    .panel-text h1 .icon.company { height: 20px; }
    .panel-text h1 .icon.payment { height: 30px; fill: #aaa; }
    .panel-text h1 .icon.archive { height: 30px; fill: #aaa; }
    .panel-text h1 .icon.cc { height: 24px; }
    .panel-text h1 .icon.plane { height: 34px; transform: rotate(45deg); fill: #555; }
    .panel-text h1 .icon.growth { height: 34px; fill: #555; }
    .panel-text h1 .icon.info { height: 30px; margin-left: -4px; margin-right: 5px; margin-top: -5px; }
    .panel-text h1 .icon.company2 { height: 34px; fill: #555; margin-top: -6px;}
    .panel-text h1 .icon.excel,
    .panel-text h1 .icon.word,
    .panel-text h1 .icon.pdf
    { height: 34px; fill: #000; margin-top: -6px; margin-right: 6px; }

.panel-text.yellow
{
    background: #dfa621;

}

    .panel-text.yellow p, .panel-text.yellow h1
    {
        color: #fff;
        fill: #fff;
    }

.panel-text.dark
{
    background: #555;
}

    .panel-text.dark h1
    {
        font-style: italic;
        font-size: 20px;
        letter-spacing: 2px;
    }

    .panel-text.dark p, .panel-text.dark h1
    {
        color: #fff;
        fill: #fff;
        font-weight: 300;
    }
.panel-text.black
{
    background: #000000;
    border-top: solid 4px #dea533;
    border-bottom: solid 4px #dea533;
}

    .panel-text.black h1
    {
        color: #dea533;
        font-weight: 300;
    }

    .panel-text.black p
    {
        color: #dea533;
    }

    .panel-text.black h1 .icon
    {
        fill: #dea533;
    }

    
    .panel-text.black .line
    {
        background: #dea533;
        height: 1px;
        opacity: 0.3;
    }


    
    .panel-text.black .badges .logo
    {
        display: inline-block;
        height: 100px;
        width: 100px;
        border-radius: 100px;
        border: solid #fff 1px;
        background-size: cover;
        background-position: center;
        margin-right: 20px;
        vertical-align: middle;
    }

    
    .panel-text.black .badges .stat
    {
        display: inline-block;
        height: 100px;
        width: 100px;
        border-radius: 100px;
        border: solid #fff 1px;
        background: #dea533;
        text-align: center;
        color: #fff;
        fill: #fff;
        vertical-align: top;
        margin-right: 20px;
        margin-bottom: 20px;
    }

        .panel-text.black .badges .stat .symbol
        {
            margin-top: 12px;
            height: 25px;
        }
            .panel-text.black .badges .stat .symbol .icon.bookmark { height: 25px; width: 25px;}
            .panel-text.black .badges .stat .symbol .icon.users { height: 28px; width: 28px; margin-top: -1px;}
            .panel-text.black .badges .stat .symbol .icon.growth { height: 28px; width: 28px; margin-top: -3px;}

        .panel-text.black .badges .stat .number
        {
            color: #fff;
            font-size: 18px;
            font-weight: 400;
            margin-top: 3px;
        }

        .panel-text.black .badges .stat .tag
        {
            color: #fff;
            font-size: 12px;
            font-style: italic;
            margin-top: 2px;
        }

    
    .panel-text.black .team .title
    {
        color: #dea533;
        font-weight: 300;
        font-style: italic;
    }

    .panel-text.black .team .exec
    {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin-right: 20px;
        margin-bottom: 20px;
    }

        .panel-text.black .team .exec .avatar
        {
            height: 75px;
            width: 75px;
            border-radius: 75px;
            border: solid #fff 1px;
            background-size: cover;
            background-position: center;
        }

        .panel-text.black .team .exec .role
        {
            font-size: 12px;
            color: #dea533;
            margin-top: 6px;
            opacity: 0.7;
        }

        .panel-text.black .team .exec .name
        {
            font-size: 14px;
            font-style: italic;
            color: #dea533;
            margin-top: 1px;
            opacity: 0.7;
        }
.panel-hint
{
    background: #e1edfb;
    color: #66788e;
    font-size: 18px;
    line-height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%2366788e' d='M9,5A4,4 0 0,1 13,9A4,4 0 0,1 9,13A4,4 0 0,1 5,9A4,4 0 0,1 9,5M9,15C11.67,15 17,16.34 17,19V21H1V19C1,16.34 6.33,15 9,15M16.76,5.36C18.78,7.56 18.78,10.61 16.76,12.63L15.08,10.94C15.92,9.76 15.92,8.23 15.08,7.05L16.76,5.36M20.07,2C24,6.05 23.97,12.11 20.07,16L18.44,14.37C21.21,11.19 21.21,6.65 18.44,3.63L20.07,2Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    padding: 18px 18px 5px 52px;
    background-position: left 20px top 18px, 0 0;
    background-size: 24px auto, 100%;
}

    .panel-hint p
    {
        margin-bottom: 16px;
        line-height: 22px;
        font-size: 16px;
    }

    .panel-hint p .icon
    {
        height: 22px;
        vertical-align: middle;
        fill: #c48d20;
        margin-top: -1px;
    }

.panel-hint.dark
{
    background: #555;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9,5A4,4 0 0,1 13,9A4,4 0 0,1 9,13A4,4 0 0,1 5,9A4,4 0 0,1 9,5M9,15C11.67,15 17,16.34 17,19V21H1V19C1,16.34 6.33,15 9,15M16.76,5.36C18.78,7.56 18.78,10.61 16.76,12.63L15.08,10.94C15.92,9.76 15.92,8.23 15.08,7.05L16.76,5.36M20.07,2C24,6.05 23.97,12.11 20.07,16L18.44,14.37C21.21,11.19 21.21,6.65 18.44,3.63L20.07,2Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    padding: 18px 18px 5px 62px;
    background-position: left 20px top 20px, 0 0;
    background-size: 28px auto, 100%;
}

    .panel-hint.dark p
    {
        color: #fff;
    }
.panel-actions
{
    background: #fcf6ec;
    color: #c48d20;
    font-size: 18px;
    line-height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23dea533' d='M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M9,12.44V9A2,2 0 0,1 11,7A2,2 0 0,1 13,9V12.44C14.19,11.75 15,10.47 15,9A4,4 0 0,0 11,5A4,4 0 0,0 7,9C7,10.47 7.81,11.75 9,12.44Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat, repeat;
    padding: 18px 18px 18px 60px;
    background-position: top 15px left 17px, 0 0;
    background-size: 38px auto, 100%;
}

    .panel-actions h1
    {
        border: none;
        color: #c48d20;
        font-weight: 300;
        font-size: 18px;
        letter-spacing: 1px;
    }

    .panel-actions ul
    {
        margin: 0;
    }

        .panel-actions li
        {
            line-height: 16px;
            margin-bottom: 8px;
        }

        .panel-actions li a
        {
            color: #c48d20;
            font-size: 15px;
        }
.panel-asessment
{
    background: #f7f6f6;
    padding: 32px 22px 15px 30px;
    margin-bottom: 30px;
    cursor: default;
    border: dashed rgba(0,0,0,0) 2px;
    transition: border 0.35s;
}

    .panel-asessment .text-item-hint
    {
        background: #ebebeb;
        padding: 10px;
        margin: 5px 0 30px 28px;
        font-size: 14px;
        font-style: italic;
        font-weight: 300;
    }

    .panel-asessment h1
    {
        vertical-align: middle;
        border: none;
        color: #000;
        font-size: 18px;
        letter-spacing: 1px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 5px;
        line-height: 22px;
    }

    .panel-asessment .inputs
    {
        margin-bottom: 15px;
    }

        .panel-asessment .inputs.percentage select
        {
            max-width: 145px;
            padding-left: 17px;
            display: inline;
        }

        .panel-asessment .inputs.percentage span
        {
            display: inline;
            font-size: 20px;
            font-weight: 400;
            color: #999;
            margin-left: 5px;
        }

        .panel-asessment .inputs.five-point-comparison table
        {
            border-collapse: collapse;
            width: 100%;
        }

            .panel-asessment .inputs.five-point-comparison table td
            {
                text-align: center;
            }

                .panel-asessment .inputs.five-point-comparison table .header td
                {
                    border: solid #ccc 1px;
                    height: 70px;
                    color: #000;
                    font-weight: 300;
                    font-size: 17px;
                    line-height: 21px;
                    letter-spacing: 0;
                }

                .panel-asessment .inputs.five-point-comparison table .points  td
                {
                    border: solid #ccc 1px;
                    width: 20%;
                    height: 40px;
                    cursor: pointer;
                }

                    
                    .panel-asessment .inputs.five-point-comparison.is-demo table input,
                    .panel-asessment .inputs.five-point-comparison.is-demo table .points td,
                    .panel-asessment .inputs.five-point-comparison.is-demo table label
                    {
                        cursor: default;
                    }

                    .panel-asessment .inputs.five-point-comparison table .points  td .radio
                    {
                        position: absolute;
                        margin: -10px 0 0 -10px;
                    }

                    .panel-asessment .inputs.five-point-comparison table .points  td.option-1,
                    .panel-asessment .inputs.five-point-comparison table .points  td.option-5
                    {
                        background: #555;
                    }

                    .panel-asessment .inputs.five-point-comparison table .points  td.option-3
                    {
                        background: #fff;
                    }

                    .panel-asessment .inputs.five-point-comparison table .points  td.option-2,
                    .panel-asessment .inputs.five-point-comparison table .points  td.option-4
                    {
                        background: #bbb;
                    }

                .panel-asessment .inputs.five-point-comparison table .comparison td
                {
                    font-size: 20px;
                    line-height: 23px;
                    font-weight: 400;
                    color: #000;
                    padding: 12px 0 15px 0;
                    letter-spacing: 0;
                    vertical-align: top;
                }

                    .panel-asessment .inputs.five-point-comparison table .comparison  td.left
                    {
                        text-align: left;
                    }

                    .panel-asessment .inputs.five-point-comparison table .comparison  td.right
                    {
                        text-align: right;
                    }
.arrow-tree
{
    display: inline-block;
    min-width: 650px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

.arrow-tree table
{
    margin: 0 0 0 0;
    border-collapse: collapse;
    font-style: italic;
    color: #000;
    width: 100%;
}

    .arrow-tree table td
    {
        white-space: nowrap;
    }

        .arrow-tree table td.condition
        {
            font-size: 20px;
            padding-right: 120px;
        }

        .arrow-tree table td.stock
        {
            font-size: 18px;
            padding-right: 120px;
        }

        .arrow-tree table td.flow
        {
            padding: 10px 0;
            font-size: 16px;
            cursor: default;
        }

        .arrow-tree table td.flow span
        {
            border-bottom: solid #bbb 1px;
            padding-bottom: 2px;
        }


        .arrow-tree table td.value span.notice::after
        {
            content: "";
        }

        .arrow-tree table td.value
        {
            padding-left: 20px;
            font-size: 16px;
            color: #dfa621;
            font-weight: 400;
            text-align: right;
        }

            .arrow-tree table td.value span
            {
                display: inline-block;
                padding: 5px 6px 5px 5px;
                text-align: center;
                border-radius: 4px;
                min-width: 30px;
            }

            @-moz-document url-prefix() {
                .arrow-tree table td.value span {
                    padding: 7px 6px 5px 5px;
                }
            }

        .arrow-tree .alert-icon
        {
            display: inline;
        }

        .arrow-tree .alert-icon .icon
        {
            

        }

            .arrow-tree .alert-icon .icon
            {
                fill: #00B0D2;
                margin: 0 0 0 0;
                height: 16px;
                width: 16px;
                opacity: 0.7;
            }
#content .panel-title
{
    display: flex;
    background: var(--light3);
    height: 80px;
    align-items: center;
}

    #content .panel-title h1
    {
        border-bottom: none;
        padding: 0 45px 0 45px;
        color: var(--dark)
        font-size: 26px;
        font-weight: 500;
        line-height: 40px;
        width: 100%;
        max-width: 1090px;
        font-style: normal;
        margin: 0 auto;
    }

        #content .panel-title h1 span
        {
            color: var(--dark);
            float: right;
            font-weight: 200;
        }

        #content .panel-title h1 sup
        {
            position: absolute;
            font-size: 18px;
            margin-top: -10px;
        }

@media (max-width: 900px)
{
    #content .panel-title h1
    {
        padding: 0 45px 0 80px;
        font-size: 30px;
        font-weight: 200;
        line-height: 35px;
        width: 100%;
    }
}
.panel-blue
{
    background: #005871;
    padding: 22px 22px 10px 22px;
    border-radius: 8px;
}

    .panel-blue p
    {
        margin-bottom: 13px;
        line-height: 22px;
        color: #fff;
    }

        .panel-blue.with-title p
        {
            margin-bottom: 18px;
        }

        .panel-blue.with-title p.status
        {
            margin: -20px 0 15px 40px;
        }

    .panel-blue h1
    {
        vertical-align: middle;
        border: none;
        color: #fff;
        font-weight: 300;
        font-size: 18px;
        letter-spacing: 1px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 10px;
    }
.stat-panel
{
    text-align: center;
    margin: 50px 0 40px 0;
    cursor: pointer;
}
    .stat-panel .stat
    {
        color: #fff;
        font-size:48px;
        font-weight: 400;
        margin-bottom: 25px;
        font-style: italic;
    }

    .stat-panel .info
    {
        color: #c0c2cc;
        font-size: 14px;
        font-weight: 100;
    }
#admin-dashboard #pop-content
{
    width: 100%;
    max-width: 750px;
}

#admin-dashboard #content
{
    background: #000;
    padding-top: 50px;
}

#admin-dashboard .action-links
{
    padding-bottom: 20px;
}

    #admin-dashboard .action-links a
    {
        margin-right: 20px;
        font-size: 14px;
        color: #555;
    }

    #admin-dashboard .action-links a.selected
    {
        color: #fff;
        font-weight: 400;
    }
.assessment-results .stage-color-key
{
    text-align: center;
}

.assessment-results .stage-color-key div
{
    display: inline-block;
}

.assessment-results .stage-color-key div i
{
    width: 30px;
    display: inline-block;
    height: 7px;
    margin-right: 6px;
    vertical-align: middle;
}

.assessment-results .stage-color-key div b
{
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    margin-right: 18px;
    vertical-align: middle;
}

.assessment-results .blue
{
    background: #8359AD !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
}

.assessment-results .silver
{
    background: #005871 !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
}

.assessment-results .gold
{
	  background: #00B0D2 !important;
      color: #fff !important;
      -webkit-print-color-adjust: exact;
}

.assessment-results .hint b
{
    font-weight: 400;
    color: #555;
}

.text-tip .title
{
    color: #bbb;
    font-size: 14px;
    margin-top: 3px;
    font-style: italic;
}

.text-tip .text
{
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.assessment-results .panel-text h1
{
    color: #000;
    font-weight: 300;
    font-style: italic;
    font-size: 20px;
}

.assessment-results h2
{
    margin-top: -20px;
    margin-bottom: 40px;
    line-height: 25px;
    font-size: 16px;
    color: #999;
}

.assessment-results .panel-text h1 .icon.company2
{
    fill: #aaa;
}

.assessment-results .score-seperator
{
    margin-top: -10px;
    margin-bottom: 55px;
    height: 2px;
    border-top: dotted #ebebeb 2px;
}

.assessment-results .score-panel
{
    display: flex;
    margin-bottom: 55px;
    align-items: center;
}

    .assessment-results .score-panel:last-of-type
    {
        margin-bottom: 15px;
    }

    .assessment-results .score-panel div.chart
    {
        width: 42%;
        margin-top: -20px;
    }

        .assessment-results .score-panel div.chart .title
        {
            font-size: 17px;
            text-transform: uppercase;
            color: #000;
            font-weight: 400;
            margin-bottom: 15px;
        }

        .assessment-results .score-panel div.chart .percent-panel
        {
            background: #ebebeb;
            height: 10px;
            width: 100%;
            -webkit-print-color-adjust: exact;
        }

            .assessment-results .score-panel div.chart .percent-panel .score-line
            {
                float: left;
                background: #dfa621;
                height: 10px;
                -webkit-print-color-adjust: exact;
            }

            .assessment-results .score-panel div.chart .percent-panel .benchmark
            {
                float: left;
                margin-top: -26px;
            }

                .assessment-results .score-panel div.chart .percent-panel .benchmark .line
                {
                    position: absolute;
                    width: 2px;
                    height: 28px;
                    background-image: linear-gradient(black 50%, rgba(255,255,255,0) 0%);
                    background-position: right;
                    background-size: 3px 8px;
                    background-repeat: repeat-y;
                    margin-left: -1px;
                    -webkit-print-color-adjust: exact;
                }

                .assessment-results .score-panel div.chart .percent-panel .benchmark .diff
                {
                    margin: 30px 0 0 -13px;
                    position: absolute;
                    width: 100px;
                }

                    .assessment-results .score-panel div.chart .percent-panel .benchmark .diff .icon
                    {
                        width: 15px;
                        height: 15px;
                        vertical-align: middle;
                        fill: #555;
                        margin-right: -3px;
                    }

                    .assessment-results .score-panel div.chart .percent-panel .benchmark .diff.up .icon
                    {
                        transform: rotate(-90deg);
                    }

                    .assessment-results .score-panel div.chart .percent-panel .benchmark .diff.down .icon
                    {
                        transform: rotate(90deg);

                    }

                    .assessment-results .score-panel div.chart .percent-panel .benchmark .diff span
                    {
                        vertical-align: middle;
                        color: #555;
                        font-style: italic;
                        font-size: 16px;
                    }

                .assessment-results .score-panel div.chart .percent-panel .benchmark .diff .num
                {
                    display: inline;
                }

    .assessment-results .score-panel div.score
    {
        width: 16%;
        font-size: 36px;
        line-height: 43px;
        text-align: center;
        color: #dfa621;
        font-weight: 500;
        display: felx;
        height: 53px;
        align-items: center;
        justify-content: center;
    }

        .assessment-results .score-panel div.score span
        {
            display: inline-block;
            padding: 0;
            min-width: 65px;
            border-radius: 6px;
            padding: 4px 0 11px 0;
            letter-spacing: 0;
        }

        @-moz-document url-prefix() {
            .assessment-results .score-panel div.score span {
                padding: 10px 3px 5px 0;
            }
        }

    .assessment-results .score-panel div.hint
    {
        width: 42%;
        color: #7a7a7a;
        font-size: 16px;
        font-style: italic;
        line-height: 20px;
    }

.assessment-results #content
{
    background: var(--light);
}

.assessment-results .layout-wide
{
    padding: 40px;
}

    .assessment-results .action-icons
    {
        margin-bottom: 30px;
    }
        .assessment-results .action-icons .seperator
        {
            float: left;
            display: inline-block;
            height: 16px;
            width: 1px;
            border-left: solid #eee 2px;
            margin-right: 18px;
            margin-top: 9px;
        }

        .assessment-results .action-icons .icon
        {
            fill: #ccc;
            float: left;
            cursor: pointer;
        }

            .assessment-results .action-icons .icon.layers
            {
                fill: #bbb;
                width: 32px;
                height: 32px;
                margin-right: 22px;
            }

                .assessment-results .action-icons .selected .icon.layers
                {
                    fill: #00B0D2;
                    cursor: default;
                }

            .assessment-results .action-icons .icon.radar
            {
                width: 38px;
                height: 38px;
                stroke: #ccc;
                margin-right: 17px;
                margin-top: -2px;
            }

                .assessment-results .action-icons .selected .icon.radar
                {
                    stroke: #00B0D2;
                    cursor: default;
                }

            .assessment-results .action-icons .icon.hierarchy
            {
                width: 36px;
                height: 36px;
                fill: #bbb;
                margin-top: -3px;
                margin-right: 25px;
            }

                .assessment-results .action-icons .selected .icon.hierarchy
                {
                    fill: #00B0D2;
                    cursor: default;
                }

            .assessment-results .action-icons .icon.data
            {
                width: 32px;
                height: 32px;
                fill: #bbb;
                margin-right: 22px;
                margin-top: 0;
            }

                .assessment-results .action-icons .selected .icon.data
                {
                    fill: #00B0D2;
                    cursor: default;
                }

            .assessment-results .action-icons .icon.company2
            {
                width: 36px;
                height: 36px;
                color: #ccc;
                margin-top: -2px;
                margin-right: 17px;
            }

                .assessment-results .action-icons .selected .icon.company2
                {
                    color: #00B0D2;
                    cursor: default;
                }

            .assessment-results .action-icons .icon.book
            {
                fill: #c9c9c9;
                width: 30px;
                height: 30px;
                margin-right: 16px;
            }

                .assessment-results .action-icons .selected .icon.book
                {
                    fill: #00B0D2;
                    cursor: default;
                }

            .assessment-results .action-icons .icon.clock
            {
                fill: #cecece;
                width: 32px;
                height: 32px;
                margin-right: 22px;
            }

                .assessment-results .action-icons .selected .icon.clock
                {
                    fill: #00B0D2;
                    cursor: default;
                }


    .assessment-results #content .layout-wide > h1
    {
        font-family: "degular", sans-serif;
        color: var(--dark);
        padding: 0;
        margin: 0 0 30px 0;
        font-size: 46px;
        border-bottom: none;
        font-weight: 700;
        font-style: normal;
        line-height: 44px;
        vertical-align: middle;
    }

        .assessment-results #content .layout-wide.h1v2 > h1
        {
            font-size: 36px;
        }

    .assessment-results .layout-wide  .panel-text
    {
        background-color: #f7f6f6;
        -webkit-print-color-adjust: exact;
    }

        .assessment-results .layout-wide  .panel-text p
        {
            color: #777;
            font-size: 18px;
        }

            .assessment-results .layout-wide  .panel-text b
            {
                font-weight: 400;
            }

            .assessment-results .layout-wide.conditions-breakdown  .panel-text p
            {
                color: #666;
                font-size: 15px;
            }

.assessment-results .condition-title
{
    margin: -10px 0 -6px 0;
    font-weight: 400;
    color: #555;
    font-size: 16px;
    font-style: italic;
}

.assessment-results .flow-title
{
    margin: -10px 0 -6px 0;
    font-weight: 400;
    color: #555;
    font-size: 20px;
    font-style: italic;
}


.assessment-results .indent-arrow
{
    color: #ccc;
    font-size: 16px;
}

.assessment-results .bar-chart
{
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}

.assessment-results .download-panel
{
    text-align: right;
    margin: -5px 0 0 0;
}

    .assessment-results .download-panel .icon.excel
    {
        width: 25px;
        fill: #bbb;
    }

        .assessment-results .download-panel .icon.excel:hover
        {
            fill: #000;
        }

.assessment-results table#data
{
    width: 100%;
    border-collapse: collapse;
}

    .assessment-results table#data td
    {
        padding: 8px;
        border: solid #ddd 1px;
        font-weight: 400;
        font-size: 16px;
        text-align: center;
        font-style: italic;
        color: #000;
    }

    .assessment-results table#data .header td
    {
        font-weight: 300;
        padding-top: 15px;
        padding-bottom: 0;
        background: #fff;
        color: #555;
        border: none;
        -webkit-print-color-adjust: exact;

    }

        .assessment-results table#data td:first-child
        {
            text-align: left;
            font-weight: 300;
            font-size: 14px;
            padding-left: 15px;
            color: #000;
        }

    .assessment-results table#data .rollup td
    {
        color: #333;
        font-weight: 400;
        background: #ccc;
        border-bottom: solid #fff 5px !important;
        border-top: solid #fff 15px !important;
        -webkit-print-color-adjust: exact;

    }

        .assessment-results table#data .rollup td:first-child
        {
            padding-left: 15px;
            font-weight: 400;
        }

    .assessment-results table#data td.spacer
    {
        height: 50px;
        border-left: none;
        border-right: none;
        border-bottom: none;
        padding-left: 0;
    }

    .assessment-results .panel-text.with-title.file-download
    {
        margin-bottom: 30px;
    }

        .assessment-results .panel-text.with-title.file-download:last-child
        {
            margin-bottom: 0;
        }

        .assessment-results .panel-text.with-title.file-download a
        {
            color: #dfa621;
        }

        .assessment-results .panel-text.with-title.file-download h1 .icon
        {
            fill: #dfa621 !important;
        }

        .assessment-results .panel-text.with-title.file-download p
        {
            margin-top: -20px;
            padding-left: 40px;
            font-size: 18px;
        }

@media print
{
    .assessment-results.overview #header,
    .assessment-results.overview #footer,
    .assessment-results.overview .header-spacer,
    .assessment-results.overview .action-icons,
    .assessment-results.overview .nav-downloads,
    .assessment-results.overview .overview-hint,
    .assessment-results.overview .panel-title,
    .assessment-results.overview .panel-hint,
    .assessment-results.overview .panel-text.with-title,
    .assessment-results.overview h1:nth-child(1),
    .assessment-results.overview .panel-blue
    {
        display: none !important;
    }

    .assessment-results.overview .stage-color-key
    {
        margin-bottom: 0 !important;
    }

    .assessment-results.overview .score-by-condition
    {
        margin-top: 0 !important;
    }
}
#checkout-pay.form .checkbox label,
#checkout-pay.form .radio label
{
    margin: 1px 0 0 5px;
}

#checkout-pay .promo-panel
{
    margin: 20px 0 28px 35px;
}

    #checkout-pay .promo-panel input
    {
        width: 145px;
        height: 34px;
        font-size: 14px;
        line-height: 34px;
        padding: 0 10px;
        background: #aaaaaa;
        color: #000;
        font-weight: 400;
        vertical-align: middle;
        margin: 0 10px 0 0;
    }

    #checkout-pay .promo-panel button
    {
        width: 105px;
        height: 34px;
        font-size: 14px;
        line-height: 34px;
        padding: 2px 0;
        background: #dea533;
        vertical-align: middle;
    }

#checkout-pay #content
{
}

#checkout-pay.form label
{
    color: #fff;
}

#checkout-pay .panel-header
{
    background: #444444;
    padding-bottom: 40px;
    font-weight: 200;
}

#checkout-pay .panel-text.with-title
{
    background: #444444;
}

    #checkout-pay .panel-text.with-title h1
    {
        font-size: 17px;
        color: var(--dark);
    }

#checkout-pay .main-info.panel-text.with-title
{
    background: #66788e;
}

    #checkout-pay .main-info.panel-text.with-title h1
    {
        font-size: 20px;
        color: var(--dark);
    }

    #checkout-pay .panel-text.with-title p
    {
        color: var(--dark);
    }

        #checkout-pay .panel-text.with-title h1 .icon
        {
            fill: var(--dark);
            opacity: 0.8;
            width: 26px;
        }

        #checkout-pay .panel-hint
        {
            background: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23643C79' d='M9,5A4,4 0 0,1 13,9A4,4 0 0,1 9,13A4,4 0 0,1 5,9A4,4 0 0,1 9,5M9,15C11.67,15 17,16.34 17,19V21H1V19C1,16.34 6.33,15 9,15M16.76,5.36C18.78,7.56 18.78,10.61 16.76,12.63L15.08,10.94C15.92,9.76 15.92,8.23 15.08,7.05L16.76,5.36M20.07,2C24,6.05 23.97,12.11 20.07,16L18.44,14.37C21.21,11.19 21.21,6.65 18.44,3.63L20.07,2Z' /%3E%3C/svg%3E");
            background-repeat: no-repeat, repeat;
            padding: 18px 18px 5px 52px;
            background-position: left 20px top 18px, 0 0;
            background-size: 24px auto, 100%;
            color: var(--purple);
        }

    #checkout-pay .actions-single .button
    {
        width: 180px;
    }
.company-info { 
    display: flex; 
    flex-wrap: wrap; 
    background: #fff; 
    border-radius: 8px; 
    padding: 20px 15px;
    box-shadow: -5px 5px 5px rgba(0,0,0,0.05);
}
.company-info .item { flex-grow: 1; width: 46%; padding: 10px 0 20px 0; margin: 0 2%; }
.company-info .item label { display: block; font-size: 14px; margin-bottom: 7px; }
.company-info .item label i { color: var(--dark); opacity: 0.5; font-style: italic; }
.company-info .item i { var(--dark); font-style: normal; }
.company-info .item ul li { var(--dark); }
.company-info .item a { color: var(--dark); }
.company-info .item a .icon { fill: var(--light2); height: 16px; position: absolute; margin: 0 0 0 2px; }
.company-info .item a:hover { text-decoration: none; }
.company-info .item a:hover .icon { fill: var(--dark); }
.company-info .item a:hover .highlight { text-decoration: underline; }
.company-info .item .line { margin-bottom: 4px; }
.company-info .icon.check { fill: var(--dark); width: 15px; position: absolute; margin: 0 0 0 5px;}
.company-info .item a svg { width: 11px; color: #999; }
.company-info .item a svg:hover { color: #000; }

.team-edit { 
    background: #fff; 
    border-radius: 8px; 
    padding: 30px;
    box-shadow: -5px 5px 5px rgba(0,0,0,0.05);
}

.team-edit table .head {
    font-size: 13px;
    color: #999;
}

.team-edit input[type=text] {
    border: solid 1px #ccc;
    border-radius: 8px;
    padding: 5px;
    width: 100%;
    font-size: 14px;
}

.team-edit input.error {
    border: solid red 1px;
}

.team-edit input.success {
    border: solid green 1px;
}

#dashboard .panel-text h1
{
    color: #000;
    font-weight: 300;
    font-style: italic;
    font-size: 20px;
}

#dashboard .panel-text
{
    font-style: italic;
}

#dashboard .panel-text h1 .icon.company2
{
    fill: #aaa;
}



#dashboard .last-discussion .title
{
    font-size: 22px;
    color: #dfa621;
    margin-left: 5px;
}

    #dashboard .last-discussion .title .icon
    {
        width: 24px;
        fill: #dfa621;
        margin-bottom: -5px;
        margin-right: 10px;
    }


#dashboard .last-discussion .view-link
{
    font-size: 12px;
    margin: 6px 0 0 42px;
}

#dashboard .last-discussion table
{
    margin-top: 20px;
}

    #dashboard .last-discussion table td
    {
        vertical-align: top;
    }

    #dashboard .last-discussion table .avatar
    {
        height: 100px;
        width: 100px;
        border-radius: 100px;
        border: solid #ddd 1px;
        background-size: cover;
        background-position: center;
        margin-right: 20px;
    }

    #dashboard .last-discussion table .discussion
    {
        font-size: 25px;
        font-style: italic;
        line-height: 30px;
        color: #000;
    }

    #dashboard .last-discussion table .info
    {
        margin-top: 15px;
        font-size: 14px;
        font-weight: 400;
        font-style: italic;
        color: #dfa621;
    }

        #dashboard .last-discussion table .info span
        {
            margin-right: 20px;
        }


#dashboard .company-panel h1
{
    font-size: 20px;
}
/* DASHBOARD */

/* STRIPED HEADER */
.managers #content
{
    background-image: linear-gradient(to bottom, var(--light3) 80px, var(--light3) 80px, var(--light) 80px, var(--light) 130px, var(--light) 130px);
    background-repeat: no-repeat;
}

/* STRIPED HEADER - TITLE PANEL */
.managers #content .title-panel
{
    display: flex;
    height: 80px;
    align-items: center;
}

    .managers #content .title-panel h1
    {
        border-bottom: none;
        padding: 0 0 0 0;
        color: var(--dark);
        font-size: 26px;
        font-weight: 500;
        width: 100%;
        font-style: normal;
        letter-spacing: 0.5px;
    }


        .managers #content .title-panel h1 a
        {
            color: var(--dark);
        }

            .managers #content .title-panel h1 a:hover
            {
                text-decoration: none;
            }

        .managers #content .title-panel h1 span
        {
            color: var(--dark);
            float: right;
        }

        .managers #content .title-panel h1 sup
        {
            position: absolute;
            font-size: 18px;
            margin-top: -10px;
        }

/* STRIPED HEADER - SEARCH PANEL */
.managers #search-panel
{
    display: flex;
    height: 50px;
    align-items: center;

}

    .managers #search-panel .left
    {
        flex-grow: 1;
    }

        .managers #search-panel .left div {
            font-weight: 500;
        }

        .managers #search-panel .left .info, .managers #search-panel .left .info a
        {
            color: #fff;
            opacity: 0.6;
        }

        .managers #search-panel .left .icon
        {
            fill: var(--dark);
            width: 24px;
            height: 24px;
            margin: 4px 0 0 0;
        }

        .managers #search-panel .left input
        {
            position: absolute;
            background: none;
            border: none;
            color: var(--dark);
            margin: 5px 0 0 5px;
            width: 200px;
            font-size: 15px;
        }

    .managers #search-panel .right
    {
    }

        .managers #search-panel .right .add-company-link
        {
            color: #fff;
            font-size: 12px;
            margin: 0 0 0 0;
            float: right;
        }

        .managers #search-panel .right .icon-wrapper
        {
            margin-left: 7px;
        }

            .managers #search-panel .right .icon-wrapper .icon
            {
                width: 25px;
                cursor: pointer;
                fill: #606060;
            }

                .managers #search-panel .right .icon-wrapper:hover .icon
                {
                    fill: #fff;
                }


/* FILTER PANEL */
.managers #filter-panel
{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 27px;
}

    .managers #filter-panel .views
    {
        flex-grow: 1;
        text-align: right;
        padding-top: 37px;
        fill: #606060;
    }

        .managers #filter-panel .views .icon-wrapper
        {
            margin-left: 7px;
        }

            .managers #filter-panel .views .icon-wrapper .icon
            {
                margin-left: 5px;
                width: 25px;
                cursor: pointer;
            }

                .managers #filter-panel .views .icon-wrapper:hover .icon
                {
                    fill: #fff;
                }

                .managers #filter-panel .views .icon-wrapper.selected .icon
                {
                    fill: #dea533;
                }

    .managers #filter-panel .filter
    {
        display: flex;
        align-items: center;
        margin: 27px 0 0 0;
    }

        .managers #filter-panel .filter .icon-wrapper
        {
            margin-right: 12px;
        }

            .managers #filter-panel .filter .icon-wrapper .icon
            {
                fill: #606060;
                width: 19px;
                height: 19px;
            }

            .managers #filter-panel .filter .icon-wrapper .icon:hover
            {
                fill: #fff;
                cursor: pointer;
            }

            .managers #filter-panel .filter.selected .icon-wrapper .icon
            {
                fill: #dea533;
            }

        .managers #filter-panel .filter .info-wrapper
        {
            margin-right: 50px;
            white-space: nowrap;
        }

            .managers #filter-panel .filter .info-wrapper .title
            {
                font-size: 12px;
                text-transform: uppercase;
                color: #aaaaaa;
                margin-bottom: 2px;
            }

            .managers #filter-panel .filter .info-wrapper .data
            {
                font-size: 14px;
                color: #fff;
            }

            .managers #filter-panel .filter.selected .info-wrapper .title,
            .managers #filter-panel .filter.selected .info-wrapper .data
            {
                color: #dea533;
            }

/* LISTING */
.managers #listing
{
    padding: 1px 0 30px 0;
    min-height: 100vh;
}

.managers .show-all-wrapper { text-align: center; }
.managers .show-all-wrapper a { color: #999; font-size: 12px; }

    .managers #listing .item
    {
        display: flex;
        align-items: center;
        background: #fff;
        padding: 18px;
        margin-bottom: 20px;
        cursor: pointer;
        border-radius: 8px;
        box-shadow: -5px 5px 5px rgba(0,0,0,0.05);
    }

        .managers #listing .item:hover
        {
            outline: solid var(--blue) 1px;
        }

            .managers #listing .item .score div
            {
                color: #fff;
                height: 40px;
                width: 40px;
                font-size: 20px;
                font-weight: 500;
                letter-spacing: 0;
                line-height: 40px;
                text-align: center;
                border-radius: 6px;
                background: var(--light)
            }

                .managers #listing .item .score.emerging div,
                .managers #listing .item .score.blue div
                {
                    background: #8359AD;
                    
                }

                .managers #listing .item .score.remodeling div,
                .managers #listing .item .score.silver div
                {
                    background: #005871;
                }

                .managers #listing .item .score.benchmark div,
                .managers #listing .item .score.gold div
                {
                    background: #00B0D2;
                }

        .managers #listing .item .info
        {
            padding-left: 18px;
        }

            .managers #listing .item .info .title
            {
                color: var(--dark);
                font-size: 16px;
                font-weight: 500;
                margin-bottom: 5px;
            }

                .managers #listing .item:hover .info .title
                {
                    /* color: var(--orange);
                    text-decoration: underline; */
                }

                .managers #listing .item .info .title b
                {
                    color: var(--orange);
                }

            .managers #listing .item .info .data
            {
                color: var(--dark);
                font-size: 14px;
                font-weight: 200;
            }

                /* .managers #listing .item:hover .info .data
                {
                    color: var(--orange);
                } */

        .managers #listing .item .arrow
        {
            flex-grow: 1;
            text-align: right;
        }

            .managers #listing .item .arrow .icon
            {
                height: 22px;
                width: 22px;
                fill: var(--light3);
            }

            .managers #listing .item:hover .arrow .icon
            {
                fill: var(--dark);
                opacity: 0.4;
            }

/* COMPANY PAGE */

.managers.company #company-info
{
    margin: 50px 0;
}

.managers.company #company-info h1
{
    color: #000;
    font-weight: 300;
    font-style: italic;
    font-size: 20px;
}

.managers.company #company-info label
{
    display: block;
    opacity: 0.5;
    font-size: 13px;
    margin-bottom: 2px;
}

.managers.company .layout-wide
{
    padding: 0;
}

.managers.company #team-status
{
    padding: 30px 30px 0 30px;
    margin: 30px 0 50px 0;
}

    .managers.company #team-status h1
    {
        margin-bottom: 20px;
    }

        .managers.company #team-status h1 #add-team-member
        {
            float: right;
            display: none;
            color: #999;
            cursor: pointer;
            font-style: normal;
            margin: 0 1px 0 0;
            font-weight: 600;
            font-size: 22px !important;
        }

            .managers.company #team-status h1:hover #add-team-member
            {
                display: inline;
            }

            .managers.company #team-status h1:hover #add-team-member:hover
            {
                color: #000;
            }


    .managers.company #team-status .icon
    {
        width: 27px;
        height: 27px;
        opacity: 0.3;
    }

    .managers.company #team-status .layout-column div
    {
        font-size: 18px;
        margin-bottom: 15px;
        border-bottom: dotted #bbb 1px;
        padding: 0 0 8px 0;
    }

    .managers.company #team-status .layout-column div:last-of-type
    {
    }

    .managers.company #team-status .member .icon
    {
        display: none;
        width: 20px;
        height: 20px;
        float: right;
        cursor: pointer;
        opacity: 1;
        fill: #aaa;
    }

        .managers.company #team-status .member:hover .icon
        {
            display: block;
        }

        .managers.company #team-status .member .icon:hover
        {
            fill: #000;
        }

@media (max-width: 600px)
{
    #onboard-payment .radio
    {
        display: block !important;
        margin-bottom: 12px !important;
    }
}
.trends.assessment-results .panel-text h1
{
    text-transform: uppercase;
}

.trends .trends-nav
{
    margin: 10px 0 40px 0;
}

    .trends .trends-nav a
    {
        margin-right: 15px;
    }

    .trends .trends-nav .icon
    {
        height: 32px;
        width: 32px;
        vertical-align: middle;
        margin-top: -6px;
        fill: #ccc;
    }

        .trends .trends-nav .icon:hover { fill: #000; }
        .trends .trends-nav a.selected .icon { fill: #dfa631; }

    .trends .date-trends .icon:hover
    {
        fill: #000;
        cursor: pointer;
    }

.trends table
{
    width: 100%;
}

.trends table .header td
{
    text-align: center;
    padding-bottom: 7px;
    font-size: 13px;
    text-transform: uppercase;
}
.trends table .data td:first-of-type
{
    padding-right: 10px;
    font-size: 13px;
    text-transform: uppercase;
}
.trends table .data input
{
    text-align: center;
    padding: 0 5px;
    font-size: 14px;
}

    .trends table .data input.fs-10 {font-size: 10px;}
    .trends table .data input.fs-11 {font-size: 11px;}
    .trends table .data input.fs-12 {font-size: 12px;}
    .trends table .data input.fs-13 {font-size: 13px;}
    .trends table .data input.fs-14 {font-size: 14px;}

    .trends table .data input.good
    {
        /* background-color: #caedca; */
    }

    .trends table .data input.warning
    {
        /* border-bottom: dotted 2px orange; */
    }

.trends.assessment-results .layout-wide .panel-text
{
    background-color: #fff;
}

.trends .date-nav
{
    margin: -20px 0 10px 0;
}
    .trends .date-nav .icon
    {
        height: 25px;
        vertical-align: middle;
        margin-top: -6px;
        fill: #ddd;
    }

    .trends .date-nav .back .icon
    {
        transform: scaleX(-1);
    }

        .trends .date-nav .back a:hover .icon,
        .trends .date-nav .next a:hover .icon
        {
            fill: #000;
            cursor: pointer;
        }

@media (max-width: 900px)
{
    .trends table .header td:first-of-type { display: none; }
    .trends table .data td:first-of-type { display: none; }
    .panel-text.with-title { padding: 0; }
    .trends .date-nav { margin: -20px 0 20px 0; }
}
/* 
 * MILESTONE-SPECIFIC STYLES
 * 
 * This file only contains styles that are specific to milestone listings and
 * different from the program listings. The milestone listing template uses
 * the cms-program-listing class for all shared styling.
 */

/* Styles specific to the milestone icon_name select dropdown */
.cms-program-listing table select.icon_name {
    width: 100%;
}

/* Make the add button always visible in milestone listing, overriding program-listing behavior */
.milestones-page .cms-program-listing table tbody .add-row {
    display: inline;
} .cms-platform-guide-listing .title-bar {
        height: 85px;
}

    .cms-platform-guide-listing .title-bar h1 {
        font-weight: 500;
        font-size: 30px;
        line-height: 73px;
        opacity: 0.8;
    }

.cms-platform-guide-listing .listing-content {
    padding-top: 10px;
}

    .cms-platform-guide-listing .listing-content p {
        margin-top: 10px;
    }

    .cms-platform-guide-listing .listing-content ul li {
        display: flex; 
        align-items: center; 
        gap: 5px;
        height: 30px;
    }

        .cms-platform-guide-listing .listing-content ul li .book {
            width: 24px;
            height: 24px;
            margin: 2px 3px 0 0;
        }

        .cms-platform-guide-listing .listing-content ul li a {
            color: var(--black);
            font-weight: 600;
            font-size: 20px;
        }

    .cms-platform-guide-listing .listing-content ul li .pencil {
        display: none;
    }

        
        .cms-platform-guide-listing .listing-content ul li:hover .pencil {
            display: block;
            height: 18px;
            width: 18px;
            color: #999;
            cursor: pointer;
        }

        .cms-platform-guide-listing .listing-content ul li .pencil:hover {
            color: var(--black);
        }

    .cms-platform-guide-listing .listing-content ul li .delete {
        display: none;
    }

        
        .cms-platform-guide-listing .listing-content ul li:hover .delete {
            display: block;
            height: 18px;
            width: 18px;
            color: #999;
            cursor: pointer;
        }

        .cms-platform-guide-listing .listing-content ul li .delete:hover {
            color: var(--blue);
        }

.is-dragging .cms-platform-guide-tree .node {
    user-select: none;
}

.cms-platform-guide-tree .drag-from { 
    opacity: 0.25; 
}

.cms-platform-guide-tree .title-bar {
    height: 85px;
    display: flex;
    align-items: center;
    gap: 5px;
    max-width: 1060px; margin: 0 auto; padding: 0 30px;
}

    .cms-platform-guide-tree .title-bar a {
        color: #000;
    }

        .cms-platform-guide-tree .title-bar a.active {
            color: var(--blue);
            font-weight: 700;
            text-decoration: underline;
        }

    .cms-platform-guide-tree .title-bar .back {
        height: 24px;
        width: 24px;
        color: #999;
        position: absolute;
        margin: -14px 0 0 -23px;
    }

    .cms-platform-guide-tree .title-bar .back:hover {
        color: #000;
    }

.cms-platform-guide-tree .title-bar h1 {
    font-weight: 500;
    font-size: 30px;
    opacity: 0.8;
    margin: 4px 0 0 0;
}

    .cms-platform-guide-tree .node {
        margin-top: 10px;
    }

    .cms-platform-guide-tree .node .drag {
        height: 18px;
        width: 18px;
        color: #000;
        cursor: grab;
        opacity: 0.15;
        min-width: 18px;
        min-height: 18px;
    }

    .cms-platform-guide-tree .node .drag:hover {
        opacity: 1;
    }

    .cms-platform-guide-tree .node .content {
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .cms-platform-guide-tree .node .content .text a {
            color: #000;
        }

            .cms-platform-guide-tree .node .content .text a.active {
                color: var(--blue);
                font-weight: 800;
                text-decoration: underline;
            }

        .is-dragging .cms-platform-guide-tree .node .content .text a {
            text-decoration: none;
        }

    .cms-platform-guide-tree .node .children {
        margin-left: 30px;
    }

    .cms-platform-guide-tree .node > .content .controls {
        display: none;
    }

        .is-dragging .cms-platform-guide-tree .node > .content:hover .controls {
            display: none;
        }

        .cms-platform-guide-tree .node > .content:hover .controls {
            display: flex;
            gap:5px;
        }

        .cms-platform-guide-tree .node > .content .controls svg {
            height: 18px;
            width: 18px;
            color: #000;
            cursor: pointer;
            opacity: 0.2;
        }

            .cms-platform-guide-tree .node > .content .controls svg:hover {
                opacity: 1;
                color: var(--black);
            }

.cms-platform-guide-tree .panels {
    display: flex;
    flex-direction: row;
    margin: 0 0;
    justify-content: center;
}
    .cms-platform-guide-tree .panels .left-panel {
        width: 300px;
        margin: 0 30px;
    }

    .cms-platform-guide-tree .panels .right-panel {
        flex: 1;
        max-width: 700px;
        background: #fff;
        border-radius: 10px;
    }


    .cms-platform-guide-tree .panels .left-buttons {
        width: 300px;
        margin: 0 30px;
    }

    .cms-platform-guide-tree .panels .right-buttons {
        flex: 1;
        max-width: 700px;
        border-radius: 10px;
        text-align: center;
        margin: 20px 0;
    }

    .cms-platform-guide-tree .panels .right-buttons .unpublished {
        background: var(--blue);
    }

    .cms-platform-guide-tree .panels.publish-notice {
        display: none;
    }

        .cms-platform-guide-tree .panels.publish-notice.unpublished {
            display: flex;
        }.cms-program-edit #pageSwitcher {
    width: 100%; 
    height: 40px; 
    padding: 0 15px; 
    font-weight: 700; 
    color: black;
    background: #eee;
    border: solid 1px #bbb;
    padding-left: 32px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.spoof-drop {
    position: absolute;
    margin: 10.5px 0 0 8px;
}

.cms-program-edit .section-heading {
    margin: 30px 0 5px 0;
    font-weight: 700;
    font-size: 20px;
}

    .cms-program-edit .section-heading .icon-flex {
        display: flex; 
        align-items: center; 
        margin-bottom: 8px;
    }

        .cms-program-edit .section-heading .icon-flex .the-text {
            font-weight: 700;
            font-size: 20px;
        }


.cms-program-edit .tox-tinymce {
    border-radius: 0;
    border: solid 1px #bbb;
}

.cms-program-edit #description {
    resize: none;
    border: solid 1px #bbb;
    padding: 10px;
    width: 100%;
    margin: 0 0 0 0;
}

.cms-program-edit .related-panel {
    margin: 0 0 0 0;
    border: solid 1px #bbb;
    background: #fff;
    padding: 10px;
}

    .cms-program-edit .related-panel div {
        margin: 0 0 2px 0;
        display: flex;
        align-items: center;
        gap: 5px;
        color: #999;
    }

    .cms-program-edit .related-panel input[type="checkbox"]:checked + label {
        font-weight: bold;
        color: #000;
    }

    .related-panel .questions {
        display: block !important;
    }

        .related-panel .questions .question {
            display: flex;
            align-items: center;
            gap: 5px;
            margin: 0 0 7px 0;
            width: 100%;
        }

            .question.template {
                display: none;
            }

            .related-panel .questions .question input {
                color: #000;
                border: none;
                border-radius: 5px;
                background: #eee;
                padding: 5px 10px 7px 10px;
            }

        .related-panel .add-question {
            display: block;
            height: 25px;
        }

.cms-program-edit .tox-statusbar {
    display: block;
}

.tox.tox-edit-focus .tox-edit-area::before {
    opacity: 0 !important;
}

#pdf-status a {
    font-size: 15px;
}

.cms-program-edit .publish-notice {
    text-align: center; 
    margin: 10px 0 0 0; 
    font-size: 16px; 
    color: var(--orange);
    display: none;
}

    .cms-program-edit .publish-notice.unpublished {
        display: block;
    }

    .cms-program-edit .button.publish.unpublished {
        background: var(--blue);
    }


.cms-program-edit #header { display: none; }
.cms-program-edit #footer { display: none; }.cms-program-listing .filters {
    padding: 20px;
    font-size: 14px;
}

    .cms-program-listing .filters select {
        font-size: 14px;
    }

/* TABLE */
.cms-program-listing table { 
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}

    .cms-program-listing table tr.hide {
        visibility: collapse;
        display: block;
    }

    .cms-program-listing .row-template {
        display: none;
    }

    /* TABLE ICONS */
    .cms-program-listing  table tbody .grabber:hover {
        fill: orange;
        cursor: grab;
    }

    .cms-program-listing  table tbody .pencil:hover {
        fill: orange;
        cursor: pointer;
    }

    .cms-program-listing  table tbody .add-row:hover {
        fill: orange;
        cursor: pointer;
    }

    .cms-program-listing  table tbody .pencil { display: inline; }
    .is-cmd.cms-program-listing  table tbody .pencil { display: none; }
    .cms-program-listing  table tbody .add-row { display: none; }
    .is-cmd.cms-program-listing  table tbody .add-row { display: inline; }

    /* TABLE INPUTS */
    .cms-program-listing table select  {
        font-size: 14px;
        cursor: pointer;
    }

    .cms-program-listing table input[type="checkbox"] {
        cursor: pointer;
        width: 18px;
        height: 18px;
    }

    .cms-program-listing  table thead {
        background-color: #f9f9f9;
    }

        .cms-program-listing table thead td {
            font-size: 14px;
            padding: 5px 10px;
        }

    .cms-program-listing tbody tr:active {
        cursor: grabbing;
    }

    .cms-program-listing  table tr { 
        border: 1px solid #aaa;
    }


    .cms-program-listing table .unpublished {
        background: repeating-linear-gradient(
        -45deg, /* 45-degree angle */
        var(--orange),  /* First color (black) */
        var(--orange) 1px, /* End of first color (1 pixel wide) */
        transparent 1px, /* Second color (white) starts */
        transparent 6px /* Total pattern width is 2 pixels */
    );
    }

    .cms-program-listing table td { 
        border: 1px solid #aaa;
        vertical-align: middle;
        text-align: center;
        padding: 5px 5px;
    }

    .cms-program-listing table td svg {
        float: left;
    }

    .cms-program-listing table td.selected { 
        background: #ffeda4;
    }

.cms-program-listing table textarea {
    width: 100%;
    resize: none;
    font-size: 15px;
}

.cms-program-listing table input[type="text"] {
    width: 100%;
    font-size: 14px;
    padding: 3px 6px;
    height: 24px;
    border: none;
}

.cms-program-listing table input::placeholder {
    color: #ccc;
}

.cms-program-listing table select {

    font-size: 14px;
    height: 24px;
}