#ajaxLoadingOuter {
	position: fixed;
	z-index: 999998;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(215, 215, 215, 0.5);
}
#ajaxLoadingInner {
	position: fixed;
	z-index: 999999;
	top: calc(50% - 10.0em);
	left: calc(50% - 10.0em);
	width: 10.0em;
	height: 10.0em;
	border: 0.975em solid #34a42d;
	border-radius: 10.0em;
	background: #fff url(/images/ajax-loading.gif) 50% 70% no-repeat;
}
#ajaxLoadingInner p {
	margin: 1.5em 0 0 0;
	font-size: 1.0rem;
	font-weight: 700;
	line-height: 1.25em;
	color: #34a42d;
	text-align: center;
	text-transform: uppercase;
}

.validationError {
	padding-bottom: 1em;
	color: red;
	font-weight: bold;
}

.alert {
	margin-bottom: 1em;
	padding: 0.75em;
}
.alertSuccess {
	color: green;
	font-weight: bold;
	border: 0.125em solid green;
	background: #fafffa;
}
.alertError {
	color: red;
	font-weight: bold;
	border: 0.125em solid red;
	background: #fffafa;
}

div.toolbarNavigation {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}
div.toolbarNavigation p {
	padding: 0.75em 0 0 0;
	margin: 0;
	line-height: 1em;
	font-weight: 700;
	font-size: 1.25em;
	vertical-align: middle;
	color: rgb(140, 160, 140);
}
div.toolbarNavigation ul li {
	display: inline-block;
	margin-right: 2em;
}

.cmsms_table tr td, .cmsms_table tr th {
	padding: 7px !important;
}

.cmsms_table tr td {
	border-bottom: 0;
}
.cmsms_table tr:last-child td {
	border-bottom: 1px solid #eee;
}

.cmsms_select select {
	height: 35px !important;
}

.cmsms_input input[type="text"],
.cmsms_input input[type="email"],
.cmsms_input input[type="password"],
.cmsms_select select {
	width: 100%;
	margin-top: 5px;
	padding: 5px;
}

div.calculationType {
	width: 100%;
	padding-bottom: 2em;
}
div.calculationType div.cmsms_column.one_third div.cmsms_img {
	min-height: 20em;
	font-size: 1rem;
	line-height: 1.15em;
	text-align: center;
	background: #fafafa;
	border: 1px solid #fff;
	cursor: pointer;
}
div.calculationType div.cmsms_column.one_third div.cmsms_img:hover {
	border: 1px solid #34a42d;
	background: #fff;
}
div.calculationType div.cmsms_column.one_third div.cmsms_img div.greyBox {
	width: 100%;
	padding: 1.0em 0;
	margin-bottom: 1.0em;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.5em;
	text-align: center;
	background: #eaeaea;
}
div.calculationType div.cmsms_column.one_third div.cmsms_img:hover div.greyBox {
	background: #34a42d;
	color: #fff;
}
div.calculationType div.cmsms_column.one_third div.cmsms_img p {
	padding: 0 1em;
	font-size: 1.0rem;
	line-height: 1.25em;
}
div.calculationType div.cmsms_column.one_third div.cmsms_img span.icon {
	display: block;
	margin: 0 auto 0.25em auto;
	width: 4.5em;
	height: 4.5em;
	border: 0.5em solid #ddd;
	background: #f0f0f0;
	border-radius: 4.5em;
	background-position: right 50% top 30%, 0 0;
	background-repeat: no-repeat, no-repeat;
}
div.calculationType div.cmsms_column.one_third div.cmsms_img:hover span.icon,
div.calculationType div.cmsms_column.one_third div.cmsms_img.selected span.icon {
	border: 0.5em solid #7ec822;
	background: #fff;
	background-repeat: no-repeat, no-repeat;
}
div.calculationType div.cmsms_column.one_third div.cmsms_img.personal span.icon {
	background-image: url(/images/icon-personal.png);
	background-size: 1.85em auto, 100%;
	background-position: right 50% top 30%, 0 0;
}
div.calculationType div.cmsms_column.one_third div.cmsms_img.business span.icon {
	background-image: url(/images/icon-business.png);
	background-size: 1.6em auto, 100%;
	background-position: right 50% top 40%, 0 0;
}
div.calculationType div.cmsms_column.one_third div.cmsms_img.onTour span.icon {
	background-image: url(/images/icon-onTour.png);
	background-size: 2.0em auto, 100%;
	background-position: right 50% top 50%, 0 0;
}
div.calculationType div.cmsms_column.one_third div.cmsms_img.goToLogin span.icon {
	background-image: url(/images/icon-login.png);
	background-size: 1.75em auto, 100%;
	background-position: right 50% top 50%, 0 0;
}

div.calculationType div.calculationTypeOption {
	display: inline-block;
	margin: 0 2.5em 0 0;
	width: 6.0em;
	font-size: 1.0em;
	line-height: 1;
	text-align: center;
}
div.calculationType div.calculationTypeOption:hover {
	color: #34a42d;
}
div.calculationType div.calculationTypeOption span.icon {
	display: block;
	margin: 0 auto 0.5em auto;
	width: 6.0em;
	height: 6.0em;
	border: 0.5em solid #ddd;
	background: #f0f0f0;
	border-radius: 4.5em;
	background-position: right 50% top 30%, 0 0;
	background-repeat: no-repeat, no-repeat;
	cursor: pointer;
}
div.calculationType div.calculationTypeOption:hover span.icon,
div.calculationType div.calculationTypeOption.selected span.icon {
	border: 0.5em solid #34a42d;
	background: #fff;
	background-repeat: no-repeat, no-repeat;
}
div.calculationType div.calculationTypeOption.personal span.icon {
	background-image: url(/images/icon-personal.png);
	background-size: 2.75em auto, 100%;
	background-position: right 50% top 35%, 0 0;
}
div.calculationType div.calculationTypeOption.business span.icon {
	background-image: url(/images/icon-business.png);
	background-size: 2.5em auto, 100%;
	background-position: right 50% top 45%, 0 0;
}
div.calculationType div.calculationTypeOption.onTour span.icon {
	background-image: url(/images/icon-onTour.png);
	background-size: 2.75em auto, 100%;
	background-position: right 50% top 50%, 0 0;
}

div.calculatorContainer {
	margin: 2.25em 2% 1em 2%;
}

nav.calculatorWorkflow {
	font-size: 1.0em;
}

nav.calculatorWorkflow ol {
	width: 100%;
	padding: 0;
	margin: 0;
	border-radius: 0.25em;
}

nav.calculatorWorkflow ol::after {
	clear: both;
	content: '';
	display: table;
}

nav.calculatorWorkflow ol li {
	display: inline-block;
	margin: 0 0.5em 0 0;
	cursor: pointer;
}

nav.calculatorWorkflow ol li::after {
	display: inline-block;
	content: '\23F5';
	margin: 0 0 0 0.25em ;
	color: #000;
}

nav.calculatorWorkflow ol li:last-of-type::after {
	display: none;
}

nav.calculatorWorkflow ol li > * {
	display: inline-block;
	font-size: 0.9rem;
	color: #34a42d;
}

nav.calculatorWorkflow ol li.selected > * {
	color: #96c03d;
}

nav.calculatorWorkflow ol li a {
	display: inline-block;
	margin-right: 0.5em;
}

