/*balance and returns outstanding text */
.account-overview{
font-size: 16pt;
	color:white;
    padding-top: 5px;
}
/*grey panel around balance and returns outstanding */ 
.gray-panel {
	padding: 20px 40px 20px 40px;
	background: #ecedee;
	margin-bottom: 15px;
}

/*balance info icon */ 
.fa-info-circle{
	vertical-align: middle;
	color:white;
	font-size:1.6rem;
	cursor:pointer;

} 
.fa-info-circle:hover{
	color:#e;
}
/*class for ingredient elements for balance and returns outstanding only */ 
div.elementMain {
	background-color:#0D757A ;
	color: white; 
}
div.panalMain {
	background-color:white ;

}
/*reg no text */
.action-text{
	color: #333;
}


.scrollable{
height:100%;
width:100%; 
overflow: hidden;
}
#theTable {
width:99%;
overflow:hidden;
}

.ingredient-element-heading {
		display:none;
	}
.double-btn-primary.small {
	padding: 14px 6px;
	font-size: 1.05rem;
	letter-spacing: -0.5px;
	min-width: 85%;
	max-width: 85%;
}

.info-button-location-dropDown {
	outline: none;
	padding-top: 70px;
}

.popup-close-x{
	opacity: 1; 
	margin-top: 10px; 
	margin-right: 20px;
}

.popup-close-button{
	margin: 10px 0px 0px; 
	padding: 10px 20px;
}

.ingredient-element {
	background: #ffffff;
	padding-top: 7px;
	margin-top: 10px;
	padding-bottom: 7px;
	
	font-size: 14px;
	font-size: 1rem;
	font-weight: 500;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}

/* Added CSS */
div.ingredient-element-header {
	padding-left: 15px !important;
	font-size: 16px;
	font-weight: bold;
}
.ingredient-element-data {
padding:0px; 
}

div.view-details-link {
	text-align: right;
	color: #0090ec;
	text-decoration: underline;
	font-size: 14px;
	font-size: 1rem;
	font-weight: 500;
}

.currency-unit {
	margin-left: -2px;
}

.section-heading-description2 {
	font-size: 14px;
	font-size: 1rem;
	padding-bottom: 30px;
	padding-left: 0px;
}
.account-func-button{
	width: 175px;
	height: 50px;
}

a.btn.btn-primary.search-button{
    height: 40px;
    font-size: 16px;
    padding: 7px;
    margin-left: 24px;
}


.number-style-align{
padding-left: 42px;	
}

.button-container {
	margin-left: 70px;
}
.button-container2 {
	margin-left: 0px;
	padding-right:0;
	float:right;
}
a.btn.btn-primary.account-feature-button {
    width: 140px;
    height: 40px;
    font-size: 16px;
    padding: 10px;
   
}


@media only screen and (min-width: 990px) {
	div.offset-margin-style {
		margin-left:0 ;
	}
}


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

.ingredient-element{

	font-size:1.4rem;

}
	.card-header {
		display: none;
	}
	.ingredient-element-heading {
		display: inline-block;
		font-weight: bold;
		
	}
	.number-style-align {
		padding-left: 0;	
	}
	div.view-details-link {
		text-align: center;
	}
	div#overview-heading {
    	line-height: initial;
	}
	.button-container{
		margin-left: 14px;
		margin-bottom: 40px;
		padding-left: 0;
	}
	.section-heading-description{
		/*margin-left: 10px; */
		/*text-align: center; */
	}
	.section-heading-description2{
		margin-left: 10px;
		text-align: center;
	}
	.account-overview {
		margin-bottom: 5px;
	}
	a.btn.btn-primary.account-feature-button {
		margin-left: 0;
	}
	a.btn.btn-primary.search-button{
		margin-left: 0;
	}
}







