/* 
	DEFAULT COLORS
	Main: #008E8F
	Secondary: #BFFCFB
	Background-Color: #01204E
	Gray: #333333;
	
	-----------------   M CULTIVO OFFICIAL COLORS   -------------------
	M Cultivo Blue/Green: #008E8.F
	M Cultivo Gray: #33333.3
	M Cultivo Scroll Highlight: #BFFCF.B (OLD: #83D3A.9)
	------------------------------------------------------------------------------
*/

@font-face {
	font-family: "PrivaPro Four";
	font-style: normal;
	font-weight: 700;
    src: url("/Home/Fonts/PrivaPro-Four.otf") format("opentype");
}

@font-face {
    font-family: 'Lato';
    src: url('/Home/Fonts/Lato/Lato-Black.eot');
    src: url('/Home/Fonts/Lato/Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Lato/Lato-Black.woff2') format('woff2'),
        url('/Home/Fonts/Lato/Lato-Black.woff') format('woff'),
        url('/Home/Fonts/Lato/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/Home/Fonts/Lato/Lato-BoldItalic.eot');
    src: url('/Home/Fonts/Lato/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Lato/Lato-BoldItalic.woff2') format('woff2'),
        url('/Home/Fonts/Lato/Lato-BoldItalic.woff') format('woff'),
        url('/Home/Fonts/Lato/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/Home/Fonts/Lato/Lato-Bold.eot');
    src: url('/Home/Fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Lato/Lato-Bold.woff2') format('woff2'),
        url('/Home/Fonts/Lato/Lato-Bold.woff') format('woff'),
        url('/Home/Fonts/Lato/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/Home/Fonts/Lato/Lato-BlackItalic.eot');
    src: url('/Home/Fonts/Lato/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Lato/Lato-BlackItalic.woff2') format('woff2'),
        url('/Home/Fonts/Lato/Lato-BlackItalic.woff') format('woff'),
        url('/Home/Fonts/Lato/Lato-BlackItalic.svg#Lato-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/Home/Fonts/Lato/Lato-Italic.eot');
    src: url('/Home/Fonts/Lato/Lato-Italic.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Lato/Lato-Italic.woff2') format('woff2'),
        url('/Home/Fonts/Lato/Lato-Italic.woff') format('woff'),
        url('/Home/Fonts/Lato/Lato-Italic.svg#Lato-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/Home/Fonts/Lato/Lato-LightItalic.eot');
    src: url('/Home/Fonts/Lato/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Lato/Lato-LightItalic.woff2') format('woff2'),
        url('/Home/Fonts/Lato/Lato-LightItalic.woff') format('woff'),
        url('/Home/Fonts/Lato/Lato-LightItalic.svg#Lato-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('/Home/Fonts/Lato/Lato-Hairline.eot');
    src: url('/Home/Fonts/Lato/Lato-Hairline.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Lato/Lato-Hairline.woff2') format('woff2'),
        url('/Home/Fonts/Lato/Lato-Hairline.woff') format('woff'),
        url('/Home/Fonts/Lato/Lato-Hairline.svg#Lato-Hairline') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/Home/Fonts/Lato/Lato-Light.eot');
    src: url('/Home/Fonts/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Lato/Lato-Light.woff2') format('woff2'),
        url('/Home/Fonts/Lato/Lato-Light.woff') format('woff'),
        url('/Home/Fonts/Lato/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/Home/Fonts/Lato/Lato-Regular.eot');
    src: url('/Home/Fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Lato/Lato-Regular.woff2') format('woff2'),
        url('/Home/Fonts/Lato/Lato-Regular.woff') format('woff'),
        url('/Home/Fonts/Lato/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('/Home/Fonts/Lato/Lato-HairlineItalic.eot');
    src: url('/Home/Fonts/Lato/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Lato/Lato-HairlineItalic.woff2') format('woff2'),
        url('/Home/Fonts/Lato/Lato-HairlineItalic.woff') format('woff'),
        url('/Home/Fonts/Lato/Lato-HairlineItalic.svg#Lato-HairlineItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('/Home/Fonts/Comfortaa/Comfortaa-Regular.eot');
    src: url('/Home/Fonts/Comfortaa/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Regular.woff2') format('woff2'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Regular.woff') format('woff'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Regular.svg#Comfortaa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('/Home/Fonts/Comfortaa/Comfortaa-Bold.eot');
    src: url('/Home/Fonts/Comfortaa/Comfortaa-Bold.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Bold.woff2') format('woff2'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Bold.woff') format('woff'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Bold.svg#Comfortaa-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('/Home/Fonts/Comfortaa/Comfortaa-Medium.eot');
    src: url('/Home/Fonts/Comfortaa/Comfortaa-Medium.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Medium.woff2') format('woff2'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Medium.woff') format('woff'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Medium.svg#Comfortaa-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('/Home/Fonts/Comfortaa/Comfortaa-Light.eot');
    src: url('/Home/Fonts/Comfortaa/Comfortaa-Light.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Light.woff2') format('woff2'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Light.woff') format('woff'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Light.svg#Comfortaa-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('/Home/Fonts/Comfortaa/Comfortaa-SemiBold.eot');
    src: url('/Home/Fonts/Comfortaa/Comfortaa-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Comfortaa/Comfortaa-SemiBold.woff2') format('woff2'),
        url('/Home/Fonts/Comfortaa/Comfortaa-SemiBold.woff') format('woff'),
        url('/Home/Fonts/Comfortaa/Comfortaa-SemiBold.svg#Comfortaa-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa';
    src: url('/Home/Fonts/Comfortaa/Comfortaa-Regular.eot');
    src: url('/Home/Fonts/Comfortaa/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Regular.woff2') format('woff2'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Regular.woff') format('woff'),
        url('/Home/Fonts/Comfortaa/Comfortaa-Regular.svg#Comfortaa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html { overflow-y: scroll; }

body {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif; 
	font-weight: normal;
	color: #000000; 
	font-size: 12px;
	
	background:url("https://platform.mcultivo.com/Home/Images/Gradient_Background.jpg") no-repeat top right fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://platform.mcultivo.com/Home/Images/Gradient_Background.jpg', sizingMethod='scale');
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src'https://platform.mcultivo.com/Home/Images/Gradient_Background.jpg', sizingMethod='scale')";
}

	body#reset {
		background-color: #FFFFFF; 
		background-image: none; 
		color: #000000; 
		font-weight: normal;
	}

a, .a, ins {
	color: #008E8F;
	font-weight: bold;
}

.a2 {
	color: #BFFCFB;	
}

.black {
	color: #000000;
}

.bold { 
	font-weight: bold;
}

.gray {
	color: #333333;
}

.lato {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
}

.comfortaa {
	font-family: "Comfortaa", "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
}

h1, .h1, h2, .h2, h3, .h3 {
	font-family: "Comfortaa", "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
}

h1, .h1 {
	font-size: 36px;
	font-weight: bold;
	margin: 10px 0;
}

h2, .h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0;
}

h3, .h3 {
	font-size: 48px;
	font-weight: bold;
	margin: 10px 0;
}

.h1, .h2, .h3 {
	/*font-weight: normal;*/
	margin: auto 0;
}

input, textarea, select {
	font-family: "Lato";
	padding: 5px 10px;
	font-weight: bold;
	margin-bottom: 0px;
	background-color: #e4e1df;
	border-color: #008E8F;
	color: #008E8F;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 2px;
	/*
	border: 2px solid #008E8F;
	-moz-border-radius: 10px;
		border-radius: 10px;
	*/
}

	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		padding: 5px 30px 5px 10px;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
		background-size: .6em;
		background-position: calc(100% - 1.3em) center;
		background-repeat: no-repeat;
	}

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

	input#Submit, input#Submit2, input#Submit3 {
		width: auto;
		border-width: 2px;
		background-color: #008E8F;
		border-radius: 10px;
		color: #FFFFFF;
	}
	
	select.select-navigation {
		padding: 1px 0;
		border: 0;
		margin: 3px 0 0 0;
		
	}
	
ul, ol {
	margin: 0 0 10px 10px;
}
	
	ul {
		list-style-type: disc;
	}
	
	ol {
		list-style-type: decimal;
	}

li {
	margin: 3px 0 0 20px;
}

div.content {
	padding-bottom: 5px;
}

div.spacer {
	line-height: 10px;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

	td.right {
		padding-right: 10px;
	}

	td.third {
		width: 33%;
		padding: 0 10px;
	}

.hide {
	display: none;
}

.warning {
	padding: 10px 0; 
	margin: 10px auto; 
	color: #A03123;
	font-weight: bold;
	text-align: center;
	background-color: #EBF0F6;
	border: 2px solid #008E8F;
	width: 95%;
	-moz-border-radius: 10px;
		border-radius: 10px;
}

	.warning p, .warning ul, warning ol {
		text-align: left;
	}
	
	.warning-text {	
		color: #A03123;
		font-weight: bold;
	}

.all-site-message {
	margin-top: -10px;
}	

.q-options { margin-top: 10px; }

.dynamic-tag-box {
	max-width: 198px;
	overflow-wrap: break-word;
	padding: 4px;
	max-height: 56px;
<<<<<<< 002-framework/public_html/Home/CSS/mcultivo.css
	overflow-y: scroll;
=======
	overflow-y: auto;
>>>>>>> 002-framework/public_html/Home/CSS/mcultivo.css
}

.fixed-scroll {
	position: fixed;
	top:0; 
	left:0;
	width: 100%; 
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
	
#main {
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	color: #000000;
	border: 4px solid #000000;
	border-top: 0;
	padding-bottom: 100px;
}

	.full-main {
		margin-right: 20px; 
		margin-bottom: 100px;
	}
	
	.full-logo {
		width: 220px; 
		padding-left: 10px; 
		margin-right: 20px; 
		float: left;
		height: 91px;
	}
	
	.full-title {
		overflow: hidden;
		padding-right: 240px;
		text-align: center;
	}

.top-logo {
	margin: 10px 0;
}

.flex-full-container {
	display: flex;
	justify-content: space-between;
}

#NewLogin-Container {
	width: 300px;
	height: 375px;
	background-color: rgba(255,255,255,1);
	border-radius: 20px;

	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	
	display: flex;
}

	#NewLogin {
		margin: 0 auto;
	}

		#LoginLogo {
			text-align: center;
			padding: 50px 0;
		}

		.login-element {
			padding: 5px 0;
		}

			.login-element input {
				border-bottom: 0;
				border-radius: 10px;
				width: 200px;
			}

				.login-submit {
					padding-top: 25px;
				}

					.login-submit input#Submit, #NewLogin input#Acknowledge {
						background-color: #57C4C5;
						border: 0;
						color: #FFFFFF;
						width: 200px;
						border-radius: 10px;
					}

			.login-forgot-password {
				margin-top: -5px;
			}

				.login-forgot-password a {
					color: #333333;
					font-weight: normal;
				}

				.login-ack .login-forgot-password {
					padding-top: 10px;
				}

		#NewLogin .warning {
			color: #333333;
			margin-top: -30px;
			margin-bottom: 10px;
		}

		#NewLogin .login-ack {
			margin-top: -50px;
			padding: 10px;
		}

		#NewLogin .login-ack .h2 {
			font-size: 1em;
			line-height: 1.1em;
			font-weight: normal;
		}

