@charset "utf-8";


body{
    padding:0!important
}
#map div,#map_canvas div,#mapdiv div{
    overflow:visible
}

option,select{
    font-family:Quicksand,sans-serif;
    font-weight: 400;
    font-size: 100%;
}
.container{
    width:auto;
    max-width:auto
}

.span12,.span6{
    float:none;
    width:auto;
    display:block;
    overflow:hidden;
    padding:0;
    margin:0
}
form[name=vacancy_search] p{
    display:block;
    overflow:hidden;
    padding:0;
    margin:0 0 10px 0
}
form[name=vacancy_search] .span6:nth-of-type(2) p:first-child{
    padding-bottom:1.625em
}
[class*=span]{
    float:none;
    min-height:auto;
    margin-left:0
}
fieldset,form{
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
form input[type=password],form input[type=text]{
    height:30px;
    line-height:30px
}
form[name=vacancy_search] .span6:nth-of-type(2){
    padding:2em;
    border-top:1px solid #ddd
}
form input[type=submit]{
    display:block;
    overflow:visible;
    float:left;
    clear:both;
    font-size:16px;
    font-family: futura-pt, arial,sans-serif;
    font-weight:400;
    text-transform:uppercase;
    line-height:1.25em;
    border:none;
    outline:0;
    color:#fff;
    background-color:#8cc63e;
    cursor:pointer;
    cursor:hand;
    padding:.625em 1.25em;
    transition:background-color .5s ease-out;
    box-sizing:border-box
}
form input[type=submit]:active,form input[type=submit]:focus,form input[type=submit]:hover,button {
    color:#fff;
    background-color:#8cc63e
}
form>input[type=submit], button{
    margin:0 1.625em
}

button {

    display:block;
    overflow:visible;
    float:left;
    font-size:16px;
    font-family: futura-pt, arial,sans-serif;
    font-weight:400;
    text-transform:uppercase;
    line-height:1.25em;
    border:none;
    outline:0;
    color:#fff;
    background-color:#8cc63e;
    cursor:pointer;
    cursor:hand;
    padding:.625em 1.25em;
    transition:background-color .5s ease-out;
    box-sizing:border-box

}
.result_container{
    padding:2em;
    border-top:1px solid #ddd;
    margin:0!important
}

.result_title{
    font-family: futura-pt, arial,sans-serif;
    font-size:1.6em;
    line-height:1.25em;
    text-decoration: none;
    color: #8cc63e;
}
.result_detail{
    padding-left:2em;
    font-size:1.4em;
}
.result_detail a{
    font-family: futura-pt, arial,sans-serif
}
.result_detail a:first-child{
    font-size:2em;
    text-transform:uppercase;
    margin-bottom:.5em;
    line-height:1em
}
.result_detail br{
    line-height:2em
}
#mapdiv{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin-top:2em
}
#mapdiv+form{
    padding:2em
}
.view .span6>strong:first-child,.view .span6>strong:first-child+br{
    display:none
}
.view .row .row .span6:nth-child(1){
    padding:1.25em
}
.view .row .row .span6:nth-child(2){
    padding:0!important;
    margin:0!important
}

form[action="/vacancy/search"]>.row{
    margin-top:0!important
}

@media all and (min-width:640px){

    #map{
        height:auto!important;
        min-height:600px
    }
    #mapdiv{
        width:50%!important;
        float:left!important;
        height:auto!important;
        min-height:600px;
        border-top:none;
        border-bottom:none;
        margin:0!important;
        padding:0;
        border-right:1px solid #ddd
    }
    #mapdiv+form{
        padding:2em;
        width:50%;
        float:right
    }

    form[name=vacancy_search]>.row{
        display:flex
    }
    form[name=vacancy_search]>.row>.span6{
        float:left;
        width:50%;
        box-sizing:border-box
    }
    form[name=vacancy_search] .span6:nth-of-type(2){
        border-top:none;
        border-left:1px solid #ddd
    }
}

input[type="checkbox"] {
	-webkit-appearance:checkbox;
    appearance:checkbox;
    margin-right: 10px;


}

.prop_alert {
    font-weight: bold;
    font-size: 85%;
    border: 1px solid black;
    border-radius: 10px;
    padding: 5px;
}