.section-heading-description {
	font-size: 14px;
	font-size: 1rem;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.allocation-element {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px !important;
	font-size: 14px;
	font-size: 1rem;
	font-weight: 500;
}

.allocation-element.border{
	border-bottom: 1px solid #8c8b8b;
}

.container-border{
	border-bottom: 1px solid #dddddd;
	margin-bottom:10px;
}

.allocation-total{
	padding-bottom:7px;
	font-weight:700;
	font-size:15px;
	font-size:1.1rem;
}

.col-md-6.ingredient {
	padding-right: 10px;
	padding-left: 10px;
}

.category-container {
	padding-bottom: 0px;
	padding-top: 14px;
}

.category-heading {
	font-weight: 800;
	margin-bottom: -10px;
}

.element-value {
	font-weight: 300;
	padding-right: 2px;
	padding-left: 2px;
}

.ingredient-element-action {
	text-decoration: underline;
	/*color: #1FC7C6; */
	color: #0090ec;
	font-size: 14px;
	
	font-weight: 500;
}

.col-md-8.text {
	padding-right: 0px;
	padding-left: 5px;
	overflow: hidden;
	margin-top: 2px;
}

.info-icon {
	border-radius: 50%;
	color: #1874BA;
	font-size: 13px;
	border: 1px solid #1874BA;
	padding: 3px 9px 3px 9px;
	text-align: center;
}

.info-icon-image.blank {
	min-width: 25px;
	min-height: 26px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.ingredient-element-margin {
	margin-top: 3px;
}

.info-icon-image {
	max-width: 25px;
	max-height: 25px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.col-xs-2.newtext {
	padding-right: 0px;
	padding-left: 0px;
	margin-right:10px;
	margin-left:-10px;
	color: #FE964E;
}

.col-md-1.newtext {
	padding-right: 0px;
	padding-left: 0px;
	margin-right:60px;
	margin-left:-20px;
	color: #FE964E;
}

.col-md-1.action {
	padding-right: 5px !important;
	padding-left: 5px !important;
	text-align: right;
	float: right !important;
	margin-top: 2px;
}

.btn {
	margin-left: 0px;
	font-size: 15px;
	font-size: 1.4rem;
}

.btn-primary.header {
	padding: 12px 18px;
}

.btn-primary.accept {
	padding: 12px 60px;
}

.gray-panel.section {
	padding: 25px 0px 25px 0px;
	overflow: hidden;

}

.ingredient-name {
	padding-left: 2px;
	padding-right: 2px;
}

.section-heading {


	color: #0D757A;
	font-size: 15px;
	font-size: 1.4rem;
	font-family: inherit;
	font-weight: 700;
	display: block;;
	/*-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;*/
	font-weight: bold;
}

.totalClaim {
	padding: 25px 0px 25px 7px;
	height: 25px;
	background: #ecedee;
	white-space: nowrap;
}

.claimText {
	padding-left: 0px;
	padding-right: 0px;
	white-space: nowrap;
}

.section-heading-padding {
	padding-bottom: 14px;
}

.black {
	color: #000000;
}

.align-left {
	padding-left: 0px;
}

.align-right {
	padding-right: 0px;
}

@media only screen and (max-width: 990px) {
	.section-heading {
		/*text-align: center*/
	}
	.section-heading-padding {
		text-align: center;
	}
	.btn.primary.header {
		text-align: center;
	}
	.gray-panel.section {
		text-align: center;
	}
	.col-md-1.action {
		text-align: center;
		float: initial !important;
	}
	.ingredient-element-action {
		text-align: center;
	}
	.element-value {
		text-align: center;
	}
	
	.adjusted{
		margin-right:100px !important;
	}
}

@media only screen and (max-width: 767px) {
	.nav-bar-side {
		display: none;
	}
	
	.adjusted{
		margin-right:125px;
	}
}

.hidden-panel {
	display: none;
}

.collapsing {
	-webkit-transition: none;
	transition: height 0.01s;
}

.menu-item-child {
	margin-left: 5px !important;
	margin-left: -10px;
	border: 2px solid #DCDCDC;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	font-size: 10px !important;
	font-size: 1rem;
}

.menu-item-child-text {
	font-size: 11px !important;
	font-size: 1rem;
}

/* Error Messages by ID */
#paye-validation-error-message {
	color: #ff5655;
}

#paye-input-error {
	width: 110%;
}



@media screen and (min-width: 768px) and (max-width: 801px) {
	.field-date .employment-start-date {
		width: 67%;
	}
	
	.adjusted{
		margin-right:100px !important;
	}

}

@media screen and (min-width: 801px) {
	.field-date .employment-start-date {
		width: 45%;
	}
}

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

	.link-back {
		left: 20px !important;
		top: 30px !important;
	}
	.section-number {
		padding-top: 0px;
	}
	.col-sm-2 .radio-label {
		width: 40%;
		min-width: 95px !important;
	}
	.gray-panel {
		padding-left: 16px !important;
	}
	.start-date,.employment-status,.view-details {
		padding-left: 6px;
		padding-bottom: 3px;
	}
	.modal-content .employm-details {
		padding: 0px !important;
	}
	.modal-header .close {
		float: none;
	}
	.gray-panel .form-group {
		margin-bottom: 10px;
	}
	/* Make col-xs-11 and col-xs-1 equal to col-xs-10 and col-xs-2 for minimized modals */
	.modal-content .modal-header .col-xs-11 {
		width: 83.33333333% !important;
	}
	.modal-content .modal-header .col-xs-1 {
		width: 16.66666667% !important;
	}

	.adjusted{
		margin-right:72px !important;
	}
	.ingredient-element-heading, .ingredient-element-data {
	padding:0;
	display:block; 
	min-width:160px;
	}
	
	#saveButton , #printSaveButton {
	float:right; 
	margin-right:5px; 
	}
	
	#searchButton {
	float:left; 
	margin-left:5px;
	}
	


}

