/*
===================================================== CSS Amendments / Update History:
---------------------------------------------------
== Created using Vennersys CSS Helper. 
== Version: 1.0.0.4
== 
== 
===================================================
*/

a#emailpassword {
    text-decoration: underline;
    color: black;
}

.bg-dark {
    background-color: #597294 !important;
}


body {
    margin: 150px auto;
    padding-bottom: 20px;
    padding-top: 0px;
    height: auto;
    background-color: white;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

h2, .h2, h3, a {
    color: #ffff;
}

h3 {
    color: #000000;
}


/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

.card-header {
    background-color: #597294;
    color: #ffff !important;
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 5px;
}

.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */

.alert-info {
    background-color: #597294;
    color: #ffff;
}

    /* .alert-info p { */
        margin-bottom: 0rem;
    }

.alert-warning {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success {
    color: #597294;
    background-color: #efefef;
    border: none;
}

.navbar-inverse {
    background-color: #333333;
}

.nav {
    flex-wrap: inherit;
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.nav-link {
    display: block;
    padding: 0.8rem 0.8rem;
}


    .nav-link:hover {
        color: white;
    }

.dropdown-menu.show {
    background-color: #597294;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: #597294;
}

.dropdown-item {
    background-color: #597294;
}

    .dropdown-item a {
        color: #fff;
        text-decoration: none;
    }

        .dropdown-item:hover, .dropdown-item a:hover {
            background-color: #597294;
            color: #fff;
        }

.dropdown-menu {
    left: unset;
}

.headerLogoArea {
    background-image: url('https://online1.venpos.net/site/Images/Resource/915916_Ipswich-Institute-Logo-Colour-Transparent-10.png');
    background-repeat: no-repeat;
    height: 150px;
    background-size: contain;
    padding: 25px 10;
	margin: -35px auto 55px auto;
}

    .headerLogoArea.container {
        position: inherit;
        top: 0px;
        height: 70px;
        bottom: 10px;
        display: none;
    }

img {
    vertical-align: middle;
    border-style: none;
    height: 100px;
    width: 200px;
}



@media (max-width: 767px) {
    .headerLogoArea.container {
        background-position: center;
    }
}

.btn-lg {
    padding: 0 26px;
    height: 46px;
    line-height: 46px;
    border: none;
    border-radius: 20px;
    padding: 8px 12px;
    font-size: 16px;
    color: #ffff !important;
    background-color: #597294;
    margin-bottom: 10px;
}

.btn-primary, .btn-secondary, .btn-default {
    border: none;
    border-radius: 20px;
    padding: 8px 12px;
    font-size: 16px;
    color: #000000 !important;
    background-color: #597294;
    margin-bottom: 10px;
}

    .btn-primary:hover, .btn-secondary:hover, .btn-default:hover {
        color: #000000;
        border-color: #fd0;
        text-decoration: none;
        background-color: #597294;
    }


    .btn-primary:active, .btn-primary:focus, .btn-default:active, .btn-default:focus {
        color: #000000;
        background-color: #597294 !important;
    }

    .btn-primary:disabled, .btn-primary[disabled], .btn-default:disabled, .btn-default[disabled] {
        color: #000000;
        border-color: #597294
        text-decoration: none;
        background-color: #597294;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        border-color: #000000 !important;
    }

    .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
        border-color: #000000 !important;
    }

    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem #000000;
    }

    .btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem #000000;
    }

.btn-lg {
    padding: 0 26px;
    height: 46px;
    line-height: 46px
}

.navbar-toggler:not(:disabled):not(.disabled) {
    color: #fff;
}

a:hover {
    color: #000000;
}

.bg-info {
    background-color: transparent !important;
}


@media (min-width: 768px) {
    .col-md-4 {
        max-width: unset;
    }
}

.col-6 {
    flex: 0 0 100%;
    max-width: 100%;
}


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


@media (max-width:500px) {
    button.btn-small.btn.btn-primary, btn-sm {
        font-size: 0.6rem;
        width: unset;
        margin-left: -15px;
    }
}

@media (min-width: 1200px) {
    button.btn-small.btn.btn-primary {
        font-size: small;
        white-space: inherit;
    }
}

.btn-small {
    padding: 3px;
}

.btn-success {
    border-radius: 20px;
}

    .btn-success:hover {
        background-color: #597294 !important;
        border-color: #fffff !important;
        color: #fffff;
    }

    .btn-success:active, .btn-success:focus {
        color: #fff;
        background-color: #597294 !important;
    }

.btn-primary, .btn-secondary, .btn-success, .btn-default {
    color: white !important;
    border-color: transparent;
    border-radius: 20px;
}

@media (min-width: 992px) {
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*@media (min-width: 550px) {
    .card-body {
        padding-left: 50px;
    }
}*/

@media (max-width: 600px) {
    .form-group {
        width: inherit;
    }
}

.table-bordered thead th {
    white-space: pre-wrap;
    overflow: hidden;
    background-color: #597294;
    color: #fff;
}

/* Marketing questions */
@media (max-width: 600px) {
    .form-group.row {
        width: unset;
    }
}

#bookings, #membershipDetails, #purchases {
    pointer-events: none;
    cursor: default;
}

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

@media (min-width: 768px) {
    .col-md-5.fieldName {
        width: 100%;
        padding: unset;
    }
}

