/* ==================
 *
 *google fonts 
 *
 *===================*/


/* ==================
 *
 *var section 
 *
 *===================*/


/*****  font size  ******/


/*****  Colors  ******/


/* ==================
 *
 *	Reset Class Css
 *
 *===================*/

body {
	line-height: 24px;
	font-size: 14px;
	color: #80d6a3;
	font-weight: 400;
	color: #444;
	overflow: hidden;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

p {
	margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
button {
	/* font-family: 'Calibri'; */
	margin: 0px;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

a,
a:active,
a:focus,
a:active {
	text-decoration: none !important;
}

.clear {
	clear: both;
}


/* ==================
 *
 *  Global Class 
 *
 *===================*/

.btn {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 300;
	padding: 12px 25px;
	border-radius: 0;
}

.nav>li>a:hover,
.nav>li>a:focus {
	background: transparent;
}

.title {
	text-align: center;
	padding-bottom: 70px;
}

.title h2 {
	color: #333;
	font-size: 25px;
	padding-bottom: 25px;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
}

.title h2:before {
	content: '';
	width: 40px;
	height: 2px;
	background: #80d6a3;
	position: absolute;
	top: 12px;
	left: -60px;
}

.title h2:after {
	content: '';
	width: 40px;
	height: 2px;
	background: #80d6a3;
	position: absolute;
	top: 12px;
	right: -60px;
}

.title p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #817C7C;
}

#mixed-items .mix {
	display: none;
}


/* animation keyfrem */

@-webkit-keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}

@-moz-keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}

@-o-keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}

@keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}


/* ==================
 *
 *  section Class 
 *
 *===================*/


/* header style */

header {
	padding: 20px 0;
	background: #283593;
	height: 90px;
}

header .navbar {
	height: auto;
	margin-bottom: 0;
}

.is-sticky #navigation {
	background: #fff;
	z-index: 1000;
	transition: 0.3s;
	width: 100%;
	padding: 0;
}

.navbar-brand {
	padding: 0;
	height: auto;
}

.navbar-toggle {
	border-color: #333;
	transition: 0.3s;
}

.navbar-toggle .icon-bar {
	background: #333;
	transition: 0.3s;
}

.navbar-toggle:hover {
	border-color: #80d6a3;
}

.navbar-toggle:hover .icon-bar {
	background: #80d6a3;
}

.menu a {
	color: #fff;
	transition: 0.3s;
	position: relative;
	font-size: 20px;
	margin-top: 15px;
}

.menu a:before {
	content: "";
	position: absolute;
	left: 16px;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #fff;
	transition: 0.3s;
}

.menu a:hover {
	background: transparent;
	color: #fff;
}

.menu .active a {
	color: #fff;
}

.menu .active a:before {
	width: 25px;
}

.menu a:hover:before {
	width: 50px;
	color: #127d27;
}

@media (max-width: 767px) {
	.nav-side-menu {
		position: relative;
		width: 100%;
		margin-bottom: 10px;
	}
	.nav-side-menu .toggle-btn {
		display: block !important;
		cursor: pointer;
		position: relative;
		left: 15px;
		top: 15px;
		z-index: 9999;
		padding: 3px;
		color: #127d27;
		width: 40px;
		text-align: center;
	}
	.menu-list {
		height: auto !important;
		width: 100% !important;
	}
}

@media (min-width: 767px) {
	.nav-side-menu .menu-list .menu-content {
		display: block;
	}
}

@media (max-width: 414px) {
	.dashboard-logo>img {
		width: 35% !important;
	}
	#page-content-wrapper {
		margin-top: -42px;
		width: 100% !important;
	}
	#page-content-wrapper legend {
		text-align: center;
	}
	#page-content-wrapper .well {
		width: 100%;
		overflow-x: auto;
	}
	#page-content-wrapper .btn-group-justified {
		width: 255% !important;
	}
	.btn-group-justified .dash-img {
		left: 30px !important;
	}
	.btn-group-justified .dash-img1 {
		left: 25px !important;
		top: 16px !important;
	}
	.btn-group-justified .dash-img2 {
		left: 16px !important;
	}
	.btn-group-justified .dash-img3 {
		left: 34px !important;
	}
	.request-detail,
	.request-detail1 {
		width: 100% !important;
	}
	.request-detail,
	.request-detail1,
	.request-detail3 {
		padding: 10px !important;
	}
	.request-detail img,
	.request-detail1 img,
	.request-detail3 img {
		width: 15% ;
		
	}
	.request-name h5,
	.request-time h5 {
		margin-top: -12px !important;
		margin-left: 25px !important;
		font-size: 12px !important;
		position: relative !important;
		width: 90% !important;
	}
	.request-time .btn-default {
		
	}
	.menu-list li a {
		padding-bottom: 15px;
	}
	.requester-search .search1Div {
		border-right: 0 !important;
	}
	.search1 h5,
	.search2 h5,
	.search3 h5,
	.search4 h5,
	.search5 h5,
	.search6 h5 {
		width: 40% !important;
		float: left;
	}
	.signup-provider #step5 .search2 h5{
		width: 100% !important;
		float: left;
		margin-left: 0;
		top: 35%;
	}
	.post-date .fa-calendar {
		top: 135px !important;
		left: 4px;
	}
	.requester-search-wrapper .working_padding .fa-calendar {
		left: 13px !important;
		top: 43px !important;
		/* display: none; */
	}
	.postrequestpage .working_padding .fa-calendar {
		left: 4px !important;
		top: 50px !important;
		/* display: none; */
	}
	.postrequestpage #step4 .working_padding .fa-calendar {
		top: 44px !important;
	}
	.save-btn {
		float: left !important;
	}
}