.modal-content .modal-header .col-xs-10,.modal-content .modal-header .col-xs-11,.modal-header .page-title {
	padding-left: 0px;
}

@media only screen and (min-width: 801px) {
	.gray-panel .float-left {
		float: left;
		padding: 0px 7px 14px 4px;
	}
	.start-date {
		padding-left: 4px;
	}
	.viewDetailsLink {
		float: right;
	}
}

@media ( max-width : 480px) {
.ingredient-element-heading, .ingredient-element-data {

	min-width:220px;
	}
	.modal-content .btn-float {
		margin-bottom: 10px;
		margin-top: -5px;
	}
}

#last-name-input-label {
	margin-bottom: 10px;
}

.employer-name {
	padding-left: 3px !important;
	margin-top: 0px;
	margin-bottom: 15px;
	font-weight: 400;
}

.nestedHelpLink {
	margin-left: 3px;
}

.modal-dialog .view-details {
	width: 640px;
}

.modal-content .modal-body .close {
	position: relative;
	background: #b0b0b0;
	border-radius: 100%;
	display: block;
	color: #fff;
	font-size: 38px;
	line-height: 22px;
	left: -10px;
	opacity: 1;
	filter: alpha(opacity = 100);
}

.modal-content .modal-body .close img {
	height: 40px !important;
	width: 40px !important;
}

.marginTop5 {
	margin-top: 5px !important;
}

.padTop5 {
	padding-top: 5px !important;
}

.padTop10 {
	padding-top: 10px !important;
}

.padTop15 {
	padding-top: 15px !important;
}

.padBottom20 {
	padding-bottom: 20px !important;
}

.radio-btn-inline {
	margin-right: 15px !important;
	margin-top: 13px;
}


.float-right {
	float: right;
}

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #f5f5f5;
}

.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
	padding: 12px 24px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: none;
}

.modal-body .table-striped {
	font-size: 18px;
}
/** Fonts **/
.staticText {
	font-family: "Fira Mono", Courier, Arial, sans-serif;
	margin-left: 5px;
	color: black;
	font-size: 18px;
}

.staticText-summary {
	font-family: "Fira Mono", Courier, Arial, sans-serif;
	color: black;
	font-size: 17px;
}

.modalHelpLink {
	margin-left: 19px;
}

.noPadLeft,.padLeft0 {
	padding-left: 0px !important;
}

.padLeft5 {
	padding-left: 5px !important;
}

.padLeft10 {
	padding-left: 10px !important;
}

.padLeft15 {
	padding-left: 15px !important;
}

.padLeft20 {
	padding-left: 20px !important;
}

.marginBottom15 {
	margin-bottom: 15px;
}

.marginBottom20 {
	margin-bottom: 20px;
}

.justify {
	text-align: justify;
}

.btn-float {
	padding: 14px 0px 10px 20px;
	margin-right: 10px !important;
}
/* Intro screen */
.btn-begin {
	width: 230px;
	padding: 14px;
	font-size: 17px;
}

.intro .link-back {
	width: 160px !important;
}

@media ( min-width : 768px) {
	.intro .link-back {
		left: -160px !important;
	}
}

@media screen and (min-width: 319px) and (max-width: 340px) {
	.step-icon {
		width: 55px !important;
		height: 55px !important;
	}
	.step .number {
		font-size: 19px !important;
		line-height: 48px !important;
	}
}

