/************ TABLE OF CONTENTS ***************

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

/*** 

====================================================================
			Fonts
====================================================================

***/

@import url(../../css-1);

@import url('flaticon.css');
@import url('line-awesome.css');
@import url('animate.css');
@import url('dropzone.css');
@import url('pe-icon-7-stroke.css');
@import url('jquery-ui.css');

/*** 

====================================================================
	Reset
====================================================================

***/

*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
}

/*** 

====================================================================
	Global Settings
====================================================================

***/

body {
	
	font-size:14px;
	color:#777777;
	line-height: 2em;
	font-weight:400;
	background:#ffffff;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: "Poppins", sans-serif;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#00a94f;
}

a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}

h1 {
	color: #001935;
	font-family: "Poppins", sans-serif;
	font-size: 36px;
	font-weight: 600
}

h2 {
	color: #001935;
	font-family: "Poppins", sans-serif;
	font-size: 28px;
	font-weight: 600
}

h3 {
	color: #001935;
	text-transform: capitalize;
	font-family: "Poppins", sans-serif;
	font-size: 24px;
	font-weight: 600
}

h4 {
	color: #001935;
	font-family: "Poppins", sans-serif;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: 600
}

h5 {
	color: #001935;
	font-family: "Poppins", sans-serif;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 600
}

h6 {
	color: #001935;
	font-family: "Poppins", sans-serif;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 600
}

textarea{
	overflow:hidden;	
	resize: none;
}

button{
	outline: none !important;
	cursor: pointer;
}

p,.text{
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #555555;
	margin: 0;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

.container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	overflow: hidden;
	z-index: 99;
	transition: all 500ms ease;
}

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

.theme-btn{
	display:inline-block;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.centered{
	text-align:center !important;
}

/*Btn Style One*/

.btn-style-one{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 25px;
	border: none;
	border-radius: 3px;
	font-weight: 700;
	background-color: #00a94f;
	text-transform: uppercase;
	-webkit-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
}

.btn-style-one:hover{
	color: #fff;
	-webkit-box-shadow: #001935 0 0px 0px 40px inset;
	-moz-box-shadow: #001935 0 0px 0px 40px inset;
	-ms-box-shadow: #001935 0 0px 0px 40px inset;
	-o-box-shadow: #001935 0 0px 0px 40px inset;
	box-shadow: #001935 0 0px 0px 40px inset;
}
.btn-style-one:focus{
	outline: none !important;
}

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	padding: 15px 25px;
	font-weight: 700;
	border-radius: 3px;
	background-color: #001935;
	text-transform: uppercase;
	-webkit-box-shadow: rgba(113, 177, 0, 0) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(113, 177, 0, 0) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(113, 177, 0, 0) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(113, 177, 0, 0) 0 0px 0px 0px inset;
	box-shadow: rgba(113, 177, 0, 0) 0 0px 0px 0px inset;
}

.btn-style-two:hover{
	color: #ffffff;
	-webkit-box-shadow: #00a94f 0 0px 0px 40px inset;
	-moz-box-shadow: #00a94f 0 0px 0px 40px inset;
	-ms-box-shadow: #00a94f 0 0px 0px 40px inset;
	-o-box-shadow: #00a94f 0 0px 0px 40px inset;
	box-shadow: #00a94f 0 0px 0px 40px inset;
}

/*Btn Style Three*/

.btn-style-three{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	padding: 10px 18px;
	font-weight: 700;
	border-radius: 3px;
	background-color: transparent;
	text-transform: uppercase;
	border: 2px solid #ffffff;
	-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
	box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
}

.btn-style-three:hover{
	color: #00a94f;
	-webkit-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
}

/*Btn Style Four*/

.btn-style-four{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	border: none;
	border-radius: 3px;
	padding: 12px 18px;
	font-weight: 700;
	background-color: #00a94f;
	text-transform: uppercase;
	-webkit-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
}

.btn-style-four:hover{
	color: #00a94f;
	-webkit-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
}

