@charset "utf-8";

/* CSS Document */

/* ----------------------------------------------------------- */

/* Created by - Abhaya
   Modify by-
/* ----------------------------------------------------------- */

/* Table of Content
==================================================
	01. Login page
    02. Header
	    - Logo
		- Setting-Message
	03. Dashboard
		-Dashboard column
	04. Dashboad Inner
		-Main Menu
		-Mainheading-breadcrumb
		-Mainheading
		-Breadcrumb
		-Article container

	23. Footer

*/

/* Import Section
====================================================================== */

/*@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700&display=swap');*/

/*====================================================================*/

/**,*/
/*html,*/
/*div,*/
/*span,*/
/*applet,*/
/*object,*/
/*iframe,*/
/*h1,*/
/*h2,*/
/*h3,*/
/*h4,*/
/*h5,*/
/*h6,*/
/*p,*/
/*blockquote,*/
/*pre,*/
/*a,*/
/*abbr,*/
/*acronym,*/
/*address,*/
/*big,*/
/*cite,*/
/*code,*/
/*del,*/
/*dfn,*/
/*em,*/
/*img,*/
/*ins,*/
/*kbd,*/
/*q,*/
/*s,*/
/*samp,*/
/*small,*/
/*strike,*/
/*strong,*/
/*sub,*/
/*sup,*/
/*tt,*/
/*var,*/
/*b,*/
/*u,*/
/*i,*/
/*center,*/
/*dl,*/
/*dt,*/
/*dd,*/
/*ol,*/
/*ul,*/
/*li,*/
/*fieldset,*/
/*form,*/
/*label,*/
/*legend,*/
/*table,*/
/*caption,*/
/*tbody,*/
/*tfoot,*/
/*thead,*/
/*tr,*/
/*th,*/
/*article,*/
/*aside,*/
/*canvas,*/
/*details,*/
/*embed,*/
/*figure,*/
/*figcaption,*/
/*footer,*/
/*header,*/
/*hgroup,*/
/*menu,*/
/*nav,*/
/*output,*/
/*ruby,*/
/*section,*/
/*summary,*/
/*time,*/
/*mark,*/
/*audio,*/
/*video {*/
	/*margin: 0;*/
	/*padding: 0;*/
	/*border: 0;*/
	/*font-size: 100%;*/
	/*font: inherit;*/
/*}*/


.clear {
	clear: both;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}
.clearfix:after,
.container:after {
	clear: both;
}


.clearfix,
.container {
	zoom: 1;
}


/* Basic Element
/* ----------------------------------------------------------- */

a,
a > {} a:hover,
a >:hover {} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {

	margin: 0;
	padding: 0;
	font-family: 'Josefin Sans', sans-serif !important;
  /*font-family: 'Open Sans', sans-serif !important;*/

}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	font-weight: 600 !important;
	margin: 0;
	padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a,
input,
button,
img,
li, span {
	transition: all 0.2s ease-in-out 0s;
}