div#Fixed-Cloud {
	display: none;
}	
	
.top { 
	vertical-align: top; 
}

.even { 
	background-color: #FFFFFF; 
}

.odd { 
	background-color: #EBF0F6; 
}

	tr.row-green { background-color: #BFFCFB; } 

.cell-highlight { 
	background-color: #A03123; 
}

tr.border-top-bottom td { border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

	tr.thick-border-top td { border-top: #000000 solid 2px; }

.title { 
	background-color: #000000; 
	color: #FFFFFF; 
	padding-bottom: 10px; 
	padding-top: 10px; 
	vertical-align: middle; 
}
				
	.title a { 
		color: #FFFFFF; 
		border-bottom-color: #FFFFFF; 
	}
	
table { 
	background-color: #FFFFFF; 
	margin-left: auto; 
	margin-right: auto; 
	width: 100%;
}
	
	td { 
		padding: 3px;
	}

.section-title { 
	margin: 30px 0 20px 0;
	font-size: 36px;
	font-weight: bold;
}
	
table#TableListing, table.TableListing {
	border: 1px solid #000000;
}

	.tbl-black-text {
		color: #000000;
	}

div#AppContainer {
	background-color: #F3F3F3;
	margin: -20px -10px -100px -10px;
	padding: 20px 10px 100px 10px;
}

	div#AppContainer.extra-margin {
		margin: -20px -20px -100px -20px;
	}

	div#ReportContainer div#ReportBody form#ReportParameters {
		margin: -20px -10px -20px -10px;
	}

