/*
##     ##    ###    #### ##    ##     ######  ######## ##    ## ##       ########
###   ###   ## ##    ##  ###   ##    ##    ##    ##     ##  ##  ##       ##
#### ####  ##   ##   ##  ####  ##    ##          ##      ####   ##       ##
## ### ## ##     ##  ##  ## ## ##     ######     ##       ##    ##       ######
##     ## #########  ##  ##  ####          ##    ##       ##    ##       ##
##     ## ##     ##  ##  ##   ###    ##    ##    ##       ##    ##       ##
##     ## ##     ## #### ##    ##     ######     ##       ##    ######## ########
*/


.container{
    padding-right: 5px;
    padding-left: 5px;
}

.row {
    margin-right: -5px;
    margin-left: -5px;
}

@media (min-width: 992px){
    .container {
        width: 960px;
    }
}

body{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}

@media (max-width: 767px){
    body{
        font-size: 10px;
    }
}


a{
    color: #ffffff;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px;
}

.row .m-bot{
    margin-bottom: 10px;
}








/*
######  ####  #####  #    #  ####
#      #    # #    # ##  ## #
#####  #    # #    # # ## #  ####
#      #    # #####  #    #      #
#      #    # #   #  #    # #    #
#       ####  #    # #    #  ####
*/

input{
    height: 36px;
}

/*.input-group{
    width: 100%;
}*/

/*.input-group, .form-control, .input-group-addon{
    border: 0;
}*/

.input-group-addon{
    background-color: #333945;
    color: #aab1bb;
    border: #333945 2px solid;
}

.form-control{
    background-color: #333945;
    color: #ffffff;
    height: 36px;
    font-size: 12px;
    border: 2px solid #333945;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, color ease-in-out .15s, background-color ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, color ease-in-out .15s, background-color ease-in-out .15s;
}

@media (max-width: 767px){
    .form-control{
        font-size: 10px;
    }
}

.form-control:hover, .input-group-addon.cb:hover, .form-control:focus{
    /*border: #428bca 2px solid !important;*/
    background-color: #428bca;
}

input[type="radio"],
input[type="checkbox"]{
    margin: 2px 0 -2px 10px;
}

::-webkit-input-placeholder {
   color: #5f6571;
}

:-moz-placeholder { /* Firefox 18- */
   color: #5f6571;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #5f6571;  
}

:-ms-input-placeholder {  
   color: #5f6571;  
}



/*
#####  #    # ##### #####  ####  #    #  ####
#    # #    #   #     #   #    # ##   # #
#####  #    #   #     #   #    # # #  #  ####
#    # #    #   #     #   #    # #  # #      #
#    # #    #   #     #   #    # #   ## #    #
#####   ####    #     #    ####  #    #  ####
*/


.btn{
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-box-shadow: none;
}

.btn.btn-normal{
    color: #ffffff;
    background-color: #333945;
}

.btn.btn-normal:hover{
    background-color: #539cdb;
}

.btn.btn-default{
    color: black;
}

.btn.btn-custom{
    color: #ffffff;
    background-color: #428bca;
}

.btn.btn-custom:hover{
    background-color: #1a8a99;
}




.form-control.border-radius{
    border-radius: 4px !important;
}

/*.float-left-container *{
    float: left;
}

.radio-label{
    margin: 0 0 0 5px;
    height: 36px;
    line-height: 36px;
}*/



.form-control[disabled],
.form-control[readonly], 
fieldset[disabled] 
.form-control {
    background-color: #777d89;
    color: #ccc;
    border: 2px solid #777d89 !important;
}




select.form-control option{
    background-color: #333945 !important;
}






/* Checkbox & Radio */
input[type="checkbox"].cstm, input[type="radio"].cstm {
    display:none;
}

input[type="checkbox"].cstm + label span, input[type="radio"].cstm + label span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 10px 4px 0 0;
    cursor: pointer;
    position: relative;
}


input[type="checkbox"].cstm + label span{
    height: 14px;
    width: 14px;
    background-color: #212933;
    border-radius: 3px;
}

