/* ==============================================
	SITE WIDE
================================================= */


/*  NEW COLOR SCHEME
Cyan (footer background, buttons, links): #35A29A  --
Blackish - lots of text - #0D1F2D
Orange - secondary buttons - #F1592B


Grey (links) - #424242;
slate grey (Heading) - #2E363A
Red-orange (error message) - #D34D00
Hard red (error icons - #FF0409 ===   TMPRED

Purple (icons) - #A030B3

Yellow (person icons) - #E09D00

Green (Task Start icon) - 34A14A
*/

.env_id {
	font-size: 8px;
	color: #35A29A;
}

body {
	overflow-y: auto;	
}


a {
	cursor: pointer;
}

a:link {
	text-decoration: none;
	color: #424242;
	font-weight: 600;
}


a:visited {
	color: #424242;
}

a:hover {
	color: #35A29A;
}

a:active {
	color: #35A29A;
}


.homepageAuthSpecificBoxWrapper
{
	padding-left: 30px;
	padding-top: 20px;
}

.homepageEmployeeScheduleWrapper
{
	padding-left: 20px;
	padding-top: 10px;
	display: block;
}

.homePrimary {
    letter-spacing: .5px;
    text-transform: none;
    font-family: Nunito, sans-serif;
    font-size: 2.5rem;
	font-weight: 800;	
	line-height: 1.2;
	-webkit-font-smoothing: antialiased;
}

.homeSeconday {
	font-family: Quicksand, sans-serif;
	color: #5a5a5a;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 500;	
	-webkit-font-smoothing: antialiased;
}

.homeClientsHeader {
	font-family: Nunito, sans-serif;
	font-style: normal;
}

.primaryColor 
{
	color: #35A29A
}

.secondaryColor 
{
	color: #F1592B
}

@media only screen and (max-width: 1100px) 
{
	.homepageEmployeeScheduleWrapper #mainForm
	{
		display: none;
	}	
}

	

#completedTasksSection
{
	display: block;
}

@media only screen and (max-width: 650px) 
{
	#completedTasksSection
	{
		display: none;
	}	
	
}

.currentFacilityHeader
{
	font-family: MrEavesModOT;
	font-weight: normal;
	padding-left: 10%;
}


@media only screen and (max-width: 1300px) {

	.pageTitleHalf h1{
		font-size: 30px !important;
		padding-top: 10px;
	}
}


@media only screen and (max-width: 1026px) {
	.currentFacilityHeader
	{
		font-size: 16px;
		font-style: italic;
	}
	
	.pageTitleHalf h1{
		font-size: 20px !important;
		padding-top: 10px;
	}
}

@media only screen and (min-width: 100px and max-width: 766px) {
	.pageTitleHalf h1{
		font-size: 16px !important;
		padding-top: 10px;
	}
}


@media only screen and (min-width: 1280px) and  (max-width: 1400px) {
	.currentFacilityHeader
	{
		font-size: 20px;
		font-style: italic;

	}
}

@media only screen and (min-width: 1401px) {
	.currentFacilityHeader
	{
		font-size: 24px;
		font-style: italic;
	}
}


.homeLinks
{
	font-size: 18px;	
}

.homeLinks a {
	cursor: pointer;
	font-size: 24px;	
}

.homeLinks a:link {
	text-decoration: none;
	color: #424242;
}


.homeLinks a:visited {
	color: #424242;
}


.homeLinks a:hover {
	color: #35A29A;
}

.homeLinks a:active {
	color: #35A29A;
}


.homeLinksLarge
{
	font-size: 32px;	
}

.homeLinksLarge a {
	cursor: pointer;
	font-size: 40px;
	font-weight: 600;
}

.homeLinksLarge a:link {
	text-decoration: none;
	color: #424242;

}


.homeLinksLarge a:visited {
	color: #424242;
}


.homeLinksLarge a:hover {
	color: #35A29A;
}

.homeLinksLarge a:active {
	color: #35A29A;
}


.greenBackgroundHighlight {
	background-color: #35A29A;
	color: white;
	font-size: 30px;
	font-weight: 600;
	
}

.facilityTypeOnePagerHeadingContainer {
	position: relative;
	text-align: center;
	color: white;	
	width: 100%;
}

.facilityTypeOnePagerHeadingText {
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);	
}


.accountOwnerOptions
{
	padding-left: 20px;
}


.activeMenuSection {
	color: #35A29A;
}

.message
{
	clear: both;
	color: white;
	font-size: 20px;
	font-weight: 400;
	background-color: #35A29A;	
	border-radius: 10px;
	text-align: center;
}

.message a:link {
	text-decoration: underline;
	color: white;
	font-weight: 600;
}

.message a:visited {
	color: white;
}

.message a:hover {
	color: #2E363A;
}

.message a:active {
	color: #2E363A;
}

.error
{
	clear: both;
	color: white;
	font-size: 20px;
	font-weight: 400;
	background-color: #D34D00;	
	border-radius: 10px;
	text-align: center;
}

.requiredField
{
	color: red;
}


.calendar_ScheduleException
{
	color: red;
	text-decoration: italic;
}



.footerAnnotation 
{
	font-size: 12px;
}


.bodyBottomSpacer {
	clear: both;
	margin-bottom: 40px;
}



.inputTextBox {
	background: white;
	border: 1px solid black;
}

.inputTextBox:read-only{
	background: #e6e6e6;
	border: 1px solid black;
}

.inputTextBoxColumnSizes {
	background: white;
	border: 1px solid black;
	width: 45px;
	padding-left:5px;
}

.inputTextBoxRowCount {
	background: white;
	border: 1px solid black;
	width: 40px;
	padding-left:5px;
}