form table#RecordEdit, form table#RecordEdit2 {
	font-size: 14px;
	background-color: inherit;
}

	td.column-name, td.custom-name { 
		/*font-weight: bold;
		color: #008E8F;*/
		color: #000000;
		white-space: nowrap;
		padding-right: 20px;
		vertical-align: middle;
	}

		.column-name {
			font-size: 14px;
			/*font-weight: bold;*/
			/*color: #008E8F;*/
			color: #000000;
		}
	
	td.column-value {
		width: 100%;
	}

		td.column-value input, td.column-value select, td.column-value textarea {
			background-color: #FFFFFF;
			border: 1px solid #E6E6E6;
		}
	
	td.column-border-top-bottom { 
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}

	select.float-select {
		width:100%;
		max-width:90%;
	}

table.json-table {
	border: 1px solid #000000;
}

	table.json-table td { border-bottom: 1px solid #000000; }
	
form table.custom-edit {}

	td.custom-name {
		padding-right: 10px;
		text-align: right;
	}

	form table.custom-edit input { width: 129px; }
	
		form table.custom-edit input.small-input { width: 30px; }
		
			form table.custom-edit input.box-1 { width: 271px; }
			form table.custom-edit input.box-2 { width: 91px; }
			form table.custom-edit input.box-3 { width: 121px; }
			form table.custom-edit input.box-4 { width: 30px; }
			
			form table.custom-edit select.box-1 { width: 291px; }
			form table.custom-edit select.box-2 { width: 111px; }
			form table.custom-edit select.box-3 { width: 141px; }
			form table.custom-edit select.box-4 { width: 60px; }
			
			form table.custom-edit td.cell-1a { width: 112px; }
			form table.custom-edit td.cell-1b { width: 291px; }
			form table.custom-edit td.cell-2a { width: 112px; }
			form table.custom-edit td.cell-2b { width: 111px; }
			form table.custom-edit td.cell-3a { width: 47px; }
			form table.custom-edit td.cell-3b { width: 141px; }
			form table.custom-edit td.cell-4a { width: 49px; }
			form table.custom-edit td.cell-4b { width: 66px; }

.field-note {
	font-weight: normal; 
	color: #000000;
	font-size: 10px;
}
		
table#gps-data td {
	border-bottom: 1px solid #000000;
	text-align: right;
	padding: 3px 5px;
}

