/*
 * 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,.skin-dark .modal-content,.skin-dark #inventory,.skin-dark .modal-l2-wp,.skin-dark .btn-inverse
,.skin-dark .auction-tool-left,.skin-dark .auction-filter-top,.skin-dark .auction-table-row-head,.skin-dark .auction-table{
	background: #323d4c;
    color: #e6ecec;
}
.skin-dark .modal-header{
  background: #d262e3;
  background: linear-gradient(135deg, #d262e3 0%, #3f9ce8 100%) !important;
  border:none;
}

.skin-dark .btn-primary{
	--bs-btn-color: #000;
	--bs-btn-bg: #EBA321;
	--bs-btn-border-color: #EBA321;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #ffca2c;
	--bs-btn-hover-border-color: #ffc720;
	--bs-btn-focus-shadow-rgb: 217,164,6;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #ffcd39;
	--bs-btn-active-border-color: #ffc720;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #EBA321;
	--bs-btn-disabled-border-color: #EBA321;
	    --bs-btn-padding-y: 1rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0.5rem;
  font-weight:600;
}
.skin-dark .btn-primary:hover{
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.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;
}

/* SKIN GRAY */
.skin-gray .logo {
	background-color: #898989;
}

.skin-gray .navbar .nav a:hover,
.skin-gray .navbar .sidebar-toggle:hover .fa-bars {
	color: #7d7d7d;
}

.skin-gray .navbar-right .nav a:hover .caret {
	border-bottom-color: #7d7d7d;
	border-top-color: #7d7d7d;
}

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

.skin-gray .dropdown-menu > li p {
	background-color: #7d7d7d;
	color: #ffffff;
}

.skin-gray .dropdown-menu > li.border-top {
	border-top: 2px solid #7d7d7d !important;
}

.skin-gray .dropdown-menu > li a:hover .fa,
.skin-gray .dropdown-menu > li a:hover .glyphicon {
	color: #7d7d7d;
}

.skin-gray .left-side {
	background: #7d7d7d;
}

.skin-gray .sidebar {
	border-bottom: 1px solid #a1a1a1;
}

.skin-gray .sidebar a {
	color: #cccccc;
}

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

.skin-gray .user-panel > .image > img {
	border: 1px solid #7d7d7d;
}

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

.skin-gray .sidebar-form {
	border: 0px solid #7d7d7d;
}

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

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

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

.skin-gray .sidebar-form .btn {
	color: #bbbbbb;
}

.skin-gray .sidebar > .sidebar-menu > li {
	border-top: 1px solid #959595;
	border-bottom: 1px solid #555555;
}

.skin-gray .sidebar > .sidebar-menu > li:first-of-type {
	border-top: 1px solid #555555;
}

.skin-gray .sidebar > .sidebar-menu > li:first-of-type > a {
	border-top: 1px solid #959595;
}

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

.skin-gray .sidebar > .sidebar-menu > li.active > a {
	border-left: 1px solid #ffffff;
}

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

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

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

/* SKIN LIGHT */
.skin-light .logo {
	background-color: #e2e2e2;
}

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

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

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

.skin-light .dropdown-menu > li p {
	background-color: #ececec;
	color: #555555;
}

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

.skin-light .dropdown-menu > li a:hover {
	color: #959595 !important;
}

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

.skin-light .left-side {
	background: #ececec;
}

.skin-light .sidebar {
	border-bottom: 1px solid #ececec;
}

.skin-light .sidebar a {
	color: #959595;
}

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

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

.skin-light .user-panel > .info,
.skin-light .user-panel > .info > a {
	color: #7d7d7d;
}

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

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

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

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

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

.skin-light .sidebar > .sidebar-menu > li {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #d7d7d7;
}

.skin-light .sidebar > .sidebar-menu > li:first-of-type {
	border-top: 1px solid #d7d7d7;
}

.skin-light .sidebar > .sidebar-menu > li:first-of-type > a {
	border-top: 1px solid #ececec;
}

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

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

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

.skin-light .sub-menu > li > a {
	color: #959595;
}

.skin-light .sub-menu > li.active > a,
.skin-light .sub-menu > li > a:hover {
	color: #7d7d7d;
}

/* SKIN BLUE */
.skin-blue .logo {
	background-color: #005fb5;
}

.skin-blue .navbar .nav a:hover,
.skin-blue .navbar .sidebar-toggle:hover .fa-bars {
	color: #006cce;
}

.skin-blue .navbar-right .nav a:hover .caret {
	border-bottom-color: #006cce;
	border-top-color: #006cce;
}

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

.skin-blue .dropdown-menu > li p {
	background-color: #006cce;
	color: #ffffff;
}

.skin-blue .dropdown-menu > li.border-top {
	border-top: 2px solid #006cce !important;
}

.skin-blue .dropdown-menu > li a:hover .fa,
.skin-blue .dropdown-menu > li a:hover .glyphicon {
	color: #006cce;
}

.skin-blue .left-side {
	background: #006cce;
}