.no-touch nav.calculatorWorkflow ol a:hover {
	color: #96c03d;
}

div.calculatorContainer div.registerFormContainer,
div.calculatorContainer div.loginFormContainer,
div.calculatorContainer div.resetPasswordContainer,
div.calculatorContainer div.userProfileFormContainer {
	width: 100%;
}

div.calculatorContent {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}

div.promotionalContainer {
	width: 100%;
	margin-bottom: 2em;
	padding: 2em;
	background-color: #f0f0f0;
}
div.promotionalContainer h3 {
	color: #000;
	font-weight: 700;
}
div.promotionalContainer p {
	color: #000;
}

div.formContainer {
	width: 100%;
}

div.tripsTypeContainer div.estimateInput,
div.tripsTypeContainer div.detailsInput,
div.tripsTypeContainer div.freightInput,
div.tripsTypeContainer div.numberOfPeople,
div.tripsTypeContainer div.consumptionType,
div.tripsTypeContainer div.solarPVExported {
	display: none;
}

div.calculatorTabs {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}

div.tripsTypeContainer {
	padding: 0.5em;
/* 	border: 0.0625em solid #eee; */
	background: #fafafa;
}

div.formContainer div.tripDetails {
	margin-bottom: 2em;
	padding: 0.5em;
/* 	border: 0.0625em solid #eee; */
	background: #fff;
}

div.formContainer div.tripDetails:last-child {
	margin-bottom: 0;
}
div.formContainer div.tripDetails.estimate {
	padding: 0;
	border: 0;
}

div.formContainer div.tripDetails div.distanceContainer,
div.formContainer div.tripDetails div.distanceContainer div.calculatedEstimate,
div.formContainer div.tripDetails div.distanceContainer div.userInput,
div.formContainer div.tripDetails div.estimateDatesContainer,
div.formContainer div.tripDetails div.freightWeight,
div.formContainer div.tripDetails div.paperWasteContainer {
	display: none;
}

div.formContainer div.tripDetails div.tripActions {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}
div.formContainer div.tripDetails div.tripActions p strong {
	display: block;
	padding-top: 0.3em;
	text-transform: capitalize;
}
div.formContainer div.tripDetails div.tripActions div.removeTripItem {
	display: block;
	margin: 0 0 0.5em 0;
	padding: 0.3em 1.25em;
	font-size: 1.00em;
	font-weight: 700;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	background: rgba(0, 171, 78, 1);
	border-radius: 31.25em;
	cursor: pointer;
}
div.formContainer div.tripDetails div.tripActions div.removeTripItem:after {
	content: 'Remove';
}

div.formContainer div.tripDetails img.ui-datepicker-trigger,
div.calculationsContainer table.cmsms_table div.dateInput img.ui-datepicker-trigger {
	display: inline-block;
	margin: 0 0 0 1.15rem;
	width: 1.85rem;
	height: 1.85rem;
}

div.formContainer div.tripDetails label {
	font-weight: 400;
	font-size: 0.825rem;
	color: rgb(120, 120, 120);
	vertical-align: middle;
}

div.formContainer table td div.formInput,
div.formContainer div.tripDetails div.formInput,
div.createCalculationContainer div.tripDetails div.formInput {
	padding: 0.25em 0.75em 0.5em 0.75em;
	background-color: rgb(251, 251, 251);
}

div.formContainer div.tripDetails div.formElement,
div.createCalculationContainer table.cmsms_table div.formElement {
	display: block;
}
div.formContainer div.tripDetails div.form_info {
	margin-bottom: 1em;
}
div.calculatorContainer div.dateCreated input[type="text"],
div.formContainer div.dateCreated input[type="text"],
div.formContainer div.tripDetails div.form_info input[type="text"] {
	width: calc(100% - 5.0em);
	margin-right: 0.75em;
}
div.formContainer div.tripDetails div.form_info select,
div.formContainer div.tripDetails div.form_info textarea {
	color: rgb(120, 120, 120);
}

div.formContainer div.tripDetails select,
div.formContainer div.tripDetails .select2-container .select2-selection--single {
	height: 35px;
	padding: 7px 40px 7px 11px;
}

div.formContainer td.notes {
	font-size: 0.9em;
	color: #555;
}
div.formContainer td.notes label,
div.formContainer td.notes div {
	display: inline-block;
}
div.userProfileFormContainer table td div.radioOptions,
div.formContainer div.tripDetails div.form_info div.radioOptions,
div.formContainer div.radioOptions {
	display: inline-block;
}