.intro .col-sm-11 {
	padding-left: 18px;
}

.intro ul li .bullets {
	width: 18px;
	position: absolute;
	left: 18px;
	color: #00c6c6;
}

.intro ul li {
	padding: 7px 0;
	list-style: none;
}

.intro .what ul li {
	padding: 6px 0;
	list-style: none;
}

.intro .yellow-circle {
	left: 19px;
}

.step {
	margin-bottom: 10px;
}

.step .number {
	font-size: 23px;
}

.step-icon {
	display: block;
	border: 3px solid;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	font-size: 32px;
	text-indent: 7px;
	line-height: 54px;
	text-align: inherit;
	margin-bottom: 10px;
}
/** PAYE Online List Screen **/
@media screen and (min-width: 360px) and (max-width: 767px) {
	.table>tbody>tr>td,.table>tfoot>tr>td {
		padding: 12px 14px;
	}
}

@media screen and (max-width: 360px) {
	.table>tbody>tr>td,.table>tfoot>tr>td {
		padding: 14px 0px;
		font-size: 17px;
		/*padding-left: 16px !important;*/
	}
	.employm-details .staticText {
		padding-left: 10px !important;
		font-size: 16px !important;
	}
}
/** PAYE Online / Pension Details Screen **/
@media screen and (min-width: 320px) and (max-width: 359px) {
	#proprietary_dir_label,#proprietary_dir_none_label {
		width: 243px;
	}
}

@media screen and (min-width: 360px) and (max-width: 374px) {
	#proprietary_dir_label,#proprietary_dir_none_label {
		width: 282px;
	}
}

@media screen and (min-width: 375px) and (max-width: 383px) {
	#proprietary_dir_label,#proprietary_dir_none_label {
		width: 297px;
	}
}

@media screen and (min-width: 384px) and (max-width: 411px) {
	#proprietary_dir_label,#proprietary_dir_none_label {
		width: 306px;
	}
}

@media screen and (min-width: 412px) and (max-width: 599px) {
	#proprietary_dir_label,#proprietary_dir_spouse_label,#proprietary_dir_child_label,#proprietary_dir_none_label {
		width: 306px;
	}
}

@media screen and (max-width: 768px) {
	.staticText-summary {
		padding-left: 0;
	}
	.button-container2{
		padding-bottom:15px;
	}
}

@media screen and (max-width: 991px) {
	.declaration {
		width: 99% !important;
		text-align: justify;
	}
}
/** Summary Screen **/
.summaryTitle {
	margin-bottom: 18px;
}

.summaryPanel {
	margin-left: 17px;
	margin-bottom: 15px;
}

@media screen and (max-width: 383px) {
	.summaryPanel .edit {
		margin-right: -20px;
	}
}

.summaryPanel .col-sm-11 {
	background-color: #f5f5f5;
	padding: 5px 30px;
}

.summaryPanel .row {
	margin-top: 15px !important;
}

.summaryPanel .employment {
	margin-top: 10px !important;
	/**display: -webkit-box;**/
}

.summaryTitle .underline {
	line-height: 1.1;
}

.declaration {
	width: 90%;
	font-size: initial;
	font-weight: 500 !important;
}
/** Acknowledgement Screen **/
.ack h2 {
	font-weight: 400;
	padding-left: 0px;
	margin-top: 15px;
}

.new-cust-title {
	margin-bottom: 2px;
}
/**						**/
.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

.input-group-addon {
	color: #000;
	background: #fff;
	border: 2px solid #000;
	border-radius: 0px;
}


.select-container {
	border: 4px solid transparent;
	max-width: 600px;
}

.status-active {

	border-color: #00c6c6;
}

.attachAmount {
	max-width: 400px;
	height: 42px;
	border: 2px solid #333333;
	border-radius: 1px;
	font-family: "Fira Mono", Courier, Arial, sans-serif;
	font-size: 18px;
	font-size: 1.28571429rem;
	padding-right: 20px;
}

.info-button-padding {
	border: none;
	outline: none;
	padding-top: 4px;
}

.status-of-ingredient {
	color: red;
}

.ingrType {
	color: black;
}

/* TAG */
.tags-removed,.tags-inserted,.tags-changed {
	margin: 0;
	padding: 0;
	position: absolute;
	list-style: none;
}