/*Btn Style Fiver*/

.btn-style-five{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#222222;
	padding: 15px 25px;
	font-weight: 700;
	background-color: transparent;
	border: 1px solid #00a94f;
	border-radius: 3px;
	color: #00a94f;
	text-transform: uppercase;
	-webkit-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
	box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
}

.btn-style-five:hover{
	color: #ffffff;
	-webkit-box-shadow: #00a94f 0 0px 0px 40px inset;
	-moz-box-shadow: #00a94f 0 0px 0px 40px inset;
	-ms-box-shadow: #00a94f 0 0px 0px 40px inset;
	-o-box-shadow: #00a94f 0 0px 0px 40px inset;
	box-shadow: #00a94f 0 0px 0px 40px inset;
}

/*Btn Style Six*/

.btn-style-six{
	position:relative;
	font-size:14px;
	line-height:20px;
	color:#fff;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 15px 25px;
	font-weight: 700;
	background-color: #001935;
}

.btn-style-six:hover{
	color: #001935;
	-webkit-box-shadow: #fff 0 0px 0px 40px inset;
	-moz-box-shadow: #fff 0 0px 0px 40px inset;
	-ms-box-shadow: #fff 0 0px 0px 40px inset;
	-o-box-shadow: #fff 0 0px 0px 40px inset;
	box-shadow: #fff 0 0px 0px 40px inset;
}


.list-style-one{
	position: relative;
	display: block;
}

.list-style-one li{
	position: relative;
	font-size: 15px;
	line-height: 26px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 35px;
}

.list-style-one li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	line-height: 25px;
	color: #00a94f;
	font-weight: 400;
	font-family: "LineAwesome";
	content: "\f17d";
}

.theme_color{
	color:#25262c;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:#ffffff; 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/preloader.html);
}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

/*** 

====================================================================
			Main Header
====================================================================

***/

.main-header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #ffffff;
	z-index: 999;
	box-shadow:0 0px 20px rgba(0,0,0,0.10);
}

.header-span{
	position: relative;
	display: block;
	height: 70px;
}

.main-header .main-box{
	position: relative;
	background-color: #ffffff;
	/*padding: 0 50px;*/
	transition: all 500ms ease;
}
@media (min-width: 547px){
	.main-header .main-box{
		padding: 0 50px;
	}
}
.main-header .logo-box{
	position: relative;
	float: left;
	padding: 10px 0;
}

.main-header .upper-right{
	position: relative;
	float: right;
}

.main-header .upper-right .option-box{
	position: relative;
	float: left;
	margin-left: 30px;
}

.main-header .upper-right .dropdown > a{
	display: inline-block;
	padding: 15px 0;
}

.dropdown-menu {
	position: absolute;
	top: 100% !important;
	left: 0 !important;
	transform: translate(0) !important;
}

.dropdown-item.active, 
.dropdown-item:hover, 
.dropdown-item:active{
	background-color: #00a94f;
	color: #ffffff;
}

.main-header .upper-right .thumb{
	height: 40px;
	width: 40px;
	border-radius: 50%;
	margin-right: 15px;
}

.main-header .upper-right .submit-property{
	position: relative;
	float: left;
	padding: 15px 0;
	margin-left: 30px;
}

.main-header .upper-right .submit-property a{
	padding: 10px 20px;
	font-size: 14px;
	text-transform: capitalize;
} 

.main-header .upper-right .submit-property a i{
	float: right;
	display: none;
	font-size: 20px;
	line-height: 20px;
	margin-left: 10px;
}

.main-header .nav-toggler{
	position:relative;
	float: right;
	margin-left: 30px;
	padding: 25px 0;
}

.main-header .nav-toggler .toggler-btn{
	position:relative;
	display:block;
	background:none;
	width:34px;
	height:20px;
	margin:0 auto;
	cursor:pointer;	
}