body {
	margin: 0px;
	padding: 0px;
}


/****** sidebar ******/



.menu-list {
	background: #313489;
	z-index: 99;
	height: 655px;
}

#wrapper .toggle-btn {
	display: none;
}

.dashboard-logo {
	max-height: 130px;
}

.dashboard-logo>img {
	margin-top: 30px;
	padding: 3px;
	border: 3px solid white;
	border-radius: 100%;
	width: 50%;
}

.dashboard-content {
	margin-top: 20px;
	color: #fff;
	text-align: center;
	padding-right: 20px;
}

.menu-list {
	position: fixed;
	top: 0;
	width: 250px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-list span h5 {
	position: relative;
	font-size: 16px;
}

.menu-list span img {
	position: absolute;
	left: 20px;
	top: 248px;
	color: #41484c;
}

.menu-list li {
	line-height: 40px;
	text-indent: 20px;
}

.menu-list li:nth-child(2) {
	margin-top: 30px;
}

.menu-list li a {
	color: #999999;
	display: block;
	text-decoration: none;
	padding-left: 40px;
}

.menu-list li:nth-child(2) a span h5 {
	padding-left: 20px;
	margin-bottom: 10px;
}

.menu-list li a span:before {
	position: absolute;
	left: 0;
	color: #fff;
	text-align: center;
	width: 20px;
	line-height: 18px;
	font-size: 30px;
}

.menu-list>.sidebar-brand {
	height: 50px;
	line-height: 60px;
	font-size: 18px;
}

.menu-list a:hover,
.menu-list a:focus {
	color: #fff;
}


/***********/

.portfolio,
.travel-plan,
.update-provider,
.job-history,
.requester-profile {
	margin-top: 15px !important;
}

.update-provider .well {
	margin-top: 0 !important;
}

.portfolio .well,
.job-history .well {
	margin-top: 0 !important;
}

#page-content-wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: 35px;
	min-height: 450px;
}

#page-content-wrapper legend {
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 0;
}

#page-content-wrapper .well {
	border: 0;
	width: 100%;
	margin-bottom: 0;
	padding: 0;
	margin-top: 70px;
}

.request-content {
	border: 1px solid #ccc;
}

#myTabContent,
#myTabContent1 {
	border: 1px solid #e8e8e8;
}

.semiBold {
	font-size: 12px;
}

#page-content-wrapper .btn-group-justified {
	width: 100%;
}

.btn-group-justified .dash-img {
	position: absolute;
	left: 28px;
	top: 14px;
}

.btn-group-justified .dash-img1 {
	position: absolute;
	left: 28px;
	top: 15px;
}

.btn-group-justified .dash-img2 {
	position: absolute;
	left: 22px;
	top: 15px;
}

.btn-group-justified .dash-img3 {
	position: absolute;
	left: 42px;
	top: 14px;
}

.request-detail,
.request-detail1,
.request-detail3 {
	padding: 10px;
}

.request-name h5 {
	position: absolute;
	margin-top: -15px;
	margin-left: 46px;
	font-size: 18px;
	color: #7c7c7c;
	word-wrap: break-word;
    width: 40%;
}

.request-name {
	float: left;
	width: 35%;
	margin-left: 45px;
	margin-top: 5px;
}

.request-time {
	float: left;
	width: 35%;
	margin-left: 65px;
	margin-top: 10px;
}

.request-time h5 {
	position: absolute;
	margin-top: -15px;
	margin-left: 45px;
	font-size: 16px;
	color: #0b4ca5;
	word-wrap: break-word;
    width: 35%;
}

.request-setting {
	margin-top: 15px !important;
}

.request-detail img,
.request-detail1 img,
.request-detail3 img {
	width: 4%;
}

.request-place {
	margin-top: 20px;
}

.request-time .btn-default {
	padding: 10px 18px;
	background-color: #ffffff;
	color: #1a9432;
	border-color: #1a9432;
	border-radius: 5px;
	position: absolute;
	margin-top: -42px;
	right: 10%;
	font-size: 14px;
	text-transform: capitalize;
	margin-left: 10px;
}

.request-time .btn-default:hover,
.request-time .btn-default:focus {
	background-color: #127d27;
	border-color: #127d27;
	color: #fff;
}




.request-detail,
.request-detail1 {
    min-height: 110px;
	border-bottom: 1px solid #e8e8e8;
	width: 100%;
}

.borderZero .btn-default {
	border-color: #eaeaea;
}

