body,#content-container {
    background-color: #ece9f2;
    color: #515151
}

#container.boxed-layout {
    background-color: #d4d1d9
}

.page-header {
    color: #7c7c7c
}

a {
    color: #515151
}

a:hover,a:focus {
    color: #444
}

.searchbox>.input-group input:focus {
    border-color: #7d0040
}

.pace .pace-progress,.nano>.nano-pane>.nano-slider {
    background-color: #7d0040
}

.pace .pace-progress-inner {
    box-shadow: 0 0 10px #7d0040,0 0 5px #7d0040
}

.pace .pace-activity {
    background-color: #7d0040
}

#navbar {
    background-color: #ece9f2
}

#navbar-container {
    box-shadow: 0 2px 0 -1px rgba(0,0,0,0.05)
}

.navbar-header {
    background-color: #3e3e4d
}

.navbar-content {
    background-color: #355681;
    box-shadow: inset -4px 0 0 0 #355681
}

.navbar-brand {
    background-color: transparent;
    color: #fff
}

.navbar-brand:hover,.navbar-brand:focus {
    color: #fff
}

.navbar-top-links>li>a {
    color: #fff
}

.navbar-top-links>li>a:focus {
    background-color: transparent
}

.navbar-top-links>li>a:hover {
    background-color: #895183;
    color: #d9d9d9
}

.navbar-top-links>.open>a,.navbar-top-links>.open>a:focus {
    background-color: #895183;
    color: #fff
}

.navbar-top-links .tgl-menu-btn>a,.navbar-top-links .tgl-menu-btn>a:hover,.navbar-top-links .tgl-menu-btn>a:focus {
    color: #fff
}

@media (min-width: 768px) {
    #navbar {
        background-color:transparent
    }

    .navbar-header {
        background-color: transparent
    }

    .navbar-header:before {
        background-color: #3e3e4d
    }

    #navbar-container {
        background-color: #7d0040
    }

    #container.mainnav-in .brand-title,#container.mainnav-sm .brand-title,#container.mainnav-lg .brand-title {
        color: #fff
    }

    .navbar-top-links .tgl-menu-btn {
        position: static
    }

    .navbar-top-links .tgl-menu-btn>a,.navbar-top-links .tgl-menu-btn>a:hover {
        color: #fff
    }

    .navbar-top-links .tgl-menu-btn>a:focus {
        background-color: transparent;
        color: #fff
    }
}

#mainnav {
    background-color: #3e3e4d
}

#mainnav .list-header {
    color: #9494a9
}

#mainnav-menu a {
    color: #bfbfcb
}

#mainnav-menu>li>a:hover,#mainnav-menu>li>a:active {
    color: #fff
}

#mainnav-menu>li>a.hover {
    color: #fff;
    background-color: #454555;
    box-shadow: inset 4px 0 0 0 #7d0040
}

#mainnav-menu>.active-link>a,#mainnav-menu>.active-link>a:hover {
    color: #fff;
    box-shadow: inset 4px 0 0 0 #7d0040
}

#mainnav-menu>.active-sub>a,#mainnav-menu>.active-sub>a:hover {
    color: #fff
}

#mainnav-menu>.active {
    background-color: #373745
}

#mainnav-menu>.active .active {
    background-color: #33333f
}

#mainnav-menu ul a:hover,.menu-popover .sub-menu ul a:hover {
    color: #fff
}

#mainnav-menu ul ul a:hover,.menu-popover .sub-menu ul ul a:hover {
    color: #fff
}

#mainnav-menu ul .active-link a,.menu-popover .sub-menu ul .active-link a {
    color: #fff;
    box-shadow: inset 4px 0 0 0 #7d0040
}

#container.mainnav-sm #mainnav-menu a:hover {
    box-shadow: inset 4px 0 0 0 #7d0040
}

#container.mainnav-sm #mainnav-menu>.active-link>a,#container.mainnav-sm #mainnav-menu>.active-sub>a,#container.mainnav-sm #mainnav-menu>.active-link a:hover,#container.mainnav-sm #mainnav-menu>.active-sub a:hover {
    background-color: #7d0040
}