.grey-bg{
	--background: #ededed !important;
}
.photo-outer{
	border:1px dashed #c0252d;
	padding:10px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.login-bg{
	background: url("../images/login-bg.png") center top no-repeat !important;
}
ion-item, ion-input, ion-label {
	font-family: 'Josefin Sans', sans-serif !important;
	rgba(0,0,0,0.8) !important;
	font-size: 14px !important;
}
.log-reg a {
	font-family: 'Josefin Sans', sans-serif !important;
rgba(0,0,0,0.9) !important;
	font-size: 14px !important;
}
.register-link:before{
	content: "|";
	position: absolute;
	left: 8px;
	top:0;
}
ion-content, ion-header, ion-title {
	font-family: 'Josefin Sans', sans-serif !important;
}
.plus-more {
	width: 50px;
	height: 50px;
	margin: 0 auto 15px auto;
	background: #c0252d;
	border-radius: 50%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*css for dashboard*/
.img-content {
	height: 50px;
	text-align: center;
	display: flex;
	justify-content: center;
}
.img-content ion-img {
	width: 35px !important;
	max-width: 100% !important;
}
.img-content.price-icon ion-img {
	width: 28px !important;
}
.border-radius4 {
	border-radius: 10px;
}
.statitics h2 {
	font-size: 18px !important;
	color: rgba(0,0,0,0.9) !important;
}
.statitics {
	box-shadow: 0px 2px 4px rgba(31,30,47,0.1);
}
.statitics h5 {
	font-size: 16px !important;
	color: rgba(0,0,0,0.7) !important;
}
.job-content, ion-button, .log-out-sect {
	font-family: 'Josefin Sans', sans-serif !important;
}
.job-titel {
	font-size: 16px !important;
	color: rgba(0,0,0,0.8) !important;
}
.job-name {
	font-size: 14px !important;
	color: rgba(0,0,0,0.8) !important;
}
.job-titel {
	padding-left: 70px;
}
.left-0 {
	left: 0;
}
.top-0 {
	top: 0;
}
.job-description {
	font-size: 14px;
	padding: 8px 0;
}
.customer-location {
	font-size: 14px !important;
	padding-left: 45px;
	color: rgba(0,0,0,0.7) !important;
}
.circle-border {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #c0252d;
	border-radius: 50%;
	color: #c0252d;
	font-size: 16px !important;
}
ion-button {
	text-transform: none !important;
}
.cusomer-sec {
	padding-left: 45px;
}
.cusomer-sec .circle-border{
	background:  #c0252d;
	color: #fff;
}
.log-out-sect a {
	color: #fff;
	font-size: 14px;
	display: block;
	text-align: center;
	font-weight: normal;

}
.log-out-sect a span{
	display: block;
	text-align: center;
	font-weight: normal;
}
.circle-credit{
	width: 30px;
	height: 30px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	background:  #fff;
	border-radius: 50%;
	color: #000;
	font-size: 14px !important;
	font-weight: bold !important;
	margin: 0 auto;
}
.logout-icon i {
	font-size: 16px !important;
}
.logout-icon span.alert-no{
	width: 20px;
	height: 20px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	background:  #000000;
	border-radius: 50%;
	font-size: 14px !important;
	font-weight: normal !important;
	margin: 0 auto;
	position: absolute;
	right:-8px;
	top:-6px;
	color: #fff;
}
.ongoing-scroll {
	background: #fff;
}
.ongoing-scroll li a {
	color: rgba(0,0,0,0.8);
	display: block;
	padding: 5px 10px;
	font-size: 15px;
	position: relative;
}
.ongoing-scroll a:after {
	content: "";
	position: absolute;
	right: 0;
	height: 100%;
	top:0;
	width: 2px;
	background: #ececec;
}
.ongoing-scroll li {
	margin-right: 0 !important;
}
.ongoing-scroll li.active a {
	border-bottom:2px solid #c0242d;
}
.job-completed{

}
.job-details h4 {
	margin-bottom: 15px;
	font-size: 16px;
	color: #000 !important;
}
.profile-sec {
	background:#c0252d !important;
}
.profile-img{
	display: none !important;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fff;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.profile-img img {
	width: 100px;
	height: 100%;
	border-radius: 50%;
}
.profile-img3{
	display: none !important;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fff;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.profile-img3 img {
	width: 100px;
	height: 100%;
	border-radius: 50%;
}
.email-sec .circle-border{
	border: 1px solid #fff !important;
	color: #fff !important;
}
.email-sec {
	color: #fff !important;
	padding-left: 50px;
}
.profile-name {
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 18px;
}

.register-image{
	display: none;
}

.tab-2-nav{
	
}

.pro-edit-btn{
	display: none;
}

.photo-outer img{
	min-height: 148px;
}

.profile-img2{
	display: none;
}

.pan-desk{
	display: none;
}

.profile-img0{
	display: none;
}

@media (min-width: 1067px) and (max-width : 1920px){

	.profile-img0{
		display: block !important;
		width: 100px;
		height: 100px;
		border-radius: 50% !important;
		background: #fff;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.register-image{
		display: block;
	}

	.photo-outer img{
		min-height: 148px;
	}

	.uplode-phto-desknon{
		display: none;
	}

	.uplode-img-mob{
		display: none;
	}

	.log-out-sect{
		float: right;
		margin-right: 30px !important;
	}

	.profile-img2{
		display: block !important;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background: #fff;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.profile-img2 img {
		width: 100px;
		height: 100%;
		border-radius: 50%;
	}

	.login-content-form{
		padding: 0;
	}

	.inner{
		width: 30% !important;
		background-color: #f1f1f1;
		padding: 20px;
		border-radius: 10px;
	}

	.item-inner{
		background-color: #f1f1f1 !important;
	}

	.login-content-form{
		background-color: #f1f1f1;
	}

	.dashboard-content{
		padding: 10px 80px !important;
	}

	.pro-edit-btn{
		display: block;
	}

	.pro-edit-btn2{
		display: none;
	}

	.ion-color-danger{
		display: -webkit-inline-box;
	}

	.pan-mob{
		display: none;
	}

	.pan-desk{
		display: flex;
	}

	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
	  }
	  
	  .sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 25px;
		color: #818181;
		display: block;
		transition: 0.3s;
	  }
	  
	  .sidenav a:hover {
		color: #f1f1f1;
	  }
	  
	  .sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	  }
	  
	  @media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
	  }
}


@media screen and (max-width: 480px) {
	#img-upload{
		display: none;
	}

	.profile-img{
		display: block !important;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background: #fff;
		margin: 0 auto;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}

	.profile-img .fa-camera{
		position: absolute;
		left: 55%;
		top: 20%;
		background-color: #fff;
		padding: 10px;
		border-radius: 50px;
	}

	.job-content ion-label{
		font-size: 10px !important;
	}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.ion-color-danger{
	--ion-color-base: #c0242d !important;
}


/*------------------------------------------------*/

.sidenav0 {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
  }
  
  .sidenav0 a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181 !important;
	display: block;
	transition: 0.3s;
	cursor: pointer;
  }
  
  .sidenav0 a:hover {
	color: #f1f1f1 !important;
  }
  
  .sidenav0 .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
  }
  
  @media screen and (max-height: 450px) {
	.sidenav0 {padding-top: 15px;}
	.sidenav0 a {font-size: 18px;}
  }