/*-------------------
	Visually.css
--------------------*/

/* theme-black.css */
body .theme-black, .theme-black .wrapper-bg, .theme-black .ui-dialog {
    background-color: #000 !important;
    background-image: none !important;
    color: #fff !important;
    letter-spacing: 0 !important
}

.theme-black h1, .theme-black h2, .theme-black h3, .theme-black h4, .theme-black h5, .theme-black h6 {
    color: #fff !important
}

.theme-black a {
    opacity: 1 !important
}

.theme-black main {
    background-color: #000 !important
}

.theme-black .story.b, .theme-black .b {
    border: 1px solid #fff !important
}

.theme-black .border-radius {
    border-radius: 0 !important
}

.theme-black .shadow-2dp {
    box-shadow: none !important
}

.theme-black .shadow-3dp {
    box-shadow: none !important
}

.theme-black .shadow-4dp {
    box-shadow: none !important
}

.theme-black .shadow-6dp {
    box-shadow: none !important
}

.theme-black .shadow-8dp {
    box-shadow: none !important
}

.theme-black .shadow-16dp {
    box-shadow: none !important
}

.theme-black .shadow-24dp {
    box-shadow: none !important
}

.theme-black .chip, .theme-black .chips, .theme-black .tags a {
    background-color: #fff !important;
    border-radius: 0 !important;
    color: #000 !important
}

    .theme-black .chip a, .theme-black .chips a, .theme-black .tags a {
        color: #000 !important
    }

        .theme-black .chip a:hover, .theme-black .chips a:hover, .theme-black .tags a:hover {
            color: #000 !important
        }

.theme-black a.btn, .theme-black a.btn-flat, .theme-black a.ui-button, .theme-black a.bbcodes, .theme-black .btn, .theme-black .btn-flat, .theme-black .ui-button, .theme-black .bbcodes, .theme-black a.btn, .theme-black a.btn-floating, .theme-black .btn, .theme-black .btn-floating {
    background-color: #fff !important;
    color: #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important
}

    .theme-black .btn-floating i {
        color: #000 !important
    }

.theme-black #tooltip {
    display: none !important
}

.theme-black .theme-primary, .theme-black .theme-accent, .theme-black .bg-primary, .theme-black .bg-accent {
    background-color: #000 !important;
    color: #fff !important
}

.theme-black .text-primary {
    color: #fff !important
}

.theme-black .text-accent {
    color: #fff !important
}

.theme-black .b-primary {
    border-color: #fff !important
}

.theme-black .b-accent {
    border-color: #fff !important
}

.theme-black .ui-dialog-titlebar {
    background-color: #000 !important
}

.theme-black .ui-dialog-title {
    color: #fff !important
}

.theme-black .ui-dialog-titlebar-close .ui-icon {
    color: #fff !important
}

.theme-black .sidenav {
    background-color: #000 !important;
    border-right: 1px solid #fff
}

    .theme-black .sidenav li > a {
        color: #fff !important
    }

        .theme-black .sidenav li > a:hover, .theme-black .sidenav li > a.active {
            border-left-color: #000 !important
        }

.theme-black .radio-wrp input[type="radio"]:checked ~ .radio-bg {
    border-color: #fff !important
}

    .theme-black .radio-wrp input[type="radio"]:checked ~ .radio-bg .radio-path {
        fill: #fff !important
    }

.theme-black .checkbox-wrp input[type="checkbox"]:checked ~ .checkbox-bg {
    background-color: #fff !important;
    border-color: #fff !important
}

.theme-black .input-field label.active {
    color: #fff !important
}