table.small-table { 
	margin: 0 0 20px 0; 
	background-color: inherit;
}

	table.small-table td { 
		padding: 5px; 
		/*border-bottom: 1px solid #FFFFFF;*/
	}

tr.heading td, tr.black-heading td {
		font-weight: bold;
		text-align: left;
		border-bottom: 1px solid #333333;
		vertical-align: bottom;
}

	tr.black-heading td {
		/*color: #FFFFFF;
		background-color: #333333;*/
		color: #000000;
		background-color:inherit;
	}
	
		tr.black-heading td.right, tr.heading td.right { text-align: right; }
		
		tr.black-heading td.center, tr.heading td.center { text-align: center; }
		
tr.bold td { font-weight: bold; }

tr.top td { border-top: 1px solid #000000; }
	
tr.bottom td { border-bottom: 1px solid #000000; }

tr:hover.hover, td:hover.hover {
	background-color: #BFFCFB;
}

	tr:hover.hover a, td:hover.hover a {
		color: #000000;
	}

tr.bright-red td, td.bright-red, .bright-red {
	font-weight: bold;
	color: #FF0000;
}

tr.red td, td.red, .red { 
	font-weight: bold; 
	color: #A03123;
}
	
tr.yellow td, td.yellow {
	font-weight: bold;
	color: #DFF41A;
}

tr.orange td, td.orange, .orange { 
	font-weight: bold;
	color: #CF6F00;
}

tr.green-bold td, td.green-bold, .green-bold { 
	font-weight: bold; 
	color: #008E8F;
}

tr.highlight-yellow td, td.highlight-yellow {
	background-color: #FFFF00;
}
	
tr.green td, td.green { 
	font-weight: normal;
	/* color: #008E8F; */
}

svg.up path, svg.up rect, svg.up circle {
	fill: #2b8600;
	width: 75%;
}

	svg.down path, svg.down rect, svg.down circle {
		fill: #ca0101;
		width: 75%;
	}


td.radio-cell { 
	text-align: center;
	width: 40px;
}

ol.test {
	margin-top: 40px;
}

	ol.test li.question {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 40px;
	}
	
		ol.test li.question ol.answer {
			list-style-type: none;
			margin-top: 10px;
		}
		
			ol.test li.question ol.answer li {
				font-weight: normal;
			}
			
				ol.test li.question ol.answer li input { width: inherit; }
			
		ol.test li.question input {
			width: 500px;
			margin-top: 10px;
		}
		
		ol.test li.question textarea {
			width: 500px;
			height: 100px;
			margin-top: 10px;
		}

.message-body-wrapper {
	height: 200px;
	overflow: auto;
	display: flex;
	flex-direction: column-reverse;
}

	div.message-body div.right div.message-bubble, div.message-body div.left div.message-bubble {
		padding: 5px 10px;
		border-radius: 10px;
	}

		div.message-body div.right div.message-bubble { 
			/*background-color: #3ea5f6;*/
			background-color: #008E8F;
			color: #FFFFFF;
			margin-left: 70px;
		}

		div.message-body div.left div.message-bubble { 
			background-color: #e5e5ea; 
			margin-right: 70px;
		}

.message-small {
	color: #333333;
	font-size: .75em;
	margin: 3px 0;
}

.return-message {
	background-color: #f0f0f0;
	margin: 0px -10px -10px -10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

	.return-message textarea {
		border: 0;
		background-color: #FFFFFF;
		border-radius: 10px;
		padding: 2px 5px;
		margin: 5px;
		font-weight: normal;
		width: 70%;
		height: 18px;
	}

	.return-message input.send-button, img.mark-as-read {
		background-color: inherit;
		margin: 0 0 0 5px;
		padding: 0;
		border: 0;
		vertical-align: top;
		padding-top: 7px;
	}

	.grow-wrap {
		display: grid;
	}

		.grow-wrap::after {
			content: attr(data-replicated-value) " ";
			white-space: pre-wrap;
			visibility: hidden;
		}

		.grow-wrap > textarea {
			resize: none;
			overflow: hidden;
		}
		
		.grow-wrap > textarea,
		.grow-wrap::after {
			/* Identical styling required!! */
			border: 0;
			background-color: #FFFFFF;
			border-radius: 10px;
			padding: 2px 5px;
			margin: 5px;
			font-weight: normal;
			width: 70%;
			height: 18px;

			/* Place on top of each other */
			grid-area: 1 / 1 / 2 / 2;
		}

#Navigation-Wrapper {
	margin: 0 -10px 20px -10px;
	text-align: center;
	background-color: #008E8F;
}

	#Navigation-Wrapper.full {
		margin: 0 0 20px 0;
	}

	#Navigation-Wrapper.public {
		margin: 0 -20px 20px -20px;
	}

	#Navigation {
		color: #FFFFFF;
		font-weight: bold;
		padding: 0;
		margin: 0 auto;
		width: 960px;
		text-align: left;
	}

		/* Style The Dropdown Button */
		.dropbtn {
			background-color: #008E8F;
			color: #FFFFFF;
			font-weight: bold;
			padding: 5px;
			font-size: 12px;
			border: none;
			cursor: pointer;
		}

			a.dropbtn { 
				text-decoration: none;
			}

			/* The container <div> - needed to position the dropdown content */
			.dropdown {
				position: relative;
				display: inline-block;
				margin: 0;
				padding: 0;
			}

			/* Dropdown Content (Hidden by Default) */
			.dropdown-content {
				display: none;
				position: absolute;
				background-color: #f9f9f9;
				min-width: 220px;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			}
			
				.dropdown-content-2cols { width: 460px; }
				.dropdown-content-1cols { width: 230px; }

			/* Links inside the dropdown */
			.dropdown-content a, .dropdown-content .a {
				color: #000000;
				padding: 6px 16px;
				text-decoration: none;
				display: block;
			}
			
				.dropdown-content .subhead {
					color: #FFFFFF;
					background-color: #008E8F;
				}

			/* Change color of dropdown links on hover */
			.dropdown-content a:hover { 
				/*background-color: #f1f1f1; */
				background-color: #e3e3e3;
			}

			/* Show the dropdown menu on hover */
			.dropdown:hover .dropdown-content {
				display: block;
				z-index: 1000;
			}

			/* Change the background color of the dropdown button when the dropdown content is shown */
			.dropdown:hover .dropbtn {
				background-color: #333333;
			}
			