input[type="checkbox"].cstm:checked + label span {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #428bca;
}
input[type="checkbox"].cstm:checked + label span:before {
    content: "\f00c";
    position: absolute;
    top: 1px;
    left: 1px;
}


input[type="radio"].cstm + label span {
    background: url('../../img/radios2.png') -16px top no-repeat;
}

input[type="radio"].cstm:checked + label span {
    background:url('../../img/radios2.png') left top no-repeat;
}






.form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}

.form-group {
    margin-bottom: 10px;
}











/*
 ####  #    # ######  ####  #    # #####   ####  #    #    #####    ##   #####  #  ####
#    # #    # #      #    # #   #  #    # #    #  #  #     #    #  #  #  #    # # #    #
#      ###### #####  #      ####   #####  #    #   ##      #    # #    # #    # # #    #
#      #    # #      #      #  #   #    # #    #   ##      #####  ###### #    # # #    #
#    # #    # #      #    # #   #  #    # #    #  #  #     #   #  #    # #    # # #    #
 ####  #    # ######  ####  #    # #####   ####  #    #    #    # #    # #####  #  ####
*/

input[type="checkbox"].cstm-big, input[type="radio"].cstm-big{
    display:none;
}

input[type="checkbox"].cstm-big + label, input[type="radio"].cstm-big + label{
    cursor: pointer;
    margin-bottom: 0;
}

input[type="checkbox"].cstm-big + label span.cb, input[type="radio"].cstm-big + label span.cb{
    color: #333945;
    border-top-right-radius: 4px; 
    border-bottom-right-radius: 4px; 
    max-width: 36px;
    border: #333945 2px solid;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, color ease-in-out .15s, background-color ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, color ease-in-out .15s, background-color ease-in-out .15s;
}

input[type="checkbox"].cstm-big + label span.cb{
    padding-left: 9px;
}


input[type="radio"].cstm-big + label span.cb{
    padding-left: 11px;
}


input[type="checkbox"].cstm-big:checked + label span.cb, input[type="radio"].cstm-big:checked + label span.cb {
    color: #428bca;
}

input[type="checkbox"].cstm-big + label:hover span.cb, input[type="radio"].cstm-big + label:hover span.cb{
    /*border: #428bca 2px solid;*/
    background-color: #428bca;
    color: #428bca;
}

input[type="checkbox"].cstm-big:checked + label:hover span.cb, input[type="radio"].cstm-big:checked + label:hover span.cb {
    color: #ffffff;
}

input[type="checkbox"].cstm-big + label span.text, input[type="radio"].cstm-big + label span.text {
    line-height: 26px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    color: #212933;
    border: none;
    -webkit-box-shadow: none; 
    box-shadow: none; 
    -webkit-transition: none;
    white-space: nowrap;
    border: none !important;
}








/*
 ######  ########  ######  ######## ####  #######  ##    ##  ######
##    ## ##       ##    ##    ##     ##  ##     ## ###   ## ##    ##
##       ##       ##          ##     ##  ##     ## ####  ## ##
 ######  ######   ##          ##     ##  ##     ## ## ## ##  ######
      ## ##       ##          ##     ##  ##     ## ##  ####       ##
##    ## ##       ##    ##    ##     ##  ##     ## ##   ### ##    ##
 ######  ########  ######     ##    ####  #######  ##    ##  ######
 */





/*
#    # ######   ##   #####  ###### #####
#    # #       #  #  #    # #      #    #
###### #####  #    # #    # #####  #    #
#    # #      ###### #    # #      #####
#    # #      #    # #    # #      #   #
#    # ###### #    # #####  ###### #    #
*/


.nav-container{
    background-color: #333945;
}

.nav-container .navbar{
    min-height: 42px;
    margin: 0;
}

.nav-container .navbar-brand{
    padding: 9px 5px;
    height: 42px;
}

.nav-container .navbar-brand img{
    height: 22px;
}


.navbar-collapse{
    padding-left: 0;
    padding-right: 0;
}


