@import url('https://fonts.googleapis.com/css?family=Roboto');

html,
body {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 14px;
    background: #fff;
    /*padding-top: 50px*/
}

a {
    color: #000
}

a:hover {
    color: #8C8C8C;
    text-decoration: none
}

hr {
    border-color: #EDEDED;
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-gravatar {
    margin-top: -7px;
    margin-bottom: -7px
}

.navbar-gravatar img {
    margin-right: 5px;
    border-radius: 50%
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px;
    font-size: 18px;
    line-height: 20px
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
        border-right: 1px solid #EDEDED
    }
}

.navbar {
    margin-bottom: 0;
    border: none
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0
    }
}

.navbar-default {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.navbar-default .navbar-brand {
    color: #D63030
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #000;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #8C8C8C
}

.navbar-default .navbar-nav > li > a {
    color: #8C8C8C
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #000;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #8C8C8C;
    background-color: transparent
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #8C8C8C;
    border-radius: 4px
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #000
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #EDEDED
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #EDEDED
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #333;
    background-color: transparent
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #000
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #000;
        background-color: #EDEDED
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #8C8C8C;
        background-color: #EDEDED
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border: 1px solid #EDEDED;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #EDEDED
}

.dropdown-menu > li > a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #000;
    white-space: nowrap
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #000;
    text-decoration: none;
    background-color: #EDEDED
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #000;
    text-decoration: none;
    background-color: #EDEDED;
    outline: 0
}

@media (min-width: 768px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block
    }
}

.btn {
    font-size: 14px
}

.btn-sm {
    font-size: 12px
}

.btn-lg {
    font-size: 16px
}

.btn-success,
.btn-success:focus,
.btn-success.focus,
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    font-weight: 400;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    background: #20935A;
    border: 1px solid #20935A
}

.btn-success:hover {
    color: #fff;
    background: #4CA87B;
    border: 1px solid #4CA87B
}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    font-weight: 400;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    background: #4B93D1;
    border: 1px solid #4B93D1
}

.btn-primary:hover {
    color: #fff;
    background: #6FA8DA;
    border: 1px solid #6FA8DA
}

.btn-default,
.btn-default:focus,
.btn-default.focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    font-weight: 400;
    border-radius: 4px;
    color: #8C8C8C;
    cursor: pointer;
    background: #EDEDED;
    border: 1px solid #EDEDED
}

.btn-default:hover {
    color: #8C8C8C;
    background: #E0E0E0;
    border: 1px solid #E0E0E0
}

.btn-warning,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    font-weight: 400;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    background: #FFB10A;
    border: 1px solid #FFB10A
}

.btn-warning:hover {
    color: #fff;
    background: #FFC03B;
    border: 1px solid #FFC03B;
    opacity: .9;
    filter: alpha(opacity=90)
}

.btn-danger,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    font-weight: 400;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    background: #D63030;
    border: 1px solid #D63030
}

.btn-danger:hover {
    color: #fff;
    background: #C52727;
    border: 1px solid #C52727
}

.alert-danger {
    color: #fff;
    background: #D63030;
    border: 1px solid #D63030;
    font-size: 13px;
    padding: 10px 15px
}

.alert-warning {
    color: #AD6C00;
    background: #FFF2AE;
    border: 1px solid #FFF2AE;
    font-size: 13px;
    padding: 10px 15px
}

.alert-warning:hover {
    background: #FFEE95
}