#TopNavigation {
	float: left; 
	width: 220px; 
	margin-top: 20px;
}
			
	.top-header {
		background-color: #008E8F;
		color: #FFFFFF;
		font-weight: bold;
		padding: 5px;
		font-size: 12px;
		border: none;
		cursor: pointer;
	}

		.top-header:hover { background-color: #000000; }

		.top-detail {
			background-color: #f9f9f9;
			padding: 6px 0 6px 10px;
		}
			
			.top-detail:hover {
				background-color: #f1f1f1; 
			} 
		
			.top-detail a { color: #000000; }

#ReportBody {
	margin-bottom: 100px;
	width: 100%;
}

	.ReportFullBody {
		padding: 0 10px;
	}

.report-section-title {
	padding-top: 5px;
}

#ReportParameters, #OptionalParameters { 
	text-align: center;
	margin: 0 auto 10px auto; 
	/*border-bottom: 1px solid #000000;
	padding: 0 0 20px 0;*/
	background-color: #F3F3F3;
	margin: -20px -20px 10px -20px;
	padding: 20px 20px 20px 20px;
}

	#OptionalParameters { margin-top: 10px; }

	#ReportParameters input, #ReportParameters select, #ReportParameters textarea {
		background-color: #FFFFFF;
		border: 1px solid #E6E6E6;
	}

		#ReportParameters input#Submit, #ReportParameters input#Submit2, #ReportParameters input#Submit3 {
			width: auto;
			border-width: 2px;
			background-color: #008E8F;
			border-radius: 10px;
			color: #FFFFFF;
		}
	
		#ReportParameters input, #OptionalParameters input { margin-right: 15px; }

			#ReportParameters input.date, input.date { width: 75px; }
			#ReportParameters input.datetime, input.datetime { width: 100px; }
		
	#ReportParameters div.portal-parameters {
		padding-bottom: 100px;
	}
		