.tableBuilderInputTextBox {
	background: white;
	border: 1px solid black;
	width: 100%;
	white-space: nowrap;
}

/*
.inputTextarea {
	background: white;
	border: 1px solid black;
}
*/



.inputTextarea {
    display: block;
    width: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.inputTextarea:read-only{
	background: #e6e6e6;
}

.inputTextareaNowrap {
	background: white;
	border: 1px solid black;
	white-space: nowrap;
}

.inputTextareaNowrap:read-only{
	background: #e6e6e6;
	border: 1px solid black;
}

.inputDropdown
{
	background: white;
	border: 1px soild black;
	padding: 0px !important;
	/*min-height: 50px;*/
}

.inputDropdownSmall
{
	background: white;
	border: 1px soild black;
	/*min-height: 25px;*/
	padding: 0px !important;
}

.massUpdateTime
{
	background: white;
	min-height: 30px;
	margin-right: 5px;
	border: 1px solid black;
}


.inputSmall
{
	padding: none !important;
	
}


.hidden
{
	display: none;
}


.whiteText
{
	color: white;
}

.whiteText a:hover {
	color: #f1592b !important;
}


.whiteText a {
	color: white;
}

.whiteText a:link {
	color: white;
}

.whiteText a:visited {
	color: white;
}




/* ==============================================
	HEADER
================================================= */



.headerContainer
{
	width: 1000px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	background-color: white;
	z-index: 20;
}

.headerLinksBar
{
	height: 50px;
}


.pageTitleOuter, .pageTitlePopups
{
	width: 100%;
	height: 60px;
	text-align: center;


	background-color: #F8F8F8;

	border-top-style: outset;
	border-top-width: 1px;
	border-top-color: #DADADA;

	margin-right: auto;
	margin-left: auto;	

}

@media only screen  and (min-width: 851px) and (max-width: 899px) {
	.pageTitleOuter
	{
		height: 100px;
	}
}


@media only screen and (min-width: 1490px) {
	.pageTitleOuter
	{
		padding-right: 0%;
	}
}


@media only screen and (min-width: 1334px) {
	.pageTitleOuter
	{
		padding-right: 0%;
	}
}

@media only screen and (max-width: 1333px) {
	.pageTitleOuter
	{
		padding-right: 0%;
	}
}

.pageTitlePopups
{
	height: 50px;
}

.employeeFacilityLabel
{
	padding-right: 20px;
}


@media only screen and (max-width: 898px) {
	.employeeFacilityLabel:after
	{
		content: '';
	}
	.employeeFacilityWrapper
	{
		display:none;
	}
}

@media only screen and (min-width: 899px) and (max-width:1119px) {
	.employeeFacilityLabel:after
	{
		content: 'Facility ';
		font-size: .875em;
		font-weight: 400;	
	}
}

@media only screen and (min-width: 1120px) {
	.employeeFacilityLabel:after
	{
		content: 'Current Facility ';
	}
}



.pageTitle
{
	width: 100%
	z-index: 20;	
}

.pageTitleHalf
{
	width: 70%;
	text-align: left;
	z-index: 20;	
	float: left;
}

.currentFacility
{
	float: left;
	width: 60%;
	padding-top: 10px;
	/*height: 50px;
	
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	hyphens: auto;
	*/
	overflow:hidden;
	text-align: right;
	display: block;
}



@media only screen and (max-width: 850px) {
	.currentFacility
	{
		display: none;
	}
}


@media only screen  and (min-width: 851px) and (max-width: 899px) {
	.currentFacility
	{
		width: 45%;
	}
}

@media only screen and (min-width: 900px) and (max-width: 1433px) {
	.currentFacility
	{
		width: 50%;
	}
}


@media only screen and (min-width: 1433px) and (max-width: 1609px) {
	.currentFacility
	{
		width: 55%;
	}
}








.facilityDropdown
{

	text-align: right;
	z-index: 20;	
	float: right;
	padding-top: 10px;
	display: flex;
}

.facilityDropdown select 
{
	margin-top: 5px;
}

#standalone-container
{
	z-index:15;
	background-color: white;	
}

.stickyQuillToolHeader
{
	width:996px;
	position: webkit-sticky;
	position: sticky;
	
}



.requiredFieldNote
{
	display: inline-block;
	text-align: center;
	padding-bottom: 20px;
}



/* ==============================================
	MENU
================================================= */
.menuBar
{
	padding: 8px 0 7px;
	color: white;
	background-color: #35A29A;
	display: block;
	float: right;
	vertical-align: center;
	font-size: 12px;
	max-height: 150px;
}

.menu_list_container
{
	width: 100%;
	text-align: center;
	display: none;
}

.list_menu_item
{
	width: 100%;
	display: block;
	font-size: 26px;
}

#menu_bar {
	display: none;
}

#socialIcons {
	width:200px; 
	display: flex;
}

@media only screen and (max-width: 1344px)
{
	#socialIcons {
		display: none;
	}	
}