.alert-success {
    color: #fff;
    background: #20935A;
    border: 1px solid #20935A;
    font-size: 13px;
    padding: 10px 15px
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    margin-top: 5px; 
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #EDEDED;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.form-control:focus {
    border-color: #EDEDED;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control::-moz-placeholder {
    color: #8C8C8C;
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-control:-ms-input-placeholder {
    color: #8C8C8C
}

.form-control::-webkit-input-placeholder {
    color: #8C8C8C
}

.pretraga .form-control {
    border-radius: 4px;
    background-color: #EDEDED;
    border: 2px solid #EDEDED;
    color: #000;
    width: 270px;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.pretraga .form-control::-moz-placeholder {
    color: #8C8C8C
}

.pretraga .form-control:-ms-input-placeholder {
    color: #8C8C8C
}

.pretraga .form-control::-webkit-input-placeholder {
    color: #8C8C8C
}

.pretraga .form-control:focus {
    background-color: #fff;
    border: 2px solid #D63030;
    width: 348px
}

.fa.form-control-feedback {
    line-height: 34px
}

.has-feedback-left .form-control {
    padding-left: 40px
}

.has-feedback-left .form-control-feedback {
    left: 0;
    padding-left: 5px;
    color: #8C8C8C;
    font-size: 14px
}

.pretraga:hover .form-control-feedback {
    left: 0;
    padding-left: 5px;
    color: #000
}

.teme {
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
    background: #fafafa;
    margin-bottom: 10px; 
    box-shadow: 0 0.2px 1px rgba(0,0,0,.25);
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.recent-topic h5 {
    text-transform: capitalize !important;
    font-size: 13px;
    margin: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #efe8e8;
}
.list-group-item {
    padding: 5px 15px;

}
.recent-topic h5 a:hover {
    color: #e7672e;
    text-decoration: underline;
}
.btn-color {
    background-color: #e7672e;
    color: #fff;
    font-weight: 600;
}
.btn-color:hover{
    color: #e7672e;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #e7672e;
}
.sid-bg{
    background-color: #f7f7f7;
    padding: 20px;
}
.recent-topic .active {
    padding: 10px 20px;
    background-color: #e7672e;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
}
.recent-topic .active:before {
    /*content:"\f0cb";
    font: normal normal normal 16px/1 FontAwesome;
    margin: 0 5px;*/
}
.teme:hover {
    background: #fafafa
}

.teme .avatar img {
    border-radius: 50%
}

.teme .status .fa-bullhorn {
    position: absolute;
    top: -1px;
    left: 37px;
    color: #fff;
    background: #48BF83;
    border-radius: 50%;
    padding: 3px 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3)
}

.teme .status .fa-thumb-tack {
    position: absolute;
    top: -1px;
    left: 37px;
    color: #fff;
    background: #D63030;
    border-radius: 50%;
    padding: 3px 6px;
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3)
}

.teme .status .fa-lock {
    position: absolute;
    top: -1px;
    left: 37px;
    color: #fff;
    background: #888;
    border-radius: 50%;
    padding: 3px 6px;
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3)
}

.teme .novo {
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 600;
    color: #000;
    background: #EDEDED;
    margin-right: 10px;
    display: inline-block
}

.teme .poruka {
    margin-left: 55px
}

.teme .poruka .naziv a {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    margin-right: 5px
}

.teme .poruka .naziv a:hover {
    text-decoration: underline
}

.teme .poruka .ime i {
    color: #AEAEAE;
    font-size: 12px
}

.teme .poruka .ime a {
    font-weight: 600;
    color: #AEAEAE;
    font-size: 13px;
    margin-right: 5px
}

.teme:hover .poruka .ime a,
.teme:hover .poruka .ime i {
    color: #8C8C8C
}

.teme .poruka .vrijeme a {
    color: #AEAEAE;
    font-size: 13px
}

.teme .poruka .excerpt {
    margin-top: 5px;
    color: #AEAEAE;
    font-size: 13px
}

.teme .kategorija {
    font-size: 85%;
    font-weight: 600;
    display: inline-block;
    padding: .1em .5em;
    border-radius: 4px;
    background: #e7edf3;
    color: #667d99;
    text-transform: none;
    margin-right: 10px;
   
}

.teme .kategorija:hover {
    opacity: .9;
    filter: alpha(opacity=90)
}