#mainnav-shortcut .shortcut-grid {
    color: #fff
}

.mainnav-widget {
    background-color: rgba(0,0,0,0.05);
    color: #bfbfcb
}

@media (min-width: 768px) {
    #container.mainnav-sm .shortcut-grid:hover {
        box-shadow:inset 4px 0 0 0 #7d0040
    }

    #container.mainnav-sm .shortcut-grid:hover,#container.mainnav-sm .popover.mainnav-shortcut {
        background-color: #454555;
        color: #fff
    }

    #container.mainnav-sm #mainnav-menu .active-link>a,#container.mainnav-sm #mainnav-menu .active-sub>a {
        color: #fff
    }

    #container.mainnav-sm #mainnav .mainnav-widget>.show-small a {
        color: #bfbfcb
    }

    #container.mainnav-sm #mainnav .mainnav-widget>.show-small a:hover {
        color: #fff;
        box-shadow: inset 4px 0 0 0 #7d0040
    }

    #container.mainnav-sm #mainnav .mainnav-widget .hover {
        color: #fff;
        background-color: #454555
    }

    .menu-popover .sub-menu ul {
        background-color: #373745
    }

    .menu-popover .sub-menu ul ul {
        background-color: #33333f
    }

    .menu-popover .sub-menu ul li>a {
        color: #fff
    }

    .menu-popover .single-content {
        color: #fff;
        background-color: #454555
    }

    .menu-popover.popover {
        background-color: #393947;
        color: #fff
    }

    .menu-popover>.popover-title {
        background-color: #454555;
        color: #fff
    }

    .menu-popover .mainnav-widget-content {
        background-color: #454555
    }
}

.mainnav-sm .popover.mainnav-shortcut {
    background-color: #393947;
    color: #fff
}

@media (min-width: 768px) {
    #container.mainnav-in.easeInBack #mainnav-container,#container.mainnav-in.easeOutBack #mainnav-container,#container.mainnav-in.easeInOutBack #mainnav-container,#container.mainnav-in.jumping #mainnav-container,#container.mainnav-out.easeInBack #mainnav-container,#container.mainnav-out.easeOutBack #mainnav-container,#container.mainnav-out.easeInOutBack #mainnav-container,#container.mainnav-out.jumping #mainnav-container {
        box-shadow:-20px 0 0 0 #3e3e4d
    }

    #container.mainnav-out .brand-title {
        background-color: transparent;
        color: #fff
    }
}

#container #aside-container {
    background-color: #fff
}

#container #aside .list-link li a:not(.btn) {
    color: #d1d1d1
}

#container #aside .list-link li a:not(.btn):hover {
    color: #fff
}

#aside {
    background-color: #49495b;
    color: #fff
}

#aside a:not(.btn):not(.btn-link) {
    color: inherit
}

#aside .bord-all,#aside .bord-top,#aside .bord-btm,#aside .bord-left,#aside .bord-rgt,#aside .bord-hor,#aside .bord-ver,#aside .list-divider {
    border-color: #505064
}

#aside .btn-link {
    color: #fff
}

#aside .text-muted {
    color: #a2a2b5
}

#aside-container #aside .nav-tabs li:not(active) a {
    background-color: #434353
}

#container.aside-bright #aside .nav-tabs li:not(.active) a {
    background-color: #f2f2f2
}

@media (min-width: 768px) {
    #aside {
        background-color:#49495b
    }

    #container #aside-container {
        background-color: #fff
    }
}

#container.aside-bright #aside {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #515151
}

#container.aside-bright #aside .text-light {
    color: #515151
}

#container.aside-bright #aside .bord-all,#container.aside-bright #aside .bord-top,#container.aside-bright #aside .bord-btm,#container.aside-bright #aside .bord-lft,#container.aside-bright #aside .bord-rgt,#container.aside-bright #aside .bord-hor,#container.aside-bright #aside .bord-ver,#container.aside-bright #aside .list-divider {
    border-color: #f7f7f7
}