#ReportOptions {
	margin-bottom: 10px;
}

#HealthPlanParameters {
	margin-top: 20px;
	display: none;
}

	#HealthPlanParameters select {
		margin-right: 20px;
	}

#SendEmail {
	padding: 20px; 
	border-bottom: 1px solid #000000; 
	margin-bottom: 20px;
}

	#SendEmail td.column-value input, #SendEmail td.column-value textarea { width: 680px; }
	
#Deliveries td, #StandingOrders td, #Holds td, #ClientNotes td, #CaseManagement td, #ClientReferrals td, #ClientCalls td {
	vertical-align: top;
	border-bottom: 1px solid #000000;
}

	#Deliveries td img.signature {
		width: 100px;
	}

.email2crm {
	margin: 20px 0;
	border: 1px solid #000000;
	padding: 10px;
}

table#Calendar { 
	width: 100%; 
	border: 4px solid #000000;
}
	
	table#Calendar td {
		 padding: 0;
		 margin: 0;
	}

	table#Calendar div.calendar {
		padding: 5px; 
		height: 12px; 
		font-size: 12px; 
		line-height: 14px;
		font-weight: normal;
		border: 0;
		border-bottom: 1px solid #000000;
		overflow: hidden;
	}
	
		table#Calendar div.week-mode, table#Calendar div.month-mode {
			font-size: 10px;
			line-height: 12px;
		}
	
		table#Calendar div.day-mode {
			height: 14px;
		}
	
		table#Calendar div.remaining {
			height: auto; 
			font-size: 12px;
			font-weight: bold;
			padding: 5px;
			text-align: left;
		}
	
	table#Calendar a.calendar-link { 
		border: 0; 
		text-decoration: none; 
		font-weight: normal;
	}
	
	table#Calendar .calendar-body { 
		margin: 0;
		padding: 0 0 36px 0;
		border: 1px solid #000000;
	}
	
	table#Calendar .week-day, table#Calendar td.day-header {
		font-weight: bold;
		background-color: #000000;
		color: #CCCCCC;
		margin: 0;
		padding: 5px 0;
		text-align: center;
	}
	
	table#Calendar .week-day-number {
		margin: 0;
		padding: 5px;
		background-color: #FFFFFF;
		font-weight: bold;
		border-top: 4px solid #000000;
	}
	
	table#Calendar .week-number {
		color: #A2B5F5;
	}
	
	table#Calendar div.right-border { border-right: 1px solid #000000; }
	
	table#Calendar div.no-right-border { border-right: 0; }

	table#Calendar div.left-border { border-left: 1px solid #000000; }
	
	table#Calendar div.no-left-border { border-left: 0; }
	
