:root {
    --main: #7200a3;
    --main-1: #8245b2;
    --main-hover: #a843ff;
    --main-hover-1: #fff;
}
.body-bg{
    background-image: url("../images/header-purple.png");
}
div.news_column .panel-category .panel-heading ul li{
    background-color: var(--main-1);
}
div.news_column .panel-category .panel-body{
    border: 1px dashed var(--main);
}
#background-about{
    background: url(../images/background-about-purple.png) no-repeat center;
}
#footer .wraper{
    border-top: 1px dashed var(--main);
}
.panel-notice {
    background: var(--main-hover);
}
.panel-notice,
.panel-notice .border-notice .notice {
    border-color: var(--main);
}
.panel-notice .border-notice .notice .panel-heading,
#category_news_primary ul li h5 a {
    color: var(--main) !important;
}
.menu-pri .primary {
    background-color: var(--main-hover);
}
.primary a span,
.secondary a {
    color: var(--main) !important;
}
.panel-three .panel-heading {
    color: var(--main);
}
.panel-three .three ul li a:hover {
    color: var(--main-hover);
}
.panel-about-menu .panel-heading,
.panel-video .panel-heading,
.panel-album .panel-heading,
.panel-voting .panel-heading {
    background-color: var(--main);
}
.panel-about-menu .panel-body h4 {
    color: var(--main);
}
.panel-about-menu .panel-body ul {
    color: var(--main-hover);
}
div.news_column .panel-category .panel-body div h3 a {
    color: var(--main);
}
div.news_column .panel-category .panel-body div h3 a:hover {
    color: var(--main-hover);
}
.nav>li>a:hover, .nav>li>a:focus,
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: var(--main-hover);
    color: var(--main-hover-1);
}
.menupc ul li:first-child a {
    border-radius: 0;
}
.panel-default .panel-heading h3,
.panel-primary .panel-heading {
    background-color: var(--main);
}
#footer .copyright p strong,
#footer p.design, #footer p.design a {
    color: var(--main);
}
#footer .bttop a {
    border-color: var(--main);
    color: var(--main);
}
.panel-video,
.panel-album,
.panel-voting,
#banner_right,
.panel-primary .panel-body,
.panel-default .panel-body {
    border-color: var(--main);
}
#bg_slider {
    background-color: var(--main-hover);
}
div.news_column .panel-category .panel-body div:first-child, div.news_column .panel-category .panel-body div:nth-child(2n+1) {
    border-color: var(--main) !important;
}
div.news_column ul.related a:hover {
    color: var(--main-hover);
}
.headerSearch input,
.headerSearch input:hover, .headerSearch input:focus {
    border-color: var(--main);
}
.headerSearch .btn-info {
    border-color: var(--main);
    color: var(--main);
}
.secondary {
    background-color: var(--main-hover) !important;
}
#background-about {
    background: var(--main) !important;
}
.metismenu .sidebar-nav {
    background-image: linear-gradient(to right, var(--main) 4px, var(--main) 4px) !important;
}
.metismenu .sidebar-nav ul ul a {
    background-color: var(--main) !important;
}
.panel.metismenu {
    border-color: var(--main);
    background-color: var(--main);
}
.mobile-menu-toggle-btn i,
.mobile-menu-toggle-btn i:hover {
    background-color: var(--main-hover);
}
.mobile-menu-wrap,
.mobile-menu-wrap .menu {
    background-color:var(--main);
}