@media only screen and (min-width: 1048px) 
{
	
	/* Menu Styles */
	#menu_bar {
		display: block;
		text-align: center;
		padding-top:2px;
		height: 100%;
		padding-bottom:3px;
		text-transform: uppercase;
		float: right;

	}

	#menu * { 
		background: inherit;
		list-style: none;
		padding: 0px;
		margin: 0px;
		
	}

	#menu_bar ul { 
		padding-inline-start: 0px;
	}

	#menu li.headlink {
		float: left;
		background: inherit;
		font-size: 20px;
		text-decoration: none;
		padding-left: 20px;
		padding-right: 20px;
	}



	#menu li.headlink a {
		display: block;
	}


	#menu li.headlink a .highlighted{
		color: #fff;
		background-color: #f1592b;
		border: 1px solid #f1592b;
		border-color: #f1592b;
		border-radius: 30px;   
		transition-duration: 300ms; 
		padding: 10px;

	}
	#menu li.headlink a .highlighted:hover{
		background-color: transparent;
		/*color: #f1592b;*/
		color: #35A29A;
	}

	#menu a {
		
		color: #424242;
		font-weight: bold;
	}

	#menu a:hover { 
		display: block;
		background: white;
		color: #35A29A;
		font-weight: bold;	
	}

	.activeMenuSection
	{
		color: #35A29A;
		font-weight: bold;
	}

	#menu a:active {
		color: black;
		font-weight: bold;
	}


	#menu li.headlink ul li {
		margin: 0;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-top: 0px;
		white-space: nowrap;
		background: white;	
		font-size: 16px;
		text-align: left;
	}
	
	#menu li.headlink ul li.menu_section_heading {

		color: #996b00;
		text-decoration: italic;
		text-align: left;		
	}	
	

	#menu li.headlink ul li a {
		display: inline;
	}


	.headlink_ul_hide {
		display: none;
	}

	.headlink_hover_ul {
		display: block;
		position: absolute;
		border: 1px solid black;
		background: white;
		z-index: 200;
		
	}

	.headlink_hover_ul_li {
		text-align: left;
		font-size: 12px;
	}

}

/* ==============================================
	FILTERING BOX
================================================= */



.searchAndFilterBox {
	margin-top: 20px;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;	
	padding: 5px;
	background-color: rgba(255, 255, 255, .7);
	box-shadow: 0 16px 48px rgba(26, 39, 81, .1);
}


.filterFieldRow
{
	clear: both;
	
}

.filterFieldRow div
{
	padding-right: 10px;
}



.filterInput {
    padding: 6px !important;
    border-color: #000000;
}

.filterInput::placeholder
{
	text-decoration: italic;

}

.ql-container
{
	width: 996px;
}


@media only screen and (min-width: 996px){
	.ql-editor
	{
		width: 996px;
	}
}

/* ==============================================
	BODY
================================================= */



.outerBody
{
/*
	width: 1000px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 30px;
	padding-bottom: 110px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	z-index: 0;
	
	
	text-align: center;
	
	
	min-height: 590px;
	*/
	clear: both;
}


.richtext {
	text-align: left;
	border-style: solid;
	border-width: 2px;
	padding: 5px;
}


.fieldValues{
    font-size: 20px;
    font-family: MrEavesModOT;
    font-weight: normal;
	padding-top:5px;
}


.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.clearFloat
{
	clear: both;
}

.authenticatedHomeSectionHeading
{
	clear: both;
	height: 75px;
}

.authenticatedHomeSectionHeadingLeft
{
	float: left;
	width: 80%;
	text-align: left;
	background-color: inherit;
}

.authenticatedHomeSectionHeadingRight
{
	float: left;
	width: 20%;
	text-align: right;
	background-color: inherit;
}


.filterFloat {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.floatHalf {
	float: left;
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: .5%;
}

.floatThirds {
	float: left;
	width: 31%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: .5%;
}

.floatFifths
{
	float: left;
	width: 18%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: .5%;
}

.float50 {
	float: left;
	width: 44px;
	background: inherit;
	margin-left: 3px;
	margin-right: 3px;
}

.float100 {
	float: left;
	width: 94px;
	background: inherit;
	margin-left: 3px;
	margin-right: 3px;
}

.float120 {
	float: left;
	width: 114px;
	background: inherit;
	margin-left: 3px;
	margin-right: 3px;
}

.float150 {
	float: left;
	width: 144px;
	background: inherit;
	margin-left: 3px;
	margin-right: 3px;
}

.float170 {
	float: left;
	width: 164px;
	background: inherit;
	margin-left: 3px;
	margin-right: 3px;
}


.float200 {
	float: left;
	width: 194px;
	background: inherit;
	margin-left: 3px;
	margin-right: 3px;
}

.float230 {
	float: left;
	width: 224px;
	background: inherit;
	margin-left: 3px;
	margin-right: 3px;
}

.float250 {
	float: left;
	width: 250px;
	background: inherit;
}

.float280 {
	float: left;
	width: 274px;
	margin-left: 3px;
	margin-right: 3px;
	background: inherit;
}


.float300 {
	float: left;
	width: 300px;
	background: inherit;
}

.float350 {
	float: left;
	width: 344px;
	margin-left: 3px;
	margin-right: 3px;	
	background: inherit;
}


.float400 {
	float: left;
	width: 400px;
	background: inherit;
}

.float450 {
	float: left;
	width: 450px;
	background: inherit;
}

.float500 {
	float: left;
	width: 500px;
	background: inherit;
}

.float550 {
	float: left;
	width: 550px;
	background: inherit;
}

.float600 {
	float: left;
	width: 600px;
	background: inherit;
}

.float770 {
	float: left;
	width: 770px;
	background: inherit;
}

.float800 {
	float: left;
	width: 800px;
	background: inherit;
}

.float850 {
	float: left;
	width: 850px;
	background: inherit;
}


.currencyValue100 {
	float: left;
	width: 60px;
	text-align: right;
	margin-right: 40px;
	background: inherit;
}
.currencyValue150 {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 50px;
}

.inputButton {
	text-decoration: none;
	color: white;
	font-weight: 600;
	background-color: #35A29A;
	height: 40px;
	border-radius: 7px;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;	
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
}

.smallInputButton {
	text-decoration: none;
	color: white;
	font-weight: 600;
	background-color: #35A29A;	
	border-radius: 7px;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;	
    cursor: pointer;	
}


.paginationButton
{
	height: 30px;
	padding-bottom: 5px;
	margin-top: 5px;
	border-radius: 5px;
	border-color: #35A29A;
}

button:hover,
button:focus,
button:disabled {
    background: white;
	color: #35A29A;
}

button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

button:active {
    transform: scale(0.99);
}

.disabledButton {
    font-size: 24px;
    font-family: MrEavesModOT;
    font-weight: bold;
    margin-bottom: 10px;
}



.sql_result_row {
	clear: both;
	min-height: 25px;
}

.sql_result_row:hover
{
	/*background-color: #C9C9C9;*/
	background-color: #E8E8E8;
	border-radius: 5px;
}

.problemRow
{
	background-color: #ffc107;
}

.uneditableVariable
{
	color: #D34D00;
	font-style: italic;
}


.leftAlign
{
	text-align: left;
}

.rightAlign
{
	text-align: right;
}

.centerAlign
{
	text-align: center;
}

.longTextInSmallSpace
{
	font-size: 15px;
}



/* ==============================================
	PAGE-SPECIFIC
================================================= */


/*  HOME PAGE  */
  
  
.home
{
	line-height: 30px;
	font-size: 20px;
}

.testimonialText
{
	line-height: 50px;
	font-size: 1.8REM;
}


.homeButtons
{
	line-height: 50px;
	text-align: center;
}

.homeButton {
	text-decoration: none;
	color: white;
	font-weight: 600;
	background-color: #35A29A;
	height: 40px;
	border-radius: 7px;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;	
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
	width: 100%;
}

.facilitiesTile
{
    background-color: rgba(51, 161, 153, .08);
    background-image: none;
    transition: all .2s;	
	min-height: 340px;
}

@media only screen and (max-width: 766px) {
	.facilitiesTile
	{
		background-color: rgba(51, 161, 153, .08);
		background-image: none;
		transition: all .2s;	
		min-height: 200px;
	}
}

#hubspot-messages-iframe-container {
    display: initial!important;
    z-index: 2147483647;
    position: fixed!important;
    bottom: 0!important;
}