.skin-blue .sidebar {
	border-bottom: 1px solid #007be9;
}

.skin-blue .sidebar a {
	color: #c7c7c7;
}

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

.skin-blue .user-panel > .image > img {
	border: 1px solid #005fb5;
}

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

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

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

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

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

.skin-blue .sidebar-form .btn {
	color: #cccccc;
}

.skin-blue .sidebar > .sidebar-menu > li {
	border-top: 1px solid #007be9;
	border-bottom: 1px solid #00529c;
}

.skin-blue .sidebar > .sidebar-menu > li:first-of-type {
	border-top: 1px solid #00529c;
}

.skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
	border-top: 1px solid #007be9;
}

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

.skin-blue .sidebar > .sidebar-menu > li.active > a {
	border-left: 1px solid #ffffff;
}

.skin-blue .sidebar > .sidebar-menu > li > .sub-menu {
	margin: 0 1px;
	background: #005fb5;
}

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

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

/* SKIN GREEN */
.skin-green .logo {
	background-color: #008d53;
}

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

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

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

.skin-green .dropdown-menu > li p {
	background-color: #00985a;
	color: #ffffff;
}

.skin-green .dropdown-menu > li.border-top {
	border-top: 2px solid #00985a !important;
}

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

.skin-green .left-side {
	background: #00985a;
}

.skin-green .sidebar {
	border-bottom: 1px solid #00b269;
}

.skin-green .sidebar a {
	color: #d7d7d7;
}

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

.skin-green .user-panel > .image > img {
	border: 1px solid #008d53;
}

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

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

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

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

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

.skin-green .sidebar-form .btn {
	color: #cccccc;
}

.skin-green .sidebar > .sidebar-menu > li {
	border-top: 1px solid #00b269;
	border-bottom: 1px solid #008d53;
}

.skin-green .sidebar > .sidebar-menu > li:first-of-type {
	border-top: 1px solid #008d53;
}

.skin-green .sidebar > .sidebar-menu > li:first-of-type > a {
	border-top: 1px solid #00b269;
}

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

.skin-green .sidebar > .sidebar-menu > li.active > a {
	border-left: 1px solid #ffffff;
}

.skin-green .sidebar > .sidebar-menu > li > .sub-menu {
	margin: 0 1px;
	background: #008d53;
}

.skin-green .sub-menu > li > a {
	color: #dddddd;
}

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

/* SKIN TURQUOISE */
.skin-turquoise .logo {
	background-color: #00a484;
}

.skin-turquoise .navbar .nav a:hover,
.skin-turquoise .navbar .sidebar-toggle:hover .fa-bars {
	color: #00af8d;
}

.skin-turquoise .navbar-right .nav a:hover .caret {
	border-bottom-color: #00af8d;
	border-top-color: #00af8d;
}

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

.skin-turquoise .dropdown-menu > li p {
	background-color: #00af8d;
	color: #ffffff;
}

.skin-turquoise .dropdown-menu > li.border-top {
	border-top: 2px solid #00af8d !important;
}

.skin-turquoise .dropdown-menu > li a:hover .fa,
.skin-turquoise .dropdown-menu > li a:hover .glyphicon {
	color: #00af8d;
}

.skin-turquoise .left-side {
	background: #00af8d;
}

.skin-turquoise .sidebar {
	border-bottom: 1px solid #00c09b;
}

.skin-turquoise .sidebar a {
	color: #e7e7e7;
}

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

.skin-turquoise .user-panel > .image > img {
	border: 1px solid #00a484;
}

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

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

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

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

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

.skin-turquoise .sidebar-form .btn {
	color: #cccccc;
}

.skin-turquoise .sidebar > .sidebar-menu > li {
	border-top: 1px solid #00c09b;
	border-bottom: 1px solid #00a484;
}

.skin-turquoise .sidebar > .sidebar-menu > li:first-of-type {
	border-top: 1px solid #00a484;
}

.skin-turquoise .sidebar > .sidebar-menu > li:first-of-type > a {
	border-top: 1px solid #00c09b;
}

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

.skin-turquoise .sidebar > .sidebar-menu > li.active > a {
	border-left: 1px solid #ffffff;
}

.skin-turquoise .sidebar > .sidebar-menu > li > .sub-menu {
	margin: 0 1px;
	background: #00a484;
}

.skin-turquoise .sub-menu > li > a {
	color: #dddddd;
}

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

/* SKIN PURPLE */
.skin-purple .logo {
	background-color: #8100a3;
}

.skin-purple .navbar .nav a:hover,
.skin-purple .navbar .sidebar-toggle:hover .fa-bars {
	color: #8f00b5;
}

.skin-purple .navbar-right .nav a:hover .caret {
	border-bottom-color: #8f00b5;
	border-top-color: #8f00b5;
}

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

.skin-purple .dropdown-menu > li p {
	background-color: #8f00b5;
	color: #ffffff;
}

.skin-purple .dropdown-menu > li.border-top {
	border-top: 2px solid #8f00b5 !important;
}