div.userProfileFormContainer table td div.radioOptions div.radioOption,
div.formContainer div.tripDetails div.form_info div.radioOption,
div.formContainer div.radioOptions div.radioOption {
	display: inline-block;
}
div.userProfileFormContainer table td div.radioOptions div.radioOption,
div.formContainer div.tripDetails div.form_info.dataEntryType div.radioOption,
div.formContainer div.tripDetails div.form_info.journeyType div.radioOption,
div.formContainer div.tripDetails div.form_info.distanceType div.radioOption,
div.formContainer div.tripDetails div.form_info.freightType div.radioOption,
div.formContainer div.tripDetails div.form_info.flightType div.radioOption,
div.formContainer div.tripDetails div.form_info.paperType div.radioOption,
div.formContainer div.tripDetails div.form_info.includePaperWaste div.radioOption,
div.formContainer div.tripDetails div.form_info.hasSolarContainer div.radioOption {
	width: auto;
	margin: auto 0.75em;
}
div.userProfileFormContainer table td label,
div.formContainer div.tripDetails div.form_info.dataEntryType label,
div.formContainer div.tripDetails div.form_info.journeyType label,
div.formContainer div.tripDetails div.form_info.distanceType label,
div.formContainer div.tripDetails div.form_info.freightType label,
div.formContainer div.tripDetails div.form_info.flightType label,
div.formContainer div.tripDetails div.form_info.paperType label,
div.formContainer div.tripDetails div.form_info.includePaperWaste label,
div.formContainer div.tripDetails div.form_info.hasSolarContainer label,
div.formContainer div.radioOptions label {
	display: inline-block;
	width: auto;
}
div.formContainer div.tripDetails div.form_info div.radioOption input[type="radio"] {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
div.formContainer div.tripDetails div.form_info div.radioOption label {
	display: inline-block;
	padding-left: 0.25em;
	width: auto;
	max-width: 15em;
	line-height: 1.25em;
}

div.formContainer div.tripDetails div.calculatedEstimate p,
div.formContainer div.tripDetails div.paperWaste p {
	margin: 0 0.5em;
	padding: 0 0 0.5em 0;
	font-weight: 400;
	font-size: 0.825rem;
	color: rgb(120, 120, 120);
}
div.formContainer div.tripDetails div.calculatedEstimate p.calculation,
div.formContainer div.tripDetails div.paperWaste p.calculation {
	font-weight: 700;
	font-size: 1.0rem;
}
div.formContainer div.tripDetails div.calculatedEstimate p.calculation span,
div.formContainer div.tripDetails div.paperWaste p.calculation span {
	font-weight: 700;
	font-size: 1.00rem;
	color: #000;
}

div.vehicleType div.vehicleTypeOption {
	display: inline-block;
	margin: 0.75em 1.95em 0.75em 0;
	width: 4.5em;
	font-size: 1.0em;
	line-height: 1;
	text-align: center;
	vertical-align: top;
}
div.vehicleType div.vehicleTypeOption:nth-child(3n){
	margin: 0.75em 0 0.75em 0;
}
div.vehicleType div.vehicleTypeOption:nth-child(4n){
	margin: 0.75em 1.95em 0.75em 0;
}

div.vehicleType div.vehicleTypeOption.selected,
div.vehicleType div.vehicleTypeOption:hover {
	color: #34a42d;
}
div.vehicleType div.vehicleTypeOption span.icon {
	display: block;
	margin: 0 auto 0.25em auto;
	width: 5.0em;
	height: 5.0em;
	border: 0.5em solid #ddd;
	background: #f0f0f0;
	border-radius: 4.0em;
	background-position: right 50% top 30%, 0 0;
	background-repeat: no-repeat, no-repeat;
	cursor: pointer;
}
div.vehicleType div.vehicleTypeOption:hover span.icon,
div.vehicleType div.vehicleTypeOption.selected span.icon {
	border: 0.5em solid #34a42d;
	background: #fff;
	background-repeat: no-repeat, no-repeat;
}
div.vehicleType div.vehicleTypeOption.vehicleTypelow_emissions span.icon {
	background-image: url(/images/vehicle-car-low-emissions.png);
	background-size: 3.5em auto, 100%;
	background-position: right 50% top 40%, 0 0;
}
div.vehicleType div.vehicleTypeOption.vehicleTypesmall_car span.icon {
	background-image: url(/images/vehicle-car-small.png);
	background-size: 3.5em auto, 100%;
	background-position: right 50% top 40%, 0 0;
}
div.vehicleType div.vehicleTypeOption.vehicleTypemedium_car span.icon {
	background-image: url(/images/vehicle-car-medium.png);
	background-size: 3.5em auto, 100%;
	background-position: right 50% top 40%, 0 0;
}
div.vehicleType div.vehicleTypeOption.vehicleTypelarge_car span.icon {
	background-image: url(/images/vehicle-car-large.png);
	background-size: 3.5em auto, 100%;
	background-position: right 50% top 40%, 0 0;
}
div.vehicleType div.vehicleTypeOption.vehicleTypemini_bus span.icon {
	background-image: url(/images/vehicle-minibus-or-small-van.png);
	background-size: 3.25em auto, 100%;
	background-position: right 50% top 40%, 0 0;
}
div.vehicleType div.vehicleTypeOption.vehicleTypebus span.icon {
	background-image: url(/images/vehicle-bus-or-small-truck.png);
	background-size: 3.5em auto, 100%;
	background-position: right 50% top 40%, 0 0;
}
div.vehicleType div.vehicleTypeOption.vehicleTypelarge_truck span.icon {
	background-image: url(/images/vehicle-large-truck.png);
	background-size: 3.5em auto, 100%;
	background-position: right 50% top 40%, 0 0;
}

div.tripsTypeContainer div.addItem {
	display: block;
	margin: 1em 0 1em auto;
	padding: 0 0.75em;
	width: 13.5em;
	text-align: center;
	cursor: pointer;
}

div.tripsTypeContainer div.addItem:before {
	display: inline-block;
	content: '\002b';
	margin-right: 0.25em;
}

div.userTypeContainer {
	display: none;
}

div.calculationsContainer div.calculationSelection {
	margin: 2em 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
}

div.calculationsContainer div.calculationSelection label {
	padding: 0 3.0em;
}

div.calculationsContainer div.calculationSelection div.selectCalculationContainer select {
	display: inline-block;
}
div.calculationsContainer div.calculationSelection div.selectCalculationContainer div.selectCalculation {
	display: inline-block;
	margin-left: 2em;
}
div.calculationsContainer div.calculationSelection div.cmsms_button {
	background-color: #34a42d;
	color: #fff;
}

div.calculationsContainer div.calculationSelection div.cmsms_button a {
	display: inline-block;
	color: #fff;
}
div.calculationsContainer div.calculationSelection div.cmsms_button:hover a {
	display: inline-block;
	color: #fff;
}

div.listContainer div.adminButton {
	margin: 1.5em 0;
}
div.listContainer div.adminButton:hover a,
div.listContainer div.adminButton a:hover {
	color: #fff;
}

div.formButtons {
	display: flex;
	margin: 1.5em 0;
	padding: 0;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}
div.formButtons div.cmsms_button {
	font-size: 0.95rem;
	padding: 0 0.625em;
}
div.formButtons div.cmsms_button::after,
div.loginButtons div.cmsms_button::after {
	display: inline-block;
	content: '\23F5';
	margin-left: 0.1em;
	color: #fff;
}
div.formButtons div.workflowButton {
	display: none;
	display: inline-block;
}
div.formButtons div.nextStepButton {
	display: inline-block;
	margin: 0;
	background-color: #34a42d;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
}
div.formButtons div.nextStepButton:hover {
	background-color: #7ec822;
}
div.formButtons div.nextStepButton a {
	color: #fff;
}

div.calculatedEmissions {
	display: flex;
	margin: 1.5em 0 0 0;
	padding: 1em 1.25em;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	background: #fafafa;
}
div.calculatedEmissions label {
	width: 50%;
	font-size: 1.3rem;
	font-weight: 700;
	text-align: left;
	color: #555;
}
div.calculatedEmissions div {
	width: 50%;
	font-size: 1.3rem;
	font-weight: 700;
	text-align: right;
	color: #555;
}

div.welcomeButtons {
	display: flex;
	margin: 0;
	padding: 0;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-start;
	align-content: flex-start;
}
div.welcomeButtons .cmsms_button,
div.enterAsGuest .cmsms_button {
	background-color: #34a42d;
	color: #fff;
}
div.welcomeButtons .cmsms_button:hover,
div.enterAsGuest .cmsms_button:hover {
	background-color: #7ec822;
}
div.welcomeButtons .cmsms_button a,
div.enterAsGuest .cmsms_button a {
	padding: 0.75em 0;
	display: block;
	color: #fff;
}
div.formContainer input.cmsms_submit {
	margin: 0.5em 0;
	padding: 1em 2em;
	background-color: #34a42d;
	color: #fff;
}
div.formContainer input.cmsms_submit:hover {
	background-color: #7ec822;
}

div.formButtons div.saveCalculationSubmit,
div.formButtons div.readyToOffset {
	background-color: #eee;
	color: #34a42d;
}
div.formButtons div.saveCalculationSubmit:hover,
div.formButtons div.readyToOffset:hover {
	color: #34a42d;
	background-color: #fff;
	border-color: #34a42d;
}
div.formButtons div.saveCalculationSubmit::after,
div.formButtons div.readyToOffset::after {
	color: #000;
}

div.calculationsList,
div.calculatorResults,
div.calculations,
div.ordersList {
	margin-bottom: 2em;
}

div.ordersList div.totals {
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}
div.ordersList div.totals div.emissions,
div.ordersList div.totals div.amount,
div.ordersList div.totals div.carbonOffset {
	width: 100%;
	padding: 2em;
	background: #fafafa;
}
div.ordersList div.totals div.emissions p,
div.ordersList div.totals div.amount p,
div.ordersList div.totals div.carbonOffset p {
	margin: 0;
	padding: 0 0 0.75rem 0;
	font-weight: 700;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.5rem;
}
div.ordersList div.totals div.emissions div,
div.ordersList div.totals div.amount div,
div.ordersList div.totals div.carbonOffset div {
	font-size: 1.5rem;
	text-align: center;
}

div.calculatorResults div.resultItem,
div.calculationsList div.calculationItem,
div.ordersList div.ordersListItem {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	padding: 1.25em 1.5em 1.25em 3.0em;
}

div.calculatorResults div.resultItem:nth-child(even),
div.calculationsList div.calculationItem:nth-child(even),
div.ordersList div.ordersListItem:nth-child(even) {
	background: #fafafa;
}
div.calculatorResults div.resultItem:last-child {
	padding: 1.75em 1.0em;
	background: #fff;
}
div.calculatorResults div.resultItem:last-child div {
	font-size: 1.25em;
	font-weight: 700;
	color: #34a42d;
}

div.calculatorResults div.resultItem div.label {
	width: 70%;
}
div.calculatorResults div.resultItem div.result {
	width: 30%;
	text-align: right;
}

div.calculatorResults div.shareResults {
	padding-top: 2em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: end;
	align-items: flex-end;
	align-content: flex-end;
}

div.calculationsList div.calculationItem.header,
div.ordersList div.ordersListItem.header {
	background: #eee;
	border-bottom: 0.125em #aaa solid;
}
div.calculationsList div.calculationItem.header div,
div.ordersList div.ordersListItem.header div {
	font-weight: 700;
}

div.calculationsList div.calculationItem div.account {
	width: 25%;
}
div.calculationsList div.calculationItem div.name {
	width: 25%;
}
div.calculationsList div.calculationItem div.type {
	text-align: center;
	width: 10%;
}
div.calculationsList div.calculationItem div.date{
	text-align: center;
	width: 10%;
}
div.calculationsList div.calculationItem div.status {
	text-align: center;
	width: 10%;
}
div.calculationsList div.calculationItem div.actions {
	text-align: center;
	width: 10%;
}

div.ordersList div.ordersListItem div.name {
	width: 30%;
}
div.ordersList div.ordersListItem div.date {
	text-align: center;
	width: 20%;
}
div.ordersList div.ordersListItem div.status {
	text-align: center;
	width: 20%;
}
div.ordersList div.ordersListItem div.total {
	text-align: right;
	width: 20%;
}
div.ordersList div.ordersListItem div.actions {
	text-align: center;
	width: 10%;
}

div.listItems div.listItem {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	padding: 1.25em;
}

div.listItems div.listItem:nth-child(odd){
	background: #fafafa;
}
div.listItems div.listItem.header {
	background: #eee;
	border-bottom: 0.125em #aaa solid;
}
div.listItems div.listItem.header div {
	font-weight: 700;
}
div.listItems div.listItem div.name {
	width: 20%;
}
div.listItems div.listItem div.email {
	width: 30%;
}
div.listItems div.listItem div.organisation {
	width: 20%;
}
div.listItems div.listItem div.role {
	width: 15%;
	text-align: center;
}
div.listItems div.listItem div.status {
	width: 10%;
	text-align: center;
}
div.listItems div.listItem div.actions {
	width: 5%;
}

div.formContainer div.tripDetails div.numberOfReamsContainer div.note {
	font-size: 0.75em;
	line-height: 2.0em;
	text-indent: 0.5em;
	color: #000;
}

div.searchContainer {
	padding: 1.0em;
	margin-bottom: 1.0em;
	border: 0.0625em solid #eee;
}
div.searchContainer p {
	font-weight: 700;
	font-size: 0.85rem;
	padding: 0;
}
div.searchContainer div.formElement {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	margin-top: 0.75em;
}
div.searchContainer div.formElement label {
	width: 6em;
}
div.searchContainer div.formElement div.radioOption {
	margin-right: 1.0em;
}


@media only screen and (min-width:768px) {
	
	
	
	nav.calculatorWorkflow ol {
		padding: 0 1.2em;
		margin: 1em 2%;
		width: 96%;
	}
	nav.calculatorWorkflow ol li {
		margin: 1.2em 0;
		width: auto;
	}
	nav.calculatorWorkflow ol li::after {
		margin: 0 1em;
	}
	nav.calculatorWorkflow ol li > * {
		font-size: 0.9rem;
	}

	nav.calculatorWorkflow ol.triangle {
		background-color: transparent;
		padding: 0;
	}
	nav.calculatorWorkflow ol.triangle li {
		position: relative;
		padding: 0;
		margin: 0.25em 0.25em 0.25em 0;
	}
	nav.calculatorWorkflow ol li a {
		margin-right: 0.2em;
	}
	nav.calculatorWorkflow ol.triangle li:last-of-type {
		margin-right: 0;
	}
	nav.calculatorWorkflow ol.triangle li > * {
		position: relative;
		padding: 1em .8em 1em 2.15em;
		color: #34a42d;
		background-color: #edeff0;
		border-color: #edeff0;
	}
	nav.calculatorWorkflow ol.triangle li.selected > * {
		color: #fff;
		background-color: #34a42d;
		border-color: #34a42d;
		font-style: normal;
		font-weight: 700;
	}
	nav.calculatorWorkflow ol.triangle li:first-of-type > * {
		padding-left: 1.6em;
		border-radius: .25em 0 0 .25em;
	}
	nav.calculatorWorkflow ol.triangle li:last-of-type > * {
		padding-right: 1.6em;
		border-radius: 0 .25em .25em 0;
	}
	.no-touch nav.calculatorWorkflow ol.triangle a:hover {
		color: #fff;
		background-color: #34a42d;
		border-color: #34a42d;
	}
	nav.calculatorWorkflow ol.triangle li::after,
	nav.calculatorWorkflow ol.triangle li > *::after {
		content: '';
		position: absolute;
		top: 0;
		left: 100%;
		content: '';
		height: 0;
		width: 0;
		border: 1.70em solid transparent;
		border-right-width: 0;
		border-left-width: 1.25em;
	}
	nav.calculatorWorkflow ol.triangle li::after {
		z-index: 1;
		-webkit-transform: translateX(0.225em);
		-moz-transform: translateX(0.225em);
		-ms-transform: translateX(0.225em);
		-o-transform: translateX(0.225em);
		transform: translateX(0.225em);
		border-left-color: #fff;
		margin: 0;
	}
	nav.calculatorWorkflow ol.triangle li > *::after {
		z-index: 2;
		border-left-color: inherit;
	}
	nav.calculatorWorkflow ol.triangle li:last-of-type::after,
	nav.calculatorWorkflow ol.triangle li:last-of-type > *::after {
		display: none;
	}
	@-moz-document url-prefix() {
		nav.calculatorWorkflow ol.triangle li::after,
		nav.calculatorWorkflow ol.triangle li > *::after {
			border-left-style: solid;
		}
	}

	div.calculatorContainer div.registerFormContainer {
		width: 50% ;
		padding-right: 3em;
	}
	div.calculatorContainer div.loginFormContainer {
		width: 50%;
		padding-left: 3em;
	}

	div.calculatorContainer div.registerContainer table {
		width: 100%;
	}

	div.calculatorContent {
		flex-wrap: wrap;
	}

	div.promotionalContainer {
		width: 30%;
	}

	div.fullWidthFormContainer {
		width: 100%;
	}

	div.formContainer {
		padding-right: 2em;
		width: 70%;
	}

	div.tripsTypeContainer {
		padding: 2em;
	}

	div.formContainer div.tripDetails {
		padding: 1em;
	}

	div.calculatedEmissions {
		padding: 1em 2.25em;
	}

	div.calculationType {
		width: 100%;
	}
	div.calculationType div.cmsms_column.one_third div.cmsms_img {
		font-size: 1.0rem;
	}
	div.calculationType div.cmsms_column.one_third div.cmsms_img.personal {
		margin-left: 0;
	}
	div.calculationType div.cmsms_column.one_third div.cmsms_img span.icon {
	}
	div.calculationType div.cmsms_column.one_third div.cmsms_img.personal span.icon {
		background-size: 2.35em auto, 100%;
	}
	div.calculationType div.cmsms_column.one_third div.cmsms_img.business span.icon {
		background-size: 2.1em auto, 100%;
	}
	div.calculationType div.cmsms_column.one_third div.cmsms_img.onTour span.icon {
		background-size: 2.5em auto, 100%;
	}
	div.calculationType div.cmsms_column.one_third div.cmsms_img.goToLogin span.icon {
		background-size: 1.35em auto, 100%;
	}

	div.vehicleType div.vehicleTypeOption {
		margin: 0.25em 3.25em 1.75em 0;
		width: 8.5em;
		height: 8.5em;
		vertical-align: top;
	}
	div.vehicleType div.vehicleTypeOption:nth-child(3n){
		margin: 0.25em 3.25em 1.75em 0;
	}
	div.vehicleType div.vehicleTypeOption:nth-child(4n){
		margin: 0.25em 0 1.75em 0;
	}
	div.vehicleType div.vehicleTypeOption span.icon {
		margin: 0 auto 0.25em auto;
		width: 7.0em;
		height: 7.0em;
	}
	div.vehicleType div.vehicleTypeOption.vehicleTypelow_emissions span.icon {
		background-image: url(/images/vehicle-car-low-emissions.png);
		background-size: 4.5em auto, 100%;
		background-position: right 50% top 45%, 0 0;
	}
	div.vehicleType div.vehicleTypeOption.vehicleTypesmall_car span.icon {
		background-image: url(/images/vehicle-car-small.png);
		background-size: 4.5em auto, 100%;
		background-position: right 50% top 45%, 0 0;
	}
	div.vehicleType div.vehicleTypeOption.vehicleTypemedium_car span.icon {
		background-image: url(/images/vehicle-car-medium.png);
		background-size: 4.5em auto, 100%;
		background-position: right 50% top 45%, 0 0;
	}
	div.vehicleType div.vehicleTypeOption.vehicleTypelarge_car span.icon {
		background-image: url(/images/vehicle-car-large.png);
		background-size: 4.5em auto, 100%;
		background-position: right 50% top 45%, 0 0;
	}
	div.vehicleType div.vehicleTypeOption.vehicleTypemini_bus span.icon {
		background-image: url(/images/vehicle-minibus-or-small-van.png);
		background-size: 4.25em auto, 100%;
		background-position: right 50% top 45%, 0 0;
	}
	div.vehicleType div.vehicleTypeOption.vehicleTypebus span.icon {
		background-image: url(/images/vehicle-bus-or-small-truck.png);
		background-size: 4.5em auto, 100%;
		background-position: right 50% top 45%, 0 0;
	}
	div.vehicleType div.vehicleTypeOption.vehicleTypelarge_truck span.icon {
		background-image: url(/images/vehicle-large-truck.png);
		background-size: 4.5em auto, 100%;
		background-position: right 50% top 45%, 0 0;
	}


	div.calculatorTabs div.tripType {
		padding: 0.5em 2.0em;
	}

	div.calculatorResults div.resultItem {
		padding-left: 5.0em;
	}
	div.calculatorResults div.resultItem:last-child div {
		font-size: 1.5em;
	}
	div.formButtons {
		padding-right: 2.5em;
		justify-content: flex-end;
	}
	div.formButtons div.cmsms_button::after,
	div.loginButtons div.cmsms_button::after {
		display: inline-block;
		margin-left: 0.25em;
	}
	div.formButtons div.nextStepButton {
		margin-left: 1.5em;
	}
	div.ordersList div.totals div.emissions,
	div.ordersList div.totals div.amount,
	div.ordersList div.totals div.carbonOffset {
		width: 33.33%;
	}

}

div.tripsTypeContainer {
    padding: 0;
}

div.formContainer div.tripDetails div.tripActions p strong {
    font-size: 20px;
    font-weight: 400;
    /* border-bottom: 1px solid #e0e0e0; */
}

div.formContainer div.tripDetails div.tripActions {
    align-items: center;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #e4e4e4;
}

div.formContainer div.tripDetails {
    padding: 0;
}

div.formContainer table td div.formInput, div.formContainer div.tripDetails div.formInput, div.createCalculationContainer div.tripDetails div.formInput {
    background: transparent;
}

div.formContainer table td div.formInput, div.formContainer div.tripDetails div.formInput, div.createCalculationContainer div.tripDetails div.formInput {
    padding: 0;
}

div.userProfileFormContainer table td div.radioOptions div.radioOption, div.formContainer div.tripDetails div.form_info.dataEntryType div.radioOption, div.formContainer div.tripDetails div.form_info.journeyType div.radioOption, div.formContainer div.tripDetails div.form_info.distanceType div.radioOption, div.formContainer div.tripDetails div.form_info.freightType div.radioOption, div.formContainer div.tripDetails div.form_info.flightType div.radioOption, div.formContainer div.tripDetails div.form_info.paperType div.radioOption, div.formContainer div.tripDetails div.form_info.includePaperWaste div.radioOption, div.formContainer div.tripDetails div.form_info.hasSolarContainer div.radioOption {
    margin: 0 16px 0 0;
}

div.userProfileFormContainer table td div.radioOptions, div.formContainer div.tripDetails div.form_info div.radioOptions, div.formContainer div.radioOptions {
    margin-top: 10px;
}

div.formContainer div.tripDetails {
    background: #f4f4f4;
    border-top: 2px solid #00ab4e;
    padding: 20px;
}

div.formContainer div.tripDetails label {
    color: beige;
    color: #333;
}

.form_info > label {
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom:2px !important;
    display: block;
}

.form_info {
    margin: 0 0 25px !important;
}

.formContainer input[type="text"], .formContainer select, .formContainer textarea,
.formElement input[type="text"], .formElement select, .formElement textarea {
    border-radius: 20px;
    height: 38px !important;
    font-size: 14px;
    border-color: #dfdfdf;
    padding: 0 16px;
    color: #777;
}

div.tripsTypeContainer {
    background: transparent;
}

div.tripsTypeContainer div.addItem {
    background: transparent;
    font-weight: bold;
    height: 32px;
    padding: 0 10px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 auto auto;
    color: #444;
    font-size: 14px;
    width: auto;
}

div.formButtons {
    padding: 0;
    justify-content: space-between;
    margin-top: 60px;
}

div.formButtons div.saveCalculationSubmit, div.formButtons div.readyToOffset {
    border: none;
    padding: 0 20px;
    font-weight: bold;
    color: #444;
}

div.formButtons div.saveCalculationSubmit, div.formButtons div.readyToOffset:after {
    display: none;
}

div.formButtons div.nextStepButton {
    height: 44px;
    display:  inline-flex;
    align-items: center;
    font-weight: bold;
    border: none;
}

div.formButtons div.cmsms_button::after, div.loginButtons div.cmsms_button::after {
    display: none;
}

div.formContainer div.tripDetails div.tripActions {margin-bottom: 15px;padding-top: 8px;}

.tripDetails + .tripDetails {
    margin-bottom: 30px;
}
.vehicleType .formElement {
    display: flex !important;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.vehicleType .formElement > div {
    flex: 0 0 25%;
    padding: 0 30px 0 0 !important;
    margin: 20px 0 20px 0 !important;
}

div.formContainer div.tripDetails img.ui-datepicker-trigger, div.calculationsContainer table.cmsms_table div.dateInput img.ui-datepicker-trigger {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 15px;
}

div.calculatorContainer div.dateCreated input[type="text"], div.formContainer div.dateCreated input[type="text"], div.formContainer div.tripDetails div.form_info input[type="text"] {
    width: 100%;
}

.formElement {
    position: relative;
}

div.formContainer div.tripDetails div.tripActions {
    margin-left: -20px;
    margin-top: -10px;
    margin-right: -20px;padding: 0 20px;
}
select {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAHCAYAAAD5wDa1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACpSURBVHgBvZDBDYMgFIYfevTiCB1BN9Al9CqT1E5CeyLAEHQER+gInjhB6E/SJh6atonELyG8x//y/wARMMZ09IVf+r8UUsouxmi11uLTgFLqmvQ0RzthL8MzY2yG6eKc6znnqxCirqrKQm5wPo/jeKGdsHeBm09lWabXPRDMEZDqE/YJQTfKANs2+MoGQRYBNdoVqx+GYaFMFNsmGXvvW5T3EEKbM+hwnr3ASlVtFWBaAAAAAElFTkSuQmCC');
}

.formElement.radioOptions {
    margin-left: 10px;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
    position: relative;
    top: 3px;
}

.formElement.radioOptions .radioOption {
    display: inline-flex !important;
    align-items: flex-start !important;
}

.formElement.radioOptions .radioOption input {
    margin-top: 2px !important;
    margin-right: 4px !important;
}

div.calculatedEmissions {
    background: #f4f4f4;
    border-radius: 100px;
    padding: 0;
}

div#calculatedEmissions label {font-size: 18px !important;padding: 15px 20px;line-height: normal;margin: 0 !important;}

div#calculatedEmissions div {
    background: #9aca3c;
    display: inline-flex;
    width: auto;
    margin: 0 0 0 auto;
    height: 52px;
    align-items: center;
    padding: 0 30px;
    border-radius: 100px;
    color: white;
    font-size: 20px !important;
}

div#cmsms_row_lmnopqrstuv .cmsms_text h2 {
    margin: 40px 0 20px;
    font-size: 24px;
}