#hubspot-messages-iframe-container.widget-align-right {
    right: 0!important;
}

#hubspot-messages-iframe-container .hs-shadow-container {
    display: initial!important;
    z-index: -1;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    content: "";
}

#hubspot-messages-iframe-container iframe {
    display: initial!important;
    width: 100%!important;
    height: 100%!important;
    border: none!important;
    position: absolute!important;
    bottom: 0!important;
    right: 0!important;
    background: transparent!important;
}


.subs_templates_tabs {
	margin: auto;
}

.subs_templates_tabs_selected {
	color: white;
	background-color: #35A29A;
	border: 1px solid rgba(0, 0, 0, 0);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0.5rem 1.5rem;
	min-width: 145px;
}

.subs_templates_tabs_unselected {
	color: #222;
	background-color: #f4f4f4;
	border: 1px solid rgba(0, 0, 0, 0);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0.5rem 1.5rem;
	min-width: 145px;
}

.auditChecklistSection
{
    background-color: #ffd166;
    border-radius: 16px;
    flex-direction: column;
    align-items: center;
    padding: 3.75rem 4.5rem;
    display: flex;
    position: relative;
    overflow: hidden;	
}

.auditChecklistInner {
    width: 100%;
    max-width: 90%;
    text-align: center;
    flex: 1;
    margin-left: auto;
    margin-right: auto;
}

#carouselVideos
{
	margin-left: 20%;
}

@media only screen and (max-width: 1000px) {
	#carouselVideos
	{
		margin-left: 0%;
	}
}

/*  MEDIA PAGE */

.podcastVideo
{
	clear: both;
	display: block;
	text-align: center;
}

.podcastBlurb
{
	font-size: 16px;
}


.mediaLinks a
{
	font-size: 20px;
}

.blogTiles
{
	clear: both;
	width: 100%;
	display: block;
	text-align: center;
}


.blogTile
{
	clear: both;
	text-align: center;
	width: 98%;
	min-width: 800px;	
	min-height: 260px;
	margin-bottom: 30px;
	border: solid 2px #35a29a;
	border-radius: 5px;
	display: block;
}

.blogTilePic
{
	float: left;
	width: 50%;
	margin-left: 0%;
	margin-right: 2%;
}

.blogTileInfo
{
	float: left;
	width: 45%;
	margin-left: 2%;
	margin-right: 1%;	
}


.podcastTile
{
	clear: both;
	text-align: center;
	width: 98%;
	min-width: 600px;	
	min-height: 260px;
	margin-bottom: 30px;
	border: solid 2px #F1592B;
	border-radius: 5px;
	display: block;
}

.podcastTilePic
{
	float: left;
	width: 60%;
	margin-left: 1%;
	margin-right: 1%;
}

.podcastTileInfo
{
	float: left;
	width: 35%;
	margin-left: 1%;
	margin-right: 1%;	
}


/*  Pricing Page */
.pricing-tab-content {
    padding-left: 25px;
    padding-right: 25px;
}

.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden;
}

.pricing-tab-pane {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}



.pricing-boxes-wrap {
    margin-left: auto;
    margin-right: auto;
}

.pricing-row {
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 16px;
}

.pricing-column-sub {
    background-color: rgba(255, 255, 255, .7);
    border-radius: 3px;	
    flex-direction: column;
    display: flex;
    position: relative;	
    justify-content: space-between;
    padding: 40px 35px;	
    line-height: 2em;
    box-shadow: 0 16px 48px rgba(26, 39, 81, .1);
	width: 30%;
	margin-left: 20px;
	margin-right: 20px;
}

