.clearfix{
		font-weight: bolder;
    	font-size: large;
    	color: red;
	}
	.form-navigation{
		text-align: center;
	}

	.loader {
		border: 8px solid #f3f3f3; /* Light grey */
		border-top: 8px solid #339999; /* Blue */
		border-bottom: 8px solid #339999;
		border-radius: 50%;
		width: 20px;
		height: 20px;
		animation: spin 2s linear infinite;
	  }
	  
	  @keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	  }
	  
	
	.modal-header,
	.modal-body,
	.modal-footer {
	    padding: 25px;
	}
	
	.modal-footer {
	    text-align: center;
	}
	
	#signup-modal-content,
	#forgot-password-modal-content {
	    display: none;
	}
	/** validation */
	
	input.parsley-error {
	    border-color: #843534;
	    box-shadow: none;
	}
	
	input.parsley-error:focus {
	    border-color: #843534;
	    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
	}
	
	.parsley-errors-list.filled {
	    opacity: 1;
	    color: #a94442;
	   
	}

	.errorbox span .parsley-errors-list {
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	
	.errorbox {
		display: block;
		
	}
	
	fieldset {
	    padding: 10px;
	}
	
	fieldset label {
	    min-width: 100px;
	    display: inline-block;
	    padding-top: 10px;
	}
	
	.nextButton {
	    padding: 5px;
	    display: inline-block;
	    float: right;
	}
	
	.submitButton {
	    padding: 5px 5px 5px 40%;
	    display: inline-block;
	}
	
	.previousButton {
	    padding: 5px;
	    display: inline-block;
	    float: left;
	}
	
	#step4Delivery label {
	    min-width: 120px;
	}
	
	#step4Delivery textarea {
	    margin-left: 120px;
	}
	
	#keywordsBox,
	#boundaryBox,
	#orContainer {
	    
	    display: inline-block;
		margin: 0 10px;
		vertical-align: top;
	}
	
	#orContainer {
		margin-top: 10px;
		font-weight: bolder;
    	font-size: x-large;
	}
	
	#selectedItemsContainer {
	    clear: both;
	    min-height: 100px;
	}
	
	#searchResultsContainer {
	    clear: both;
	    display: none;
	    min-height: 100px;
	}
	
	#searchStations,
	#searchBoundary {
	    float: right;
	    display: block;
	}
	
	.modalerror {
	    display: none;
	    background: #f1f1f1;
	    color: #f5130f;
	    position: relative;
	    padding: 10px;
		text-align-last: center;
    	font-weight: bold;
    	font-size: large;
	}
	
	.tabletitle {
	    font-weight: bold;
	    padding: 5px;
	}
	
	.col1 {
	    width: 20%;
	    padding: 0px 5px 0px 5px;
	    font-weight: bold;
	}
	
	.col2 {
	    width: 45%;
	    padding: 0px 5px 0px 5px;
	}
	
	.col3 {
	    width: 15%;
	    padding: 0px 5px 0px 5px;
	    font-weight: bold;
	}
	
	.col4 {
	    width: 20%;
	    padding: 0px 5px 0px 5px;
	}
	
	.searchbtn {
	    padding: 0px 10px 0px 10px;
	    width: 80px;
	}
	
	.panel-heading {
	    cursor: pointer;
	    padding: 7px 15px;
	}
	
	.panel {
	    margin-bottom: 5px;
	}
	
	.panel-default>.panel-heading {
	    background-color: #fbfbfb;
	}
	
	.panel-default>.panel-heading:hover {
	    background-color: #e8e8e8;
	}
	
	.bootstrap-select>.dropdown-toggle {
	    padding: 4px 5px 5px 5px;
	    line-height: 1;
	    height: 30px;
	}
	
	.order-btn {
	    display: inline-block;
	    padding: 5px;
	    margin-left: 5px;
		border-radius: 5px;
	}
	
	.filter-option-inner {
	    height: 18px;
	}
	
	.bootstrap-select .bs-caret {
	    display: none;
	}
	
	.bootstrap-select .dropdown-toggle:before {
	    display: inline;
	}
	
	
	/* Add a green text color and a checkmark when the requirements are right */
	
	.valid {
	    color: green;
	}
	
	.valid:before {
	    position: relative;
	    left: -35px;
	    content: "✔";
	}
	/* Add a red text color and an "x" icon when the requirements are wrong */
	
	.invalid {
	    color: red;
	}
	
	.invalid:before {
	    position: relative;
	    left: -35px;
	    content: "✘";
	}