.main-header .nav-toggler .toggler-btn.active{
	-webkit-transform:rotate(90deg) scaleX(0.6);
	-ms-transform:rotate(90deg) scaleX(0.6);
	-o-transform:rotate(90deg) scaleX(0.6);
	-moz-transform:rotate(90deg) scaleX(0.6);
	transform:rotate(90deg) scaleX(0.6);
}

.main-header .nav-toggler .toggler-btn .bar{
	position:relative;
	display:block;
	height:3px;
	border-radius:3px;
	background:#222222;
	margin-bottom:5px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .nav-toggler .toggler-btn .bar:first-child{
	-webkit-transform-origin:right top;
	-ms-transform-origin:right top;
	-moz-transform-origin:right top;
	-o-transform-origin:right top;
	transform-origin:right top;
}

.main-header .nav-toggler .toggler-btn.active .bar:nth-child(2){
	opacity:0;
}

.main-header .nav-toggler .toggler-btn.active .bar:first-child{
	-webkit-transform:rotate(-30deg);
	-ms-transform:rotate(-30deg);
	-o-transform:rotate(-30deg);
	-moz-transform:rotate(-30deg);
	transform:rotate(-30deg);
}

.main-header .nav-toggler .toggler-btn.active .bar:last-child{
	-webkit-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	transform:rotate(30deg);
}

.main-header .nav-toggler .toggler-btn .bar:last-child{
	margin-bottom:0px;
	-webkit-transform-origin:right bottom;
	-ms-transform-origin:right bottom;
	-moz-transform-origin:right bottom;
	-o-transform-origin:right bottom;
	transform-origin:right bottom;
}

/***

====================================================================
	Hidden Sidebar style
====================================================================

***/

.hidden-bar{
	position: fixed;
	top: 0px;
	left: -300px;
	width: 100%;
	max-width: 300px;
	height:100%;
	z-index: 99999;
	background-color: #222222;
	border-radius: 100%;
	transition: all 500ms ease;
}

.side-content-visible .hidden-bar{
	left:0px;
	opacity:1;
	visibility:visible;
	border-radius: 0%;
}

.side-content-visible .page-wrapper{
	padding-left: 300px;
}

.side-content-visible .main-header .main-box{
	margin-left: 300px;
}


.hidden-bar .inner-box{
	position:relative;
	background-color: #222222;
	padding:55px 30px 50px;
}

.hidden-bar .inner-box .cross-icon{
	position:absolute;
	right:30px;
	top:30px;
	cursor:pointer;
	color:#ffffff;
	font-size:20px;
}

.hidden-bar .inner-box h2{
	position:relative;
	font-size:28px;
	font-weight:500;
	line-height:1.2em;
	color:#ffffff;
	margin-bottom:20px;
}

.form-back-drop{
	position:fixed;
	right:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(0,0,0,0.70);
	visibility:hidden;
	z-index:99999;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;	
}

.side-content-visible .form-back-drop{
	opacity:1;
	visibility:visible;
}

.hidden-bar .cross-icon{
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
}

.hidden-bar .navigation{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	margin:0px;
}
.hidden-bar .navigation > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.hidden-bar .navigation > li:last-child{
	border-bottom:none;	
}

.hidden-bar .navigation > li > a{
	position:relative;
	display:block;
	padding:10px 15px;
	line-height:24px;
	font-weight:400;
	font-size:15px;
	color:#ffffff;
	text-align:left;
	text-transform:capitalize;
	border-left: 4px solid transparent;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.hidden-bar .navigation > li > a i{
	position: relative;
	float: left;
	margin-right:10px;
	font-size: 18px;
	line-height: 24px;
	color: #00a94f;
}


.hidden-bar .navigation > li > a > .tag{
	position: relative;
	float: right;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: #ffffff;
	color: #000000;
	line-height: 20px;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
}

.hidden-bar .navigation > li.active > a,
.hidden-bar .navigation > li:hover > a{
	border-left: 4px solid #00a94f;
	background-color: rgba(255,255,255,0.10);
}

/***

====================================================================
		Dashboard
====================================================================

***/

.dashboard{
	position: relative;
}

.dashboard .content-area{
	position: relative;
}



@media (min-width: 547px){
	.dashboard-content {
		position: relative;
		padding: 30px 35px 0;
	}
}
@media (max-width: 547px){
	.dashboard-content {
		padding-top: 20px;
	}
}
.dashboard-content {
		position: relative;
		margin-top: 50px;
	}
.dashboard-header{
	margin-bottom: 25px;
}

.alert{
	margin-bottom: 50px;
}

.dashboard-header .breadcrumb-nav {
	right: 15px;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	float: right;
}

.dashboard-header .breadcrumb-nav ul li{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.2em;
	margin: 0 0 0 15px;
	color: #222222;
	font-weight: 500;
}

.dashboard-header .breadcrumb-nav ul li:first-child{
	margin-left: 0;
}

.dashboard-header .breadcrumb-nav a{
	color: #222222;
	transition: all 300ms ease;
}

.dashboard-header .breadcrumb-nav li.active,
.dashboard-header .breadcrumb-nav li:hover a{
	color: #00a94f;
}

/** Ui item start **/

.ui-item {
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 30px;
	color: #fff;
	border-radius: 5px;
	margin-bottom: 50px;
}

.ui-item i {
	font-size: 70px;
	position: absolute;;
	right: 20px;
	top:  20px;
	color: rgba(255,255,255,0.41);
}

.ui-item p{
	color: #fff;
	font-weight: 600;
	margin-bottom: 0;
}

.ui-item h4{
	color: #fff;
	font-weight: 600;
	font-size: 30px;
}

.bg-active{
	background: #ff214f;
	color: #fff !important;
}

.dashboard-list {
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
	padding: 0;
	margin-bottom: 30px;
	display: inline-block;
	width: 100%;
}

.dashboard-list h3 {
	padding: 15px 25px;
	border-bottom: 1px solid #eee;
	font-size: 18px;
	margin: 0;
	width: 100%;
	font-weight: 500;
}

.dashboard-message {
	float: left;
	padding: 25px 25px;
	position: relative;
	border-bottom: 1px solid #eee;
	width: 100%;
}

.dashboard-list h4 {
	padding: 15px 25px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 18px;
	font-weight: 500;
	margin: 0;
}


/***

====================================================================
	Messages Box
====================================================================

***/

.messages-box{
	position: relative;
	padding: 30px 40px 10px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	-o-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
	margin-bottom: 40px;
}

.messages-box .inner-box{
	max-width: 700px;
}

.messages-box .title{
	position: relative;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 30px;
}

.messages-box h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
}


/***

====================================================================
	Properties Box
====================================================================

***/

.properties-box{
	position: relative;
	padding: 30px 40px 10px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	-o-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
	margin-bottom: 40px;
}

.properties-box .title{
	position: relative;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 30px;
}

.properties-box h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
}