div#cmsms_row_lmnopqrstuv .cmsms_text h2 + h3 {
    line-height: 1.5em;
    font-size: 18px;
    margin-bottom: 40px;
}

p {
    font-size: 16px;
    line-height: 1.56em;
    margin: 0 0 2.1em;
    color: #535b68;
    padding: 0;
}

div#cmsms_row_lmnopqrstuv .cmsms_text a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

div#cmsms_row_lmnopqrstuv .cmsms_text h3:last-child {
    font-size: 20px;
    margin-top: 70px;
}


div#cmsms_row_calccontent #calculationType {
    margin: 0;
}

div#cmsms_row_calccontent #calculationType > div {
    box-shadow: 0px 13px 49px -9px rgba(0, 0, 0, 0.12), 0px 7.6544px 25.5584px -9px rgba(0, 0, 0, 0.086784), 0px 3.9312px 11.9952px -9px rgba(0, 0, 0, 0.067392), 0px 1.5808px 5.2528px -9px rgba(0, 0, 0, 0.052608), 0px 0.3536px 2.2736px -9px rgba(0, 0, 0, 0.033216);
}

div#cmsms_row_calccontent #calculationType > div > div {
    border: none;
}

div#cmsms_row_calccontent + a + div h3 {
    font-size: 20px;
    margin: 0 0 30px;
}