.request-detail3 {
	min-height: 95px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

.well {
	background-color: transparent;
}


/*********** custom.css ***********/


/******** provider dashboard ***********/

.dash_well {
	width: 95%;
	margin-left: 0;
}

.edit-profile-detail-form .frm1 img {
	width: 6%;
	float: left;
	margin-top: 15px;
	margin-left: 20px;
}
/* .edit-profile-detail-form .frm1 img:first-child{
	width: 100px;
    height: 100px;
    border-radius: 50%;
} */
.requesterProfileImg{
	width: 80px !important;
    height: 80px;
    border-radius: 50%;
}

.direct-chat-img {
	width: auto !important;
	margin-left: 0 !important;
}

.edit-profile-detail-form .frm1 .post_name img {
	width: 25px;
	margin-right: 10px;
	margin: 0;
}

.edit-profile-detail-form .frm1 .post_name h5 {
	font-size: 18px;
	padding-bottom: 10px;
}

.edit-profile-detail-form .frm1 .post_name h6 {
	margin-top: 3px;
	font-size: 16px;
	margin-left: 30px;
	color: #59a468;
}

.edit-profile-detail-form .frm1 .post_name p {
	color: #777;
	font-size: 12px;
	padding-top: 8px;
}

.edit-profile-detail-form .frm1 .post_name {
	width: 20%;
	padding: 20px;
	padding-left: 10px;
	float: left;
}

.edit-profile-detail-form .frm1 .post-time {
	color: #777;
	padding-left: 20px;
	font-size: 12px;
	width: 50%;
	margin-top: 15px;
	float: left;
}

#cancel .edit-profile-detail-form .frm1 .post-time {
	width: 25%;
}

#hired .edit-profile-detail-form .frm1 .post-time {
	width: 20%;
}

.myHiredWidgetView .post-time {
	width: 25% !important;
}

.edit-profile-detail-form .frm1 .post-job {
	float: left;
	width: 35%;
	padding: 15px;
}

.edit-profile-detail-form .frm1 .post-job .get_date {
	float: left;
	width: 50%;
}

.edit-profile-detail-form .frm1 .post-job .bootstrap-timepicker {
	width: 45%;
	float: left;
}

.edit-profile-detail-form .frm1 .post-job p {
	color: #127d27;
}

.edit-profile-detail-form .frm1 .post-job .btn-default {
	padding: 8px 10px;
	font-size: 12px;
	border-color: #127d27;
}

.edit-profile-detail-form .frm1 .post-job .btn-info {
	margin-left: 65px;
	background-color: transparent;
	color: #000;
	border-color: #127d27;
	padding: 8px 32px;
	font-size: 12px;
}

#cancel .edit-profile-detail-form .frm1 .post-time img {
	width: 8%;
}

#cancel .edit-profile-detail-form .frm1 .cancel_cmd1 {
	float: left;
	width: 30%;
	margin-top: 30px;
	color: #127d27;
}

#cancel .edit-profile-detail-form .frm1 .cancel_cmd1 span {
	color: #777;
}

#hired #datepicker {
	z-index: 99;
}

.edit-profile-detail-form .frm1 .post-time img {
	/* width: 4%; */
	width: 15px;
	margin-top: 4px;
	margin-left: 11px;
	margin-right: 9px;
}

#hired .edit-profile-detail-form .frm1 .post-time img {
	width: 10%;
}

.edit-profile-detail-form .frm1 .post-time .post_date img {
	margin-left: -28px;
}

.edit-profile-detail-form .frm1 .post-time .post_date {
	margin-left: 40px;
}

.edit-profile-detail-form .frm1 .post_btn .cancel-but {
	background-color: #59a468;
	width: 8%;
	padding: 5px;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 50px;
	border-radius: 4px;
}

#hired .edit-profile-detail-form .frm1 .post_btn .cancel-but {
	margin-bottom: 100px;
}

.edit-profile-detail-form .frm1 .post_btn .save-but {
	background-color: #1b3c88;
	padding: 13px 10px;
    color: #fff;
    border-radius: 50%;
}

.edit-profile-detail-form .frm1 .post_btn .save-but:hover,
.edit-profile-detail-form .frm1 .post_btn .cancel-but:hover {
	background-color: #cccccc;
	color: #444;
	border: 1px solid #f7f7f7;
}

.edit-profile-detail-form .frm1 .post-time p:nth-child(2) {
	font-size: 14px;
	font-weight: 600;
	color: #3e3e3e;
}

.about_prof,
.review_prof {
	margin-left: 30px ;
}

#post #show-edit-profile-div,
#post #show-edit-profile-div1,
#enquiry #show-edit-profile-div-e,
#enquiry #show-edit-profile-div1-e,
#respond #show-edit-profile-div-r,
#respond #show-edit-profile-div1-r,
#hired #show-edit-profile-div-h,
#cancel #show-edit-profile-div-ca,
#cancel #show-edit-profile-div1-ca,
#profess #show-edit-profile-div-Pr1,
#profess #show-edit-profile-div1-Pr1 {
	position: absolute;
	right: 250px;
	margin-top: -78px;
	border-radius: 4px;
	background-color: #0b4ca5;
	padding: 5px 20px;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
}