div#DragNDrop ul { margin: 0; border-bottom: 1px solid #000000; }

	div#DragNDrop ul li { list-style-type: none; margin: 0; }

		div#DragNDrop ul div.top { margin: 0; border-top: 1px solid #000000; padding-top: 5px; }
		
		div#DragNDrop ul div.bottom { margin: 5px 0; }
		
		div#DragNDrop ul div.cell-1 { float: left; width: 25px; }
		
		div#DragNDrop ul div.cell-2-r, div#DragNDrop ul div.cell-2-a { float: left; }
		
			div#DragNDrop ul div.cell-2-r { width: 390px; }
			
			div#DragNDrop ul div.cell-2-a { width: 150px; }
		
		div#DragNDrop ul div.cell-3 { float: left; width: 475px; }
		
		div#DragNDrop ul div.cell-4 { float: right; width: 50px; }
		
div#Tabs {
	text-align: left;
	margin: 20px 0;
}
		
	div#Tabs ul {
		list-style: none;
		padding: 4px;
		margin:0 0 10px 0;
		border-bottom: 2px solid #000000;
	}

		div#Tabs li {
			display: inline;
			border: solid #A03123;
			border-width: 3px 3px 0 3px;
			border-radius: 10px 10px 0 0;
			margin: 0 0px 0 0;
			background-color: #A03123;
			padding: 3px 0 3px 0;
		}
		
			div#Tabs li.selected , div#Tabs li:hover{ 
				border-color: #BFFCFB;
				background-color: #BFFCFB;
				padding: 8px 0 3px 0;
			}
			
				div#Tabs li.selected a, div#Tabs li:hover a { 
					color: #000000;
				}
		
			div#Tabs li a {
				padding: 0px 10px;
				font-size: 14px;
				color: #FFFFFF;
				text-decoration: none;
			}
			