div#cmsms_row_calccontent + a + div .one_half {
    padding: 0 30px;
}

* > p:last-child {
    margin: 0;
}

div.calculationType div.cmsms_column.one_third div.cmsms_img {
    display: flex;
    flex-flow: column nowrap;
}

div.calculationType div.cmsms_column.one_third div.cmsms_img div.greyBox {
    flex: 0 0 auto;
    margin: 0 0 auto;
}

div.calculationType div.cmsms_column.one_third div.cmsms_img p {
    padding: 25px;
    margin: 0 0 auto;
}

div#cmsms_row_calccontent + a + #cmsms_row_lmnopqrstuv .cmsms_row_margin ul li {
    font-size: 16px;
    line-height: 1.5em;
}

div#cmsms_row_calccontent + a + #cmsms_row_lmnopqrstuv .cmsms_row_margin ul {
    margin: 0 0 30px;
}

.cmsms_stats.stats_mode_counters.stats_type_numbers .cmsms_stat_wrap .cmsms_stat .cmsms_stat_inner[class^="cmsms-icon-"]:before, .cmsms_stats.stats_mode_counters.stats_type_numbers .cmsms_stat_wrap .cmsms_stat .cmsms_stat_inner[class*=" cmsms-icon-"]:before {
    color: #34a42d;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    font-size: 43px;
}