.servicesInclude 
{
	width: 40%;
}

@media only screen and (max-width: 770px) 
{
	.pricing-column-sub {
		background-color: rgba(255, 255, 255, .7);
		border-radius: 3px;	
		flex-direction: column;
		display: flex;
		position: relative;	
		justify-content: space-between;
		padding: 40px 35px;	
		line-height: 2em;
		box-shadow: 0 16px 48px rgba(26, 39, 81, .1);
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	

	.servicesInclude 
	{
		width: 30%;
	}	
}

.pricing-column-templates {
    background-color: rgba(255, 255, 255, .7);
    border-radius: 3px;	
    flex-direction: column;
    display: flex;
    position: relative;	
    justify-content: space-between;
    padding: 40px 35px;	
    line-height: 2em;
    box-shadow: 0 16px 48px rgba(26, 39, 81, .1);
	width: 40%;
	margin-left: 20px;
	margin-right: 20px;
}

@media only screen and (max-width: 770px) 
{
	.pricing-column-templates {
		background-color: rgba(255, 255, 255, .7);
		border-radius: 3px;	
		flex-direction: column;
		display: flex;
		position: relative;	
		justify-content: space-between;
		padding: 40px 35px;	
		line-height: 2em;
		box-shadow: 0 16px 48px rgba(26, 39, 81, .1);
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
}

.optools-plan-name {
    font-size: 30px;
    font-weight: 700;
}



.plan-name {
    font-size: 20px;
    font-weight: 700;
}

.plan-amount-block {
    margin-top: 40px;
	margin-bottom: 10px;
    font-size: 60px;
    font-weight: 400;
    line-height: 60px;
}

.dollar-sign {
    margin-right: 2px;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    top: -19px;
}

.plan-duration {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 24px;
    position: relative;
}

.limitation-text {
    font-weight: 400;
}

.pricing-applied-box {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
}

.applied-text {
    font-size: 20px;
    font-weight: 500;
}

.plan-features {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: auto;
	margin-top: 20px;
    display: grid;
}

.pricing-items {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.cheklist-img {
    width: 1.5rem;
}

.checklist-text {
    margin-left: 10px;
	font-size: .9rem;
    font-weight: 400;
}

.pricing-button-wrap {
    margin-top: 40px;
}

.pricing-button.full-button {
    width: 100%;
    background-color: #33a199;
    text-decoration: none;
}
.pricing-button {
    color: #fff;
    text-align: center;
    background-color: #35A29A;
    background-image: radial-gradient(circle closest-corner, rgba(0, 0, 0, 0), rgba(255, 255, 255, .1));
    border-radius: 3px;
    margin-top: 10px;
    padding: 15px 22px 13px;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    box-shadow: 0 10px 20px -5px rgba(13, 67, 105, .2);
}

.pricing-accent {
    width: 100%;
    height: 6px;
    background-color: #35A29A;
    border-radius: 5px;
    position: absolute;
    top: -3px;
    left: 0;
}

.pricing-accent.orange-accent {
    background-color: #F1592B;
}

.most-popular {
    color: #fff;
    background-color: #35A29A;
    border-radius: 4px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-weight: 500;
    position: absolute;
    top: 1rem;
    bottom: auto;
    left: auto;
    right: 1rem;
}


.featureTile
{
    background-color: rgba(51, 161, 153, .08);
    background-image: none;
    transition: all .2s;	
	min-height: 230px;
	line-height: 1.2rem;
}




/* This is for rare cases where we need an action icon to be a button that submits the form it is embedded in, but act like an <a><img> tag in all other respects */
.commitButton 
{
	background: url('./img/icon_commit.png');
	background-size: 50px 50px;
	background-repeat: no-repeat;
    cursor:pointer;
    border: none;	
	width: 55px;
	height: 55px;
}

.commitButton:hover,
			.commitButton:focus, 	
			.commitButton:active,
			.commitButton:disabled {
	background: url('./img/icon_commit_hover.png');
	background-size: 50px 50px;	
	background-repeat: no-repeat;
    
}


.unlockButton 
{
	background: url('./img/icon_unlocked.png');
	background-size: 50px 50px;	
	background-repeat: no-repeat;
    cursor:pointer;
    border: none;	
	width: 55px;
	height: 55px;	
}

.unlockButton:hover,
			.unlockButton:focus, 	
			.unlockButton:active,
			.unlockButton:disabled {
	background: url('./img/icon_unlocked_hover.png');
	background-size: 50px 50px;	
	background-repeat: no-repeat;    
}



.deleteButton 
{
	background: url('./img/icon_delete.png');
	background-size: 30px 30px;	
	background-repeat: no-repeat;
    cursor:pointer;
    border: none;	
	width: 35px;
	height: 35px;	
}

.deleteButton:hover,
			.deleteButton:focus, 	
			.deleteButton:active,
			.deleteButton:disabled {
	background: url('./img/icon_delete_hover.png');
	background-size: 30px 30px;	
	background-repeat: no-repeat;    
}


.excludeFacilityButton 
{
	background: url('./img/icon_exclude_facility.png');
	background-size: 30px 30px;	
	background-repeat: no-repeat;
    cursor:pointer;
    border: none;	
	width: 35px;
	height: 35px;	
}

.excludeFacilityButton:hover,
			.deleteButton:focus, 	
			.deleteButton:active,
			.deleteButton:disabled {
	background: url('./img/icon_exclude_facility_hover.png');
	background-size: 30px 30px;	
	background-repeat: no-repeat;    
}

.includeFacilityButton 
{
	background: url('./img/icon_include_facility.png');
	background-size: 30px 30px;	
	background-repeat: no-repeat;
    cursor:pointer;
    border: none;	
	width: 35px;
	height: 35px;	
}

.includeFacilityButton:hover,
			.deleteButton:focus, 	
			.deleteButton:active,
			.deleteButton:disabled {
	background: url('./img/icon_include_facility_hover.png');
	background-size: 30px 30px;	
	background-repeat: no-repeat;    
}

.serviceFacilityScheduleButton,
	.serviceFacilityScheduleButton:focus,
	.serviceFacilityScheduleButton:disabled
{
	background: url('./img/icon_facility_service_schedule.png');
	background-size: 30px 30px;	
	background-repeat: no-repeat;
    cursor:pointer;
    border: none;	
	width: 35px;
	height: 35px;	
}

.serviceFacilityScheduleButton:hover,
	.serviceFacilityScheduleButton:active {
	background: url('./img/icon_facility_service_schedule_hover.png');
	background-size: 30px 30px;	
	background-repeat: no-repeat;    
}



/* Task Related */

.taskStatus_TaskRejected
{
	color: red;
}

.taskReport_StartedTasks
{
	color: #E09D00;
	font-weight: bold;
}

.taskReport_CompletedTasks
{
	color: #34A14A;
	font-weight: bold;
}

.taskReport_TotalTasks
{
	color: black;
	font-weight: bold;
}

.taskReport_HoursAvailable
{
	color: #35A29A; /* turquoise */
	font-weight: bold;
}

.taskReport_BorderedCell
{
	border: 1px solid black;
	padding-left: 5px;
}


.taskStartButton 
{
	background: url('./img/icon_task_start.png');
	background-size: 40px 40px;	
	background-repeat: no-repeat;
    cursor:pointer;
    border: none;	
	width: 40px;
	height: 40px;
}

.taskStartButton:hover,
			.taskStartButton:focus, 	
			.taskStartButton:active,
			.taskStartButton:disabled {
	background: url('./img/icon_task_start_hover.png');
	background-size: 40px 40px;	
	background-repeat: no-repeat;    
}

.taskCancelButton 
{
	background: url('./img/icon_task_cancel.png');
	background-size: 40px 40px;	
	background-repeat: no-repeat;
    cursor:pointer;
    border: none;	
	width: 40px;
	height: 40px;
}

.taskCancelButton:hover,
			.taskCancelButton:focus, 	
			.taskCancelButton:active,
			.taskCancelButton:disabled {
	background: url('./img/icon_task_cancel_hover.png');
	background-size: 40px 40px;	
	background-repeat: no-repeat;    
}

.taskRejectButton 
{
	background: url('./img/icon_task_reject.png');
	background-size: 40px 40px;	
	background-repeat: no-repeat;
    cursor:pointer;
    border: none;	
	width: 40px;
	height: 40px;	
}

.taskRejectButton:hover,
			.taskRejectButton:focus, 	
			.taskRejectButton:active,
			.taskRejectButton:disabled {
	background: url('./img/icon_task_reject_hover.png');
	background-size: 40px 40px;	
	background-repeat: no-repeat;    
}

.taskCompleteButton 
{
	background: url('./img/icon_task_complete.png');
	background-size: 40px 40px;	
	background-repeat: no-repeat;
    cursor:pointer;
    border: none;	
	width: 40px;
	height: 40px;
}

.taskCompleteButton:hover,
			.taskCompleteButton:focus, 	
			.taskCompleteButton:active,
			.taskCompleteButton:disabled {
	background: url('./img/icon_task_complete_hover.png');
	background-size: 40px 40px;	
	background-repeat: no-repeat;    
}


.executeReportButton 
{
	background: url('./img/icon_execute.png');
	background-size: 40px 40px;	
	background-repeat: no-repeat;
    cursor:pointer;
    border: none;	
	width: 40px;
	height: 40px;
}

.executeReportButton:hover,
			.executeReportButton:focus, 	
			.executeReportButton:active,
			.executeReportButton:disabled {
	background: url('./img/icon_execute_hover.png');
	background-size: 40px 40px;	
	background-repeat: no-repeat;    
}


.autoScheduleAllowedDaysLabels
{
	padding-top: 5px;
	font-weight: bold;
}

/* Facilities - Payment step */
.paypalButtons
{
	clear: both;
	text-align: center;
	width: 400px;
}

.templateRevisions
{
	padding-left: 200px;
	display: none;
}

.quizRevisions
{
	padding-left: 200px;
	display: none;
}

.pdfExportLink
{
	vertical-align: bottom;
	margin-top: 5px;
	
}

/* My Account - Manage Subscription */
.planTileRow
{
	padding-top: 20px;
}

.subscriptionTile
{
	flex: 0 0 32%;
	webkit-box-flex: 0;
	max-width: 30%;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
}


@media only screen and (max-width: 740px) {
	.subscriptionTile
	{
		flex: 0 0 50%;
		webkit-box-flex: 0;
		max-width: 50%;
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 50px;
		display: block;
	}
}

@media only screen and (max-width: 450px) {
	.subscriptionTile
	{
		flex: 0 0 100%;
		webkit-box-flex: 0;
		max-width: 100%;
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 50px;
		display: block;
	}
}


.facilityPricingTile
{
	flex: 0 0 50%;
	webkit-box-flex: 0;
	max-width: 30%;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	text-align: center;
}


@media only screen and (max-width: 450px) {
	.facilityPricingTile
	{
		flex: 0 0 100%;
		webkit-box-flex: 0;
		max-width: 100%;
		position: relative;
		width: 30%;
		min-height: 1px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 50px;
		display: block;
		text-align: center;
		margin-left: 0px !important;
		margin-right: 0px !important;
		
	}
}



.templateReviewPricingTile
{
	flex: 0 0 33%;
	webkit-box-flex: 0;
	max-width: 30%;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	text-align: center;
}


@media only screen and (max-width: 450px) {
	.templateReviewPricingTile
	{
		flex: 0 0 100%;
		webkit-box-flex: 0;
		max-width: 100%;
		position: relative;
		width: 30%;
		min-height: 1px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 50px;
		display: block;
		text-align: center;
		
	}
}



#reviewServiceFrequencyPricing .reviewServicePricingTile
{
	flex: 0 0 33%;
	webkit-box-flex: 0;
	max-width: 30%;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 22x;
	margin-right: 22px;
	display: block;
	text-align: center;
}


@media only screen and (max-width: 670px) {
	#reviewServiceFrequencyPricing .reviewServicePricingTile
	{
		flex: 0 0 100%;
		webkit-box-flex: 0;
		max-width: 100%;
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 25px;
		padding-left: 25px;
		padding-bottom: 50px;
		display: block;
		text-align: center;
		margin-left: 0px !important;
		margin-right: 0px !important;
		
	}
}

#reviewServiceFrequencyPricing .review_service-plan.green-box {
	border: solid 2px #35a29a;
    border-radius: 5px;
    transition-duration: 300ms;
}

#reviewServiceFrequencyPricing .review_service-plan.orange-box {
	border: solid 2px #f1592b;
    border-radius: 5px;
    transition-duration: 300ms;
}


#reviewServiceFrequencyPricing .review_service-plan .green-box{
    padding: 10px 30px 20px 20px;
    background-color: #35a29a;
    border-radius: 0px 0px 5px 5px;
    transition-duration: 300ms;
}
#reviewServiceFrequencyPricing .review_service-plan .orange-box{
    padding: 10px 30px 20px 20px;
    background-color: #f1592b;
    border-radius: 0px 0px 5px 5px;
    transition-duration: 300ms;
}