#completed #show-edit-profile-div-c,
#completed #show-edit-profile-div1-c,
#confirmed_Tab #show-edit-profile-div-pe,
#pending #show-edit-profile-div-pe,
#pending #show-edit-profile-div1-pe,
#pending #show-edit-profile-div1-Pe1 {
	position: absolute;
	right: 20%;
	border-radius: 5px;
	margin-top: -65px;
	background-color: #3d599a;
	padding: 5px 20px;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
}
#pending #show-edit-profile-div-pe{
	right: 24% ;
}
#confirmed_Tab #show-edit-profile-div-pe{
	right: 24% ;
}
#show-edit-profile-div-Pe1
{
	/*position: absolute;*/
	right: 375px;
	border-radius: 5px;
	/* margin-top: -20px; */
	background-color: #3d599a;
	padding: 7px 20px;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	/*margin-left:104px;*/
}
#show-edit-profile-div-Pe2
{
	/*position: absolute;
    right: 220px;*/
    border-radius: 5px;
    /* margin-top: -20px; */
    background-color: #008000;
    padding: 5px 20px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    border: 1px solid #008000;
}

/*#complete #show-edit-profile-div-com,*/
#cancelled #show-edit-profile-div1-can {
	position: absolute;
	right: 250px;
	border-radius: 5px;
	margin-top: -74px;
	background-color: #1b3c88 !important;
	padding: 5px 20px;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
}
#show-edit-profile-div-com
{
	position: absolute;
	right: 360px;
	border-radius: 5px;
	margin-top: 5px;
	background-color: #1b3c88 !important;
	padding: 5px 20px;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
}

#completed #show-edit-profile-div-c .fa-pencil,
#completed #show-edit-profile-div1-c .fa-pencil,
#pending #show-edit-profile-div-pe .fa-pencil,
#pending #show-edit-profile-div1-pe .fa-pencil,
#cancelled #show-edit-profile-div1-can .fa-pencil {
	padding-right: 5px;
}

#post #show-edit-profile-div:hover,
#post #show-edit-profile-div1:hover,
#enquiry #show-edit-profile-div-e:hover,
#enquiry #show-edit-profile-div1-e:hover,
#respond #show-edit-profile-div-r:hover,
#respond #show-edit-profile-div1-r:hover,
#hired #show-edit-profile-div-h:hover,
#completed #show-edit-profile-div-c:hover,
#completed #show-edit-profile-div1-c:hover,
#cancel #show-edit-profile-div-ca:hover,
#cancel #show-edit-profile-div1-ca:hover,
#profess #show-edit-profile-div-Pr1:hover,
#profess #show-edit-profile-div1-Pr1:hover,
#pending #show-edit-profile-div-pe:hover,
#pending #show-edit-profile-div1-pe:hover,
#complete #show-edit-profile-div-com:hover,
#cancelled #show-edit-profile-div1-can:hover {
	box-shadow: inset 150px 0 0 0 #127d27;
}

#travel1 #show-edit-profile-div-t,
#travel2 #show-edit-profile-div1-t {
	position: absolute;
	/*right: 175px;*/
	right: 230px;
	margin-top: -72px;
	border-radius: 4px;
	border: 1px solid #0b4ca5;
	padding: 10px 25px;
	cursor: pointer;
	color: #0b4ca5;
	font-size: 16px;
	font-weight: 600;
}

#travel1 #show-edit-profile-div-t:hover,
#travel2 #show-edit-profile-div1-t:hover {
	border: 1px solid #127d27;
	color: #127d27;
	box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
}

#post #show-edit-profile-div .fa-pencil,
#post #show-edit-profile-div1 .fa-pencil,
#enquiry #show-edit-profile-div-e .fa-pencil,
#enquiry #show-edit-profile-div1-e .fa-pencil,
#respond #show-edit-profile-div-r .fa-pencil,
#respond #show-edit-profile-div1-r .fa-pencil,
#hired #show-edit-profile-div-h .fa-pencil,
#cancel #show-edit-profile-div-ca .fa-pencil,
#cancel #show-edit-profile-div1-ca .fa-pencil {
	padding-right: 5px;
}

#feedback3 .form-group,
#feedback2 .form-group,
#feedback1 .form-group {
	margin-top: 30px;
}

.feed_rating img {
	float: left;
}

.top-inner-colors #feedback3 .btn,
#feedback2 .btn,
#completeFeedback .btn {
	padding: 10px 35px;
	border-radius: 0px;
	margin-top: -38px;
	background-color: #277d5f;
	float: right;
	color: #fff;
	border-color: #277d5f;
}

#feedback3 .btn:hover,
#feedback3 .btn:focus,
#feedback2 .btn:hover,
#feedback2 .btn:focus,
#feedback1 .btn:hover,
#feedback1 .btn:focus {
	background-color: #127d27;
	border-color: #127d27;
}

@media (max-width: 480px) {
	#page-content-wrapper legend {
		font-size: 18px !important;
	}
	#page-content-wrapper .btn-group-justified span {
		font-size: 10px !important;
	}
	.btn-group-justified .dash-img2 {
		left: 14px !important;
	}
	.btn-group-justified .dash-img3 {
		left: 28px !important;
	}
	.request-detail3 {
		width: 100% !important;
		min-height: 130px !important;
	}
}

.portfolio .provider_cancel {
	background-color: #127d27;
	width: 8%;
	padding: 7px 20px;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 75px;
	font-size: 14px;
	text-transform: capitalize;
}

.cancelP .modal-footer {
	width: 45%;
	margin-right: 0 !important;
	border-top: none;
}


/******** provider-update *****/

