@charset "utf-8";

a:active, a:focus {
                outline:none;
}

/*transitions*/
.btn {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

/*top navigation*/
.top_nav        {
                margin-bottom: 0px;
}

.top_nav .navbar-brand{
                height: 80px;
                font-size:24px;
                line-height: 50px;
}

.navbar-right   {
                margin-top:15px;
}

.navbar-toggle  {
                margin-top:25px;
}

.btn_publish    {
                margin:0px;
                margin-left:15px;
}

/*search panel*/
.search_panel   {
                margin-bottom:20px;
                padding:25px 15px 15px 15px;
                width: 100%;
}

.centar_banner_728{
                margin-bottom:20px;
}

/*common*/
.padding_bottom_15{
                padding-bottom: 15px;
}

.padding_top_bottom_15{
                padding-top: 15px;
                padding-bottom: 15px;
}

.padding_top_bottom_5{
                padding-top: 5px;
                padding-bottom: 5px;
}

.margin_bottom_15{
                margin-bottom: 15px;
}

/*home page category panel*/
.category_panel{
                margin-bottom:10px;
}

.home-category-link{
                display:block;
}

.home-category-link img{
                margin-right: 10px;
                -webkit-transition: all 0.7s ease;
                transition: all 0.7s ease;
}

/*ad list item*/
.ad-list-item   {
                margin-bottom: 25px;
                border-bottom: 2px solid #3c8dbc;
                position:relative;
}

.ad-list-item:hover{
                border-bottom: 2px solid #dd4b39;
}

.ad-list-item-image{
                margin-bottom: 5px;
                overflow: hidden;
}

.ad-list-item:hover .ad-list-item-image img{
                -webkit-transform:scale(1.2);
                transform:scale(1.2);
}

.ad-list-item-image img{
                -webkit-transition: all 0.7s ease;
                transition: all 0.7s ease;
}

.ad-list-item-content{
                padding: 5px;
}

.ad-list-item-location{
                color: #9a9a9a;
}

.home_promo_ads_panel{
}

/*
promo ribon
generated from http://www.cssportal.com/css-ribbon-generator/
*/
.ribbon         {
                position: absolute;
                left: -5px; top: -5px;
                z-index: 1;
                overflow: hidden;
                width: 75px; height: 75px;
                text-align: right;
                font-family: "Open Sans",Helvetica,Arial,sans-serif;
}
.ribbon span    {
                font-size: 11px;
                font-weight: bold;
                color: #FFF;
                text-transform: uppercase;
                text-align: center;
                line-height: 20px;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                width: 100px;
                display: block;
                background: #79A70A;
                background: linear-gradient(#F70505 0%, #8F0808 100%);
                box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
                position: absolute;
                top: 19px; left: -21px;
}
.ribbon span::before{
                content: "";
                position: absolute; left: 0px; top: 100%;
                z-index: -1;
                border-left: 3px solid #8F0808;
                border-right: 3px solid transparent;
                border-bottom: 3px solid transparent;
                border-top: 3px solid #8F0808;
}
.ribbon span::after{
                content: "";
                position: absolute; right: 0px; top: 100%;
                z-index: -1;
                border-left: 3px solid transparent;
                border-right: 3px solid #8F0808;
                border-bottom: 3px solid transparent;
                border-top: 3px solid #8F0808;
}

/*home panels*/
.home_info_panel{
                margin-bottom: 20px;
}

.home_info_link_panel{
                font-size: 11px;
}

.footer         {
                width: 100%;
                padding-top: 15px;
                padding-bottom: 5px;
}

/*ad detail*/
.ad_detail_container{
                padding-bottom: 40px;
                margin-bottom: 40px;
}

.ad_detail_main_image_container{
                position: relative;
                margin-bottom: 10px;
}

.ad_detail_price{
                padding: 10px 15px;
                margin-bottom: 10px;
}

.ad_detail_panel{
                padding: 10px 15px;
                margin-bottom: 10px;
}

.ad_detail_publish_info{
                margin-bottom: 5px;
}

.ad_detail_ad_info{
                margin-bottom: 15px;
}

.ad_detail_detail_info{
                margin-bottom: 15px;
}

.ad_detail_ad_text{
                margin-bottom: 20px;
}

/*ad publish*/

.common_fields_container{
                display:none;
}

#car_model_loader{
                display:none;
                z-index:100;
                position:absolute;
                right:40px;
                top:6px;
}

#quick_category_loader{
                display:none;
}

#quick_location_loader{
                display:none;
}

.category_selector{
                padding: 5px 5px;
}

.location_selector{
                padding: 5px 5px;
}

.form-group.required .control-label:after {
                content:"*";
                color:red;
}

.ad_list_title{
                word-wrap: break-word;
}

.wrap{
                word-wrap: break-word;
}

/*bootstrap multyselect fix*/
.align-left{
                text-align:left;
}

.multiselect-container{
                width:100%;
}

.multiselect-caret{
                position: absolute;
                right: 8px;
                top: 45%;
                color: #888888;
}

.navbar-nav > .dropdown .user-image {
                float: left;
                width: 25px;
                height: 25px;
                border-radius: 50%;
                margin-right: 5px;
                margin-top: -2px;
}

.ad_detail_title{
                font-size: 30px;
}

@media (min-width: 768px) {

    /*https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height*/

    .row.is-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .row.is-flex > [class*='col-'] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .row.is-flex .ad-list-item{
        height:100%;
    }

    .ad_detail_title{
        font-size: 46px;
    }
}