/* Spacing */
.m-0 {
    margin: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.mt-1 {
    margin-top: .25em;
}

.mt-2 {
    margin-top: .5em;
}

.mt-3 {
    margin-top: 1em;
}

.mt-4 {
    margin-top: 1.5em;
}

.mt-5 {
    margin-top: 3em;
}

.mr-1 {
    margin-right: .25em;
}

.mr-2 {
    margin-right: .5em;
}

.mr-3 {
    margin-right: 1em;
}

.mr-4 {
    margin-right: 1.5em;
}

.mr-5 {
    margin-right: 3em;
}

.mb-1 {
    margin-bottom: .25em;
}

.mb-2 {
    margin-bottom: .5em;
}

.mb-3 {
    margin-bottom: 1em;
}

.mb-4 {
    margin-bottom: 1.5em;
}

.mb-5 {
    margin-bottom: 3em;
}

.ml-1 {
    margin-left: .25em;
}

.ml-2 {
    margin-left: .5em;
}

.ml-3 {
    margin-left: 1em;
}

.ml-4 {
    margin-left: 1.5em;
}

.ml-5 {
    margin-left: 3em;
}


/* Flex */

.d-flex {
    display: flex !important;
}

.f-50 {
    flex: 1 0 50%;
}

.f-row {
    flex-direction: row;
}

.f-wrap {
    flex-wrap: wrap;
}

.f-column {
    flex-direction: column;
}

.align-items-center {
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.justify-content-between {
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.justify-content-center {
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.justify-content-around {
    -o-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.justify-content-end {
    -o-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.justify-content-start {
    -o-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

/* Sizes */

.h-100 {
    height: 100% !important;
}

.w-100 {
    width: 100% !important;
}


/* Fonts */

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

/* Cursor */

.pointer {
    cursor: pointer;
}

/* Overflow */

.overflow-x {
    overflow-x: auto;
}

.overflow-y {
    overflow-y: auto;
}

/* Position */

.p-relative {
    position: relative;
}

/* Images */

.bs-contain {
    background-size: cover !important;
}

.bs-cover {
    background-size: cover !important;
}

/* Hide/Show */

@media (max-width: 320px) {
    .show-xs {
        display: block !important;
    }

    .hide-xs {
        display: none !important;
    }
}

@media (max-width: 425px) {
    .show-sm {
        display: block !important;
    }

    .hide-sm {
        display: none !important;
    }
}

/* Display Filter list*/

.d-block {
    display: block;
}

.content-header-filter {
    margin-bottom: 20px;
}


/* Forms */

.form-actions > .button-register-submit {
    width: 100%;
    text-align: center;
}

/* Save Search Filters */

.save-search-container > div > button {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

.delete-date {
    background-color: #eee;
    border: 0;
    cursor: pointer;
}

    .delete-date:hover {
        background-color: #D00000;
    }

    .delete-date > i {
        color: #000000;
        font-size: small;
    }

/* Listings information */
.box-listing-title {
    margin-top: 35px;
    padding-left: 15px; 
    padding-right: 15px;
}

.listing-column-container {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 768px) {
    .box-listing-title {
        padding-left: 30px;
    }
}

/* new listing information*/

.content-row > h5 {
    margin-bottom: 3px;
    margin-left: 5px;
    color: #999b9c;
    font-weight: bold;
    font-size: 16px !important;
}

.box-listing-title > div > h4 {
    text-align: center;
    font-weight: bold;
}

.panel.panel-default.style-panel.style-panel {
    border-radius: 0;
    border: 1px solid var(--c-secondary-ligth-4) !important;
}

.panel-body > .row-area > .row > div > .col-md-2 > label {
    font-weight: 700;
}

.panel-body > .row-area > .row > div > .col-md-10 {
    word-wrap: break-word;
}

.panel-body > .row-area > .row {
    margin-bottom: 10px;
    font-size: 14px;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.view-listing-title {
    font-size: 22px !important;
}

.panel-group > .panel-default > .panel-heading {
    background-color: var(--c-white) !important;
}