.tags-removed li,.tags-removed a,.tags-inserted li,.tags-inserted a,.tags-changed li,.tags-changed a {
	float: left;
	height: 24px;
	line-height: 24px;
	position: relative;
	font-size: 11px;
}

.tags-removed a {
	margin-left: 20px;
	padding: 0 10px 0 12px;
	background: #ff5655;
	color: #fff;
	text-decoration: none;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.tags-removed a:before {
	content: "";
	float: left;
	position: absolute;
	top: 0;
	left: -12px;
	width: 0;
	height: 0;
	border-color: transparent #ff5655 transparent transparent;
	border-style: solid;
	border-width: 12px 12px 12px 0;
}

.tags-removed a:after,.tags-changed a:after,.tags-inserted a:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	float: left;
	width: 4px;
	height: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-moz-box-shadow: -1px -1px 2px #004977;
	-webkit-box-shadow: -1px -1px 2px #004977;
	box-shadow: -1px -1px 2px #004977;
}

/*	TAGS CHANGED */
.tags-changed a {
	margin-left: 20px;
	padding: 0 10px 0 12px;
	background: #fbb816;
	color: #fff;
	text-decoration: none;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.tags-changed a:before {
	content: "";
	float: left;
	position: absolute;
	top: 0;
	left: -12px;
	width: 0;
	height: 0;
	border-color: transparent #fbb816 transparent transparent;
	border-style: solid;
	border-width: 12px 12px 12px 0;
}

/* TAGS INSERTED */
.tags-inserted  a {
	margin-left: 20px;
	padding: 0 10px 0 12px;
	background: #00c6c6;
	color: #fff;
	text-decoration: none;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.tags-inserted a:before {
	content: "";
	float: left;
	position: absolute;
	top: 0;
	left: -12px;
	width: 0;
	height: 0;
	border-color: transparent #00c6c6 transparent transparent;
	border-style: solid;
	border-width: 12px 12px 12px 0;
}

.tab {
	margin-left: 100px;
}

.myAccountLink-padding {
	padding-top: 35px;
}

.nav-bar-side {
	margin-top: -40px;
}

.nav-bar-side-elements {
	list-style: none;
	margin-top: 10px;
	padding-bottom: 20px;
	padding-left: 5px;
	margin-left: 5px;
}

.nav-link {
	white-space: nowrap;
	padding-left: 20px;
	margin-top: -6px;
	display: inline-block;
	float: left;
	font-size: 14px;
	color: #333333;
	position:absolute;
	z-index : 1;
}

.nav-child{
	white-space:normal;
}

.readmore-pull-right {
	white-space: nowrap;
}

.single-select-all{
	margin-left:25px;
}

.estimated-salary{
	padding-left:20px;
}

/*Categories for ingredients*/
.categories_img img {
	height: 6%;
	width: 6%;
	left: -10px;
	margin-top: -1px;
	margin-bottom: -1px;
	margin-right: 0px;
	margin-left: -10px;
}

.panel_categories_medical {
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 5px solid rgb(226, 136, 136);
}

.panel_categories_family {
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 5px solid rgb(125, 125, 190);
}

.panel_categories_employments {
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 5px solid rgb(212, 160, 187);
}

.panel_categories_dividends {
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 5px solid rgb(226, 136, 136);
}

.panel_categories_dsp {
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 5px solid rgb(133, 192, 185);
}

.panel_categories_non-paye {
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 5px solid rgb(212, 160, 187);
}

.panel_categories_foreign-income {
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 5px solid rgb(254, 150, 78);
}

.section_categories {
	padding: 5px 0px 5px 0px;
	overflow: hidden;
}

.nav-link:hover {
	color: #1FC7C6;
}

.nav-link:focus,.nav-link.focus,.nav-link.active,.nav-link:active {
	color: #333333;
	font-weight: bold;
}

.button-padding {
	padding-bottom: 220px;
}

.button-padding.single {
	display: none;
}

.nav-spacer {
	margin-top: 30px;
}

.adjust-right {
	margin-left: -15px;
}

.box {
	margin-left: -10px;
	border: 2px solid #DCDCDC;
	width: 12px;
	height: 12px;
}

.infoWeb {
	padding-left: 2px;
	padding-right: 2px;
	margin-top: -2px;
}

.box.filled {
	background-color: #1FC7C6;
}

.box.active {
	border: 2px solid #1FC7C6;
}

@media screen and (max-width: 800px) {
	.xs-no-padding{	
	padding-left:0;
	padding-right:0;
	}
	div.gray-panel.section {
	padding-left:0 !important;
	} 
	h6.section-heading-padding {
		display: none;
	}
	.section-heading {
		/*padding-left: 2%;*/
	}
	.section-heading-padding {
		padding-left: 2%;
	}
	.btn-primary.header {
		width: 100%;
	}
	a.mobile-link,a.mobile-link-less {
		text-decoration: underline;
		float: right;
		cursor: poiner;
	}
	a.info-button-location {
		display: none;
	}
	.hidden-sm-down {
		display: none !important;
	}
	span.js-collapse-arrow {
		display: none;
	}
	.infoWeb {
		display: none;
	}
	div#ppsHelp {
		padding-left: 2%;
	}
	~
}

@media screen and (min-width: 800px) {
	.hidden-md-up {
		display: none !important;
	}
	.infoMobile {
		display: none;
	}
	a.mobile-link {
		display: none !important;
	}
}

div#ppsHelp1,div#ppsHelp2 {
	font-size: 14px;
	font-family: Fira Sans;
}