.review_service-plan .green-box {
	color: white;
	font-size: 40px;
}

.review_service-plan .orange-box {
	color: white;
	font-size: 40px;
}

#reviewServiceFrequencyPricing a:hover .review_service-plan .green-box{
    background-color: #f1592b;
	
}

#reviewServiceFrequencyPricing a:hover .review_service-plan.green-box{
   border: solid 2px #f1592b;
   color: #f1592b;
}

#reviewServiceFrequencyPricing a:hover .review_service-plan.green-box h4{
   color: #f1592b;
}




/* Admin - Template Variables */
.scrollable_x
{
	white-space: nowrap;
}


.shadedBackground
{
	background-color: #b1b1b1;
	color: white;
}

.cyanText
{
	color: #35A29A;
}

hr
{
	border-color: #35A29A;
	border-width: 2px;
	width: 80%;
	margin-top: 20px;
	margin-bottom:20px;
	
}


/*  Admin - Add On Services */
.excludedFacility
{
	color: #FF0409;
	font-style: italic;
}

/* POPUP MODAL */

.massCommitPopup
{
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}



.pdfImage
{
	max-height: 1500px;
	max-width: 700px;
}

/* ==============================================
	FOOTER
================================================= */



.formButtons
{
	display: block;
	width:100%;
	position: fixed;
	bottom: 0px;
	text-align: center;
	background-color: white;
	padding-bottom:5px;
	padding-top: 10px;
	z-index: 10;
}

