.cf-wrapper{padding-left:280px; }
.cf-main{padding:50px 110px;}
.cf-header{padding:30px 150px;}
.cf-dashboardheader{
	float: left;
	width: 100%; 
}
.cf-dashboardheader .cf-btnarea{
	float: right;
	width: auto;
}
.cf-sidebarnav{
	top: 0;
	left: 0;
	height: 100%;
	width: 280px;
	position: fixed;
}
.cf-userprofile{
	float: left;
	width: 100%;
	padding:20px; 
	text-align: center;
}
.cf-userimg{
	max-width: 152px;
	border-radius: 50%;
	margin: 0 auto 20px;
}
.cf-userimg img{
	width: 100%;
	display: block;
	border-radius:50%; 
}
.cf-userprofile .cf-title h3{
	color: #fff;
	font-size: 27px;
	line-height:25px;
	margin: 0 0 10px;
}
.cf-userprofile .cf-title span{
	color: #fff;
	display: block;
	font-size: 18px;
	line-height:20px;
}

.cf-dashboardnav{
	float: left;
	width: 100%;
}
.cf-dashboardnav ul{
	width: 280px;
	float: left;
	line-height: 20px;
	list-style: none;
}
.cf-dashboardnav > ul > li{
	width: 100%;
	float: left; 
	padding:10px 30px ;
	line-height:inherit;
	list-style-type: none;
}

.cf-dashboardnav ul > li > a{
	color: #fff;
	font-size: 14px;
    font-weight: 500;
	line-height: inherit;
	line-height: inherit;
    display: inline-block;
    vertical-align: middle;
	text-transform: capitalize;
}
.cf-dashboardnav ul li a span{margin-left:10px; }
.cf-featuredadd-holder{
	float: left;
	width: 100%;
	margin-bottom: 100px; 
}
.cf-featuredadd{
	float: left;
	width: 100%;
	margin: 0 -20px;
	float: none;
	width: auto;
	list-style:none;
}
.cf-featuredadd li{
	width: 25%;
	float: left;
	padding: 0 20px;
	list-style-type: none;
}
.cf-featuredcontent{
	float: left;
	width: 100%;
	background: #fff;
	padding:30px 30px 10px;
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}
.cf-featuredcontent figure{
	margin: 0;
	float: left;
	width: auto;
}
.cf-featuredcontent figure img{
	display: block;
	width: 100%;
}
.cf-featuredtitle{overflow: hidden;}
.cf-featuredtitle h2{
	margin: 0;
	font-size: 31px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
}
.cf-featuredtitle h2 em{
	display: block;
	font-size: 18px;
	color: #757575;
	font-style: normal;
	font-weight: 400;
}
.cf-featuredtitle a{
	float: right;
	font-size: 12px;
	line-height: 14px;
	margin-top:30px; 	
}
.cf-featuredtitle a:hvoer{ cursor: pointer; }
.cf-manageads-holder{
	float: left;
	width: 100%;
	background: #fff;
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}
.cf-manageads-title{
	width: 100%;
	float: left;
	padding:20px 30px;
	border-bottom: 1px solid #B3B3B3;
	background: #fff;
}
.cf-manageads-title h2{
	margin: 0;
	color: #494949;
	font-size:20px;
	line-height: 30px;
}
.cf-manageads-content{
	float: left;
	width: 100%;
	padding:30px; 
}
.cf-manageads-list{
	float: left;
	width: 100%;
	padding: 25px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}