.cmsms_stats.stats_mode_counters.stats_type_numbers .cmsms_stat_wrap .cmsms_stat .cmsms_stat_inner[class^="cmsms-icon-"], .cmsms_stats.stats_mode_counters.stats_type_numbers .cmsms_stat_wrap .cmsms_stat .cmsms_stat_inner[class*=" cmsms-icon-"] {
    padding: 0;
    text-align: center;
    padding-top: 60px;
}

.cmsms_stats.stats_mode_counters.stats_type_numbers .cmsms_stat_wrap .cmsms_stat .cmsms_stat_inner .cmsms_stat_counter_wrap .cmsms_stat_counter {
    font-size: 36px;
    color: #4c5562 !important;
}

div#cmsms_row_calccontent + a + #cmsms_row_lmnopqrstuv {
    padding: 40px 0 0;
}
.toolbarNavigation ul li:before {
    display: none;
}

.toolbarNavigation ul li a {
    display: block;
    text-decoration: none !important;
    color: #4c5562;
    font-size: 14px !important;
    padding: 6px 12px;
    background: #f8f8f8;
    border-radius: 100px;
}

.toolbarNavigation ul li {
    margin: 0 !important;
    padding: 0 5px !important;
}

.toolbarNavigation ul li a:hover {
    background: #eaeaea !important;
}

p.alert.alertError {
    border-color: #a42d2d;
    color: white;
    font-weight: normal;
    border-radius: 100px;
    border-width: 1px;
    background: #fff6f6;
    color: #981e1e;
}

.resultItem {
    background: #f4f4f4 !important;
    border-radius: 100px;
    margin: 0 0 20px;
    padding: 0 !important;
}

.resultItem .label {
    font-size: 18px !important;
    padding: 15px 20px;
    line-height: normal;
    margin: 0 !important;
}

.resultItem .result {
    background: #9aca3c;
    display: inline-flex;
    width: auto;
    margin: 0 0 0 auto;
    height: 52px;
    align-items: center;
    padding: 0 30px;
    border-radius: 100px;
    color: #fff;
    font-size: 20px !important;
    width: auto !important;
    font-weight: bold;
}

