body{
    background: url('/images/user_background.jpg') top center no-repeat fixed;
}

#wrapper,
#content,
.content-wrap{
    background: transparent!important;
}

.make_transparent{
    background: transparent!important;
}

#header{
    background: #fff!important;
}

.login,
.user,
.postavke,
.register{
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0% 0%;
    padding: 30px;
    border-radius: 3px;
}

.register .acctitle,
.login .acctitle{
    font-size: 23px;
    line-height: 44px;
    padding-left: 30px;
    font-weight: 400;
}

.register .acctitle i,
.login .acctitle i {
    width: 20px;
    font-size: 20px;
    line-height: 64px;
}

.login #LoginForm_rememberMe{
    margin-right: 10px;
}

#header,
#header-wrap,
#logo img,
#primary-menu:not(.style-2),
#primary-menu:not(.style-2) > ul {
    height: 60px;
}

#primary-menu ul li a{
    line-height: 60px;
}

.user_logo{
    display:block;
    text-align:center;
    margin-bottom: 30px;
}

.divcenter p{
    padding: 0 30px;
}

/*=postavke
------------------------------------*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover{
    color: #C0392B!important;
}

.postavke {
    max-width: 850px;
    padding-bottom: 60px;
}

.postavke .nav .icons{
    font-size: 20px;
}

.postavke .user_logo{
    margin:0;
}

.postavke .tools_header{
    padding: 15px;
    margin-bottom: 35px;
}

.code-icon{
    background: url('/images/custom_icons/code_icon_active.png') no-repeat;
    background-position: center center;
    background-size: 27px 19px;
    display:inline-block;
    width: 30px;
    height: 22px;
    margin-top:3px;
    margin-bottom:-1px;
}

.nav-tabs li:hover .code-icon{
    background: url('/images/custom_icons/code_icon.png') no-repeat;
    background-position: center center;
    background-size: 27px 19px;
}

.nav-tabs{
    border-bottom: none;
}

.nav-tabs > li > a{
    text-align: center;
    color: #555555;
}

.nav-tabs > li > a span{
    display:block;
}

.nav-tabs > li > a i{
    color: #555555;
}

.nav-tabs > li:hover > a i,
.nav-tabs > li.active > a i{
    color: #C0392B;
}

.nav-tabs,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav > li > a:hover,
.nav > li > a:focus{
    background-color: transparent;
    border: solid thin transparent ;
    outline: none;
    color: #C0392B;
}

h3.tools-title i{
    color: #C0392B;
    margin-right: 10px;
}

.alert-success{
    background: #fff!important;
    color: #555555;
    border: solid thin transparent;
    -webkit-box-shadow: 0px 0px 7px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 7px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 7px -3px rgba(0,0,0,0.75);
}

/*=menu top position fix
-------------------------------------------------------------*/
#primary-menu ul ul, #primary-menu ul li .mega-menu-content{
    top:auto!important;
}
#primary-menu ul li a{
    height:auto;
}

/*=responsive
-----------------------------------------------------------------*/

@media (max-width: 767px){
    .nav-tabs{
        width: 100%;
        margin: 15px 0;
        border-bottom:none;
    }
    .nav-tabs li{
        width: 33.3%;
        text-align: center;
    }
    .tools_header{
        padding-bottom:0;
    }
    .tools_logo{
        float:none;
        text-align:center;
        display:block;
        width:100%;
        margin-bottom:10px;
    }
}