/**************
 * SCROLLBARS 
 **************/

/* Webkit browsers */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: #1c1c1c;
	border-radius: 5px;
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #303030;
}

::-webkit-scrollbar-thumb:hover {
	background: #393939;
}

::-webkit-scrollbar-corner {
	background: #191919;
}

/* Other browers */
.horizontal-bar {
	height: 10px;
}

.vertical-bar {
	width: 10px;
}
.scroll-track {
	background: #1e1e1e;
	margin: 0 10px;
	border-radius: 10px;
}

.scroll-handle {
	background: #282425;
	border-radius: 10px;
}

.scroll-handle:hover {
	cursor: default;
	background: #282425;
}

/****************
 * PLACEHOLDERS  
 ****************/

/* WebKit browsers */
input::-webkit-input-placeholder {
    color: #888;
}
input:focus::-webkit-input-placeholder {
	color: #504647;
}

/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder {
    color: #888;
}
input:focus:-moz-placeholder {
	color:#504647;
}

/* Mozilla Firefox 19+ */
input::-moz-placeholder {
    color: #888;
}
input:focus::-moz-placeholder {
	color:#504647;
}

/* Internet Explorer 10+ */
input:-ms-input-placeholder {
    color: #888;
}
input:focus:-ms-input-placeholder {
	color:#504647;
}

/* input cursor */
input:focus {
	color: #D7D9DC
}