.cf-manageads-list + .cf-manageads-list{margin-top:30px; }
.cf-manageads-list figure{
	float: left;
	width: auto;
	margin: 0 20px 0 0;
}
.cf-manageads-list figure img{
	width: 100%;
	display: block;
}
.cf-manageads-details{
	overflow: hidden;
	position: relative;
}
.cf-manageads-details .cf-title{
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
.cf-manageads-details .cf-title h3{
	margin: 0;
	color: #494949;
	font-size:20px; 
	font-weight: 500;
	line-height: 30px;
}
.cf-manageads-details .cf-title p{
	margin: 0;
	font-size: 15px;
	color: #757575;
	line-height: 25px;
}
.cf-adsinfo{
	border: 0;
	width: auto;
}
.wt-adsmeta.cf-adsinfo li:first-child{padding-left:0; }
.wt-adsmeta.cf-adsinfo li{width: auto;}
.wt-adsmeta.cf-adsinfo li{padding:0 10px; }
.cf-manageads-details > .cf-btn{
	right: 0;
	top: 20px;
	position: absolute;
}
.cf-manageads-content .cf-pagination{margin-top:30px; }

/*Dashboard Form*/
.cf-dashboardjob-holder .cf-jobform{padding: 30px;}
.cf-jobform .cf-jobformgroup{
	margin: -10px;
	float: none;
	width: auto;
	overflow:hidden;
}
.cf-jobform fieldset .form-group:first-child{width: 100%;}
.cf-jobform fieldset .form-group{
	padding:10px;
	width: 50%;
}
.cf-jobform fieldset .form-group.textarea:last-child{width: 100%;}
.cf-jobform fieldset .form-group textarea{height: 200px;}

.cf-uploadfile{
	float: left;
	width: 100%;
}
.cf-uploadfile .cf-title h3{
	color: #0f0f0f;
	font-size: 20px;
	margin: 0 0 20px;
	line-height: 16px;
}
.cf-jobform .cf-uploadfile-holder{margin-top:30px; }

.cf-jobform fieldset .cf-clickupload{
	margin: 0;
	width: 100%;
	padding:10px;
	text-align: center;
	border-radius: 10px;
	border:2px dashed #cacaca; 
}
.cf-clickupload label{
	margin: 0 20px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.cf-clickupload label span{
	color: #fff;
	width: 184px;
	position: relative;
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
	font: 700 16px/55px 'Roboto', Arial, Helvetica, sans-serif;
}
.cf-clickupload em{
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
}
.cf-clickupload label input{display: none;}
.cf-jobform fieldset .form-group.cf-upload-imgs{
	padding: 0;
	margin: 10px 0 0;
}
.cf-upload-imgs ul{
	float: none;
	width: auto;
	margin: -10px;
	overflow: hidden;
	list-style:none;
}
.cf-upload-imgs ul li{
	width: 25%;
	float: left;
	padding:10px;
	list-style-type: none;
}
.cf-upload-imgs ul li figure{
	margin: 0;
	float: left;
	width: 100%;
	background: #000;
	border-radius: 4px;
	position: relative;
}
.cf-upload-imgs ul li img{
	width: 100%;
	display: block;
	border-radius: 4px;
}
.cf-upload-imgs ul li figure:hover img{opacity: 0.5}
.cf-upload-imgs ul li a{
	top: 10px;
	opacity: 0;
	right: 10px;
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	visibility: hidden;
}
.cf-upload-imgs ul li figure:hover a{
	opacity: 1;
	visibility: visible;
}
.cf-upload-imgs ul li.cf-cross a{color: #F9302B;}
.cf-upload-imgs ul li.cf-check a{color: #3DF441;}
.cf-jobform .cf-uploadfile-holder .form-group{width: 100%;}
.cf-dashboardjob-holder .cf-mapholder{
    margin-top:30px; 
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}
.cf-dashboardjob-holder .cf-mapholder .cf-locationmap{height: 200px;}

.cf-dbstatus {
	float: left;
	width: 100%;
	padding:25px 110px; 
	border-bottom: 1px solid #cacaca;
	background: #EFEFEF;
}
.cf-dbstatus h4{
	margin: 0;
	color: #757575;
	font-size: 25px; 
	line-height: 30px;
}
.cf-dbstatus-holder{overflow: hidden;}
.cf-profileform fieldset .form-group{
	width: 100%;
}
.cf-profileform fieldset .cf-btnarea{
	float: right;
	padding:10px; 
}
.cf-profileform .cf-selectiam{
	float: none;
	width: auto;
	overflow: hidden;
	margin: 0 0 50px;
}
.cf-selectiam > span{
	display: block;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 20px; 
}
.cf-radiobox-holder{
	float: left;
	width: 100%;
}
.cf-radiobox-holder .cf-radio{width: auto;}
.cf-radiobox-holder .cf-radio + .cf-radio{padding-left: 30px; }
.cf-usersetting{
	float: left;
	width: 100%;
	background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}
.cf-usersetting .cf-jobform .cf-uploadfile-holder{
	margin: 0; 
	padding:30px;
}
.cf-usersetting .cf-upload-imgs ul li{width: 100px;height: 100px;}
.cf-insert-ad-form .cf-upload-imgs ul{ margin-bottom: 20px; }
.cf-insert-ad-form .cf-upload-imgs ul li{width: 300px;height: auto;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
	top: 6px;
	height: 3px;
}
/* Dashboard Listing Style*/
.cf-ads-holder{
	float: left;
	width: 100%;
	padding:30px; 
}
.cf-adsoption{
	float: left;
	width: 100%;
	margin: 0 0 30px;
	text-align: center;
}
.cf-adsoption ul{
	float: left;
	width: 100%; 
	list-style:none;
	line-height: 20px;
}
.cf-adsoption ul li{
	vertical-align: middle;
	display: inline-block;
	line-height: inherit;
	list-style-type: none;
	margin-right:-4px; 
}
.cf-adsoption ul li a{
	color: #757575; 
	display: block;
	font-size: 16px;
	padding:10px 20px;
	border-radius: 4px;
	line-height: inherit;
}
.cf-adsoption ul li:hover a{color: #fff;}
.cf-adsoption ul li + li a{
	border-left: 1px solid #eee;
} 
.cf-myadssearch{
	float: left;
	width: 100%;
	margin:0 0 30px; 
}
.cf-sortby span{
	font-size: 14px;
	line-height: 18px;
	margin-right:10px; 
	display: inline-block;
	vertical-align: middle;
}
.cf-sortby .cf-select{
	width: 200px;
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.cf-sortby .cf-select select{height: 37px;}
.cf-sortby .cf-select:after{line-height: 37px;}
.cf-myadssearch .form-group{
	margin: 0;
	width: auto;
}
.cf-myadssearch .cf-formsearch {float: right;}
.cf-adstale thead{
	background: #0066ff;
}
.cf-adstale tbody tr td img{
	width: auto;
	margin: 0 auto;
	display: block;
	border-right: 5px;
}
.cf-adstitle {text-align: left;}
.cf-adstitle .cf-manageads-details .cf-title h3{
	width: 90%;
	clear: both;
	overflow: hidden;
	white-space: nowrap;
	text-transform: inherit;
	text-overflow: ellipsis;
}
table.cf-adstale > tbody > tr > td{
	padding:20px 10px;
	vertical-align: middle;
}
table.cf-adstale > tbody > tr > td > span{
	line-height: 20px;
	display: block;
}
.cf-tablestatus {
	float: left;
	width: 100%;
}
.cf-statusbtn{
	width: 100px;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #F2F2F2;
	display: inline-block;
}
.cf-statusbtn:hover{color: #fff;}
.cf-statusbtn-sold{background: #F4AB2A;}
.cf-statusbtn-active{background: #25D847;}
.cf-actionbtn{
	width: 100%;
	float: left;
	list-style:none;
	line-height: 40px;
	text-align: center;
}
.cf-actionbtn li{
	padding:0 10px; 
	list-style-type: none;
	display: inline-block;
	vertical-align: middle; 
	line-height: inherit;
}
.cf-actionbtn li a{
	width: 50px;
	color: #353434;
	display: block;
	background: #F2F2F2;
	line-height: inherit;
}
.cf-adstale{margin:0 0 30px; }
table.cf-adstale > tbody > tr:hover .cf-actionbtn a{color: #fff;}
table.cf-adstale > tbody > tr:hover .cf-actionbtn .cf-btneye{background: #39B54A;}
table.cf-adstale > tbody > tr:hover .cf-actionbtn .cf-btnpencil{background: #35302D;}
table.cf-adstale > tbody > tr:hover .cf-actionbtn .cf-btntrash{background: #ED1C24;}
.cf-adstale .cf-manageads-details .cf-title{
	float: none;
	width: auto;
}
/* Packages */
.cf-packages-holder{
	float: left;
	width: 100%;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}
.cf-packages{
	float: left;
	width: 100%;
	background: #fff;
}
.cf-packages .cf-package{width: 25%}
.cf-package{
	float: left;
	width: 100%;
	border-right: 1px solid #B3B3B3;
}

.cf-packagehead{
	float: left;
	width: 100%;
	padding:20px;
	min-height: 100px;
	text-align: left;
	border-bottom: 1px solid #B3B3B3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.cf-packagehead h3{
	margin: 0;
	font-size: 20px;
	line-height: 22px;
	text-transform: uppercase;
}
.cf-packagecontent{
	float: left;
	width: 100%;
}
.cf-packagecontent ul{
	float: left;
	width: 100%; 
	list-style:none;
	line-height: 20px;
	text-transform: capitalize;
	padding-left: 0;
}
.cf-packagecontent ul li{
	width: 100%;
	float: left;
	padding:20px; 
	line-height: inherit;
	list-style-type: none;
}
.cf-packagecontent ul li.cf-price,
.cf-packagecontent ul li:first-child{
	min-height: 80px;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.cf-packagecontent ul li + li{border-top: 1px solid #B3B3B3;}
.cf-packagecontent ul li span{
	display: block;
	font-size: 14px;
	line-height: inherit;
}
.cf-packagecontent ul li.cf-price span {
	font-size: 30px;
	font-weight: 700;
	color: #0f0f0f;
	line-height: 30px;
}
.cf-packagebtn{
	text-align: center;
	min-height: 81px;
}
.cf-packagebtn .cf-btn{
	line-height: 40px;
	width: 150px;
}
.cf-header{ padding: 30px; }
h1:not(.site-title):before, h2:before{ display: none !important; }
.cf-main{ padding: 30px; }
.cf-featuredadd-holder{ margin-bottom: 30px; }
.cf-manageads-content{ width: 65%; }
.cf-manage-package{ width: 23%; float: left; padding: 30px; padding-left: 0; }
.cf-package-wrap {
	float: left;
    width: 100%;
    padding: 25px 25px 18px 25px;   
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    background: #fff;
}
.cf-dashboard-footer{
	float: left;
    width: 100%;
    padding: 25px;   
    margin-top: 30px;
    text-align: center;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    background: #fff;
}
.cf-dashboard-footer .cf-title, .cf-dashboard-footer p{ margin-bottom: 0; }
.cf-navigationarea .main-navigation { display: inline-block !important; }
.cf-userprofile .cf-title span, .cf-dashboardnav ul li a span{ font-family: roboto; }
.cf-dashboardnav ul li a i{ font-weight: bold; }
.cf-manageads-details .cf-title p{ font-family: roboto; }
.form-group .cf-gender-type{ margin-bottom: 10px; display: inline-block; }
.cf-upload-imgs ul li.cf-check a.cf-tick-sign { color: green; right: 40px; }
.cf-upload-imgs ul li.cf-check a.cf-cross-sign { color: red; }
.cf-submitholder{ width: 100%; float: left; }
.cf-submitholder .cf-btnarea{ float: right; }
.cf-jobform fieldset .form-group.textarea{ width: 100%; }
.alert-danger{ float: left; width: 100%; }
.cf-adsoption li a.active{ background: #0066ff; color: #fff; }
.cf-adsoption ul{ margin-bottom: 0; }
.cf-manageads-holder .cf-pagination{ border: 0; }
.cf-suggestions-wrap{ background: #0066ff; box-shadow: none; }
.cf-suggestions-wrap .cf-box{ width: 100%; float: left; padding: 20px 30px; color: #fff; }
.cf-suggestions-wrap .cf-manageads-title h2{ color: #fff; }
.table .cf-adsinfo{ display: none; }
.cf-half-title h2{ float: left; }
.cf-adsoption{
	float: right;
	width: auto;
	text-align: center;
	margin-bottom: 0;
}
.cf-adstale .cf-manageads-details .cf-title{ margin-bottom: 0; }
.cf-actionbtn{ margin-bottom: 0; padding: 0;}
.cf-actionbtn li{
	list-style-type: none;
	display: inline-block;
	vertical-align: middle; 
	line-height: inherit;
}
.cf-featuredtitle h2{
	margin: 0;	
	font-size: 31px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
}
.cf-packagecontent{ text-align: center; }
.cf-packagehead h3{ text-align: center; }
.cf-packagecontent ul li.cf-price, .cf-packagecontent ul li:first-child{
	text-align: center;
}
.cf-packagecontent ul li + li{ border-top: 1px solid #e1e1e1; }
.cf-packagehead{ border-bottom: 1px solid #e1e1e1; }
.cf-package{ border-right: 1px solid #e1e1e1; }
.cf-manageads-title{ border-bottom: 1px solid #e1e1e1; }
.cf-package:first-child .cf-packagecontent{ text-align: left; }
.cf-package:first-child .cf-packagecontent ul li:first-child{ text-align: left; }
table.cf-adstale > tbody > tr > td{ padding: 10px; }
.cf-actionbtn li{ padding: 0; }
.cf-actionbtn li a{ width: 40px; height: 40px; }
.cf-statusbtn-active{ background: none; color: #333; }
table.cf-adstale > tbody > tr:hover .cf-actionbtn .cf-btnpencil{ background: #0066ff; }
table.cf-adstale > tbody > tr:hover .cf-actionbtn .cf-btneye{ background: #2b8d39; }
.cf-manageads-holder.cf-insight{ width: 75%; margin-right: 2%; }
.cf-manage-package{ padding: 0; }
.cf-statusbtn:hover{ color: #333; }
.cf-package-wrap{ margin-bottom: 0; background: #0066ff; border-bottom: 1px solid #e1e1e1; }
.cf-package-wrap:nth-child(odd){ text-align: right; }
.cf-package-wrap:nth-child(even){ text-align: left; }
.cf-package-wrap .cf-title h3{ color: #fff; }
.cf-package-wrap .cf-title p{ color: #fff; }
.cf-package-wrap .cf-title p b{ color: #fff; }
#clConfirmWrap{top:0;left:0;width:100%;height:100%;z-index:100000;position:fixed;background:url('images/ie.png');background:-moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);}
#confirmWrap{top:50%;left:50%;border:0;width:460px;position:fixed;background:#fff;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;margin:-130px 0 0 -230px;}
#confirmButtons{width:100%;float:left;text-align:center;}
#confirmWrap h1,
#confirmWrap p{margin:0px;color:#414141;padding:18px 25px;}
#confirmWrap h1{color:#fff;letter-spacing:0.3px; background: #0066ff;}
#confirmWrap p{float:left;background:none;font-size:16px;line-height:1.4;padding-top:35px;}
#confirmWrap .button{z-index:2;color:#5d5955;padding:0 35px;overflow:hidden;text-align:center;border:2px solid;margin:20px 15px;position:relative;display:inline-block;vertical-align:middle;text-transform:uppercase;font:14px/36px 'Montserrat', Arial, Helvetica, sans-serif;}
#confirmWrap .button:hover{color:#fff;}

#confirmWrap h1{
	margin: 0;
	font-size: 20px;
	line-height: 30px;
}
.cf-sidebar-wrap{
	float: left;
	width: 100%;
	position: relative;
}
.cf-sidebar-res{
	top: 100px;
	z-index: 9;
	width: 40px;
	height: 40px;
	right: -20px;
	display: block;
	color: #0f0f0f;
	background: #fff;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
}
.cf-sidebar-res:hover,
.cf-sidebar-res:focus{color: #0f0f0f}
.cf-sidebar-res i{ line-height: 40px; }
.cf-toggle-btn .cf-sidebar-res .fa-arrow-right:before{content: "\f060";}
.cf-toggle-btn .cf-dashboardnav .dashboard-menu-left{}
.cf-sidebar-wrap{
	overflow: hidden;
	padding-top:50px; 
}
.cf-toggle-btn .cf-userprofile .cf-userimg {
	width: 40px;
}
.cf-toggle-btn .cf-userprofile .cf-title{display: none;}
.cf-toggle-btn.cf-sidebarnav{width: 54px;}
.cf-expand-wrap{
    padding-left: 54px;
}