li{list-style: none;}
.main-content{
	font-family: 'frutigerltstd-roman';
}
.no-padding{padding:0;margin:0;}
.dash-menu li{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	float: left;
	list-style: none;
	text-align: center;
	width:50%;
}
.dash-menu a{
	float: left;
	padding:10px;
	width: 100%;
	color: #000;
}
.dash-menu li:first-child{border-left: 1px solid #CCC;}
span.notif{
	background: #FF0000;
	padding:5px;
	color: #FFF;
	border-radius: 50%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.dash-content, .dash-author{
	padding-top:20px;
	padding-bottom:20px;
}
.dash-author{
	cursor: pointer;
}
.tile{
	padding:20px;
	margin-bottom: 3%;
	background: #ebebeb;
}
.content-left .tile:hover {
	background-color: #1d1c19;
}
.dash-author, .deposit, .dash-follow{
	background: #ebebeb;
}
.dash-author:hover {
  	background-color: #000;
  	color: #fff;
}
.dash-author a{
  	color: #000;
}
.dash-author:hover a, .dash-author.active a{
  	color: #fff;
}
.dash-detail{text-align: center;color: #96979b;}
.dash-detail p{font-size: 30px;padding:0;margin: 0;font-weight: bold;}
.green-color{color: #07beb8;}
.red-color{color: #ee6352;}
.img-detail{
	padding: 0;
}
.content-left{padding-left: 0;}

.img-author{
	border-radius: 50%;
	overflow:hidden;
	height:100px;width:100px;
	max-width: 100%;
}
.dash-sosmed li{
	list-style: none;
	float: left;
	padding:5px;
}
.border-all{border:1px solid #CCC;}
.border-top{border-top:1px solid #CCC;}
.border-bottom{border-bottom:1px solid #CCC;}
.border-right{border-right:1px solid #CCC;}
.border-left{border-left:1px solid #CCC;}
.deposit{
	padding:0px 20px;
	color: #1c7eed;
	font-size:40px;
	font-weight: bold;
	text-align: center;
}
.deposit span{
	font-size: 14px;
	display: block;	
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 	10px;
}
.deposit span.deposit-amount{
	font-size: 	32px;
	padding:10px 0 0 0;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 	0;
}
.upload-download{
	font-size: 16px;
	color: #1c7eed;
	text-transform: uppercase;
	padding:0;
}
.upload-download img{
	position: absolute;
	left: 0;
	top: 10px;
}
.upload-download .active a{color:#FFF;}
.upload-download p{padding:0;margin: 0;font-weight: bold;font-size: 22px;}
.upload-download .padding-10, .dash-follow .padding-10{padding-left:10px;}
.other-tile{
	border-top: 1px solid #CCC;
	font-size: 12px;
	padding: 0;
	color: #000;
}
.other-tile p{
	color:#1c7eed;
	font-size: 18px;
	margin:0;
}
.dash-follow{
	padding:0;
	margin-top: 20px;
}
.dash-follow p{padding: 2px 0;margin: 0;}
.fol-text{font-weight: bold;font-size: 24px;color: #1c7eed;}
.fol-count{color: #1c7eed;text-transform: uppercase;}
.dash-follow img{
	position: absolute;
	top: 25px;
	left: 0;
}
.active, .active p{
	background: #000;
	color: #FFF;
}
.dash-menu li:hover .notif, .active .notif{background:#FFF;color: #ff0000;}

/* STATISTICS CONTENT */
.st-content{font-size: 14px;padding:0;}
.st-content p{font-size: 25px;font-weight: bold;margin:0;}
.form-select{width:100%;border:1px solid #CCC;padding:7px 10px;border-radius: 8px;}
.st-menu, .step-menu{margin:0;padding: 0;}
.st-menu li{
	float:left;
    display:block;
    border-top:1px solid #CCC;   
    border-bottom:1px solid #CCC; 
    border-right:1px solid #CCC; 
	cursor:pointer;
	margin-top:20px;
	width:33.33%;
}
.st-menu li:first-child{border-left:1px solid #CCC;}
.st-menu li{text-align:center;padding:10px 0px;float: left;}
.st-detail{
	font-size: 17px;
	text-align: left;
}

/* TABLES */
.grid-table{
	width: 100%;
	border-radius: 5px;
	background:#ee6352;
}
.grid-table th, td{padding:8px 10px;}
.grid-table th{color: #fff;}
.grid-table td{background: #FFF;}
.grid-table tr.grey-bg td{background: #ebebeb;}

/* APP LIST*/
.item-list{padding:20px 0;} 
.item-detail{padding: 10px;}
.item-upload-detail{padding: 0px 10px 10px 10px;}
.item-title{
	font-size: 18px;
	font-weight: bold;
}
.item-content{padding:10px 0;}
.item-content .date-time{font-size: 12px;}
.rat{margin-left: 20px;position: absolute;top:8px;}
.btn-close{position:absolute;top:0;right:0;width:30px;font-size: 18px;}
.btn-close a{padding: 0px 4px;position:relative;width:22px;height:22px;background: #96979b;color: #FFF;border-radius: 50%;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.btn-close a:hover{background: #000;}
.price-item{font-size: 25px;font-weight: bold;position: absolute;right:0;bottom: 20px;}
.item-action{padding:0;}
.item-action a{width: 100%;}

.btn-white{border:1px solid #000;color: #000;}
.btn-green{border:1px solid #39b54a;color: #39b54a;}
.btn-blue{border:1px solid #1c7eed;color: #1c7eed;}
.btn-red{border:1px solid #FF0000;color: #FFF;background:#FF0000;}

.app-list{margin-bottom: 10px;padding:20px 0;}
.date-release{font-size: 11px;}

/* NOTIFICATION */
.dash-notif {padding:10px 10px 10px 20px;}
.notif-user{font-weight: bold;}
.notif-time{font-size: 12px; color: #96979b;padding:3px 0;}

/* ACCOUNT */
.acc-title h3{margin: 0;text-transform: uppercase;font-size: 28px;}
.edit-profile-link, .save-profile-link{text-align: right;margin-top: 10px;}
.edit-profile-link li, .save-profile-link li{ list-style: none;}
.edit-profile-link li a, .save-profile-link li a{
	background: url("../images/pencil.png") no-repeat;
	color:#FF0000;
	padding:5px 25px 5px 10px;
	background-position: 85px center;
}
.wrapper-middle {
	display: block;
	height: 100%;
	font: 0/0 a;        /* <-- reset the font property */
}

.wrapper-middle:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.wrapper-middle .middle {
    vertical-align: middle;  /* vertical alignment of the inline element */
    max-width: 90%;
    max-height: 100%;
    display: inline-block!important;
    font: 16px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;        /* <-- reset the font property */
}

.save-profile-link li a{background-position: 110px center;}
.link-edit {font-size: 12px;}
.link-edit input[type="text"]{
	color: #1c7eed;
}
.img-upload input{
	display: none;
}
.img-upload img{cursor: pointer;}
.img-rule{
	font-size: 11px;
	font-weight: bold;
	float:left;
	width: 100%;
	text-align: center	;
	padding-right: 	20px;
	margin-top:10px;
}
.img-transparent-file{
	width:100%;
	height:100%;
	cursor:pointer;
	background:#000 url('../images/photo-transparent.png') no-repeat;
    background-position: center 70px;
	opacity:0.6;
}

/* DOWNLOAD */
.li-apps {
	position: absolute;
	right: 0;
	top:0;
	border:1px solid #CCC;
	background:#000;
	text-transform: uppercase;
}
.li-apps:hover a{
	background:#FFF;
	color: #000;
}
.li-apps a{
	padding:10px 20px;
	float: left;
	color: #FFF;
}
.font-normal{
	font-size: 14px;
}

/* DASHBOARD REQUEST */
.btn-rqs{
	background:#000;
	border:1px solid #000;
	color: #FFF;
}
.item-action a:hover, .btn-green:hover, .btn-blue:hover, .btn-white:hover{
	background: #000;
	color: #FFF;
}
.btn-rqs:hover{
	background: #FFF ;
	color: #000;
}

.label-custom{
	padding-top: 7px;
	margin-bottom: 0px;
	text-align: left;
}
h3#request{
	margin:0;
	margin-bottom: 20px;
}
#product-detail{
	border: 1px solid #ebebeb;
	background: #ebebeb;
	margin-bottom: 35px;
}
#product-detail h3{
	font-family: "frutigerltstd-roman";
	margin: 15px 0px;
	line-height: 15px;
}
.styled-select {
	width: 320px;
}
.radio-custom label{
	cursor: pointer;
	padding: 0;
}

.btn-unfollow{
	width: 100%;
	padding: 8px 0 4px 0;
}
.uppercase-txt{
	text-transform: uppercase;
}


/* SIDEBAR BG */
.bg-upload, .bg-download{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:70px;
}
.bg-request, .bg-exchange, .bg-freelance, .bg-redeem, .bg-follow{
	padding-top:20px;
	padding-bottom:20px;
	padding-left:70px;
}
.bg-linkedin, .bg-github, .bg-stackoverflow, .bg-twitter, .bg-facebook, .bg-website{
	height: 27px;
	width: 27px;
}
.bg-upload{
	background:url("../images/upload.png") no-repeat 10px center;
}
.bg-download{
	background:url("../images/download.png") no-repeat 10px center;
}
.bg-request{
	background:url("../images/request.png") no-repeat 10px center;
}
.bg-exchange{
	background:url("../images/exchange.png") no-repeat 10px center;
}
.bg-freelance{
	background:url("../images/freelance.png") no-repeat 10px center;
}
.bg-redeem{
	background:url("../images/redeem.png") no-repeat 10px center;
}
.bg-follow{
	background:url("../images/follow-people.png") no-repeat 10px center;
}
.bg-github, .active .bg-github:hover{
	background:url("../images/dashboard/github.png") no-repeat;
	background-size: 27px auto;
}
.bg-linkedin, .active .bg-linkedin:hover{
	background:url("../images/dashboard/linkedin.png") no-repeat;
	background-size: 27px auto;
}
.bg-stackoverflow, .active .bg-stackoverflow:hover{
	background:url("../images/dashboard/stackoverflow.png") no-repeat;
	background-size: 27px auto;
}
.bg-twitter, .active .bg-twitter:hover{
	background:url("../images/dashboard/twitter.png") no-repeat;
	background-size: 27px auto;
}
.bg-facebook, .active .bg-facebook:hover{
	background:url("../images/dashboard/facebook.png") no-repeat;
	background-size: 27px auto;
}
.bg-website, .active .bg-website:hover{
	background:url("../images/dashboard/website.png") no-repeat;
	background-size: 27px auto;
}

.active .bg-upload, .bg-upload:hover{
	background:url("../images/upload-active.png") no-repeat 10px center;
}
.active .bg-download, .bg-download:hover{
	background:url("../images/download-active.png") no-repeat 10px center;
}
.active .bg-request, .bg-request:hover{
	background:url("../images/request-active.png") no-repeat 10px center;
}
.active .bg-exchange, .bg-exchange:hover{
	background:url("../images/exchange-active.png") no-repeat 10px center;
}
.active .bg-freelance, .bg-freelance:hover{
	background:url("../images/freelance-active.png") no-repeat 10px center;
}
.active .bg-redeem, .bg-redeem:hover{
	background:url("../images/redeem-active.png") no-repeat 10px center;
}
.active .bg-follow, .bg-follow:hover{
	background:url("../images/follow-people-active.png") no-repeat 10px center;
}
.active .bg-github, .bg-github:hover{
	background:url("../images/dashboard/github-active.png") no-repeat;
	background-size: 27px auto;
}
.active .bg-linkedin, .bg-linkedin:hover{
	background:url("../images/dashboard/linkedin-active.png") no-repeat;
	background-size: 27px auto;
}
.active .bg-stackoverflow, .bg-stackoverflow:hover{
	background:url("../images/dashboard/stackoverflow-active.png") no-repeat;
	background-size: 27px auto;
}
.active .bg-twitter, .bg-twitter:hover{
	background:url("../images/dashboard/twitter-active.png") no-repeat;
	background-size: 27px auto;
}
.active .bg-facebook, .bg-facebook:hover{
	background:url("../images/dashboard/facebook-active.png") no-repeat;
	background-size: 27px auto;
}
.active .bg-website, .bg-website:hover{
	background:url("../images/dashboard/website-active.png") no-repeat;
	background-size: 27px auto;
}

.bg-upload:hover, .bg-download:hover, 
.bg-request:hover, .bg-request:hover p, 
.bg-exchange:hover, .bg-exchange:hover p, 
.bg-freelance:hover, .bg-freelance:hover p, .bg-redeem:hover, .bg-redeem:hover p, .bg-follow:hover, 
.bg-follow:hover p, .deposit:hover, .dash-menu .active a, .dash-menu li:hover a{
	background-color: #000;
	color: #FFF;
}
.step-upload{
	/*background:url("../images/dashboard/step-one.png") no-repeat center;*/
	height: 40px;
	overflow: hidden;
}
.step-upload ul{
	margin:0;
	padding: 0;
}
.step-upload ul li{
	float: left;
	color: #000;
	font-size: 14px;
	width: 33%;
	padding:5px 0;
	text-align: center;
	font-weight: bold;
	line-height: 28px;
}
.step-upload li.step-active{
	color:#FFF;
}

.dash-menu li:last-child a {
  	padding: 11px;
}
.form-find-app{
	float:right;
	padding:5px;
	background:#ebebeb;
	border:1px solid #cccccc;
	border-radius:5px;
	width:65%;
	height: 38px;
	font-size:11px;
}
.form-find-app input{
	border:none;
	background:inherit;
	padding:5px;
}
.form-find-app .btn-search{
	background:url(../../assets/images/find.png) no-repeat;
	width:26px;
	height:26px;
	float:right;
}
.find-inp{
	width:90%;
	letter-spacing: 1.2;
}
.padding-20{
	padding: 20px 0;
}
.current-location {
	font-weight: bold;
	font-size: 12px;
}
.dash-author p a {
 	font-weight: bold;
}
.password-spacing{
	width: 100px;
	float: left;
}
.changepass-link{
	float: right;
	text-align: right;
}
.changepass-link a{
	color: #f00;
}
.profile-pass-content{
	border-top: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
    padding: 20px 0px 10px 0px;
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: hidden;
}
.form_edit_pass{
	margin-bottom: 10px;
}
.btn-pass-subm{
	background: #000;
    border: 1px solid #000;
    color: #FFF;
    padding: 5px 25px;
    border-radius: 5px;
    margin-top: 10px;
}
.btn-pass-subm:hover{
	background: #FFF;
    color: #000;
    border-color: #adadad;
}
.warning_message{
	color:#f00;
	background-color:#ffd9d7;
	border:solid 2px #ff6166;
	border-radius:5px;
	padding:15px;
	margin-bottom:20px;
}
.warning_message .warning-title{
	font-size: 20px;
	font-weight: bold;
}
.profile_success{
	color:#1c7eed;
	background-color:#d6ebff;
	border:solid 2px #9cc9f7;
	border-radius:5px;
	padding:15px;
	margin-bottom:20px;
}
.profile_success .warning-title{
	font-size: 20px;
	font-weight: bold;
}

/*styling step upload menu*/
.uploadst, .uploadnd, .uploadrd{
    background: #dedede;
    position: relative;
}
.uploadst.step-active, .uploadnd.step-active, .uploadrd.step-active{
  background: black!important;
}
.uploadst.step-active:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 38px solid black;
    border-right: 10px solid #dedede;
    width: 0;
}
.uploadnd.step-active:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 38px solid #dedede;
    border-right: 10px solid black;
    width: 0;
}
.uploadnd.step-active:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 38px solid black;
    border-right: 10px solid #dedede;
    width: 0;
}
.uploadrd.step-active:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 38px solid #dedede;
    border-right: 10px solid black;
    width: 0;
}
.modalbody {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    float: left;
    left: 50% !important;
    margin: 10% auto 10% -20% !important;
    padding: 15px !important;
    position: absolute !important;
    width: 40%;
    color:#565656;
    line-height:1.7;
    font-size: 14px;
}
.modalbody h3{
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 	23px;
}
.close {
    background: #606061 !important;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    opacity: 1;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background: #00d9ff;
    font-size: 12px;
    opacity: 1;
    color: #FFFFFF;
    background: #000 !important;
}
@media screen and (min-width: 992px){
	.row-height {
	  display: table;
	  table-layout: fixed;
	  height: 100%;
	  width: 100%;
	}
	.row-height img{
		width: 80px;
		height: 80px;
	}
	.col-sm-height {
	  display: table-cell;
	  float: none;
	  height: 100%;
	}
	.col-sm-top {
	  vertical-align: top;
	}
	.col-sm-middle {
	  vertical-align: middle;
	}
	.col-sm-bottom {
	  vertical-align: bottom;
	}
	.modalbody{
		width: 90%;
		left: 25%!important;
	}
}
@media(min-width: 993px) and (max-width: 1199px){
	.upload-download{font-size: 10px;}
	.item-action{text-align: right;}
	.img-author{margin:0 auto;margin-bottom: 20px;width: 80px;height: 80px;}
}
@media(min-width: 768px) and (max-width: 992px){
	.dash-menu li:last-child a {padding: 10px}
	.row-height img{margin-top: 20px}
	.upload-download{font-size: 10px;}
	.upload-download .border-right{border-right: 0;border-bottom:1px solid #CCC;}
	.deposit{padding:0 20px 10px;}
	.dash-detail p{font-size: 26px;}
	.img-author{margin:0 auto;margin-bottom: 20px;width:80px;height: 80px;}
	.step-upload{
		/*background:url("../images/dashboard/step-one-sm.png") no-repeat center;*/
	}
	span.notif{position: absolute;margin-left: -10px;margin-top: -23px;}
}

@media screen and (max-width: 767px){
	.tile{width: 100%;}
	.content-left{padding:0;}
	.upload-download{font-size: 12px;}
	.notif{margin-left: 10px;}
	.no-padding-xs{padding:0;}
	.edit-profile-link li a{background-position: 40px center;}
	.edit-profile-link, .save-profile-link{margin-top: 5px;padding-right:0;}
	.save-profile-link li a{background-position: 50px center;}
	.img-author{margin:0 auto;margin-bottom: 20px;}
	.step-upload{
		/*background:url("../images/dashboard/step-one-xs.png") no-repeat center;*/
	}
	.step-upload ul li{
		font-size: 12px;
	}
	.dropdown-menu>li>a {
		color: #333!important;
	}
}

@media(min-width: 570px) and (max-width: 767px){
	.step-upload{
		/*background:url("../images/dashboard/step-one.png") no-repeat center;*/
	}
}