html,
body,
body *:not(.icon),
body .ui:not(.icon){
    font-family: "Jost", sans-serif !important;
}

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

body.login {
    /*background: #fff url('login.jpg') no-repeat 50% 50% !important;*/
    /*background: ;*/
}

.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.svg) no-repeat 0 50%;
    background-size: contain;
}

.dark .toc .ui.menu .logo a,
.dark .toc .ui.menu.inverted .logo a {
    /*tutaj wersja light powinna byc - z bialym fontem zamiast czarnym*/
    background: url(logo.svg) no-repeat 0 50%;
    background-size: contain;
}

body a{
    color: #ea1869
}

/* 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: #ea1869 !important
}

.ui.hc.inverted.menu {
    background-color: #ea1869
}

.ui.hc.label {
    background-color: #ea1869;
    border-color: #ea1869;
    color: #fff
}

.ui.hc.header {
    color: #ea1869
}

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

.ui.hc.buttons .button:hover {
    background: #be1154
}

.ui.hc.button:not(.basic) {
    background: #ea1869;
    color: #fff
}

.ui.hc.button.basic {
    box-shadow: 0px 0px 0px 1px  #ea1869 inset;
    color: #ea1869 !important;
    background: transparent;
}

.ui.hc.button:hover {
    background: #be1154
}

.ui.hc.button.basic:hover{
    background: #be1154 !important;
    color: #fff !important;
}

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

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

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


.ui.breadcrumb a{
    color: #ea1869;
}

.ui.breadcrumb a:hover{
    color: #cf0d58;
}