div.operators-manual-section {
	padding-bottom: 20px;
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;
}

div#Operator-Manual-Body table.small-table {
	border: 1px solid #000000;
}

div.registration-form {
	border: 2px solid #008E8F;
	margin-bottom: 2.25rem;
}

	div.registration-form div.section-header {
		background-color: #008E8F;
		color: #FFFFFF;
		padding: .875rem;
		font-family: "Comfortaa", "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
		font-size: 1.25rem;
		font-weight: bold;
	}

		div.registration-form div.wrapper {
			background-color: #F3F3F3;
			margin-right: 2.25rem;
		}

			div.registration-form div.wrapper section {
				font-family: "Comfortaa", "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
				font-weight: bold;
				font-size: .875rem;
				padding: .625rem 1.25rem;
			}

				div.registration-form div.wrapper section input, div.registration-form div.wrapper section select {
					background-color: #FFFFFF;
					border: 1px solid #E6E6E6;
					min-width: 95%;
				}

				div.registration-form div.wrapper section input[type='checkbox'] {
					width: inherit;
				}

				div.registration-form div.wrapper section.break { padding: 0; }

.widget-headline {
	font-weight: bold;
	margin-bottom: 10px;
}

/* Modal Header */
.modal-header {
    padding: 2px 16px;
    background-color:#008E8F;
    color: white;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: #008E8F;
    color: white;
}

/* Modal Content */
.modal-content {
    position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    background-color: #fefefe;
    border: 1px solid #888;
    width: 1000px;
	height: 750px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animateright;
    animation-duration: 0.4s
}

.us-map{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#path67 {
  fill: none !important;
  stroke: #01204E !important;
  cursor: default;
}
#info-box {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: #ffffff;
  border: 2px solid #008E8F;
  border-radius: 5px;
  padding: 5px;
  font-family: arial;
}

.dont-break-out {

	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;

}

	.dont-break-out-nowrap {
		white-space: nowrap;
	}


/* Add Animation */
@keyframes animateright {
    from {right: -300px; opacity: 0}
    to {right: 0; opacity: 1}
}

/* THIS SHOULD ALWAYS BE AT THE BOTTOM */
@media print {
	
	body { background-image: none; }
	
	#main { border: 0 !important;  }
	
	.no-print, .no-print * { display: none !important; }

}
.pagination nav ul li{
    width: 35px;
    height: 35px;
    margin: 3px 3px;
    background-color: #ebf0f6;
}
.pagination nav ul li a{
	height: 35px;
    width: 35px;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination nav ul li:hover,.pagination nav ul li:hover a{
	background-color: #008E8F;
	color: white;
	cursor: pointer;
}


.upload-new-file {
	background-color: #e4e1df;
    border-color: #008E8F;
    color: #008E8F;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 2px;
    padding: 4px 10px;
	cursor: pointer;
}

.upload-new-file span:first-child {
	display: inline-block;
	padding: 3.5px 8px;
    background-color: #008E8F;
    color: #ffffff;
    border-radius: 8px;
    border: none;
    font-size: 11px;
	margin-right: 5px;
	cursor: pointer;
}

#file-name-label {
	font-size: 11px;
	font-weight: bold;
	width: calc(100% - 120px);
    display: inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.container_parmeter{
	width: 100%;

}

  .row_combine {
	display: flex;
	flex-wrap: wrap;
	text-align: right;
  }
  .row_combine > div {
	width: 25%;
	
  }
.row_parameter {
	display: flex;
	flex-wrap: wrap;
	text-align: right;
  }
  .row_parameter > div {
	width: 20%;
	
  }