.teme .odgovora {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.teme .odgovora i {
    font-size: 14px
}

.teme .omiljeno {
    display: inline;
    margin-left: 10px
}

.teme:hover .omiljeno {
    display: inline;
    margin-left: 10px
}

.teme .omiljeno .fa-ellipsis-v {
    margin-top: -4px;
    color: #8C8C8C;
    font-size: 14px;
    padding: 8px 14px
}

.teme .omiljeno i:hover {
    background: #E0E0E0;
    border-radius: 50%;
    padding: 8px 14px
}

.teme .omiljeno a {
    color: #000
}

.naziv .bbp-topic-pagination a {
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 13px;
    font-weight: 400;
    color: #8C8C8C;
    border: 1px solid #d3cccc;
    background: #fff
}

.naziv .bbp-topic-pagination a:hover {
    color: #fff;
    background: #E3472F;
    border: 1px solid #E3472F
}
.prvi_odgovor {
    border: 1px solid #EDEDED;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px
}

.prvi_odgovor:first-child {
    border: 1px solid #c7cacc;
    background-color: #f5f5f5;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px
}

.prvi_odgovor:first-child .odgovori {
    padding: 0;
    border-bottom: none
}

.odgovori {
    padding-bottom: 20px;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 20px
}

.odgovori .avatar img {
    border-radius: 50%
}

.odgovori .odgovor {
    margin-left: 65px;
    font-size: 15px;
    color: #555;
    word-wrap: break-word;
    height: auto;
    overflow: hide
}

.odgovori .odgovor .ime {
    font-weight: 600
}

.odgovori .odgovor .vrijeme {
    font-weight: 400;
    color: #737272;
    font-size: 14px;
    margin-bottom: 5px;
}
.vrijeme a {
    color: #555;
}

.odgovori .status .fa-wrench {
    position: absolute;
    top: -1px;
    left: 47px;
    color: #fff;
    background: #D63030;
    border-radius: 50%;
    padding: 3px 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3)
}

.odgovori .odgovor strong {
    color: #000
}

.odgovori .odgovor pre {
    color: #8C8C8C;
    background-color: #EDEDED;
    border: 2px solid #EDEDED;
    padding: 10px;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.odgovori .odgovor pre:hover {
    color: #000;
    background-color: #fff;
    border: 2px solid #D63030;
    padding: 10px
}

.odgovori .odgovor img {
    max-width: 100%;
    max-height: 100%
}

.odgovori .odgovor iframe {
    max-width: 100%;
    max-height: 100%
}

.odgovori .odgovor blockquote {
    border-left: 5px solid #8C8C8C
}

.odgovori .odgovor .img-thumbnail {
    padding: 5px;
    background-color: #fff;
    border: 1px solid #EDEDED;
    border-radius: 4px
}

.bbp-topic-revision-log,
.bbp-reply-revision-log {
    border-top: 1px solid #EDEDED;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #AEAEAE;
    padding-top: 10px;
    clear: both
}

.bbp-topic-revision-log img,
.bbp-reply-revision-log img {
    border-radius: 50%
}

.oznake a {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 13px;
    color: #000;
    padding: 6px 12px;
    background: #F7F7F7;
    margin-right: 5px;
    border-radius: 4px
}

.naslov {
    padding: 40px 0;
    background: #689578;
    color: #fff;
    margin: 0;
}

.naslov .status .fa-bullhorn {
    color: #fff;
    background: #48BF83;
    border-radius: 50%;
    padding: 3px 4px;
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3)
}

.naslov .status .fa-thumb-tack {
    color: #fff;
    background: #D63030;
    border-radius: 50%;
    padding: 3px 6px;
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3)
}

.naslov .status .fa-lock {
    color: #fff;
    background: #888;
    border-radius: 50%;
    padding: 3px 6px;
    font-size: 14px;
    -webkit-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.3)
}

.naslov h1 {
    margin: 0;
    font-size: 24px;
    margin-top: 5px
}

.naslov p {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0
}

.naslov a {
    color: #fff
}

.naslov a:hover {
    text-decoration: underline
}

.naslov .fa {
    margin-right: 5px
}

.naslov .role {
    padding: 1px 6px;
    background: #72a484;
    border-color: #72a484
}

.naslov .role:hover {
    background: #70A181;
    border-color: #70A181
}

.naslov .kategorija {
    font-size: 13px;
    background: #fff;
    padding: 3px 8px;
    border-radius: 4px
}

.naslov .pod_kategorije {
    margin-top: 5px
}

.naslov .pod_kategorije ul li a {
    color: #fff
}

.naslov .pod_kategorije .badge {
    background: #fff;
    border: 1px solid #EDEDED;
    color: #000;
    margin-left: 5px;
    font-size: 11px;
    margin-top: -1px
}