div#calculatorContainer h2 {
    font-weight: bold;
    margin: 0 0 25px;
}
.page-id-3551 div#calculatorContainer {
    text-align: center;
    margin-top: -10px;
}

.page-id-3551 
 div#calculatorContainer > p:first-child {
    font-size: 22px;
}

.page-id-3551 div#calculatorContainer > ul {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0px 0 70px;
}

div#registerFormContainer form, #loginFormContainer form, #resetPasswordForm {
    border: none;
    background: #f4f4f4;
    padding: 20px;
    border-top: 2px solid #00ab4e;
}


div#registerFormContainer form table, #loginFormContainer form table {
}

div#registerFormContainer form table thead th, #loginFormContainer form table thead th, #resetPasswordForm table thead th {
    background: transparent;
    color: #484d56;
    font-size: 18px;
    border: none;
    padding: 0 !important;
    padding-bottom: 25px !important;
}

div#registerFormContainer form table td, #loginFormContainer form table td, #resetPasswordForm table td {
    padding: 0 !important;
    border: none !important;
}

div#registerFormContainer form table td input, #loginFormContainer form table td input, #resetPasswordForm table td input {
    border-radius: 100px;
    height: 42px;
    font-size: 15px;
    padding: 0 20px;
    border-color: #e0e0e0 !important;
}

div#registerFormContainer form table td label, #loginFormContainer form table td label, #resetPasswordForm table td label {
    font-weight: normal !important;
    color: #535b68;
}

div#registerFormContainer form table td input[type="submit"], #loginFormContainer form table td input[type="submit"], #resetPasswordForm table td input[type="submit"] {
    background: #00ab4e;
    color: white;
    font-weight: bold;
    font-size: 15px;
    border: none !important;
    padding: 0 40px;
}
div#registerFormContainer form table td input[type="submit"]:hover, #loginFormContainer form table td input[type="submit"]:hover, #resetPasswordForm table td input[type="submit"]:hover {
    opacity: .9
}

div#registerFormContainer form table tr:last-child .form_info, #loginFormContainer form table tr:last-child .form_info, #resetPasswordForm table tr:last-child .form_info {
    margin: 0 !important;
}

div#loginFormContainer > p > a {
    display: block;
    text-align: center;
    padding: 25px 0 0;
    color: #646b77;
}

body {
    color: #535b68;
}
html.csstransitions .cmsms_button, html.csstransitions .button, html.csstransitions .comment-reply-link, html.csstransitions #cancel-comment-reply-link, html.csstransitions input[type=submit], html.csstransitions input[type=button], html.csstransitions button {
    border: none;
    font-weight: bold;
    font-size: 14px;
}

div.calculationsContainer div.calculationSelection div.cmsms_button a {
    text-decoration: none !important;
!Im:;
}

html.csstransitions .cmsms_button,
 html.csstransitions .button,
 html.csstransitions .comment-reply-link,
 html.csstransitions #cancel-comment-reply-link,
 html.csstransitions input[type=submit],
 html.csstransitions input[type=button],
 html.csstransitions button,
html.csstransitions .cmsms_button a,
 html.csstransitions .button a,
 html.csstransitions .comment-reply-link a,
 html.csstransitions #cancel-comment-reply-link a,
 html.csstransitions input[type=submit] a,
 html.csstransitions input[type=button] a,
 html.csstransitions button a {
    font-size: 15px !important;
}

select {
    border-radius: 100px;
    font-size: 14px;
}

.selectCalculationContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.selectCalculationContainer > div:first-child {
    padding: 0 30px 0 0;
}

div.calculationsList div.calculationItem.header, div.ordersList div.ordersListItem.header {
    background: transparent;
    padding-bottom: 10px;
    border-bottom-color: #e0e0e0;
}

.totals {}

div.ordersList div.totals div.emissions, div.ordersList div.totals div.amount, div.ordersList div.totals div.carbonOffset {
    background: #fafafa;
    margin: 0 0 30px;
    border-radius: 30px;
    margin-right: 40px;
}

div.ordersList div.totals div.emissions p, div.ordersList div.totals div.amount p, div.ordersList div.totals div.carbonOffset p {
    font-size: 18px;
    margin: 0;
    font-weight: normal;
}

div.ordersList div.totals div.emissions div, div.ordersList div.totals div.amount div, div.ordersList div.totals div.carbonOffset div {
    font-weight: bold;
    color: #34a42d;
}
nav#calculatorWorkflow {
    margin: auto;
    text-align: center;
}

nav#calculatorWorkflow ol {
        display: flex;
    max-width: 100%;
    margin: 10px 0 70px;
}

nav#calculatorWorkflow ol li {
    margin: 0;
    flex: 0 0 16%;
	padding-top: 10px;
    position: relative;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}

nav#calculatorWorkflow ol li a {
    display: block;
    padding: 30px 0 0;
    background: transparent;
    color: #34a42c;
    position: relative;
    margin: 0;
    font-weight: bold;
    position: relative;
    z-index: 3;
	font-size: 13px;
}

nav#calculatorWorkflow ol li a:after {
    display: none;
}

nav#calculatorWorkflow ol li.selected a {
    color: #4c5562;
}

nav#calculatorWorkflow ol li.selected + li a,
nav#calculatorWorkflow ol li.selected + li + li a,
nav#calculatorWorkflow ol li.selected + li + li + li a,
nav#calculatorWorkflow ol li.selected + li + li + li + li a,
nav#calculatorWorkflow ol li.selected + li + li + li + li + li a,
nav#calculatorWorkflow ol li.selected + li + li + li + li + li + li a,
nav#calculatorWorkflow ol li.selected + li + li + li + li + li + li + li a,
nav#calculatorWorkflow ol li.selected + li + li + li + li + li + li + li + li a {
    color: #979ca4;
}

nav#calculatorWorkflow ol li a:before {content: '';width: 15px;height: 15px;position: absolute;left: 50%;top: 3px;margin: 0 0 0 -6px;background: #34a42c url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.707 19.121a.997.997 0 01-1.414 0l-5.646-5.647a1.5 1.5 0 010-2.121l.707-.707a1.5 1.5 0 012.121 0L9 14.171l9.525-9.525a1.5 1.5 0 012.121 0l.707.707a1.5 1.5 0 010 2.121z" fill="%23ffffff"/></svg>') no-repeat 50% / contain;border-radius: 100px;box-shadow: 0 0 0 3px #34a42c, 0 0 0 6px white;}

nav#calculatorWorkflow ol li a:after {content: '';width: 100% !important;height: 3px !important;position: absolute;left: 0 !important;top: 0 !important;display: inherit;font-family: none !important;bottom: auto !important;right: auto !important;background: red;display: none;}

nav#calculatorWorkflow ol li:before {content: '';width: 100%;height: 3px;position: absolute;left: 0;top: 9px;background: #34a42c;border-radius: 4px;}

nav.calculatorWorkflow ol.triangle li::after {
    display: none;
}

nav#calculatorWorkflow ol li:first-child:before {
    width: 50%;
    left: 50%;
}

nav#calculatorWorkflow ol li:last-child:before {
    width: 50%;
}

nav#calculatorWorkflow ol li.selected a:before {
    box-shadow: 0 0 0 3px #4c5562, 0 0 0 6px white;
    background: white;
}

