.main.plain {min-height: 100%!important; height: auto}
.blog-img-box {
    height: 0;
    overflow: hidden;
    padding-top: 66%;
    background: white;
    position: relative;
}
.blog-img-box-inside {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.card.blog, .card.review-list-item {border-width: 0px!important}
/*ui*/
.bg-black {background-color: black}
.btn-action {min-width: 130px}
.c-grey {color: #B9BEC6;}
.booking-details {margin-bottom: 1.5rem;}
.booking-details td{padding:.3rem}
.btn-booking-notify {min-width: 140px}
td.fitwidth {
    width: 1px!important;
    white-space: nowrap;
    text-align:right;
}
.form-field-view{padding:1rem; border:1px solid #cccccc; margin-bottom:1rem; color:#999}
.page-banner {
    width: 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: black;
}
p.extralead {
    font-size: 1.8rem;
    font-weight: bold;
}
.btn-black {color:white; background-color:black}
.table-inner .table {margin-bottom:0!important}

td.fit-content{white-space:nowrap;}
table.crm-table td, table.crm-table th {padding: .75rem 1.25rem;}
ul.tmplvar-list {
    padding-left: 0;
    list-style-type: none;
}
@media (min-width: 992px) {
    .blog-article {padding-right:10rem;padding-left:10rem;}
}

    @media screen and (max-width: 767px) {

    .card.withtable {border-style: none}
    .card.withtable .card-header {border-top: 1px solid rgba(0,0,0,0.125);border-left: 1px solid rgba(0,0,0,0.125);border-right: 1px solid rgba(0,0,0,0.125);}
    .card table.responsive tr{}
}