.naslov .avatar img {
    margin-right: 25px;
    border-radius: 50%;
    padding: 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(68, 68, 68, 1);
    -moz-box-shadow: 0 0 6px 0 rgba(68, 68, 68, 1);
    box-shadow: 0 0 6px 0 rgba(68, 68, 68, 1)
}

.naslovi h2 {
    color: #000;
    font-size: 16px;
    margin: 0;
    padding: 0
}

.naslovi h3 {
    color: #004060;
    background: #dcf1f9;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
}

.lista_kategorija {
    margin-top: 0
}

.lista_kategorija i {
    font-size: 14px;
    margin-right: 5px;
    color: #ce2525;
}

.lista_kategorija ul {
    margin: 20px 0
}

.lista_kategorija li {
    padding: 5px 0
}

.lista_kategorija li a {
        font-weight: 600;
    font-family: "Roboto",Helvetica,Arial,Verdana,sans-serif;
    word-spacing: normal;
    color: #85868c;
    font-weight: normal;
}

.lista_kategorija li a:hover {
    /*margin-left: 10px*/
    color: #d63030 !important;
}

.lista_kategorija li.active a {
    
    color: #000
}

.lista_kategorija .kocka {
    font-size: 9px;
    margin-right: 5px;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-bottom: -3px;
    border-radius: 4px
}

.lista_kategorija .badge {
    background: #fff;
    border: 1px solid #EDEDED;
    color: #8C8C8C;
    font-size: 11px
}

.izaberi {
    margin-top: 10px;
    margin-bottom: 0;
}

.izaberi .kocka {
    font-size: 9px;
    margin-right: 5px;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-bottom: -3px;
    border-radius: 4px
}

.kategorije {
    color: #000;
    padding: 10px 0 10px 0;
    border-radius: 4px;
    margin-bottom: 10px
}
.kategorije:hover .pod_kategorije{
    background-color: #eee;
}
.kategorije:hover {
    
    /*background-color: #f3f6f9;*/ 
}
.kategorije .naziv {
    padding: 15px 20px 10px;
    background-color: #0085ff;
    border-radius: 5px 5px 0 0;
}

.kategorije .naziv a {
    color: #fff;
    font-size: 18px;
    font-weight: 600
}
.pod_kategorije li {
    color: #777777;
}
.pod_kategorije a {
    color: #000 !important;
}
.kategorije .naziv .badge {
    background: #fff;
    border: 1px solid #EDEDED;
    color: #000;
    margin-left: 5px;
    font-size: 11px;
    margin-top: -1px
}

.pod_kategorije a:hover {
    color: #e7672e;
    text-decoration: none;
}
.kategorije .opis {
    color: #000;
    filter: alpha(opacity=70);
    padding: 10px 10px 10px 20px;
    background-color: #ededed;
    text-align: justify;
    
}
.pod_kategorije .pod_kategorije{
    border: 1px solid #ededed;
    padding: 15px 0 20px 0;
    background-color: #fff;
}
.bbp-forums-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.bbp-forums-list a {
    color: #fff;
    font-weight: 600;
    font-size: 13px
}

#new-post {
    display: none
}

.odgovori_forma {
    padding: 15px;
    border: 2px dashed #EDEDED;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px
}

.odgovori_forma .zatvori {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    padding: 0 7px;
    margin-top: -15px;
    margin-right: -10px
}

.odgovori_forma .zatvori:hover,
.odgovori_forma .zatvori:focus {
    opacity: .7;
    filter: alpha(opacity=70);
    cursor: pointer
}

.odgovori_forma select,
.bbp-form select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    border: 1px solid #EDEDED
}

textarea#bbp_reply_content,
textarea#bbp_topic_content,
textarea#bbp_forum_content {
    width: 100%;
    height: 200px;
    box-sizing: border-box
}

a.subscription-toggle {
    color: #8C8C8C
}

a.favorite-toggle {
    color: #8C8C8C
}