.formButtonsInline
{
	clear: both; 
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}


.form-control[type=checkbox]
{
	margin-top:-5px;
	margin-bottom:12px;
}

.footerLinksBar
{
	color: white;	
	background-color: #424242;
	display: block;
	width:100%;
	position: fixed;
	bottom:0;
	height: 60px;
}

.footerContainer
{
	text-align: center;
	width: 1000px;
	
}

.footerEmail
{
	padding-top: 20px;
	float: left;
}

.footerLinksBar a:link {
	text-decoration: none;
	color: white;
	font-weight: 600;
}

.footerLinksBar a:visited {
	color: white;
}


.footerLinksBar a:hover {
	color: #35A29A;
}

.footerLinksBar a:active {
	color: #35A29A;
}

.footerLinkSocialIcon {

}

.footerLinkSocialIcon a:link
{
	float: right;
	background-color: #424242;
	height: 40px;
	width: 40px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 7px;	

}

.footerLinkSocialIcon a:hover
{
	background-color: #35A29A;
}

.footerLinkSocialIcon img
{
	padding-top: 3px;
}


.footerLinkQuestions
{
	float: right;
	margin-top: 20px;
	margin-left: 30px;
}

.footerLinkCallUs
{

}
.footerLinkCallUs a:link
{
	height: 60px;
	float: right;	 
	padding-top: 20px;
	color: white;
	background-color: #424242;
	width: 60px;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: uppercase;
}

.footerLinkCallUs a:hover
{
	float: right;
	background-color: #35A29A;
	color: white;
}

.footerLinkEmail
{

}
.footerLinkEmail a:link
{
	height: 60px;
	float: right;	 
	padding-top: 20px;
	color: white;
	background-color: #424242;
	width: 150px;
	margin-left: 10px;
	margin-right: 10px;
}

.footerLinkEmail a:hover
{
	float: right;
	background-color: #35A29A;
	color: white;
}


/* ==============================================
	MODAL POPUP HANDLING CLASSES
================================================= */