.nav-pills.navbar-right a{
    height: 42px;
    padding: 12px 15px;
    border-radius: 0;
    border-right: 1px solid #212933;
}


.nav-pills.navbar-right .dropdown-menu a{
    border: none;
}

.nav-pills.navbar-right li.active a{
    background-color: #428bca;
}


@media (min-width: 768px){
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -5px;
    }
}







/*

 ####  ######   ##   #####   ####  #    #
#      #       #  #  #    # #    # #    #
 ####  #####  #    # #    # #      ######
     # #      ###### #####  #      #    #
#    # #      #    # #   #  #    # #    #
 ####  ###### #    # #    #  ####  #    #

*/

.search-container{
    padding: 38px 0 28px 0;
    background-color: #eaeef1;
}







/* META FIEDLS */

#metaFieldsSearch{
    padding-top: 26px;
}
#metaFieldsSearch:empty{
    padding-top: 0px;
}

.meta-field-container .btn{
    width: 100%;
    height: 36px;
    font-size: 12px;
}

.meta-field-container .metaContainer {
    min-height: 36px;
}

@media (max-width: 767px){
    .meta-field-container .btn{
        font-size: 10px;
    }
}


.meta-color-bg .form-control{
    background-color: #428bca;
}

.meta-color-bg .form-control:hover, .meta-color-bg .form-control:focus{
    background-color: #333945;
}



.meta-color-bg input[type="checkbox"].cstm-big + label span.cb, .meta-color-bg input[type="radio"].cstm-big + label span.cb{
    background-color: #428bca;
    color: #428bca;
}

.meta-color-bg input[type="checkbox"].cstm-big:checked + label span.cb, .meta-color-bg input[type="radio"].cstm-big:checked + label span.cb {
    color: #ffffff;
}

.meta-color-bg input[type="checkbox"].cstm-big + label:hover span.cb, .meta-color-bg input[type="radio"].cstm-big + label:hover span.cb{
    background-color: #333945;
    color: #333945;
}

.meta-color-bg input[type="checkbox"].cstm-big:checked + label:hover span.cb, .meta-color-bg input[type="radio"].cstm-big:checked + label:hover span.cb {
    color: #428bca;
}



.meta-color-bg ::-webkit-input-placeholder{
   color: #dddddd;
   transition: color ease-in-out .15s, background-color ease-in-out .15s;
}
.meta-color-bg :-moz-placeholder{
   color: #dddddd;
   transition: color ease-in-out .15s, background-color ease-in-out .15s;
}
.meta-color-bg ::-moz-placeholder{
   color: #dddddd;
   transition: color ease-in-out .15s, background-color ease-in-out .15s;
}
.meta-color-bg :-ms-input-placeholder{
   color: #dddddd;
   transition: color ease-in-out .15s, background-color ease-in-out .15s;
}

.meta-color-bg :hover::-webkit-input-placeholder, .meta-color-bg :focus::-webkit-input-placeholder{
   color: #5f6571;
}
.meta-color-bg :hover:-moz-placeholder, .meta-color-bg :focus:-moz-placeholder{
   color: #5f6571;
}
.meta-color-bg :hover::-moz-placeholder, .meta-color-bg :focus::-moz-placeholder{
   color: #5f6571;
}
.meta-color-bg :hover:-ms-input-placeholder, .meta-color-bg :focus:-ms-input-placeholder{
   color: #5f6571;
}






/* SEARCH ORDERING */

.orderingContainer{
    display: block;
    text-align: right;
    padding: 10px 0;
}

.orderingContainer .form-control{
    width: auto;
    display: inline-block;
}




/* Multi value container */
.multiValContainer{
    display: none;
    position: absolute;
    margin: 10px 5px 0 0;
    padding: 9px 15px 15px 15px;
    background: #444a56;
    border: 2px solid #333945;
    z-index: 20;
    border-radius: 4px;
    color: #fff;
}

a.multiLink.btn {
    padding-top: 8px;
}

.multiValContainer div{
    display: inline-block;
    width: 100%;
    height: 36px;
    margin-bottom: 6px;
}