/*=== Property Block ===*/
/*
.property-block{
	position: relative;
	margin-bottom: 40px;
}

.property-block .inner-box{
	position: relative;
}

.property-block .image-box{
	position: relative;
	float: left;
	width: 200px;
	margin-right: 20px;
}

.property-block .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.property-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.property-block .content-box{
	position: relative;
	float: left;
	max-width: 320px;
	width: 100%;
}

.property-block h3{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 10px;
}

.property-block .location{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 10px;
}

.property-block .location i{
	float: left;
	color: #00a94f;
	font-size: 20px;
	line-height: 24px;
	margin-right: 4px;
}

.property-block .property-info{
	position: relative;
	margin-bottom: 15px;
}

.property-block .property-info li{
	position: relative;
	float: left;
	width: 50%;
	padding-left: 35px;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	cursor: default;
}

.property-block .property-info li i{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	color: #00a94f;
	line-height: 30px;
}

.property-block .price{
	position: relative;
	font-size: 18px;
	line-height: 20px;
	color: #222222;
	font-weight: 500;
}

.property-block .option-box{
	position: relative;
	float: right;
	max-width: 30%;
	width: 100%;
}

.property-block .expire-date{
	position: relative;
	float: left;
	text-align: center;
	padding-top: 60px;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
}

.property-block .action-list{
	position: relative;
	float: right;	
	padding-top: 25px;
	padding-right: 40px;
}

.property-block .action-list li{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #222222;
}

.property-block .action-list li a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.property-block .action-list li a:hover{
	color: #00a94f;
	}*/

