/*Apptoved Engineers CSS
--------------------------------------------------------------- */

/*Search Box*/

	.search-section {
	    padding-bottom: 0;
	}

	.engineer-search-form input {
		padding: 15px;
	    margin-right: 0.6em;
	    border-radius: 0;
	    width: 100%;
	    border: 1px solid #333;
	    background: #fff;
	}

	.engineer-search-form button {
		border-radius: 0;
		width: 100%;
	}

	.engineer-search-form .form-group {
	    position: relative;
	}

	.engineer-search-form .fa-map-marker {
		position: absolute;
	    right: 20px;
	    top: 14px;
	    font-size: 1.3em;
	    color: #dcdcdc;
	}

/*Search Box*/

/*Toggle*/

	.toggle-link {
		margin-bottom: 2em;
	    text-align: center;
	}

	.toggle-link a {
	    margin: 0 1em;
	    font-size: 1.2em;
	    color: #ccc;
	}

	.toggle-link a.active {
		color: #005e9a;
	}

/*Toggle*/

/*Engineers List*/

	.approved-engineers-list {
	    margin-bottom: 2em;
	    background: #fff;
	    padding: 20px;
	}

	.profile-image {
	    flex: 0 0 25%;
	}

	.profile-image div{
		height: 260px;
		background-size: cover;
		background-position: center;
	}
	.name-score h3 {
	    margin-bottom: 10px;
	}

	.score {
		margin: auto 0;
	}

	.score p {
		margin-bottom: 0;
	}

	.profile-link {
	    display: flex;
	    justify-content: space-between;
	}

	.contact-no {
		margin: auto 0 !important;
	}

	.engineer-details {
	    color: #777;
	}

	.location p {
	    margin-bottom: 10px;
	}

	.location p, .score p span {
	    color: #0080d2;
	}

	.profile-link .sani-btn {
	    margin-right: 1em;
	}

	.no-result-heading {
	    background: #e74c3c;
	    color: #fff !important;
	    padding: 1em;
	    border-radius: 4px;
	    font-size: 1.5em !important;
	}

	.engineer-etab-content.active{
		display: block;
		transition: 2s all ease-in;
	}
	.engineer-etab-content{
		display: none;
		transition: 2s all ease-in;
	}

	.approved-engineers-list .engineer-details {
	    width: 75%;
	}

/*Engineers List*/


/*Loader*/

	.engineer-result-wrapper .loaderEng {
		display: none;
	}
	.engineer-result-wrapper.loading {
		position: relative;
	}
	.engineer-result-wrapper.loading .loaderEng {
		position: absolute;
		height: 100%;
		width: 100%;
		background: #fffdfd87;
		left: 0;
		right: 0;
		top: 0;
		display: block;
		text-align: center;
    	padding-top: 5em;
    	z-index: 9;
	}
	.engineer-result-wrapper.loading .loaderEng svg {
		width: 3.75em;
		transform-origin: center;
		animation: rotate 2s linear infinite;
		margin: auto;
	}
	.engineer-result-wrapper.loading .loaderEng circle {
		fill: none;
		stroke: #0080d2;
		stroke-width: 2;
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
		stroke-linecap: round;
		animation: dash 1.5s ease-in-out infinite;
	}
	@keyframes rotate {
		100% {
			transform: rotate(360deg);
		}
	}
	@keyframes dash {
		0% {
			stroke-dasharray: 1, 200;
			stroke-dashoffset: 0;
		}
		50% {
			stroke-dasharray: 90, 200;
			stroke-dashoffset: -35px;
		}
		100% {
			stroke-dashoffset: -125px;
		}
	}

/*Loader*/


/*Map Section*/

	.map-wrapper {
		position: relative;
		width: 100%;
	}
	
	#map{
		height: 450px;
		width: 100%;
		background-repeat: no-repeat;
		background-position: 10px 10px;
		position: absolute;
		z-index: 1;
	}

	.engineer-sidebar-list {
	    background: #fff;
	    width: 100%;
	    height: 450px;
    	overflow-y: auto;
	}

	.engineer-block {
	    padding: 20px;
	    padding-bottom: 2em;
	    border-bottom: 1px solid #96969652;
	}

	.engineer-block:last-child {
	    margin-bottom: 0;
	    border-bottom: 0;
	}

	.engineer-block h3 {
	    font-size: 1.2em;
	    margin-bottom: 5px;
	}

	.engineer-block .distance {
	    color: #0080d2;
	    text-decoration: underline;
	    margin-bottom: 5px;
	}

	.engineer-block .sani-btn {
	    padding: 4px 15px;
    	display: inline-block;
	}

	.engineer-block .phone {
	    color: #888;
	}

	.engineer-block p {
	    margin-bottom: 15px;
	}

/*Map Section*/

/*Pagination*/

	.pagination {
	    text-align: center;
	    padding-top: 15px;
	}

	.pagination .page-numbers {
	    padding: 8px 20px;
	    background: #fff;
	    margin: 0 5px;
	    border-radius: 2px;
	}

	.pagination .page-numbers:hover {
	    background: #0080d2e0;
	    color: #fff;
	}

	.page-numbers.current {
	    background: #0080d2e0;
	    color: #fff;
	}

/*Pagination*/

/*Responsive*/

	@media (max-width: 1024px) {
		
		.search-box {
		    width: 85% !important;
		}
	}

	@media (min-width: 768px) {

		#map {
		    width: calc(100% - 15px);
		}

		/*.engineer-sidebar-list {
		    height: 450px;
	    	overflow-y: scroll;
		}*/

		.contact-no span {
		    margin-left: 8px;
		}

		.profile-link .sani-btn {
		    padding: 8px 40px;
		}

		.profile-image {
		    margin-right: 2.5em;
		}

		.approved-engineers-list {
		    display: flex;
		    justify-content: space-between;
		}

		.name-score {
		    display: flex;
		    justify-content: space-between;
		}

		.engineer-search-form .form-group:first-child {
			flex: 0 0 70%;
			margin-right: 15px;
		}

		.engineer-search-form .form-group:last-child {
			flex: 0 0 30%;
		}

		.engineer-search-form form {
			display: flex;
		    width: 70%;
		    margin: auto;
		}
	}

	@media (max-width: 768px) {

		.name-score h3 {
		    margin-bottom: 5px;
		}
        .approved-engineers-list .engineer-details {
        	width: 100%
        }		
	}

	@media (max-width: 767px) {

		#map {
			position: relative;
			margin-bottom: 15px;
		}

		.profile-image {
		    margin-bottom: 1em;
		}
		
		.engineer-search-form button {
		    width: 100%;
		    margin-top: 1em;
		}

		.engineer-search-form .fa-map-marker {
			right: 10px;
		}

		.contact-no span {
		    display: block;
		}

		.no-result-heading {
			font-size: 1.4em !important;
		}
	}

/*Responsive