.update-provider .previous_btn {
	float: left;
	margin-right: 115px;
	border: 1px solid #5ea76c;
	color: #5ea76c;
	border: 1px solid #59a468;
	color: #59a468;
	background-color: transparent;
	padding: 9px 25px;
	font-size: 17px;
	border-radius: 3px;
	font-weight: 800;
}

.update-provider .previous_btn:hover {
	border-color: #127d27;
	color: #127d27;
	box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
}

.update-profile {
	padding: 20px;
}

.provider-update {
	margin-top: 240px;
}

.provider-update .provider-right,
#update-btn {
	margin-right: 150px;
	float: right;
}

.driver-profile-img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 163px;
	height: 163px;
	position: relative;
}

.driver-profile-img span {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 156px;
	height: 156px;
	overflow: hidden;
	border-radius: 50%;
	border: 3px solid #127d27;
}

.driver-profile-img span img {

	width: 100%;
    border-radius: 50%;
    margin-top: 0px;
    height: 150px;
}

.image_property
{
	border-radius: 0 !important;
	height: 112px !important;
}

.driver-profile-img b {
	margin: 13px 0 0 0;
	padding: 0px;
	position: absolute;
	top: 0;
	left: 0;
}

.driver-profile-img b a {
	margin: 0px;
	padding: 0px;
	top: 0;
	left: 0;
}

.driver-profile-img b a i {
	margin: 0px;
	padding: 9px 0 0 9px;
	position: absolute;
	top: 0;
	left: 0;
	background: #0b4ca5;
	cursor: pointer;
	height: 35px;
	width: 35px;
	border-radius: 30px;
	color: #fff;
	font-size: 18px;
}

.upload-photo {
	font-size: 22px;
	position: absolute;
	margin-top: 165px;
	padding-left: 6px;
	width: 200px
}
.signupDrivr .upload-photo {
	font-size: 22px;
	position: absolute;
	margin-top: 165px;
	padding-left: 6px;
	width: 300px
}
.updateReqProfile  .driver-profile-page {
    margin: 0px 0;
    padding: 0px;
    float: left;
    width: 100%;
}
.uploading .modal {
	z-index: 9999;
	padding-top: 0;
}

.modal {
	display: none;
	position: fixed;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);	
}

.popup-box3 {
	height: auto !important;
}

.image-upload-1 {
	width: 450px;
	margin: 52px auto;
	padding: 0px;
}



.upload-content {
	margin: 0 auto;
	padding: 20px 0 0;
	width: 90%;
}
#premiumSubscriptionModal .upload-content {
    margin: 0 auto;
    padding: 25px;
    width: 100%;
}

.upload-content h4 {
	margin: 0 0 35px;
	padding: 0px;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 21px;
	color: #127d27;
	position: relative;
}

.fileupload-new {
	color: #fff !important;
	font-size: 15px !important;
}

.upload-content .thumbnail {
	width: 100%;
	height: 150px;
	margin: 0!important;
}

.upload-content .btn-file {
	margin: 0px;
	padding: 5px 0;
	float: left;
	width: 100%;
	border-radius: 0 0 3px 3px;
	background: #127d27;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 15px;
	border: none!important;
}

.modal-content span {
	font-size: 30px;
	padding-left: 25px;
	color: #127d27;
}

.upload-content .btn-file>input {
	margin: 0px;
	padding: 5px 0;
	background: #127d27;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	transform: none;
}

.popup-box3 .btn-danger {
	border-radius: 50%;
	font-weight: 600;
	margin: 0;
	padding: 0 7px 2px;
	position: absolute;
	right: 6px;
	top: 50px;
	width: auto !important;
	display: none;
}

.popup-box3 .save {
	margin: 15px 0;
	padding: 12px 0;
	background: #0b4ca5;
	color: #FFFFFF;
	font-size: 18px;
	float: left;
	width: 48%;
	border: none;
	border-radius: 3px;
}

.popup-box3 .cancel {
	margin: 15px 0;
	padding: 12px 0;
	background: #838383;
	color: #FFFFFF;
	font-size: 18px;
	float: right;
	width: 48%;
	border: none;
	border-radius: 3px;
}

.provider-update .form-group {
	width: 70%;
}

.firstDiv .form-group {
	width: 70%;
}

.providerUpdate .uploading
{
	margin-bottom: 45px;
}

.create-account-input {
	margin: 0px;
	padding: 0 0 0 10px;
	float: left;
	width: 97%;
	height: 40px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	margin-bottom: 20px;
}

#Category {
	font-family: 'Calibri';
	width: 85%;
	height: 40px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 10px;
	border: 1px solid #ccc;
}

.provider-right input[type="submit"] {
	margin: 0px;
	padding: 0px;
	display: inline-table;
	font-size: 18px;
	border: 1px solid #59a468;
	width: 172px;
	height: 47px;
	text-align: center;
	color: #59a468;
	border-radius: 3px;
	line-height: 45px;
	font-weight: 600;
	margin-bottom: 30px;
	background-color: #fff;
}

.provider-right input[type="submit"]:hover {
	top: -4px;
	left: -4px;
	box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
}

#updateDiv1 #Carpentry {
	overflow-y: scroll;
	width: 60%;
	height: 155px;
}

