body {
    background-color: #f3f3f4;
}

body > .container {
    padding-bottom: 100px !important
}

.logo-omgeving {
    color: #ccc;
    font-size: 30px!important;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

.col.box {
    background-color: #fff;
    padding-bottom: 30px
}

.col.box h2 {
    padding-bottom: 10px
}

fieldset legend { display: none }

.row + .row {
    margin-top: 20px
}

header.row {
    margin-bottom: 5px
}


.input.text label,
.input.email label,
.input.tel label {
    display: block
}

.input.text input,
.input.email input,
.input.tel input {
    width: 100%
}

.input + .input {
    margin-top: 15px
}

.input input {
    padding: 6px 12px;
    font-size: 14px
}

.input + .details {
    padding-top: 10px
}

select,
textarea {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-size: 14px
}


.col-xs-margin-top-25 {
    margin-top: 25px
}
.col-xs-margin-top-20 {
    margin-top: 20px
}
.col-xs-margin-top-15 {
    margin-top: 15px
}
.col-xs-margin-top-0 {
    margin-top: 0
}

@media (min-width: 768px) {
    .col-sm-margin-top-25 {
        margin-top: 25px
    }
    .col-sm-margin-top-20 {
        margin-top: 20px
    }
    .col-sm-margin-top-15 {
        margin-top: 15px
    }
    .col-sm-margin-top-0 {
        margin-top: 0
    }
}
@media (min-width: 992px) {
    .col-md-margin-top-25 {
        margin-top: 25px
    }
    .col-md-margin-top-20 {
        margin-top: 20px
    }
    .col-md-margin-top-15 {
        margin-top: 15px
    }
    .col-md-margin-top-0 {
        margin-top: 0
    }
}
@media (min-width: 1200px) {
    .col-lg-margin-top-25 {
        margin-top: 25px
    }
    .col-lg-margin-top-20 {
        margin-top: 20px
    }
    .col-lg-margin-top-15 {
        margin-top: 15px
    }
    .col-lg-margin-top-0 {
        margin-top: 0
    }
}


div.action.create_public progress {
    display: block
}
div.action.create_public #map-canvas {
    width: 100%;
    height: 390px
}
div.action.create_public .categories .category + .category {
    margin-top: 20px
}
div.action.create_public #details .photos {
    /*margin-top: 20px*/
}
div.action.create_public.kcc #details .photos {
    margin-top: 0
}
div.action.create_public.kcc .description {
    padding-bottom: 20px
}
div.action.create_public .instructions {
    padding: 10px;
    padding-top: 15px;
    padding-left: 15px;
    margin-bottom: 15px;
    background-color: #F5F5F5;
    min-height: 153px;
    position: relative;
}

@media (min-width: 992px) {
    div.action.create_public .instructions:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: #FFF;
        border-left-color: #F5F5F5;
        border-width: 15px;
        margin-top: -15px;
    }
}

@media (max-width: 991px) {
    div.action.create_public .instructions + div {
        padding-left: 0;
        padding-right: 0
    }
}


div.action.create_public #uploaded_images {
    padding: 0px;
    display:inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.action.create_public #uploaded_images li, #uploaded_images li {
    float: left;
    list-style-type: none;
    display: block;
    list-style: none;
    margin-left: 15px;
    margin-bottom: 15px;
    width: 100px;
    height: 130px;
}
div.action.create_public #uploaded_images li a img, #uploaded_images li a img {
    width: 100px;
    max-height: 100px;
}
div.action.create_public #remove-uploaded-photo {
    width: 100%;
    margin-bottom: 5px;
}

.kcc #user .anonymous p {
    max-width: 600px
}
.kcc #user .anonymous .checkbox {
    margin-top: 15px
}
.kcc #user .anonymous .checkbox label {
    font-weight: bold
}


#location-message {
    margin-top:21px;
    background-color:gray;
    color: #000;
    font-size:14px;
    padding:14px;
    border-radius:3px
}
#location-message.success {
    background-color:green;
    color:#fff;
    font-weight:600;
}
#location-message.error {
    background-color:red;
    color:#fff;
    font-weight:600;
}