.skin-blue-light .sidebar-menu>li>a,
.skin-blue .sidebar-menu>li>a,
.skin-green-light .sidebar-menu>li>a,
.skin-green .sidebar-menu>li>a,
.skin-yellow-light .sidebar-menu>li>a,
.skin-yellow .sidebar-menu>li>a,
.skin-red-light .sidebar-menu>li>a,
.skin-red .sidebar-menu>li>a,
.skin-purple-light .sidebar-menu>li>a,
.skin-purple .sidebar-menu>li>a
{
    font-weight: normal;
}

/*Green*/

.skin-green .nav-tabs-custom > .nav-tabs > li.active,
.skin-green-light .nav-tabs-custom > .nav-tabs > li.active
{
    border-top-color:  #00a65a;
}

.skin-green .contact-image i, .skin-green-light .contact-image i {
    color: #00a65a;
}

.skin-green .btn-primary, .skin-green-light .btn-primary {
    background-color: #00a65a;
    border-color: #008d4c;
}

.skin-green .btn-primary:hover, .skin-green-light .btn-primary:hover
.skin-green .btn-primary:active, .skin-green-light .btn-primary:active,
.skin-green .btn-primary.hover, .skin-green-light .btn-primary.hover {
    background-color: #008d4c;
}

.skin-green .box.box-primary, .skin-green-light .box.box-primary {
    border-top-color: #00a65a;
}

.skin-green .pagination > .active > a, .skin-green-light .pagination > .active > a,
.skin-green .pagination > .active > a:focus, .skin-green-light .pagination > .active > a:focus,
.skin-green .pagination > .active > a:hover, .skin-green-light .pagination > .active > a:hover,
.skin-green .pagination > .active > span, .skin-green-light .pagination > .active > span,
.skin-green .pagination > .active > span:focus, .skin-green-light .pagination > .active > span:focus,
.skin-green .pagination > .active > span:hover, .skin-green-light .pagination > .active > span:hover {
    z-index: 3;
    color: #ffffff;
    cursor: default;
    background-color: #00a65a;
    border-color: #008d4c;
}

.skin-green .box .box-header .box-desc i,
.skin-green-light .box .box-header .box-desc i{
    background-color:  #00a65a;
}

/*Blue*/

.skin-blue .nav-tabs-custom > .nav-tabs > li.active,
.skin-blue-light .nav-tabs-custom > .nav-tabs > li.active
{
    border-top-color: #3c8dbc;
}

.skin-blue .contact-image i, .skin-blue-light .contact-image i {
    color: #3c8dbc;
}

.skin-blue .btn-primary, .skin-blue-light .btn-primary {
    background-color: #3c8dbc;
    border-color: #367fa9;
}

.skin-blue .btn-primary:hover, .skin-blue-light .btn-primary:hover,
.skin-blue .btn-primary:active, .skin-blue-light.btn-primary:active,
.skin-blue .btn-primary.hover, .skin-blue-light .btn-primary.hover {
    background-color: #367fa9;
}

.skin-blue .box.box-primary, .skin-blue-light .box.box-primary {
    border-top-color: #3c8dbc;
}

.skin-blue .pagination > .active > a, .skin-blue-light .pagination > .active > a,
.skin-blue .pagination > .active > a:focus, .skin-blue-light .pagination > .active > a:focus,
.skin-blue .pagination > .active > a:hover, .skin-blue-light .pagination > .active > a:hover,
.skin-blue .pagination > .active > span, .skin-blue-light .pagination > .active > span,
.skin-blue .pagination > .active > span:focus, .skin-blue-light .pagination > .active > span:focus,
.skin-blue .pagination > .active > span:hover, .skin-blue-light .pagination > .active > span:hover {
    z-index: 3;
    color: #ffffff;
    cursor: default;
    background-color: #3c8dbc;
    border-color: #367fa9;
}

.skin-blue .box .box-header .box-desc i,
.skin-blue-light .box .box-header .box-desc i
{
    background-color: #3c8dbc;
}

/*Yellow*/

.skin-yellow .nav-tabs-custom > .nav-tabs > li.active,
.skin-yellow-light .nav-tabs-custom > .nav-tabs > li.active
{
    border-top-color: #f39c12;
}

.skin-yellow .contact-image i,.skin-yellow-light .contact-image i {
    color: #f39c12;
}

.skin-yellow .btn-primary, .skin-yellow-light .btn-primary {
    background-color: #f39c12;
    border-color: #e08e0b;
}