#updateDiv1 .profession {
	width: 50%;
}

.update-detail textarea.form-control,
.update-detail2 textarea.form-control {
	width: 85%;
	background-color: #fff;
	border: 1px solid #bdbdbd;
}

.update-detail1 {
	margin-top: 20px;
}

.update-detail {
	margin-top: 25px;
}

.exp-detail {
	width: 60%;
	margin-top: 30px;
}

.update-detail textarea,
.update-detail1 textarea,
.exp-detail textarea,
.cost-hr1 input[type="text"],
.cost-per-hour textarea {
	background-color: #fff !important;
}

.cost-hr1 input[type="text"] {
	width: 50%;
	padding: 4px;
	border-radius: 2px;
	border: 1px solid #b3b3b3;
}

.cost-hr1 {
	float: left;
	width: 24%;
	padding-top: 10px;
}

.cost-detail {
	padding-bottom: 0px;
	float: left;
    width: 100%;
}

.cost-hr1 p {
	padding-bottom: 10px;
}

.provider-lang {
	margin-top: 25px;
}

.cost-per-hour {
    width: 95%;
    margin-top: 85px;
    padding: 0;
}

.upload_cer {
	float: left;
	width: 30%;
}

.upload_cer .driver-profile-img span {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 115px;
	height: 115px;
	overflow: hidden;
	border-radius: 2%;
	border: 3px solid #127d27;
}

.upload_cer .driver-profile-img b a i {
	margin: 0px;
	padding: 9px 0 0 9px;
	position: absolute;
	top: -23px;
	left: -13px;
	background: #0b4ca5;
	cursor: pointer;
	height: 35px;
	width: 35px;
	border-radius: 30px;
	color: #fff;
	font-size: 18px;
	z-index: 99;
}

.upload_cer .upload-photo {
	font-size: 14px;
	position: absolute;
	margin-top: 132px;
	padding-left: 0;
}




.availability .btn-info {
	background-color: #fff;
	color: #444;
	border-color: #444;
}

.availability .fa-pencil {
	padding-left: 20px;
	color: #ccc;
	font-size: 18px;
}

.avail_table {
	margin-top: 20px;
}

.avail_table .table {
	width: 60%;
	border: 1px solid #ccc;
}

.avail_table .fa-clock-o {
	padding-left: 10px;
	color: #ccc;
	font-size: 18px;
}

.avail_table .work-day {
	color: #444;
	font-size: 16px;
}

textarea .expiry-date {
	width: 60%;
}

.availability .modal-content {
	width: 100%;
	margin: 30px auto;
}

.availability .modal-header {
	background-color: transparent;
	color: #222;
}

.update_col1 {
	margin-top: 30px;
}

.bootstrap-timepicker {
	width: 30%;
	float: left;
	margin-left: 8px;
}

.bootstrap-timepicker:nth-child(1) {
	margin-left: 0;
}

.availability .modal-body {
	min-height: 190px;
	border: 1px solid #ccc;
}

.modal-footer .btn-default {
	margin-right: 145px;
	width: 50%;
	padding: 9px 25px;
	border-radius: 3px;
	background-color: #59a468;
	color: #fff;
}

.availability .button-checkbox {
	padding-left: 2px;
}

.availability .button-checkbox .btn-default {
	padding: 0;
	font-size: 12px;
	width: 85%;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 1px;
	margin-left: 10px;
}

.availability .button-checkbox .btn-primary.active {
	width: 85%;
	padding: 0;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 10px;
}

.terms {
	position: relative;
	margin-top: 25px;
}

.terms p {
	position: absolute;
	top: 27px;
}

.terms label {
	float: left;
	width: 100%;
}

.terms a {
	color: #127d27;
	text-decoration: underline !important;
}

.terms a:hover {
	color: #0b4ca5;
}

.terms .btn-default {
	float: right;
	margin-right: 110px;
	border: none;
	margin-top: -12px;
	font-size: 14px;
	color: #737373;
	text-transform: capitalize;
}



.travel-plan .provider-list-btn {
	float: right;
	clear: both;
	margin-top: 0;
	margin-right: 100px;
	padding: 6px 25px;
	color: #222 !important;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	font-weight: 500;
}

.job-history .provider-list-btn {
	float: right;
	width: 15%;
	border-radius: 3px;
	margin-right: 140px;
	margin-top: 10px;
	background-color: #0b4ca5;
	color: #fff;
	padding: 9px 25px;
	font-size: 14px;
	font-weight: 500;
}

.travel-plan .provider-list-btn:hover {
	box-shadow: inset 0 100px 0 0 #127d27;
}

.travel_edit .delete-btn {
	margin-left: 215px ;
	padding: 0px;
	display: inline-table;
	font-size: 18px;
	border: 1px solid #0b4ca5;
	width: 172px;
	height: 47px;
	text-align: center;
	color: #0b4ca5;
	border-radius: 3px;
	line-height: 45px;
	font-weight: 600;
	margin-bottom: 30px;
	background-color: #fff;
	text-transform: capitalize;
}

.travel_edit .delete-btn:hover {
	top: -4px;
	left: -4px;
	box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
	border-color: #127d27;
	color: #127d27;
}

.trips-page {
	margin: 0;
	padding: 0px;
	width: 100%;
}