.popup_parent_mask {
    background-image: none;
    background-color: rgba(255,255,255,0.7);
	position: fixed;
	top: 0;
	left: 0;
    cursor: default;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;	
	height: 100%;
	width: 100%;
	z-index: 100;
}



/* ==============================================
	CALENDAR
================================================= */

.calendarLarge {
	font-family: verdana;
	width: 1000px;
	color: white;
}

.calendar {
	font-family: verdana;
	width: 575px;
	color: white;
}

.calendarSmall {
	font-family: verdana;
	width: 140px;
	color : #808080; 
}

.calTitle {
	color: #808080;
	font-size: 10px;
}

.calTitle a {
	color: #808080;
}

.calTitle a:hover {
	color: #95b432;
}

.calHead {
	clear: both; 
	font-weight: bold;
	font-size: 12px; 
}

.calHeadCelLarge {
	float: left;
	width: 136px;
	border-width: 1px;
	border-style: none;
	margin: 3px 3px 3px 3px;
	color: black;
}

.calHeadCel {
	float: left;
	width: 75px;
	border-width: 1px;
	border-style: none;
	margin: 2px 2px 2px 2px;
	color: black;
}

.calHeadCelSmall {
	float: left;
	width: 18px;
	border-style: none;
}

.calCelLarge {
	float: left;
	width: 136px;
	height: 115px;
	font-size: 10px;
	border-color: black;
	border-width: 1px;
	border-style: solid;
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 10px;
	color: white;
}

.calCel {
	float: left;
	width: 75px;
	height: 50px;
	font-size: 10px;
	border-color: black;
	border-width: 1px;
	border-style: solid;
	margin: 2px 2px 2px 2px;
	color: white;
}



.calCelSmall {
	float: left;
	width: 18px;
	height: 20px;
	font-size: 10px;
	border-style: none;
}

.calCelSelected {
	font-weight: bold;
	font-style: none;
	font-size: 14px;
}


.calCelAvailable {
	font-weight: bold;
	font-style: none;
	font-size: 14px;
	background-color: #35A29A;
}

.calCelAvailable:hover {
	/*background-color: #33CC00;*/
	background-color: #35B399;
}



.calCelUnavailable {
	font-size: 14px;
	font-style: italic;	
	background-color: #2E363A;
}

.calCelInThePast {
	font-size: 14px;
	font-style: italic;	
	background-color: #7A7A7A;
}

.calCelCurrent {
	border-style: solid;
	border-color: #F39C12;
	border-width: 5px;

}


.calBlank {
	background: white;
	color: white;
}




/* ==============================================
	TEMPLATE HTML CLASSES
================================================= */

.CANNABIS_SOP_TopBox
{
	border: 2px solid black;	
	width: 100%;
}

.CANNABIS_SOP_TopBoxNoBorder
{
	width: 100%;
}

.CANNABIS_SOP_TopBoxNoBorder td,
.CANNABIS_SOP_TopBox td
{
	border: 1px solid black;
	padding-left: 20px;
	padding-right: 20px;
	width: 50%;
}






.CANNABIS_SOP_TopBox3Col
{
	border-top: none;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}

.CANNABIS_SOP_TopBox3Col td
{
	border: 1px solid black;
	padding-left: 20px;
	padding-right: 20px;
	width: 33%;
}

.CANNABIS_SOP_Table
{
	/*border: 1px solid black;*/
	width: 100%;
}

.CANNABIS_SOP_Table td
{
	border: 1px solid black;
	padding-left: 20px;
	padding-right: 20px;
}


.CANNABIS_LogAndForm_Table
{
	/*border: 1px solid black;*/
	width: 100%;
}

.CANNABIS_LogAndForm_Table td
{
	border: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom:10px
}


.moneyTable
{
	width: 100%;
	border: none;
	padding-left: 15%;
	padding-right: 15%;
}



.bottomBorder
{
	border-bottom: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom:10px;
}

.noBorder
{
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom:10px;
	text-align: right;
	font-weight: 600;
}



/* These tables are referenced in the _parameters table, TableStyles, and can be selected by users creating customized table variables  */

.table_bordered_cell_bordered_lr20pad
{
	border: 2px solid black;	
	width: 100%;
}

.table_bordered_cell_bordered_lrtb10pad
{
	border: 2px solid black;	
	width: 100%;
}


.cell_bordered_lr20pad
{
	width: 100%;
}

.cell_bordered_lrtb10pad
{
	width: 100%;
}

.cell_bordered_lr10padtb20pad
{
	width: 100%;
}


.cell_bordered_lr20pad td,
.table_bordered_cell_bordered_lr20pad td
{
	border: 1px solid black;
	padding-left: 20px;
	padding-right: 20px;
}

.table_bordered_cell_bordered_lrtb10pad td,
.cell_bordered_lrtb10pad td
{
	border: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.cell_bordered_lr10padtb20pad td
{
	border: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;	
}


.no_border_lr20pad
{
	border: none;
	width: 100%;
}

.no_border_lrtb10pad
{
	border: none;
	width: 100%;
}

.no_border
{
	border: none;
	width: 100%;
}

.no_border_lrtb10pad td
{
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.no_border_lr20pad td
{
	border: none;
	padding-left: 20px;
	padding-right: 20px;
}

#reportOutput
{
	border: 1px solid black;
	padding-left: 5px;
}

#reportOutputPDF .sql_result_row
{
	font-size: 14px;
}

.threeTierReportSubsection
{
	padding-left: 50px;
	padding-bottom: 25px;
	clear: both;
}

#schedulePopupLink
{
	padding-top: 10px;
}