.skin-purple .dropdown-menu > li a:hover .fa,
.skin-purple .dropdown-menu > li a:hover .glyphicon {
	color: #8f00b5;
}

.skin-purple .left-side {
	background: #8f00b5;
}

.skin-purple .sidebar {
	border-bottom: 1px solid #a700d3;
}

.skin-purple .sidebar a {
	color: #d7d7d7;
}

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

.skin-purple .user-panel > .image > img {
	border: 1px solid #8100a3;
}

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

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

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

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

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

.skin-purple .sidebar-form .btn {
	color: #cccccc;
}

.skin-purple .sidebar > .sidebar-menu > li {
	border-top: 1px solid #a700d3;
	border-bottom: 1px solid #8100a3;
}

.skin-purple .sidebar > .sidebar-menu > li:first-of-type {
	border-top: 1px solid #8100a3;
}

.skin-purple .sidebar > .sidebar-menu > li:first-of-type > a {
	border-top: 1px solid #a700d3;
}

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

.skin-purple .sidebar > .sidebar-menu > li.active > a {
	border-left: 1px solid #ffffff;
}

.skin-purple .sidebar > .sidebar-menu > li > .sub-menu {
	margin: 0 1px;
	background: #8100a3;
}

.skin-purple .sub-menu > li > a {
	color: #d7d7d7;
}

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

/* SKIN RED */
.skin-red .logo {
	background-color: #9d0d00;
}

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

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

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

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

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

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

.skin-red .left-side {
	background: #ad0e00;
}

.skin-red .sidebar {
	border-bottom: 1px solid #d11200;
}

.skin-red .sidebar a {
	color: #d7d7d7;
}

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

.skin-red .user-panel > .image > img {
	border: 1px solid #9d0d00;
}

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

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

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

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

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

.skin-red .sidebar-form .btn {
	color: #aaaaaa;
}

.skin-red .sidebar > .sidebar-menu > li {
	border-top: 1px solid #d11200;
	border-bottom: 1px solid #9d0d00;
}

.skin-red .sidebar > .sidebar-menu > li:first-of-type {
	border-top: 1px solid #9d0d00;
}

.skin-red .sidebar > .sidebar-menu > li:first-of-type > a {
	border-top: 1px solid #d11200;
}

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

.skin-red .sidebar > .sidebar-menu > li.active > a {
	border-left: 1px solid #ffffff;
}

.skin-red .sidebar > .sidebar-menu > li > .sub-menu {
	margin: 0 1px;
	background: #9d0d00;
}

.skin-red .sub-menu > li > a {
	color: #dddddd;
}

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

/* SKIN ORANGE */
.skin-orange .logo {
	background-color: #d35400;
}

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

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

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

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

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

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

.skin-orange .left-side {
	background: #df5900;
}

.skin-orange .sidebar {
	border-bottom: 1px solid #f46100;
}

.skin-orange .sidebar a {
	color: #dddddd;
}

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

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

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

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

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

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

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

.skin-orange .sidebar-form .btn {
	color: #bbbbbb;
}

.skin-orange .sidebar > .sidebar-menu > li {
	border-top: 1px solid #f46100;
	border-bottom: 1px solid #d35400;
}

.skin-orange .sidebar > .sidebar-menu > li:first-of-type {
	border-top: 1px solid #d35400;
}

.skin-orange .sidebar > .sidebar-menu > li:first-of-type > a {
	border-top: 1px solid #f46100;
}

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

.skin-orange .sidebar > .sidebar-menu > li.active > a {
	border-left: 1px solid #ffffff;
}

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

.skin-orange .sub-menu > li > a {
	color: #dddddd;
}

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

/* SKIN YELLOW */
.skin-yellow .logo {
	background-color: #eebf00;
}

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

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

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

.skin-yellow .dropdown-menu > li p {
	background-color: #edc317;
	color: #252525;
}

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

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

.skin-yellow .left-side {
	background: #edc317;
}

.skin-yellow .sidebar {
	border-bottom: 1px solid #ebc838;
}

.skin-yellow .sidebar a {
	color: #363636;
}

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

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

.skin-yellow .user-panel > .info,
.skin-yellow .user-panel > .info > a {
	color: #363636;
}

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

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

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

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

.skin-yellow .sidebar-form .btn {
	color: #555555;
}

.skin-yellow .sidebar > .sidebar-menu > li {
	border-top: 1px solid #ebc838;
	border-bottom: 1px solid #eebf00;
}

.skin-yellow .sidebar > .sidebar-menu > li:first-of-type {
	border-top: 1px solid #eebf00;
}

.skin-yellow .sidebar > .sidebar-menu > li:first-of-type > a {
	border-top: 1px solid #ebc838;
}

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

.skin-yellow .sidebar > .sidebar-menu > li.active > a {
	border-left: 1px solid #ffffff;
}

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

.skin-yellow .sub-menu > li > a {
	color: #363636;
}

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