.copyright {
    margin-top: 20px;
    margin-bottom: 40px;
    background: linear-gradient(#f1f1f1, white);
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}
/*breadcrumbs */
.bbp-breadcrumb {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    padding: 10px;
} 
.bbp-breadcrumb a, .bbp-breadcrumb, .bbp-breadcrumb-current {
    color: #004060 !important;
}
.gg-breadcrumbs {
    padding: 10px 15px 6px;
    background-color: #ededed;
    font-weight: 600;
}
.bbp-breadcrumb-home:before {
    content:"\f015";
    font: normal normal normal 16px/1 FontAwesome;
    margin: 0 5px;
    }
.bbp-breadcrumb-current{
    color: #e7672e;
}
.bbp-breadcrumb span {
    margin: 0 5px;
}
.gg-breadcrumbs .container {
    text-align: left;
}
.current_user {
    color: #fff;
    line-height: 30px;
}
#content {
    overflow: inherit;
}
.breadcrumbs {
    margin-bottom: 10px ;

}
.recent-topic li {
        background-color: #f7f7f7;
        border: none;
}
.recent-topic li a {
    font-family: "Roboto",Helvetica,Arial,Verdana,sans-serif;
    word-spacing: normal;
    color: #85868c;
}
.head_reply {
        margin-bottom: 25px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
}

.content_reply {
    
}
.bbp-author-name {
    color : #000 !important;
}
/** Widget forum */
.widget_display_search {
    background-color: #dcf1f9 !important;
}
.widget_display_search .widgettitle {
    text-align: center;
    line-height: 1.3;
    font-size: 16px !important;
    font-weight: bold;
    color: #000;
}
input#bbp_search_submit {
    background-color: #eb1d78;
}
input#bbp_search {
    color: #004060;
    text-align: center;
    border: 1px solid #bad9e4;
    border-radius: 5px;
} 
.izaberi a {
    color: #8c8c8c;
}
.zapocni-temu {
    color: #fff !important;
}
/*** widget ****/
.widget_display_forums .widget_wrap, .widget_display_topics .widget_wrap, .widget_display_replies .widget_wrap, .widget_display_views .widget_wrap {
    padding: 0 !important;
    border: 1px solid #e0dcdc !important;
    background-color: #edededc2;
    border-radius: 5px 5px 0 0;
}
.widget_display_forums .widgettitle , .widget_display_topics .widgettitle, .widget_display_replies .widgettitle, .widget_display_views .widgettitle {
    padding: 10px 20px ;
    text-align: center;
    background-color: #356a87;
    color: #fff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    font-size: 18px !important;
    padding-top: 15px;
}
.widget_display_forums ul, .widget_display_topics ul, .widget_display_replies ul {
        padding: 0 30px 20px !important;
}
.widget_display_views ul {
    padding: 0 30px 0 !important;

}
.widget_display_views ul li:first-child,.widget_display_views ul li:first-child a {
    color: #eb1d78 !important;
    font-weight: bold;
}
.widget_display_views ul li:last-child,.widget_display_views ul li:last-child a {
    color: #f90 !important;
    font-weight: bold;
}
.widget_display_forums li, .widget_display_topics li, .widget_display_replies li, .widget_display_views li {
    list-style-type: circle !important;
    margin: 10px 0 !important;
    line-height: 24px;
    border-bottom: 1px dotted #ddd;
}
.widget_display_stats .widget_wrap {
    padding: 0 !important;
    border: 1px solid #e0dcdc !important;
    background-color: #edededc2;
    border-radius: 5px 5px 0 0;
}
.widget_display_stats .widgettitle {
     padding: 10px 20px ;
    text-align: center;
    background-color: #356a87;
    color: #fff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    font-size: 18px !important;
    padding-top: 15px;
}
.widget_display_stats dt {
    color: #232121;
    border-bottom: 1px solid #dedcdc;
    background-color: #d8d8d8;
    padding: 5px;
}
.widget_display_stats dl {
    padding: 0 30px 20px !important;
    text-align: center;
}
.widget_display_stats dd {
    padding: 5px;
    color: #5d5d5d;
}
/**** Profil Page ****/
.profil_head {
    text-align: center;
    line-height: 1.5;
    border-radius: 10px 10px 0 0;

}
.profil_head h3:before {
    content:"\f007";
    font: normal normal normal 16px/1 FontAwesome;
    margin: 0 10px;
}
.profil_head h3 {
    background-color: #eb1d78;
    color: #fff;
    font-size: 16px;
    padding: 8px 0;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
}
.profil_content {
    padding: 10px 20px;
    background: #ededed;
}
.Rtable-colum {
    display: inline-block;
    border-bottom: 1px solid #e0dfdf;
    padding: 15px 10px;
    margin: 0
}
.Rtable-cell {
    text-align: center;
    padding-bottom: 10px;}