@media (max-width: 766px) {
    .col-md-4.fieldName, .col-md-5.fieldName {
        background: #597294;
        color: white;
        padding: 3px;
    }

    .col-md-7.text-muted {
        padding: 5px;
    }

    .col-md-8.text-muted {
        padding: 5px;
    }
}

a.homeLink {
    width: 175px;
    height: 85px;
    display: none;
}



/* RESPONSIVE tables start -------------------------------------------- */
/*****************************************************************************/
/* Memberships Expired */
@media (max-width: 1200px) {
    .table.memberships-expired-table tbody tr {
        border: 2px solid #597294;
    }
}

@media (max-width: 1200px) {
    .ME-Name::before,
    .ME-Membership::before,
    .ME-Ref::before,
    .ME-Expires::before,
    .ME-Cost::before,
    .ME-NewType::before,
    .ME-NewCost::before,
    .ME-Renew::before,
    .ME-DDStatus::before,
    .ME-Edit::before {
        background: #597294;
        color: #e6e6e8;
    }
}
/*****************************************************************************/
/* Memberships Curent */
@media (max-width: 576px) {
    .table.memberships-current-table tbody tr {
        border: 2px solid #597294;
    }

    .MC-Name::before,
    .MC-Membership::before,
    .MC-Ref::before,
    .MC-Expires::before,
    .MC-Cost::before,
    .MC-Edit::before {
        background: #597294;
        color: #e6e6e8;
        font-size: 0.9em;
    }

    .renewOptions .btn-primary {
        width: 220px;
    }
}
/*****************************************************************************/
/*Online Purchases */
@media (max-width: 550px) {
    .online-purchases-table td.OP-Date::before,
    .online-purchases-table td.OP-Ref::before,
    .online-purchases-table td.OP-Value::before,
    .online-purchases-table td.OP-Action::before {
        background: #597294;
        color: #e6e6e8;
    }
}
/*****************************************************************************/
/* Event Bookings */
@media (max-width: 1050px) {
    .ev-bookings-table td.EB-Ref::before,
    .ev-bookings-table td.EB-Event::before,
    .ev-bookings-table td.EB-VisitDate::before,
    .ev-bookings-table td.EB-BookingDate::before,
    .ev-bookings-table td.EB-Status::before,
    .ev-bookings-table td.EB-Action::before {
        background: #597294;
        color: #e6e6e8;
    }
}
/*****************************************************************************/
/* Events list */
@media (max-width: 990px) {
    .table.events-list-table tbody tr {
        border: 2px solid #597294;
    }

    .events-list-table td.EL-Loc::before,
    .events-list-table td.EL-Descr::before,
    .events-list-table td.EL-Type::before,
    .events-list-table td.EL-Start::before,
    .events-list-table td.EL-Duration::before,
    .events-list-table td.EL-Facility::before,
    .events-list-table td.EL-Action::before {
        background: #597294;
        color: #e6e6e8;
    }
}

/*****************************************************************************/
/* Bookings tables */
@media (max-width: 550px) {
    .booking-table td.Desc::before,
    .booking-table td.Price::before,
    .booking-table td.Qty::before,
    .booking-table td.Total::before {
        background: #597294;
        color: #e6e6e8;
    }
}
/* RESPONSIVE tables END -------------------------------------------- */

span.fa.fa-bank {
    display: none;
}

.nav-tabs .nav-link {
    border-bottom: 1px solid #597294;
}

.nav-link.active.show, #registerTabs a.active.nav-link {
    color: #597294;
    background-color: #f8f9fa;
    font-weight: bold;
    border-right: 1px solid #597294 !important;
    border-top: 1px solid #597294 !important;
    border-left: 1px solid #597294 !important;
}


@media (max-width: 990px) {
    #pageEditCustomer label {
        background-color: #597294;
        color: #fff;
    }
}

.forgottenPassInfo {
    display: none;
}

a#emailpassword {
    text-decoration: underline;
}

span.fa, span.far, span.fas {
    padding-right: 4px;
    padding-left: 4px;
}

.fa, .far {
    font-weight: 900;
}

span.HelpInfo, span.HelpInfoPhoto {
    font-size: 2rem;
}

.renewOptions {
    position: relative;
}

label {
    margin-bottom: 1rem;
    margin-top: 5px;
}

.nav-tabs {
    border-bottom: 1px solid #597294 !important;
}

    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        border-color: #597294 !important;
    }

.body-content h2 {
    display: none
}

/*input[type="radio"], input[type="checkbox"] {
    float: left;
}*/

.ME-DDStatus {
    display: none;
}

li.nav-item.nav-add-booking {
    display: visible;
}

li.dropdown-item.bookings, li.dropdown-item.purchases {
    display: visible;
}

div#maBookings, div#maOnlinePurchases {
    display: visible;
}

.alert.alert-info.static {
    display: none;
}

#realContent small::after {
    margin-top: 0px;
    font-weight: bold;
    display: block;
    white-space: pre-line;
    content: "\A To renew a membership, update details or check bookings, please click the 'Log In' link in the top right-hand corner of this page.\A"
             "\AIf you have not previously created an online account, please do so using the registration form below.\A"
             "\AWe recommend using the 'Register by Surname' option if you have not done this before.\A"
             "\AIf you have previously created an online account but do not know the email address used, or you did not register an email address when you first signed up, please use the register by postcode option.";
    font-size: 14px;
}