body.pushable,
body.pushable > .pusher #baseContent.ui.segment:before {
    background-image: url(bg.jpg?v=1.1) !important;
}

.toc .ui.menu,
.toc .ui.menu.inverted {
    background-image: url(sidebar.png?v=1.1) !important;
}

.toc .ui.menu .logo a,
.toc .ui.menu.inverted .logo a {
    background: url(logo.png) no-repeat 0 50%;
    background-size: contain;
}

.toc .ui.menu.inverted .item>.icon,
.toc .ui.menu .item>.icon {
    color: #3aa43d;
}

.toc .ui.vertical.menu .item:before{
    background: rgba(34, 36, 38, 0.1);
}

.toc .ui.inverted.menu .item,
.toc .ui.inverted.menu .item > a:not(.ui){
    color: rgba(0, 0, 0, 0.87);
}

.ui.breadcrumb a, .ui.breadcrumb a:hover{
    color: #34591e;
}

.toc .ui.link.menu .item:hover,
.toc .ui.menu .dropdown.item:hover,
.toc .ui.menu .link.item:hover,
.toc .ui.menu a.item:hover{
    cursor: pointer;
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.95);
}
.toc .ui.menu.inverted .item.active,
.toc .ui.menu .item.active{
    border-color: rgba(0,0,0,.95);
    color: rgba(0, 0, 0, 0.95) !important;
}

.article .ui.fixed.menu.inverted{
    background: #34591e!important;
}


/* LOGIN */
body.login {
    background: #fff url('login.jpg') no-repeat 50% 50% !important;
}
body.login .ui.header>.image:not(.icon),
body.login .ui.header>img {
    width: 80%
}
body.login .ui.header>.image+.content,
body.login .ui.header>img+.content {
    padding-left: 0;
    color: #333;
}


/* COLOR */
.ui.toggle.checkbox input:checked~.box:before,.ui.toggle.checkbox input:checked~label:before,.ui.toggle.checkbox input:focus:checked~.box:before,.ui.toggle.checkbox input:focus:checked~label:before {
    background-color: #3aa43d !important
}

.ui.hc.inverted.menu,.ui.hc.label {
    background-color: #3aa43d
}

.ui.hc.label {
    border-color: #3aa43d;
    color: #fff
}

.ui.hc.header {
    color: #3aa43d
}

.ui.hc.buttons .button {
    background: #3aa43d;
    color: #fff
}

.ui.hc.buttons .button:hover {
    background: #2d7e2f
}

.ui.hc.button {
    background: #3aa43d;
    color: #fff
}

.ui.hc.button:hover {
    background: #2d7e2f
}

.ui.table tr.active {
    background: rgba(0,0,0,.05)!important
}

.ui.cards.themesSelect input:checked+label {
    -webkit-box-shadow: 0 0 20px #3aa43d;
    -moz-box-shadow: 0 0 20px #3aa43d;
    box-shadow: 0 0 20px #3aa43d
}

.ui.cards.themesSelect input:checked+label:hover {
    -webkit-box-shadow: 0 3px 20px #3aa43d;
    -moz-box-shadow: 0 3px 20px #3aa43d;
    box-shadow: 0 3px 20px #3aa43d
}