.profil_content .avatar {
    height: 50px;
    width: 50px;
    display: block;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #eb1d78;
    margin: 10px auto;
}
#profil_menu ul {
    margin: 10px 0;
    background-color: #ededed;
    border: 1px solid #e0dfdf;
    margin-top: 10px;
}
#profil_menu ul li {
    border-right: 1px solid #e0dfdf;
    /* margin-right: 10px; */
}
#profil_menu .avatar {
    margin-right: 10px;
}
#profil_menu ul li a {
    color:  #272626;
}
#profil_menu ul li a:hover {
    background-color: #eb1d78;
    color:white;
    border-radius: 0;
}
#profil_menu ul li.active a {
    background-color: #eb1d78;
    border-radius: 0;
}
#profil_menu .tab-content {
    background: #f1efef;
    border: 1px solid #e0dfdf;
    padding: 20px;
}
#profil_menu .bbp-user-edit-link a{
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid #356a87;
    background-color: #356a87;
}
#profil_menu .bbp-user-edit-link a:hover{
    border: 1px solid #eb1d78;
    background-color: #eb1d78;
}
.a1 {
    width: 100%;
    padding: 20px;
}
.a1 .a1_left, .a1 .a1_right {
    
    /*border-bottom: 1px solid #ccc;*/
    width: 50%;
    font-size: 16px;
    padding: 10px 0;
    
}
.a1 .a1_left {
    text-align: right;
    float: left;
    font-weight: bold;
    
}
.a1 .a1_right {
        font-weight: normal;
        float: right;
        text-align: left;
}
.a1 .a1_left:after {
    content: ":";
    float: right;
    margin: 0 15px;
}
.a1_avatar {
    text-align: center;
    padding: 20px;
}
.a1_avatar img {
    text-align: center;
    border-radius: 50%;
    box-shadow: 1px 1px 10px 1px #a5a0a0;
}
#profil_menu .tab-pane ul li {
    padding: 0 10px;
    list-style: circle !important;
    font-size: 15px;
    font-weight: bold;
}
#profil_menu .tab-pane ul {
    margin: 10px 0;
    background-color: #f1efef;
    border: 1px solid #f1efef;
    margin-top: 10px;
}
#profil_menu .tab-pane ul li p {
    color: #7b7878;
    font-size: 13px;
}
#profil_menu .tab-pane ul li p span {
    color: #6a6d6f;
    margin: 0 5px;
}
#profil_menu .tab-pane ul li a {
       font-weight: 600;
       color: #336f8d;
}
#profil_menu .tab-pane ul li a:hover, #profil_menu .tab-pane ul li p a:hover {
       background-color: #eb1d78; 
       color: #fff;
}
#profil_menu .tab-pane ul li p a {
    color: #808080;
}
.ft {
    text-align: center;
    background: #dcf1f9;
    padding: 5px 10px;
}
.ft a {
    color: #356a87;
    font-weight: 600;
}
.ft a i {
    margin: 0 5px;
    transition-duration: .5s;
}
.ft a:hover i {
    margin-left: 10px;
}
.ft a:hover {
    color: #eb1d78;
    text-decoration: underline;
}
.abon li {
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px 0;
    background: #fafafa;
}
.abon a {
    color: #000;
    font-weight: 600;
    text-decoration: underline; 
}
.abon a:before {
       content: "+ ";
    margin: 5px 5px;
    font-size: 12px;
}
.abon li:hover {
    background: #dcf1f9;
}
.abon li:hover a { 
    color: #004060;
}
@media (max-width:767px){ 

    .a1 .a1_left, .a1 .a1_right {
        width: 100%; 
    }
    .a1 .a1_left {
        text-align: center;
        float: none;
        border-bottom: 1px solid #ddd;
    }
    .a1 .a1_right {
            float: none;
            text-align: center;
    }
    .a1 .a1_left:after {
        content: '';
        float: none;
        margin: 0 ;
    }
}