/***

====================================================================
	My Invoices
====================================================================

***/

.manage-candidates{
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	-o-box-shadow: 0 0 20px rgba(0,0,0,0.10);
	box-shadow: 0 0 20px rgba(0,0,0,0.10);
	margin-bottom: 40px;
}

.manage-candidates h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
}

.manage-candidates .logo{
	position: relative;
	float: left;
	margin-bottom: 40px;
}

.manage-candidates .order-num{
	position: relative;
	float: right;
	font-size: 24px;
	line-height: 50px;
	font-weight: 500;
	color: #333333;
}

.manage-candidates .invoice-box{
	position: relative;
	float: left;
	width: 100%;
}

.manage-candidates .invoice-box .column{
	position: relative;
	margin-bottom: 40px;
}

.manage-candidates .invoice-box h3{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.job-title{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 600;
}
.post-job-info ul li{
	margin-right: 10px;
	color: #969696;
}
.candidate-list ul li{
	display:inline-block;
}

.candidate-list ul li a{
	margin-right: 8px;
}

.invoice-box td{
	vertical-align: middle;
}

.table-responsive thead{
	color: #222222;
}

.editor {
	height: 250px
}


/*** 

====================================================================
		Profile Form
====================================================================

***/

.profile-form{
	position: relative;
}

.profile-form .form-group{
	position:relative;
	display:block;
	width:100%;
	margin-bottom:25px;
}

.profile-form .form-group label{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #000000;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.profile-form .form-group label i{
	position: relative;
	float: left;
	margin-right: 5px;
	line-height: 28px;
	font-size: 22px;
}

.profile-form .ui-selectmenu-button.ui-button,
.profile-form .form-group input,
.profile-form .form-group select,
.profile-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	height:48px;
	font-size:13px;
	color:#777777;
	line-height:26px;
	font-weight: 400;
	padding:10px 30px 10px 25px;
	background:#ffffff;
	border:1px solid #e0e0e0;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.profile-form .form-group textarea{
	height: 150px;
	resize: none;
	overflow: hidden;
}


.profile-form .form-group input:focus,
.profile-form .form-group select:focus,
.profile-form .form-group textarea:focus{
	border:1px solid #00a94f;
}

.profile-form .form-group input[type="submit"],
.profile-form .form-group button{
	position:relative;
	font-size: 15px;
	line-height: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	color: #fafafa;
	text-transform: capitalize;
}


.edit-profile-photo {
	position: relative;
	height: 250px;
	width: 250px;
	margin: 0 auto 50px;
}

.edit-profile-photo img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
	border:2px solid #b9b9b9;
}


.change-photo-btn {
	position: absolute;
	display: inline-block;
	font-size: 14px;
	bottom: -15px;
	margin-left: -15px;
	left: 50%;
	width: auto;
	transition: 0.3s;
	font-weight: 500;
	cursor: pointer;
	line-height: 28px;
}

.photoUpload {
	position: relative;
	overflow: hidden;
	padding: 3px 12px;
	border-radius: 50px;
	cursor: pointer;
	font-size: 14px;
	background-color: #00a94f;
}

.photoUpload span {
	color: #fff;
	font-weight: 600;
}

.photoUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

/*.crud {
  display: -webkit-box
}

.crud a {
  margin-right: 10px;
  color: #7f848c;
  font-size: 14px
}

.crud a:hover {
  color: #00a94f
  }*/