.skin-yellow .btn-primary:hover, .skin-yellow-light .btn-primary:hover,
.skin-yellow .btn-primary:active, .skin-yellow-light .btn-primary:active,
.skin-yellow .btn-primary.hover, .skin-yellow-light .btn-primary.hover {
    background-color: #e08e0b;
}

.skin-yellow .box.box-primary, .skin-yellow-light .box.box-primary {
    border-top-color: #f39c12;
}

.skin-yellow .pagination > .active > a, .skin-yellow-light .pagination > .active > a,
.skin-yellow .pagination > .active > a:focus, .skin-yellow-light .pagination > .active > a:focus,
.skin-yellow .pagination > .active > a:hover, .skin-yellow-light .pagination > .active > a:hover,
.skin-yellow .pagination > .active > span, .skin-yellow-light .pagination > .active > span,
.skin-yellow .pagination > .active > span:focus, .skin-yellow-light .pagination > .active > span:focus,
.skin-yellow .pagination > .active > span:hover, .skin-yellow-light .pagination > .active > span:hover {
    z-index: 3;
    color: #ffffff;
    cursor: default;
    background-color: #f39c12;
    border-color: #e08e0b;
}

.skin-yellow .box .box-header .box-desc i,
.skin-yellow-light .box .box-header .box-desc i
{
    background-color: #f39c12;
}

/*Red*/

.skin-red .nav-tabs-custom > .nav-tabs > li.active,
.skin-red-light .nav-tabs-custom > .nav-tabs > li.active
{
    border-top-color: #dd4b39;
}

.skin-red .contact-image i, .skin-red-light .contact-image i {
    color: #dd4b39;
}

.skin-red .btn-primary, .skin-red-light .btn-primary {
    background-color: #dd4b39;
    border-color: #d73925;
}

.skin-red .btn-primary:hover, .skin-red-light .btn-primary:hover,
.skin-red .btn-primary:active, .skin-red-light .btn-primary:active,
.skin-red .btn-primary.hover,.skin-red-light .btn-primary.hover  {
    background-color: #d73925;
}

.skin-red .box.box-primary, .skin-red-light .box.box-primary {
    border-top-color: #dd4b39;
}

.skin-red .pagination > .active > a, .skin-red-light .pagination > .active > a,
.skin-red .pagination > .active > a:focus, .skin-red-light .pagination > .active > a:focus,
.skin-red .pagination > .active > a:hover, .skin-red-light .pagination > .active > a:hover,
.skin-red .pagination > .active > span, .skin-red-light .pagination > .active > span,
.skin-red .pagination > .active > span:focus, .skin-red-light .pagination > .active > span:focus,
.skin-red .pagination > .active > span:hover, .skin-red-light .pagination > .active > span:hover {
    z-index: 3;
    color: #ffffff;
    cursor: default;
    background-color: #dd4b39;
    border-color: #d73925;
}

.skin-red .box .box-header .box-desc i,
.skin-red-light .box .box-header .box-desc i
{
    background-color: #dd4b39;
}

/*Purple*/

.skin-purple .nav-tabs-custom > .nav-tabs > li.active,
.skin-purple-light .nav-tabs-custom > .nav-tabs > li.active
{
    border-top-color: #605ca8;
}

.skin-purple .contact-image i, .skin-purple-light .contact-image i {
    color: #605ca8;
}

.skin-purple .btn-primary,.skin-purple-light .btn-primary  {
    background-color: #605ca8;
    border-color: #4b306a;
}

.skin-purple .btn-primary:hover, .skin-purple-light .btn-primary:hover,
.skin-purple .btn-primary:active, .skin-purple-light .btn-primary:active,
.skin-purple .btn-primary.hover, .skin-purple-light .btn-primary.hover {
    background-color: #555299;
}

.skin-purple .box.box-primary, .skin-purple-light .box.box-primary {
    border-top-color: #605ca8;
}

.skin-purple .pagination > .active > a, .skin-purple-light .pagination > .active > a,
.skin-purple .pagination > .active > a:focus, .skin-purple-light .pagination > .active > a:focus,
.skin-purple .pagination > .active > a:hover, .skin-purple-light .pagination > .active > a:hover,
.skin-purple .pagination > .active > span, .skin-purple-light .pagination > .active > span,
.skin-purple .pagination > .active > span:focus, .skin-purple-light .pagination > .active > span:focus,
.skin-purple .pagination > .active > span:hover, .skin-purple-light .pagination > .active > span:hover {
    z-index: 3;
    color: #ffffff;
    cursor: default;
    background-color: #605ca8;
    border-color: #4b306a;
}

.skin-purple .box .box-header .box-desc i,
.skin-purple-light .box .box-header .box-desc i
{
    background-color: #605ca8;
}