.multiValContainer div:last-child{
    margin-bottom: -3px;
}

.multiValContainer label.input-group{
    border-radius: 5px;
}

.meta-field-container .multiValContainer input[type="checkbox"] + label span.text, .meta-field-container .multiValContainer input[type="radio"] + label span.text {
    color: #ffffff;
}




.meta-color-bg .multiLink{
    background-color: #428bca;
}



/*
 ####   ####  #    # ##### ###### #    # #####
#    # #    # ##   #   #   #      ##   #   #
#      #    # # #  #   #   #####  # #  #   #
#      #    # #  # #   #   #      #  # #   #
#    # #    # #   ##   #   #      #   ##   #
 ####   ####  #    #   #   ###### #    #   #
*/

.content.container a{
    color: #428bca;
}

.content.container a.btn{
    color: #ffffff;
}
.content.container a.btn.btn-default{
    color: #333945;
}

.content.container .float-left-container{
    margin-top: -10px;
}


.padding_b_60{
    padding-bottom: 60px;
}


.pager li > a{
    background-color: #373b46;
    color: #ffffff !important;
}

.pager li.active > a{
    background-color: #595d68;
    color: #ffffff !important;
}

.pager li > a:hover, .pager li > a:focus {
    background-color: #7b7f8a;
}





/*
######  ####   ####  ##### ###### #####
#      #    # #    #   #   #      #    #
#####  #    # #    #   #   #####  #    #
#      #    # #    #   #   #      #####
#      #    # #    #   #   #      #   #
#       ####   ####    #   ###### #    #
*/


.footer{
    background-color: #333945;
    padding: 10px;
    color: #ffffff;
}
























/*
   ###    ########     ##       ####  ######  ########
  ## ##   ##     ##    ##        ##  ##    ##    ##
 ##   ##  ##     ##    ##        ##  ##          ##
##     ## ##     ##    ##        ##   ######     ##
######### ##     ##    ##        ##        ##    ##
##     ## ##     ##    ##        ##  ##    ##    ##
##     ## ########     ######## ####  ######     ##
*/



.grid-list-ad{
    padding: 0;
    background-color: #373b46;
    border-radius: 5px;
    margin-bottom: 10px;
}



.grid-list-ad-img{
    height: 184px;
    width: 100%;
    background-size: cover !important;
    background-position-x: 50% !important;
    background-position-y: 50% !important;
    background-repeat: no-repeat !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.grid-list-ad-content{
    width: 100%;
    padding: 15px;
    color: #eaeef1;
    height: 353px;
}

.my-ads .grid-list-ad-content{
    height: 467px;
}

.grid-list-ad-content .separator{
    border-bottom: #282d36 solid 1px;
    width: 100%;
    height: 1px;
    display: block;
    margin: 10px 0;
}


.grid-list-ad-content .grid-list-ad-title{
    font-size: 14px;
    color: #eaeef1 !important;
}


.grid-list-ad-content .grid-list-ad-county{
    color: #696e79;
}

.grid-list-ad-content .grid-list-ad-desc{
    height: 70px;
    overflow: hidden;
    overflow-wrap: break-word;
}


.grid-list-ad-price{
    height: 70px;
}

.grid-list-ad-dates{
    height: 105px;
}


.grid-list-ad-btns{
    float: right;
}

.grid-list-ad-btns .btn{
    width: 54px;
}

.grid-list-ad-btns, .grid-list-ad-bids{
    height: 74px;
}



.grid-list-ad-content a.btn.btn-normal{
    background-color: #606570;
    color: #ffffff;
}

.grid-list-ad-bid-btn{
    margin-top: 5px;
}


ul.grid-list-ad-bids{
    padding: 0;
    margin: 0;
    list-style: none;
}
















/*
 ######  ########  ########    ###    ######## ########       ###    ########
##    ## ##     ## ##         ## ##      ##    ##            ## ##   ##     ##
##       ##     ## ##        ##   ##     ##    ##           ##   ##  ##     ##
##       ########  ######   ##     ##    ##    ######      ##     ## ##     ##
##       ##   ##   ##       #########    ##    ##          ######### ##     ##
##    ## ##    ##  ##       ##     ##    ##    ##          ##     ## ##     ##
 ######  ##     ## ######## ##     ##    ##    ########    ##     ## ########
 */

 img.imgDs {
     max-width: 100%;
 }







/*
#####  #####  ###### #    # # ###### #    #
#    # #    # #      #    # # #      #    #
#    # #    # #####  #    # # #####  #    #
#####  #####  #      #    # # #      # ## #
#      #   #  #       #  #  # #      ##  ##
#      #    # ######   ##   # ###### #    #
*/

#addpreview .thumbnails img{
    max-width: 100%;
}