/*.edit:before {
  content: "\270E";
  margin-right: 7px;
  font-size: 12px
}

.delete:before {
  content: "\2715";
  margin-right: 7px;
  font-size: 12px
}

.filled:before {
  content: "\2714";
  margin-right: 7px;
  font-size: 12px
}

.duplicate:before {
  content: "\274F";
  margin-right: 7px;
  font-size: 12px
}
*/
/***

==================================================================
        Map Section
==================================================================

***/

.map-section{
	position: relative;
}

.map-outer{
	position: relative;
}

.map-canvas{
	position: relative;
	width: 100%;
	height: 300px;
}


/***

==================================================================
        Post Job Bx 
==================================================================

***/

.post-job-bx{
	margin:0;
	padding:0;
	list-style:none;
}
.post-job-bx,
.post-job-bx li,
.post-job-bx ul{
	list-style:none;
	margin:0;
	padding:0;
}
.post-job-bx ul li{
	display:inline-block;
	margin-right:10px;
	color: #969696;
}
.post-job-bx ul li i{
	margin-right:5px;
}
.post-job-bx a{
	padding:25px;
	background-color:#fff;
	border-left: 5px solid #e1e7ff;
	border-radius:4px;
	box-shadow: 0 0 10px 0 rgba(0,24,128,0.1);
	display: block;
	position:relative;
}
.post-job-bx a:hover{
	border-color:#00a94f;
}
.post-job-bx > li{
	margin-bottom:30px;
}
.post-job-bx > li:last-child{
	margin-bottom:0;
}

.job-post-company img{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 6px;
	text-align: center;
	overflow: hidden;
}
.job-post-company{
	margin-right:20px;
}
.post-job-bx h4{
	margin-bottom:10px;
}
.salary-bx span{
	color:#000;
	font-family: "Poppins", sans-serif;
	font-size:20px;
}
.job-time span{
	text-transform: uppercase;
	border: 1px solid #dbe2ff;
	border-radius: 4px;
	background-color: #e1e7ff;
	display: block;
	font-size: 14px;
	padding: 2px 10px;
	color: #00a94f;
	display: inline-block;
	text-align: center;
}
.post-like{
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 1px solid #00a94f;
	line-height: 30px;
	text-align: center;
	color: #00a94f;
	position: absolute;
	top: 25px;
	right: 25px;
}
.post-like:hover{
	background-color: #00a94f;
	color: #ffffff;
}


@media (min-width: 547px){
	.emp-detail{
		display: flex !important;
	}
}

@media (min-width: 768px){
	.J-open{
		position: relative;
		float: right;
		top: -55px;
	}
}

@media (max-width: 767px){
	.J-open,
	.job-post-info{
		margin-top: 20px;
	}
}

.job-post-info h4{
	font-size: 20px !important;
}
.job-post-info h5{
	color: #969696 !important;
}



/*=== Footer Bottom ===*/

.main-footer {
	position: relative;
	margin-top: 80px;
	background: rgb(37, 44, 65);
}
.main-footer .footer-bottom{
	position:relative;
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
	float: left;
	padding:30px 0;
}

.main-footer .footer-bottom .copyright-text p{
	position: relative;
	line-height: 25px;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	margin: 0;
}

.main-footer .footer-bottom .copyright-text a{
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-bottom .footer-nav{
	position: relative;
	float: right;
}

.main-footer .footer-bottom .footer-nav ul{
	position: relative;
	padding: 30px 0;
	margin: 0;
}

.main-footer .footer-bottom .footer-nav ul li{
	position: relative;
	float: left;
	margin-left: 40px;
}

.main-footer .footer-bottom .footer-nav ul li:first-child{
	margin-left: 0px;
}

.main-footer .footer-bottom .footer-nav ul li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-bottom .footer-nav ul li a:hover{
	color: #00a94f;
}


td.text-info a{
	color: #a6a9b7;
}

td.text-info a:hover{
	color: #00a94f;
}

td p{
	color: #a6a9b7;
}

@media (min-width: 547px){
  .job-resp{
    display: flex;
  }
}