.mytrip-page {
	padding-top: 10px;
	width: 100%;
	clear: both;
}

.mytrip-page span {
	margin: 15px 0 0;
	padding: 0px;
	width: 100%;
	float: left;
}

.mytrip-page span a {
	margin: 20px 15px 0 0;
	padding: 0 15px 0 0;
	float: left;
	color: #7c7c7c;
	cursor: pointer;
	font-size: 16px;
	background: url(../img/time-period-line.jpg) no-repeat right 3px;
}

.mytrip-page span a:last-child {
	background: none;
}

.Posted-date span input {
	margin: 25px 15px 0 0;
	padding: 0 0 0 15px;
	float: left;
	width: 24%;
	background: url(../img/calander.png) no-repeat scroll right 11px top 11px;
	background-color: #FFFFFF;
	height: 46px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	font-size: 14px;
}

.mytrip-page span b {
	margin-top: 25px;
	padding: 0px;
	float: left;
}

.mytrip-page span b .driver-trip-btn {
	margin: 0 10px 0 0;
	padding: 0px;
	width: 172px;
	height: 46px;
	float: left;
	color: #FFFFFF;
	background: #59a468;
	;
	text-align: center;
	line-height: 47px;
	border-radius: 2px;
	font-size: 18px;
	font-weight: 500;
	border: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.mytrip-page span b .driver-trip-btn:hover,
.mytrip-page span b .driver-trip-btn:focus {
	box-shadow: inset 0 100px 0 0 #89be93;
}

.travel-plan .request-content {
	margin-top: 180px;
	width: 95%;
	clear: both;
}

.travel-plan .add-plan {
	float: left;
	width: 18%;
	border-radius: 4px;
	background-color: #59a468;
	border-color: #59a468;
	margin-top: 25px;
	text-transform: capitalize;
	font-weight: 500;
}

.travel-plan .add-plan:hover {
	box-shadow: inset 0 100px 0 0 #59a468;
}

.travel-plan .modal-content {
	width: 80%;
	margin: 50px auto;
	height: 100% !important;
}

.travel-plan-img {
	width: 4%;
	position: absolute;
	top: 25px;
	left: 18px;
}

.travel-plan textarea {
	padding-left: 20px;
}

.add-btn {
	margin-right: 90px !important;
}

.travel-plan .request-detail {
	min-height: 110px;
}

.travel-plan .request-name {
	margin-top: 10px;
}

.request-setting .fa-calendar {
	color: #BAB8BA;
	font-size: 18px;
}

.delete-btn {
	width: 90px !important;
	margin-left: 160px !important;
	font-size: 16px !important;
	text-transform: capitalize;
}

footer {}

.travel_edit .modal-content p {
	padding-top: 0;
	line-height: 35px;
}

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

.working_plan #datepicker {
	z-index: 99;
}


/***** prof-list ****/

.prof-list {
	min-height: 95px ;
	border-bottom: 1px solid #ccc;
}

.prof-list .request-name {
	margin-top: 20px;
	width: 20%;
}

.prof-list img {
	width: 25%;
	border-radius: 25px;
}

.prof-list h5 {
	margin-top: -28px;
	margin-left: 65px;
	font-size: 20px;
}

.prof-rate .fa-star {
	color: #3d599a;
}

.prof-rate {
	float: left;
	width: 15%;
	margin-top: 15px;
}

.prof-distance img {
	width: 12%;
	border-radius: 0;
}

.prof-distance p {
	position: absolute;
	margin-top: -14px;
	margin-left: 25px;
	color: #0b4ca5;
}

.prof-distance {
	padding-top: 10px;
	padding-left: 8px;
}

.professional {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.filter-btn {
	right: 0;
}

.filter-option img {
	position: absolute;
	top: 4px;
}

.zone-detail h4 {
	background-color: #8d9ec4;
	padding: 8px;
}

.prof_rates img {
	width: 5% !important;
}

.about_prof,
.review_prof {
	padding: 15px;
}

.about_prof,
.review_prof {
	margin-left: 15px;
	margin-top: 30px;
	margin-right: 15px;
	border: 1px solid #1b3c88;
	/* max-height: 500px;
    overflow: auto; */
}

.about_prof h5,
.review_prof h5 {
	/* margin-left: 10px; */
	background-color: #e4e8f1;
	margin-top: -24px;
	text-align: center;
	padding: 10px;
	color: #444;
}

.about_prof .panel-default {
	margin: 10px;
	background-color: #fff;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.22);
	font-size: 18px;
	color: #127d27;
}

.about_prof .panel-body p {
	font-size: 14px;
	color: #777;
	padding-top: 5px;
}

.about_prof .panel-body p span {
	float: right;
	color: #0b4ca5;
	font-weight: 600;
}

.about_prof .panel-body h4 {
	font-size: 18px;
	color: #2f4d92;
}

#profess .post_name {
	width: 30% !important;
}

.review_prof p {
	padding-left: 30px;
	font-size: 16px;
	font-weight: 600;
}

#profess .edit-profile-detail-form .frm1 .post_btn .save-but {
	position: absolute;
	right: 40px;
}

#profess .edit-profile-detail-form .frm1 .post_name {
	float: none;
}


/***** job history *****/

