.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: #149086;
}

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

.skin-green .btn-primary, .skin-green-light .btn-primary {
    background-color: #149086;
    border-color: #0f7b6e;
}

.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: #0f7b6e;
}

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

.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: #0f7b6e;
    border-color: #0f7b6e;
}

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

.skin-green .icon-first,
.skin-green-light .icon-first {
    margin-bottom: 5px;
    font-size: 23px;
    display: inline-block;
    background: #0f7b6e;
    color: #eee;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
}

/*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;
}

.skin-blue .icon-first,
.skin-blue-light .icon-first {
    margin-bottom: 5px;
    font-size: 23px;
    display: inline-block;
    background: #3c8dbc;
    color: #eee;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
}

/*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;
}

.skin-yellow .icon-first,
.skin-yellow-light .icon-first {
    margin-bottom: 5px;
    font-size: 23px;
    display: inline-block;
    background: #f39c12;
    color: #eee;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
}

/*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;
}

.skin-red .icon-first,
.skin-red-light .icon-first {
    margin-bottom: 5px;
    font-size: 23px;
    display: inline-block;
    background: #dd4b39;
    color: #eee;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
}

/*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;
}

.skin-purple .icon-first,
.skin-purple-light .icon-first {
    margin-bottom: 5px;
    font-size: 23px;
    display: inline-block;
    background: #605ca8;
    color: #eee;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
}