span.js-collapse-arrow.icon.icon-help.ingredient-element-action {
	padding-left: 3%;
	text-decoration: none;
}

span.js-collapse-arrow.icon.ingredient-element-action.icon-help_expanded {
	padding-left: 3%;
	text-decoration: none;
}

u.underline-collapse-down1,u.underline-collapse-up1,u.underline-collapse-down2,u.underline-collapse-up2 {
	font-family: Fira Sans;
}
.noSelect{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

/*Jarek */
a.collapse-link {
	font-size: 14px;
}

a.collapse-link:visited {
	color: #0c72bc;
}

a.collapse-link:focus {
	color: #0c72bc;
}

.section-heading-description {
	font-size: 14px;
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}


.section-heading-description.button {
	padding-top: 0px;
}

.section-heading-description.link {
	color: #1FC7C6;
	text-decoration: underline;
	font-weight: 600;
	padding: 15px 0px 15px 0px;
}

.section-heading-description.chevron {
	color: #1FC7C6;
}

.top-container {
	padding-bottom: 0px;
	padding-top: 10px;
}

a.collapse-link.inner {
	padding-right: 15px;
	padding-top: 2%;
}

.spacer {
	margin-left: 130px;
}

.spacer-half {
	margin-left: 65px;
}

.header-style {
	margin-right: -120px;
	font-weight: 800;
	margin-bottom: 5px;
}

.employment-label {
	font-size: 15px;
	margin-right: 30px;
	margin-top: 5px;
	margin-left:-10px;
}

.review-heading {
	padding-bottom: 0px;
	padding-top: 14px;
}

.bold {
	font-weight: 800;
}

.field-label {
	margin-left:5px;
	font-weight: 700;
}

.no_limit {
	max-width: none;
}

.employment-popup-dropdown{
	max-width:420px;
}

.lower {
	font-size: 14px;
	margin-bottom: -60px;
	margin-left:-25px;
}

.employment-info {
	margin-top: 2px;
}

.text-spacing {
	margin-bottom: 50px;
}

.text-spacing-up {
	margin-top: 50px;
}

.info-button-text-align {
	margin-left: -65px;
	margin-top: -45px;
	padding-top:80px;
}

.total-claim-position {
	padding: 25px 0px 25px 5px;
	height: 25px;
	white-space: nowrap;
	text-align: center;
}

.top-spacer {
	margin-top: 49px
}

.top-spacer-half {
		margin-top: 15px
}

.container-position {
	padding-bottom: 0px;
	padding-top: 14px;
}

.image-dimensions {
	width: 21px;
	height;
	21
	px;
}

.employments-dropDown {
	left: 130px;
}

.alert-close-dimensions {
	margin-top: 10px;
	width: 25px;
	height:25px;
}

.close-button-borderless {
	border: none;
	outline: none;
}

.employments-dropDown {
	left: 130px;
}

v.modal-header {
	border: none;
	padding: 0 0 0 0;
}

div.paye_modal {
	width: 89%;
	margin: 30px auto;
}

h1.modal-title.welcome-caption {
	color: #005A5F;
	font-weight: bold;
	padding-bottom: 1%;
}

.modal-subCaption {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 3%;
}

div.bottom-div {
	padding-top: 6%;
}

.modal-para {
	font-size: 18px;
	padding-bottom: 2%;
}

a.modal-link {
	font-size: 18px;
	text-decoration: underline;
}

div.alert-div {
	background-color: #F9B732;
	padding-top: 1%;
}

.alert-message {
	font-size: 18px;
}

.warning-text {
	font-size: 14px;
	text-align: center;
	padding-right: 100px;
	padding-left: 100px;
}

.x-enlarged {
	font-size: 45px;
}

.text-description{
	margin-top:-15px;
}


/* Wide modal for questions */
.modal-wide .modal-dialog {  
  width: 60%; 
  margin: 200px auto;  //TODO percentage
}

.modal-wide .modal-dialog .modal-content .modal-header {
  padding: 40px;
}

/* sticky footer */
footer.navbar-default.navbar-fixed-bottom
{
	background:#00c6c6;
	color:white;
	padding:1em 0;
}
footer.navbar-default.navbar-fixed-bottom p
{
	margin:0;
}
.sticky-ingredients-badge {
	border-radius:2px;
	background-color: #044145;
	color: #FFFFFF;
	font-size: 2.5rem;
	font-weight: bold;
	padding: 2px 10px 1px 2px;	
	width: 4%;
}
.sticky-ingredients-text {	
	color: #044145;
	padding-top:15px;
	padding-left: 10px;
}

.selector{
	padding-left:36px;
}

.deselector{
	padding-left:35px;
}

body .modal-title{

	color:#0D757A;
	font-weight: bold;
	font-size:1.2em;
}

body .modal-content .modal-body p{
	font-weight:bold;
	font-size:16px;
}

body .modal-dialog{
	margin-top:20%;
	width:70%;
}

body .modal-dialog-extended{
	margin-top:13%;
	width:80%;
}

.modal-text{
	margin-left:50px;
	margin-top:50px;
	margin-right:50px;
}

.label-asterisk{
	vertical-align:sub;
}

.ingredient-checkbox-labels{
	margin-top:-20px;
}

.no-bold{
	font-weight:normal;
}



.gray-background{
	background-color: #f5f5f5;
}

.center-text{
	padding-top:12px;
	padding-bottom:12px;
}

.center-text-directorship{
	padding-top:17px;
	padding-bottom:12px;
}

.directorship-label{
	padding-top:5px;
	
}

.dual-employment{
	font-size: 14px;
}

.transparent-placeholder{
	display:block; 
	visibility:hidden; 
	margin-left:-95px !important;
}

.label{
	position:absolute;
}

.header-spacer-left{
	margin-left:32px;
}

.checkbox input[type=checkbox][disabled] ~ label:before {
  background-color: #ecedee;
}

.allocations-info-position{
	margin-bottom:-10px; 
	margin-top:-4px;
}

.allocations-pay-container-position{
	margin-top:-31px;
}


/* Flat Rate Expenses */
@media screen and (max-width: 991px){
  .freContainerColDisplay {
  	float: left !important;
    width: 95% !important;
    margin-left: 0% !important;
  }
  
/** Responsive design classes **/
.halfWidth {
  width: 50% !important;
}
.freColumnDisplay, .professionColumnDisplay {
  width: 47%;
}
.freContainerColDisplay {
  margin-left: 25%; 
  width: 75%;
}

/** iPad, iPad mini **/
@media screen and (min-width: 400px) and (max-width: 991px){
  .freColumnDisplay, .professionColumnDisplay, #profession-div, #nature-div {
  	float: left !important;
    width: 95% !important;
    margin-left: 0% !important;
  }
 
  
}

/** Galaxy Note 3, Nexus4, Nexus5X, Nexus6, Nexus6P, iPhone4, iPhone5, iPhone6, iPhone 6 Plus **/ 
@media screen and (max-width: 480px){

.top-container {
    padding-bottom: 0px;
    padding-top: 10px;
}
  .freColumnDisplay,
  .professionColumnDisplay,
  .radio-btn label,
  .radio-float-left {
    width: 100% !important;
  }
  
.radio-btn, .radio-btn label {display: block;}
/* End Flat Rate Expenses */

.radio-padding {
	padding: 10px;
}
}
@media screen and (max-width:1200px) {

.xs-md-no-padding {
	padding:0;
} 
} 
@media screen and (min-width: 900px ){
.container {
width:100%; 
}
}