.request-history .header-page {
	margin-bottom: 25px;
	width: 50%;
}

.job-history .btn-group-justified {
	width: 85% !important;
	margin-left: 20px;
}

.job-history #myTabContent {
	width: 85%;
	margin-left: 20px;
}

.job-name img {
	width: 5%;
}

.job-name {
	margin-top: 10px;
}

.job-date {
	margin-top: 0px;
}

.job-date .btn-default {
	background-color: transparent;
	padding: 6px 6px;
	font-size: 12px;
	margin-top: 5px;
	border-color: #127d27;
	border-radius: 5px;
}

.job-date .btn-default:hover,
.job-date .btn-default:focus {
	border-color: #0b4ca5;
}

.job-head {
	color: #0b4ca5;
	font-size: 18px;
	padding-left: 38px;
}
#confirmedList_Tab .job-head {
	padding: 10px;
}

.pen_det1,
.pen_det2,
.cancel_det1 {
	min-height: 110px;
}

.job-feedback .btn-default {
	padding: 6px 15px;
	background-color: #0b4ca5;
	color: #fff;
	border-color: #0b4ca5;
	border-radius: 5px;
	position: absolute;
	right: 365px;
	font-size: 14px;
	text-transform: capitalize;
	margin-left: 10px;
}
.giveFeedbackbtn
{
	margin-top: -35px;
    margin-right: -135px;
}

.p_view {
	background-color: #1b3c88;
	padding: 10px 20px;
	border-radius: 4px;
	color: #fff;
}

.job-feedback .btn-default:hover,
.job-feedback .btn-default:focus {
	background-color: #fff;
	border-color: #1b3c88;
	color: #1b3c88;
}

.cancel_cmd {
	width: 35%;
	float: left;
	margin-top: 27px;
	margin-left: 215px;
	color: #1b3c88;
}

.cancel_cmd p span {
	color: #777;
}


/************ requester-job **********/

#pending .edit-profile-detail-form .frm1 .post_name,
#cancelled .edit-profile-detail-form .frm1 .post_name {
	width: 100%;
	border: 1px solid #ccc;
}

#pending .edit-profile-detail-form .frm1 .post_name h6,
#cancelled .edit-profile-detail-form .frm1 .post_name h6 {
	font-size: 24px;
	padding-bottom: 15px;
}

#pending .edit-profile-detail-form .frm1 .post_name img,
#cancelled .edit-profile-detail-form .frm1 .post_name img {
	width: 5%;
	float: none;
}

#pending .edit-profile-detail-form .frm1 .post_name h5,
#cancelled .edit-profile-detail-form .frm1 .post_name h5 {
	padding-bottom: 0;
	margin-top: -18px;
}

#pending .prof_contact .btn-default,
#cancelled .prof_contact .btn-default {
	font-size: 14px;
	background-color: #3d599a;
	color: #fff;
	text-transform: capitalize;
	border-radius: 4px;
}

.request_prof .prof-img {
	width: 22% !important;
	height: 50px;
	margin-top: 0 !important;
}

.request_prof h5 {
	margin-top: 12px;
	padding-left: 10px;
	color: #3d599a;
}

.request_prof .prof-distance p {
	
    margin-left: 245px;
    margin-top: 12px;
	background-color: rgba(128, 128, 128, 0.53);
	border: 1px solid #ccc;
	color: #fff;
	border-radius: 15px;
	padding: 3px;
	font-size: 12px;
}

.request_prof .pro_color p {
	background-color: #afb2b7;
}

#pending .edit-profile-detail-form .frm1 .post_btn .cancel-but {
	margin-left: 40px;
	width: 15%;
	margin-top: 29px;
}

.d_head {
	color: #1b3c88 !important;
	font-size: 22px !important;
}

.d_head1 {
	font-size: 16px !important;
}

.provider_set h5 {
	color: #59a468 !important;
}

.provider_set {
	margin-top: 20px;
}

.provider-right .delete-btn {
	border: 1px solid #1a9432 !important;
	color: #59a468 !important;
	margin-top: 10px;
}

.delete_option .btn-Success {
	border-color: #4CAF50;
	background-color: #4CAF50;
	color: #fff;
}

.top-inner-colors {
	background: #54a263 !important;
}

.d_heading {
	font-size: 22px !important;
	color: #3e3e3e !important;
}

.provider_second {
	color: #59a468 !important;
}

.provider_pin {
	color: #595d63 !important;
}

.provider_view, .providerHired_view, .providerCom_view, .providerCancel_view{
	background-color: #59a468 !important;
	border-radius: 3px;
}

.provider_view:hover, .providerHired_view:hover, .providerCom_view:hover, .providerCancel_view:hover {
	/* border: 1px solid #89be93 !important;
	color: #89be93 !important; */
	border: none;
    color: #fff!important;
}

.chat_btnn {
	background-color: #59a468 !important;
}




textarea {
	resize: none;
}

.provider-lang label {
	width: 100%;
}

.provider-lang select {
	width: 95% !important;
	height: 150px !important;
}
#show-edit-profile-Pe1 .prof_name
{
	margin-top: -28px;
}
.pendingJobDet
{
	padding: 20px 20px 10px;
    font-size: 22px;
    font-weight: 600;
}