#container.aside-bright #aside .text-muted {
    color: #9e9e9e
}

#container.aside-bright #aside .progress {
    background-color: #e6e6e6
}

#container.aside-bright #aside .list-link li a:not(.btn) {
    color: #5e5e5e
}

#container.aside-bright #aside .list-link li a:not(.btn):hover {
    color: #515151
}

#container.aside-bright #aside a:not(.btn) {
    color: #515151
}

#container.aside-bright #aside a:not(.btn):hover,#container.aside-bright #aside a:not(.btn):focus {
    color: #373737
}

#container.aside-bright #aside .btn-link {
    color: #515151
}

#container.footer-fixed #footer {
    background-color: #cdcad2;
    color: #515151
}

.bord-no {
    border: 0 !important
}

.bord-all {
    border: 1px solid #e9e9e9
}

.bord-top {
    border-top: 1px solid #e9e9e9
}

.bord-btm {
    border-bottom: 1px solid #e9e9e9
}

.bord-lft {
    border-left: 1px solid #e9e9e9
}

.bord-rgt {
    border-right: 1px solid #e9e9e9
}

.bord-ver {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.bord-hor {
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9
}

.timeline {
    background-color: #ece9f2;
    color: #515151
}

.timeline:before,.timeline:after {
    background-color: #cad3df
}

.timeline-time {
    background-color: #ece9f2;
    color: #848484
}

.timeline-icon {
    box-shadow: 0 0 0 7px #ece9f2
}

.timeline-icon:empty {
    background-color: #a4b4c7
}

.timeline-label {
    background-color: #fff;
    border: 1px solid #e9e9e9
}

.timeline-label:before {
    border-right: 10px solid #e6e6e6
}

.timeline-label:after {
    border-right: 9px solid #fff
}

.panel .timeline-label {
    background-color: #f7f7f7;
    border: 1px solid #e3e3e3
}

.panel .timeline-label:before {
    border-right-color: #e3e3e3
}

.panel .timeline-label:after {
    border-right-color: #f7f7f7
}

@media (min-width: 768px) {
    .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:before {
        border-left:10px solid #e6e6e6
    }

    .two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after {
        border-left: 9px solid #fff
    }
}

.wz-icon-bw li.active~li>a .icon-wrap {
    color: #515151;
    background-color: rgba(0,0,0,0.17)
}

.wz-icon-bw li:not(.active)>a p {
    color: #515151 !important
}

.form-control:focus {
    border-color: #7d0040
}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
    background-color: #7d0040;
    border-color: #7d0040;
    color: #fff
}

.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text {
    color: #fff
}

.dropdown-menu>li>a:hover {
    background-color: #7d0040;
    color: #fff
}

.pager li>a:hover,.pager li>a:focus {
    background-color: #fff;
    border-color: #7d0040;
    color: #7d0040;
    box-shadow: inset 0 0 1px #7d0040;
    z-index: 2;
    -webkit-transition: border-color, 0.3s;
    transition: border-color, 0.3s
}

.pagination>li a:hover,.pagination>li a:focus {
    border-color: #7d0040;
    color: #7d0040;
    box-shadow: inset 0 0 1px #7d0040
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    background-color: #7d0040;
    border-color: #7d0040
}

.tab-base .tab-content .tab-footer {
    background-color: #f4f3f8;
    color: #515151;
    border-color: #efecf4
}

.tab-base .nav-tabs>li:not(.active)>a:hover {
    border-color: #7d0040
}

.tab-stacked-left.tab-base .nav-tabs>li:not(.active) a:hover {
    border-color: #7d0040;
    border-right-color: transparent
}

.tab-stacked-right.tab-base .nav-tabs>li:not(.active) a:hover {
    border-color: #7d0040;
    border-left-color: transparent
}

.btn-trans {
    color: #848484
}

.panel-footer {
    background-color: #f4f3f8;
    color: #515151;
    border-color: #efecf4;
    position: relative
}