nav#calculatorWorkflow ol li.selected a:before {}

nav#calculatorWorkflow ol li.selected:before {
    width: 50%;
}

nav#calculatorWorkflow ol li.selected:after {
    display: block;
    width: 50%;
    position: absolute;
    left: 50% !important;
    background: #b3b8bf !important;
    height: 3px !important;
    bottom: auto !important;
    right: auto !important;
    border: none;
    top: 9px;
    z-index: initial;
}

nav#calculatorWorkflow ol li.selected:last-child:after {
    display: none;
}

nav#calculatorWorkflow ol li.selected + li:before,
nav#calculatorWorkflow ol li.selected + li + li:before,
nav#calculatorWorkflow ol li.selected + li + li + li:before,
nav#calculatorWorkflow ol li.selected + li + li + li + li:before,
nav#calculatorWorkflow ol li.selected + li + li + li + li + li:before,
nav#calculatorWorkflow ol li.selected + li + li + li + li + li + li:before,
nav#calculatorWorkflow ol li.selected + li + li + li + li + li + li + li:before {
    background: #b3b8bf;
}

nav#calculatorWorkflow ol li.selected + li a:before,
nav#calculatorWorkflow ol li.selected + li + li a:before,
nav#calculatorWorkflow ol li.selected + li + li + li a:before,
nav#calculatorWorkflow ol li.selected + li + li + li + li a:before,
nav#calculatorWorkflow ol li.selected + li + li + li + li + li a:before,
nav#calculatorWorkflow ol li.selected + li + li + li + li + li + li a:before,
nav#calculatorWorkflow ol li.selected + li + li + li + li + li + li + li a:before {
    box-shadow: 0 0 0 3px #b3b8bf, 0 0 0 6px white;
    background: white;
}

table.cmsms_table {
    border: none !important;
    background: #f4f4f4;
}

.cmsms_table tr.cmsms_table_row_header td, .cmsms_table tr.cmsms_table_row_header th, .cmsms_table tr.cmsms_table_row_header td:first-child, .cmsms_table tr.cmsms_table_row_header th:first-child, .cmsms_table tr.cmsms_table_row_header td:last-child, .cmsms_table tr.cmsms_table_row_header th:last-child, .cmsms_toggles .cmsms_toggle_wrap .cmsms_toggle_title:hover > .cmsms_toggle_plus, .cmsms_toggles .cmsms_toggle_wrap.current_toggle .cmsms_toggle_title .cmsms_toggle_plus, .cmsms_tabs .cmsms_tabs_list .cmsms_tabs_list_item.current_tab > a, .cmsms_tabs .cmsms_tabs_list .cmsms_tabs_list_item > a:hover, .cmsms_tabs .cmsms_tabs_list .cmsms_tabs_list_item.current_tab:first-child > a, .cmsms_tabs .cmsms_tabs_list .cmsms_tabs_list_item:first-child > a:hover, .cmsms_tabs.tabs_mode_tour .cmsms_tabs_list .cmsms_tabs_list_item.current_tab > a, .cmsms_tabs.tabs_mode_tour .cmsms_tabs_list .cmsms_tabs_list_item > a:hover, .cmsms_tabs.tabs_mode_tour .cmsms_tabs_list .cmsms_tabs_list_item.current_tab:first-child > a, .cmsms_tabs.tabs_mode_tour .cmsms_tabs_list .cmsms_tabs_list_item:first-child > a:hover, .cmsms_icon_list_items.cmsms_color_type_border .cmsms_icon_list_item .cmsms_icon_list_icon, .related_posts > ul li > a:hover, .related_posts > ul li > a.current, .related_posts > ul li:first-child > a:hover, .related_posts > ul li:first-child > a.current, .cmsms_button:hover, .button:hover, .cmsms_paypal_donations > span, .current > .button, .button.current, input[type=submit]:hover, input[type=button]:hover, button:hover, .comment-reply-link:hover, #cancel-comment-reply-link:hover {
    background: transparent;
    border: none;
    border-top: 2px solid #08af4a;
    color: #4c5562;
    font-size: 20px;
    text-align: left;
    padding: 0px 20px;
    font-weight: normal;
}

th {}

.cmsms_table tr td {
    border: none !important;
    padding: 0 30px !important;
}

.cmsms_table tr:first-child td {
    border-top: 1px solid #e0e0e0 !important;
    padding-top: 20px !important;
}

.cmsms_table tr td .calculationType {
    padding: 0 !important;
    display: flex;
}

.cmsms_table tr td .calculationType .calculationTypeOption {
    background: white;
    padding: 30px !important;
    display: flex;
    flex-flow: column nowrap;
    width: 33.33%;
}

.formElement .ui-datepicker-trigger {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 16px;
    height: auto;
}

div#formButtons {}

.cmsms_table tr td .formButtons {margin: 0;padding-bottom: 30px;}

.cmsms_table tr td .formButtons .cmsms_button {
    margin: 0;
}
div.tripsTypeContainer div.addItem {
    background: #eee;
}
div.tripsTypeContainer div.addItem:hover {
    background: #34a42d;
    color: white;
}div#calculatorResults > div {
    /* display: flex; */
}

div#calculatorResults > div .label {
    /* flex: 1 1 auto; */
    width: auto;
}

div#buyCredits, div#sendReport {
    font-weight: bold !important;
    font-size: 20px !important;
    min-height: 60px !important;
    display: inline-flex;
    align-items: center;
}

div#buyCredits a, div#sendReport a {
    font-weight: bold !important;
    padding: 0 25px !important;
    font-size: 20px !important;
}

@media screen and (max-width:768px) {
	
	.resultItem .result { font-size: 16px !important; }
	.resultItem .label { font-size: 14px !important; }
	div#buyCredits, div#sendReport { max-width: 50%; }
	div#buyCredits a, div#sendReport a { font-size: 16px !important; }
	div#buyCredits a:hover, div#sendReport a:hover { text-align: center !important; }

}

.menu-item-6183 { display: none !important; }

.menu-item-6177 a { color: white !important; font-weight: bold !important; }
.menu-item-6177:hover a span.nav_bg_clr { background-color: #9aca3c; }
.menu-item-6177:hover { background: #9aca3c; }  
.menu-item-6177 { background: rgb(0, 171, 78) }

.resultItem .label {
    padding: 10px 0;
    background: white;
}

.resultItem {
    background: #0000 !important;
    align-items: center !important;
    position: relative;
}

.resultItem:after {content: '';width: 100%;height: 3px;background: #f0f0f0;position: absolute;left: 0;top: 50%;z-index: 1;}

.resultItem > * {
    position: relative;
    z-index: 2;
    box-shadow: 0 0 0 5px white;
}

.resultItem > *:first-child {
    box-shadow: 20px 0 0 white;
}

.resultItem > *:last-child {
    box-shadow: -20px 0 0 white;
}

.resultItem .result {
    height: 38px;
    padding: 0 20px;
    font-size: 16px !important;
}

.resultItem .result .label {
    font-size: 16px !important;
}

.resultItem .label {
    font-size: 16px !important;
    font-weight: bold !important;
}

.page-id-3551 div.calculatorResults div.resultItem:last-child .result { color: white; }

@media only screen and (min-width: 768px) {
.page-id-3551 div.formContainer { padding-left: 2em; }

}