.theme-black .input-field input, .theme-black .input-field textarea {
    background-image: linear-gradient(to top,#fff 2px,rgba(0,0,0,0) 0),linear-gradient(to top,rgba(125,125,125,0.35) 1px,rgba(0,0,0,0) 0)
}

.theme-black .quote, .theme-black .title_quote {
    border-left-color: #fff !important
}

.theme-black .slider .indicators .indicator-item.active, .theme-black .carousel .indicators .indicator-item.active, .theme-black .tabs .indicator {
    background-color: #fff !important
}

.theme-black .story-content {
    background-color: #000 !important;
    background-image: none !important
}

.theme-black .btn-back-top {
    display: none !important
}

.theme-black .masthead {
    display: none !important
}

.theme-black .slider-wrapper {
    display: none !important
}

.theme-black .allstory, .theme-black .sbstory, .theme-black .story, .theme-black .arhiv, .theme-black .monthselect, .theme-black .topnews, .theme-black .lastcomments, .theme-black .informer, .theme-black .tags_block, .theme-black .some_widget {
    background: #000 !important;
    border: 1px solid #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important
}

.theme-black .story-content a {
    color: #fff !important;
    text-decoration: underline !important
}

/* theme-white.css */
body .theme-white, .theme-white .wrapper-bg, .theme-white .ui-dialog {
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
    letter-spacing: 0 !important
}

.theme-white h1, .theme-white h2, .theme-white h3, .theme-white h4, .theme-white h5, .theme-white h6 {
    color: #000 !important
}

.theme-white a {
    opacity: 1 !important
}

.theme-white main {
    background-color: #fff !important
}

.theme-white .story.b, .theme-white .b {
    border: 1px solid #000 !important
}

.theme-white .border-radius {
    border-radius: 0 !important
}

.theme-white .shadow-2dp {
    box-shadow: none !important
}

.theme-white .shadow-3dp {
    box-shadow: none !important
}

.theme-white .shadow-4dp {
    box-shadow: none !important
}

.theme-white .shadow-6dp {
    box-shadow: none !important
}

.theme-white .shadow-8dp {
    box-shadow: none !important
}

.theme-white .shadow-16dp {
    box-shadow: none !important
}

.theme-white .shadow-24dp {
    box-shadow: none !important
}

.theme-white .chip, .theme-white .chips, .theme-white .tags a {
    background-color: #000 !important;
    border-radius: 0 !important;
    color: #fff !important
}

    .theme-white .chip a, .theme-white .chips a, .theme-white .tags a {
        color: #fff !important
    }

        .theme-white .chip a:hover, .theme-white .chips a:hover, .theme-white .tags a:hover {
            color: #fff !important
        }

.theme-white a.btn, .theme-white a.btn-flat, .theme-white a.ui-button, .theme-white a.bbcodes, .theme-white .btn, .theme-white .btn-flat, .theme-white .ui-button, .theme-white .bbcodes, .theme-white a.btn, .theme-white a.btn-floating, .theme-white .btn, .theme-white .btn-floating {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important
}

    .theme-white .btn-floating i {
        color: #fff
    }

.theme-white #tooltip {
    display: none !important
}

.theme-white .masthead {
    display: none !important
}

.theme-white .slider-wrapper {
    display: none !important
}

.theme-white .theme-primary, .theme-white .theme-accent, .theme-white .bg-primary, .theme-white .bg-accent {
    background-color: #fff !important;
    color: #000 !important
}

.theme-white .text-primary {
    color: #000 !important
}

.theme-white .text-accent {
    color: #000 !important
}

.theme-white .b-primary {
    border-color: #000 !important
}

.theme-white .b-accent {
    border-color: #000 !important
}

.theme-white .ui-dialog-titlebar {
    background-color: #fff !important
}

.theme-white .ui-dialog-title {
    color: #000 !important
}

.theme-white .ui-dialog-titlebar-close .ui-icon {
    color: #000 !important
}

.theme-white .sidenav {
    background-color: #fff !important;
    border-right: 1px solid #000
}

    .theme-white .sidenav li > a {
        color: #000 !important
    }

        .theme-white .sidenav li > a:hover, .theme-white .sidenav li > a.active {
            border-left-color: #fff !important
        }

.theme-white .radio-wrp input[type="radio"]:checked ~ .radio-bg {
    border-color: #000 !important
}

    .theme-white .radio-wrp input[type="radio"]:checked ~ .radio-bg .radio-path {
        fill: #000 !important
    }

.theme-white .checkbox-wrp input[type="checkbox"]:checked ~ .checkbox-bg {
    background-color: #000 !important;
    border-color: #000 !important
}

.theme-white .input-field label.active {
    color: #000 !important
}

.theme-white .input-field input, .theme-white .input-field textarea {
    background-image: linear-gradient(to top,#000 2px,rgba(0,0,0,0) 0),linear-gradient(to top,rgba(125,125,125,0.35) 1px,rgba(0,0,0,0) 0)
}

.theme-white .quote, .theme-white .title_quote {
    border-left-color: #000 !important
}

.theme-white .slider .indicators .indicator-item.active, .theme-white .carousel .indicators .indicator-item.active, .theme-white .tabs .indicator {
    background-color: #000 !important
}

.theme-white .story-content {
    background-color: #fff !important;
    background-image: none !important
}

.theme-white .btn-back-top {
    display: none !important
}

.theme-white .allstory, .theme-white .sbstory, .theme-white .story, .theme-white .arhiv, .theme-white .monthselect, .theme-white .topnews, .theme-white .lastcomments, .theme-white .informer, .theme-white .tags_block, .theme-white .some_widget {
    background: #fff !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000 !important
}

.theme-white .story-content a {
    color: #000 !important;
    text-decoration: underline !important
}