/*
 ####  #    # ######  ####  #    #  ####  #    # #####
#    # #    # #      #    # #   #  #    # #    #   #
#      ###### #####  #      ####   #    # #    #   #
#      #    # #      #      #  #   #    # #    #   #
#    # #    # #      #    # #   #  #    # #    #   #
 ####  #    # ######  ####  #    #  ####   ####    #
*/
#addAD table{
    width: 100%;
}

#addAD table th:nth-child(1), #addAD table td:nth-child(1){
    width: 40%;
}

#addAD table th:nth-child(2), #addAD table td:nth-child(2){
    width: 40%;
}

#addAD table th:nth-child(3), #addAD table td:nth-child(3){
    width: 10%;
}

#addAD table th:nth-child(4), #addAD table td:nth-child(4){
    width: 10%;
}










 /* 
 ######  ##     ##  #######  ##      ##       ###    ########
##    ## ##     ## ##     ## ##  ##  ##      ## ##   ##     ##
##       ##     ## ##     ## ##  ##  ##     ##   ##  ##     ##
 ######  ######### ##     ## ##  ##  ##    ##     ## ##     ##
      ## ##     ## ##     ## ##  ##  ##    ######### ##     ##
##    ## ##     ## ##     ## ##  ##  ##    ##     ## ##     ##
 ######  ##     ##  #######   ###  ###     ##     ## ########
 */

.historyAdBids{
    margin-top: 20px;

    margin-bottom: 20px;
}

.historyAdBids #bids{
    display: none;
}


.item .right-side-container{
    padding-top: 20px;
    margin-bottom: 10px;
}


form.ajaxADS .thumbnails img{
    max-width: 100%;
    max-height: 100%;
}

.meta-wrapper{
    margin-top: 25px;
}

.meta-wrapper .metaField{
    word-break: break-all;
}

.item .info-box{
    margin-bottom: 10px;
}


.faq-link{
    margin-bottom: 10px;
    display: block;
}


#shop .smaller{
    font-size: 0.8em;
}



#shop h2{
    margin-top: 15px;
}

#shop h4{
    margin-top: 20px;
    margin-bottom: 5px;
}



























/*
 ######  ##     ##  ######  ########  #######  ##     ##
##    ## ##     ## ##    ##    ##    ##     ## ###   ###
##       ##     ## ##          ##    ##     ## #### ####
##       ##     ##  ######     ##    ##     ## ## ### ##
##       ##     ##       ##    ##    ##     ## ##     ##
##    ## ##     ## ##    ##    ##    ##     ## ##     ##
 ######   #######   ######     ##     #######  ##     ##
 */

 /* When metafield bostad is chosen */

body > .main.bostad .content-container-wrapper{
    background-image: url('/_files/shop_images/bostad.jpg');
    background-size: cover;
 }
 

body > .main.bostad .search-container{
    background-color: rgba(234,238,241,0.5);
}


body > .main.bostad .nav-container .navbar{
    background-color: #ffffff;
}


body > .main.bostad .nav-pills.navbar-right a{
    border-color: #e9e9e9;
    color: #444a56;
}

body > .main.bostad .nav-pills > li.active > a, body > .main.bostad .nav-pills > li.active > a:hover{
    color: #ffffff;
}