/*
 * Template name: Kertas - Responsive Bootstrap 3 Admin Template
 * Version: 1.0.0
 * Author: VergoLabs
 */

/* SKIN SELECTOR */
.setting {
	position: fixed;
	top: 160px;
	right: 0;
	background: rgba(205, 205, 205, 0.8);
	border-radius: 5px 0px 0px 5px;
	padding: 5px 10px;
	z-index: 9999;
	cursor: pointer;
	color: #ddd;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.skin-setting {

	padding: 10px;
	position: fixed;
	top: 130px;
	right: -150px;
	background: #fff;
	border: 3px solid rgba(205, 205, 205, 0.8);
	width: 150px;
	z-index: 9999;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.skin-selector {
	width: 20px;
	height: 20px;
	float: left;
	cursor: pointer;
	margin: 2px 2px;
}

/* SKIN DARK */
.skin-dark .logo {
	background-color: #000000;
}

.skin-dark .navbar .nav a:hover,
.skin-dark .navbar .sidebar-toggle:hover .fa-bars {
	color: #111111;
}

.skin-dark .navbar-right .nav a:hover .caret {
	border-bottom-color: #111111;
	border-top-color: #111111;
}

.skin-dark .navbar-nav li.navbar-menu .up-arrow,
.skin-dark .navbar-nav li.profile-menu .up-arrow {
	border-color: transparent transparent #111111;
	border-bottom-color: #111111 !important;
	border-top-color: #111111 !important;
}

.skin-dark .dropdown-menu > li p {
	background-color: #111111;
	color: #ffffff;
}

.skin-dark .dropdown-menu > li.border-top {
	border-top: 2px solid #111111 !important;
}

.skin-dark .dropdown-menu > li a:hover .fa,
.skin-dark .dropdown-menu > li a:hover .glyphicon {
	color: #111111;
}

.skin-dark .left-side {
	background: #000000;
}

.skin-dark .sidebar {

}

.skin-dark .sidebar a {
	color: #a1a1a1;
}

.skin-dark .sidebar a:hover {
	text-decoration: none;
}

.skin-dark .user-panel > .image > img {
	border: 1px solid #444444;
}

.skin-dark .user-panel > .info,
.skin-dark .user-panel > .info > a {
	color: #eeeeee;
}

.skin-dark .sidebar-form {
	border: 0px solid #555555;
}

.skin-dark .sidebar-form input[type="text"],
.skin-dark .sidebar-form .btn {
	background-color: rgba(255, 255, 255, 0.1);
	border: 0 solid rgba(255, 255, 255, 0.1);
}

.skin-dark .sidebar-form input[type="text"] {
	color: #dddddd;
}

.skin-dark .sidebar-form input[type="text"]:focus,
.skin-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
	background-color: #222222;
}

.skin-dark .sidebar-form .btn {
	color: #999999;
}

.skin-dark .sidebar > .sidebar-menu > li {

}

.skin-dark .sidebar > .sidebar-menu > li:first-of-type {

}

.skin-dark .sidebar > .sidebar-menu > li:first-of-type > a {

}

.skin-dark .sidebar > .sidebar-menu > li > a:hover,
.skin-dark .sidebar > .sidebar-menu > li.active > a {
	color: #f4f4f4;
}

.skin-dark .sidebar > .sidebar-menu > li.active > a {
	border-left: 1px solid #007be9;
}

.skin-dark .sidebar > .sidebar-menu > li > .sub-menu {
	margin: 0 1px;
	background: #000000;
}

.skin-dark .sub-menu > li > a {
	color: #cccccc;
}

.skin-dark .sub-menu > li.active > a,
.skin-dark .sub-menu > li > a:hover {
	color: #ffffff;
}