/*
 * Disorganised styles start
 */
 .flex{
     display: flex;
 }
#glm-event-agenda-view {
    margin-top: 0px;
    display: none;
}
#glm-member-event-search {
    margin-top: 20px;
}
#glm-event-wrapper.event-detail {
    /* max-width: 650px; */
    margin: 0 auto;
    position: relative;
}
body #glm-event-wrapper .glm-event-day-row {
    /* margin-top: 8px !important; */
    border: none;
}

.glm-event-day-event {
    cursor: pointer;
    position: relative;
    border-radius: 5px;
    padding: 5px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    transition: border 300ms;
}
#EventDrivingDirectionSubmit {
    width: 100%;
    margin: 0 0 1.25rem;
}
.glm-event-day-event h2 {
    font-size: 16px;
    padding-right: 5px;
}
.glm-event-day-event .event-content {
    padding: 10px;
}
.glm-hide{
    display: none;
}
/* .glm-event-day-event::before {
    content: "+" !important;
    float: right;
    position: absolute;
    right: 20px;
    font-size: 1.5rem;
    font-weight: bold;
} */
.glm-event-day-event.open::before {
    content: "-" !important;
    font-size: 2.5rem;
    font-weight: bold;
}
.glm-event-day-event a.glm-read-more {
    margin: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    float: right;
    clear: right;
    transition: all 300ms;
}
.glm-event-cal {
    margin-top: 10px;
    width: 64px;
    border-radius: 5px;
    text-align: center;
}
.glm-event-cal-day-container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.glm-event-cal-dow {
     font-size: .76rem;
     display: inline-block;
     width: 100%;
}
.glm-event-cal-day {
    padding-top: 10px;
    font-size: 1.6rem;
    display: inline-block;
    width: 100%;
    font-weight: bold;
}
.glm-event-cal-month {
    width: 100%;
    font-weight: bold;
}
#eventDetail-map {
     cursor: pointer;
     height: 260px;
}
#map-dialog{
    width: 100% !important;
}
#map_canvas{
    margin:0 auto !important;
}
.ui-dialog-titlebar-close::before{
    display: none;
}
.ui-dialog .ui-dialog-titlebar-close span{
    margin: -8px !important;
}
.timeDropDown{
    width: 30%;
}
.frontRecurrences{
    display: none;
}
.glm-add-event-form-wrapper input[name="event_name"]{
    margin-bottom: 0px;
}
.glm-add-event-form-wrapper input[name='contact_fname'],.glm-add-event-form-wrapper input[name='contact_lname']{
    width: 50%;
}
#glm-events-search-form input[type=submit] {
    margin-top: 20px !important;
    margin-bottom: 50px !important;
}
#glm-events-search-form h1 {
    padding: 0px;
}
.glm-search-icon {
    margin: 5px 0;
}
#glm-events-search-form #glm-event-name {
    width: 87%;

}

#glm-event-category {
    width: 85%;
}
#glm-event-pdf-submit,
#glm-event-rss-feed,
#glm-event-ical-feed {
    margin: 5px 5px;
}
/* Event Detail Page */
#glm-event-detail-dates {
    margin: 0 0 10px 20px;
    position: relative;
}
#glm-event-view-select{
    width: 125px;
}
#glma-grid-events-container #glm-event-view-select {
    width: auto;
}
.glm-event-date:before {
    /* top: 0px; */
    content: "";
    background-image: url(../assets/calendar-icon-24x24.png);
    background-height: 24px;
    background-width: 24px;
    position: absolute;
    width: 24px;
    height: 24px;
    left: -36px;
}
.glm-event-date.glma-modal-detail-section:before {
    background-size: 21px 21px;
    background-repeat: no-repeat;
}
.glm-event-date {
    margin-bottom: 15px;
}
.glm-event-times {
    margin-bottom: 15px;
}
.glm-event-times:before {
    content: "";
    background-image: url("../assets/time-icon-24x24.png");
    background-height: 24px;
    background-width: 24px;
    position: absolute;
    width: 24px;
    height: 24px;
    /* top: 6px; */
    left: -35px;
}
.glm-event-times.glma-modal-detail-section:before {
    top: 0;
    background-size: 21px 21px;
    background-repeat: no-repeat;
}
#glm-event-detail-location {
    margin: 0 0 10px 20px;
    position: relative;
}
#glm-event-detail-location:before {
    content: "";
    background-image: url("../assets/location-icon-24x24.png");
    background-height: 24px;
    background-width: 24px;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    left: -35px;
}
#glm-event-detail-location.glma-modal-detail-section:before {
    top: 0;
    background-size: 21px 21px;
    background-repeat: no-repeat;
}
#glm-event-detail-cost {
    margin: 0 0 10px 20px;
    position: relative;
}
.event-overlay{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.5);
    width: 100%;
    height: 900px;
    z-index: 999;
}
.loading{
    display: none;
    height: 13px;
    width: 208px;
    background: url('../assets/loader.gif');
    position: absolute;
    top:15%;
    left: 39%;
    z-index: 999;
}
.loading{
    display: none;
    height: 13px;
    width: 208px;
    background: url('../assets/loader.gif');
    position: absolute;
    top:15%;
    left: 39%;
    z-index: 999;
}
.sidebar-loading{
    display: none;
    height: 13px;
    width: 208px;
    background: url('../assets/loader.gif');
    position: absolute;
    top:15%;
    left: 13%;
    z-index: 999;
}
.sidebar-full-width{
    width: 100% !important;
}
#glm-event-detail-cost:before {
    content: "";
    background-image: url("../assets/cost-icon-24x24.png");
    background-height: 24px;
    background-width: 24px;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    left: -35px;
}
#glm-event-detail-cost.glma-modal-detail-section {
    margin-bottom: 15px;
}
#glm-event-detail-cost.glma-modal-detail-section:before {
    top: 0;
    background-size: 21px 21px;
    background-repeat: no-repeat;
}
#glm-event-detail-tickets {
    margin: 0 0 12px 20px;
    position: relative;
}
#glm-event-detail-tickets:before {
    content: "";
    background-image: url("../assets/tickets-icon-24x24.png");
    background-height: 24px;
    background-width: 24px;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    left: -35px;
}
#glm-event-detail-tickets.glma-modal-detail-section {
    margin-bottom: 15px;
}
#glm-event-detail-tickets.glma-modal-detail-section:before {
    top: 0;
    background-size: 21px 21px;
    background-repeat: no-repeat;
}
#glm-event-detail-registrations {
    margin: 0 0 12px 20px;
    position: relative;
}
#glm-event-detail-contact {
    margin: 0 0 10px 20px;
    position: relative;
}
#glm-event-detail-contact:before {
    content: "";
    background-image: url("../assets/contact-icon-24x24.png");
    background-height: 24px;
    background-width: 24px;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    left: -35px;
}
.glm-event-detail-contact-phone {
    position: relative;
}
.glm-event-detail-contact-phone:before {
    content: "";
    background-image: url("../assets/phone-icon-24x24.png");
    background-height: 24px;
    background-width: 24px;
    position: absolute;
    width: 24px;
    height: 24px;
    top: -4px;
    left: -35px;
}
.glma-event-modal-content .glm-event-detail-contact-phone {
    position: relative;
}
.glm-event-detail-location-phone {
    position: relative;
}
.glma-modal-detail-location-phone:before {
    content: "";
    background-image: url("../assets/phone-icon-24x24.png");
    background-height: 24px;
    background-width: 24px;
    position: absolute;
    width: 24px;
    height: 24px;
    top: -4px;
    left: -35px;
}
.glma-event-modal-content .glma-modal-detail-location-phone {
    position: relative;
}
#glm-event-detail-contact.glma-modal-detail-section {
    margin-bottom: 15px;
}
#glm-event-detail-contact.glma-modal-detail-section:before {
    top: 2px;
    background-size: 21px 16px;
    background-repeat: no-repeat;
}
.glma-event-modal-section-toggle {
    border: 2px solid grey;
    background: white;
    color: grey;
    padding: 10px 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 16px;
}
.glma-event-modal-section-toggle:hover {
    cursor: pointer;
}
.glma-event-modal-section-toggle:hover,
.glma-event-modal-section-toggle.active {
    background: grey;
    color: white;
}
.glma-event-modal-section-toggleable {
    height: 0;
    overflow: hidden;
    padding: 0;
}
.glma-event-modal-section-toggleable.active {
    height: auto;
    padding: 15px 20px;
}
@media (max-width: 640px) and (min-width: 320px) {
    #sdate, #edate{
        width: 70%;
    }
}
@media (min-width: 641px) {
    #sdate, #edate{
        width: 35%;
    }
}
.hasDatepicker {
    height: 34px;
    max-width: 100%;
}
/* Front page styles */
#glm-events-frontpage-wrapper {
    font-size: 1rem;
    line-height: 1.2;
    width: 100%;
}
.glm-events-frontpage-day {
    background-color: grey;
    color: white;
    border-radius: 5px;
    margin: 0 0 10px 0;
    padding: 5px;
    text-align: center;
    font-size: .7em;
    font-weight: bold;
}
.glm-events-frontpage-event-image {
    float: left;
    height: 100%;
    width: 30%;
}
.glm-events-frontpage-event-image img {
    min-width: 90px;
    float: left;
    height: 100%;
}
.glm-events-frontpage-event-container {
    border: lightgrey solid 1px;
    border-radius: 5px;
    background-color: white;
    height: 90px;
}
.glm-events-frontpage-event-title {
    font-size: .66em;
    font-weight: bold;
    float: right;
    width: 70%;
}
.glm-events-frontpage-event-dates {
    font-size: .63em;
    font-weight: bold;
    float: right;
    width: 70%;
}
.glm-events-frontpage-event-content {
    font-size: .63em;
    float: right;
    width: 70%;
}
.fc-widget-content, .fc-event {
    cursor: pointer;
}
.fc-head .fc-head-container table{
    margin-bottom: 0px;
}
.fc-head .fc-head-container .fc-day-number{

}
.fc-week .fc-bg table tbody tr .fc-today{
    background: white;
}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    border-color: lightgrey;
}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td{
    border-color: lightgrey;
}
.fc-content-skeleton table thead, .fc-row table thead{
    background: transparent;
}
a.fc-time-grid-event.fc-v-event {
    width: 60%;
}
#glma-grid-events-root {
    float: left;
    margin-top: 20px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    flex-direction: row;
    align-content: flex-start;
}
#glma-grid-events-container #eventCalendar {
    display: block;
    overflow: hidden;
    float: left;
}
#glma-grid-events-container #eventCalendar .fc-toolbar {
    display: block;
    width: 100%;
    overflow: hidden;
}
#eventCalendar .fc-view-container thead tr .fc-today{
    background: rgba(130,179,209,.6);
}
#eventCalendar .fc-view-container tbody .fc-today{

}
#eventCalendar .fc-button .fc-icon.fc-icon-right-single-arrow:after {
    content: ">";
    font-weight: 700;
    font-size: 150%;
    top: -7%;
    left: 3%;
    display: block;
    color: black;
}
#eventCalendar .fc-button .fc-icon.fc-icon-left-single-arrow:after {
    content: "<";
    font-weight: 700;
    font-size: 150%;
    top: -7%;
    left: 3%;
    display: block;
    color: black;
}
.month-nav-container{

}

.month-nav, .year-nav{
    display: inline-block;
    margin: 5px;
    border: 1px solid lightgrey;
    padding: 3px 5px;
}
.month-nav:hover, .year-nav:hover{
    cursor: pointer;
    border: 1px solid black;

}
#event-date-toggle{
    width: 130px;
    margin-bottom: 0px;
}
#event-date-toggle-container{
    width: 130px;
    height: 30px;
    margin-left: 40px;
    margin-bottom: 0px;
    margin-top: -20px;
    float: left;
    opacity: 0;
}
label.date-toggle-label{
    font-weight: bold;
}
@media(max-width: 810px){
    #event-date-toggle-container{
        float: none;
        margin-left: 0;
        margin-top: 10px;
    }
    label.date-toggle-label{
        margin-top: 10px;
    }
}
.date-highlight{
    color: red;
    font-weight: bold;
    border: 1px solid black;
}

.current-date{
    background: #f5822a;
    color: white;
}
@media (max-width: 640px) and (min-width: 320px){
    .view-select{
        float: left;
    }
}
@media (min-width: 641px){
   .view-select {
        float: right;
        margin-right: 0;
/*        padding-right: 0;*/
    }
    #glm-event-view-select{
        float: right;
        margin-right: 0;
/*        padding-right: 0;*/
    }
}
.glma-events-grid.view-select{
    float: left;
    margin-right: 20px;
}
.agenda-event-name{
    display: inline-block;
}
.agenda-event-recur-dates, .agenda-event-weekday{
    font-size: 13px;
/*    font-weight: bold;*/
}
.agenda-event-weekday{
    font-style: italic;
}
.date-range-container{
    font-size: 13px;
    margin-bottom: 20px;
}
.agenda-event-recur-dates{
/*    font-style: italic;*/
}

#glmRealEmail {
    display: none;
}
.glm-front-event-image-text{
    line-height: 1;
    font-size: 14px;
}
#glm-front-event-image{
    margin: 20px 0;
}

body #glm-event-detail-takeback-mini .glm-member-db-takeback-mini:hover {
    background-color: #5f0202;
}
body #glm-event-detail-takeback-mini .glm-member-db-takeback-mini {
    background-color: #6f1207;
    color: white;
}
#glm-event-detail-takeback-mini:hover {
    text-decoration: none;
    padding: 15px 150px 10px 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition:    all 0.5s ease;
    -o-transition:      all 0.5s ease;
    transition:         all 0.5s ease;
}
.glma-event-list-image{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 175px;
    width: 100%;
    margin-bottom: 10px;
}
#glm-events-search-form-ajax {
    display: none;
    float: left;
    width: 300px;
    padding: 20px;
}
@media only screen and (min-width: 64.063em) {
    #glm-events-search-form-ajax {
        padding: 5px;
    }
}

#glm-events-search-form-ajax.active {
    display: block;
    position: absolute;
    top: 57px;
    border: 1px solid #f0f0f0;
    background: white;
    z-index: 6;
}

#glm-events-search-form-ajax-overlay {
    display: none;
    width: 120%;
    height: calc(100% - 57px);
    position: absolute;
    top: 57px;
    left: -10%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 5;
}
#glm-events-search-form-ajax-overlay.active {
    display: block;
}
.glm-grid-layout .glm-grid-toggle-filters {
    margin-right: 15px;
    float: left;
}
@media only screen and (min-width: 64.063em) {
    .glm-grid-layout .glm-grid-toggle-filters {
        display: none;
    }
    #glm-events-search-form-ajax {
        display: block;
        padding: 21px;
        border-right: 1px solid #f0f0f0;
    }
}
#glm-events-search-form-ajax-close {
    display: none;
}
@media only screen and (max-width: 1024px) {
    .glm-grid-toggle-filters.sticky {
        position: fixed;
        top: 25px;
        left: 35px;
        z-index: 999;
    }
    #glm-events-search-form-ajax-container {
        position: fixed;
        top: 65px;
        z-index: 999;
    }
    #glm-events-search-form-ajax.active {
        max-height: 85vh;
        overflow-y: scroll;
        top: 0;
        box-shadow: 1px 1px 11px 6px rgba(0,0,0,0.2);
        padding: 35px 20px;
    }
    #glm-events-search-form-ajax-close {
        display: block;
        content: "x";
        position: absolute;
        background: transparent;
        top: 0px;
        right: 0px;
        padding: 3px 8px;
        border-bottom-left-radius: 26px;
        float: right;
        cursor: pointer;
        font-size: 26px;
    }
}
.glma-filters-inactive{
    display: none !important;
}
#glma-grid-events-container #glma-show-for-list {
    padding: 0 15px;
}
@media only screen and (max-width: 640px) {
    #glma-events-grid-options {
        margin-top: 20px;
    }
}
#glma-events-grid-options .glma-grid-options-button {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    background-color: #FAFAFA;
    border-radius: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…J2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100%center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: rgba(0,0,0,0.75);
    font-family: inherit;
    font-size: 0.875rem;
    line-height: normal;
    padding: 10px 15px;
    border-radius: 0;
    height: 2.3125rem;
    box-shadow: 0 1px 2px rgba(0,0,0,0.16) !important;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.16) !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.16) !important;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
#glma-events-grid-options .glm-grid-toggle-filters > .fa {
    position: relative;
    top: 1px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#glma-events-grid-options .glm-grid-toggle-filters.active > .fa {
    top: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform: rotate(180deg);
}
#glma-events-grid-options .fa-caret-down:before {
    content: "\f0d7";
}
#glma-events-grid-options-icons {
    display: block;
    float: right;
    clear: right;
}
.glma-grid-events-links{
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    flex-wrap: wrap;
    padding: 5px;
    font-size: 13px;
    text-transform: uppercase;
}
.glma-grid-event-quickview{

}
.glma-grid-event-quickview:hover{
    cursor: pointer;
}
.glma-grid-event-separator{
    margin: 5px 0;
}
#glma-calendar-filter{
    display: none !important;
}
.glma-grid-event-occurences, .glma-grid-event-locations,.glma-grid-event-phone{
    height: auto;
    line-height: 1.2;
    margin-bottom: 10px;
    font-size: 15px;
}
.glma-grid-event-icon{
    margin-right: 5px;
}
.glma-event-feed-title{
    display: block;
    margin-bottom: 20px;
}
.glma-filters-label{
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid black;
    margin-bottom: 15px;
}
.glma-events-date-picker{
    max-width: 100px;
    padding: 0 !important;

}
.glma-grid-add-event{
    float: right;
}
#glm-event-wrapper.glm-grid-layout {
    position: relative;
    padding: 2%;
}
.glma-grid-event {
    text-align: left;
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    max-width: 250px;
    width: 38%;
    margin: 0 10px 20px;
    padding: 0;
}
@media only screen and (max-width: 640px) {
    #glma-grid-events-root .glma-grid-event{
        width: 100%;
        margin: 0 10px 20px;
    }
}
#glma-grid-events-wrapper{
    margin-top: 20px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    flex-direction: row;
    align-content: flex-start;
}
#glma-grid-events-container {
    width: 100%;
    padding: 20px;
    position: relative;
}

#glma-grid-loader{
    position: absolute;
    left: 0;
    top:0;
    height: 100%;
    width: 100%;
    background: white;
}
@media only screen and (max-width: 1024px) {
    #glma-grid-loader{
        z-index: 999;
    }
    #glma-grid-events-container {
        padding: 0;
        min-height: 100vw;
    }
}

#glma-events-grid-options{
    margin-bottom: 20px;
}
.glma-events-date-and{
    max-width: 40px;
    margin-top: 8px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}
.glma-event-grid-details {
    padding: 8px;
    flex-direction: column;
    display: flex;
    height: 100%;
    text-align: left;
    overflow: hidden;
}
.glma-grid-event .glma-event-feed-title {
    margin-bottom: 0;
}
#glma-calendar-container .date-picker-wrapper{
    background : white;
}
#glma-calendar-container .date-picker-wrapper {
    padding-top: 2px;
    padding-bottom: 2px;
}
#glma-calendar-container .date-picker-wrapper table {
    margin-bottom: 0;
}
#glma-calendar-container .date-picker-wrapper .month-wrapper,#glma-calendar-container .date-picker-wrapper .month-wrapper .month1{
    border: none;
}
#glma-calendar-container .date-picker-wrapper .month-wrapper .month1 thead{
    background: white;
}
#glma-calendar-container .date-picker-wrapper .month-wrapper table .day {
    padding: 8px 0;
}
.glm-grid-layout .date-picker-wrapper {
    padding: 2px;
}
.glma-event-text-search{
    background: #0568B3;
    color: white;
    line-height: inherit !important;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    font-weight: bold;
    text-transform: uppercase;
}
.glma-event-text-search:hover{
    cursor: pointer;
}

.glma-event-detail-modal .swal2-popup{
    padding: 8px;
}
.event-detail-image-modal img{
    float: left;
}
.glma-event-modal-content{
    margin-bottom: 15px;
}
.glma-event-detail-modal .swal2-popup .swal2-close {
    color: black;
    background: rgba(255,255,255,0.6);
    border-radius: 25px;
}
@media (min-width: 1024px ){
    .glma-event-detail-modal .swal2-popup{
        width: 900px;
    }
}
@media (max-width: 1024px){
    .glma-event-detail-modal .swal2-popup{
        width: 90vw;
    }
}
.glma-modal-details{
    text-align: left;
}
.glma-modal-details {
    font-size: 16px;
}
.glma-modal-detail-section {
    margin: 0 0 10px 20px;
    position: relative;
}
.glma-event-modal-image{
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.glma-event-modal-title {
    margin-bottom: 20px;
}
@media (max-width: 640px){
    .glma-event-modal-title {
        margin-top: 15px;
    }
}
.glma-event-modal-title h1{
    font-size: 26px;
    line-height: 1;
}
.glma-event-modal-descr{
    text-align: left;
}
.glm-grid-layout .date-picker-wrapper .month-wrapper table {
    width: 190px;
    float: left;
    width: 100%;
    min-width: 190px;
}
.glm-grid-layout .date-picker-wrapper table .caption .next,
.glm-grid-layout .date-picker-wrapper table .caption .prev {
    padding: 5px 9px;
}
.glm-grid-layout #glma-calendar-container .date-picker-wrapper {
    width: 100%;
    max-width: 250px;
}
.glm-grid-layout #glma-calendar-container .date-picker-wrapper .month-wrapper {
    width: 100% !important;
}
.glm-grid-layout #glma-date-filters .glma-events-date-picker {
    flex: 2;
}
.glm-grid-layout #glma-date-filters .hasDatepicker {
    font-size: 14px;
    text-align: center;
}
.glm-grid-layout #glma-date-filters .glma-events-date-and {
    flex: 1;
}
@media (max-width: 1024px){
    .glm-grid-layout #glma-date-filters .glma-events-date-and {
        margin-left: 8px;
        margin-right: 8px;
    }
}
#glm-events-search-form-ajax #glm-event-name.glma-ajax-event-name{
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
}
#glm-events-search-form-ajax .glma-events-filters-section-separator {
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}
#glm-events-search-form-ajax #glma-events-filters-category.showless > label:nth-of-type(n+5) {
    display: none;
}
#glm-events-search-form-ajax #glma-events-filters-category > label:nth-of-type(n+5) {
    display: block;
}
#glm-events-search-form-ajax .glma-events-filters-category-showmore {
    cursor: pointer;
}
#glm-events-search-form-ajax .glma-events-filters-category-showmore .glma-filters-category-showmore-text {
    font-size: 13px;
}
#glm-events-search-form-ajax .glma-events-filters-category-showmore:hover .glma-filters-category-showmore-text {
    text-decoration: underline;
    font-size: 13px;
}
#glm-events-search-form-ajax .glma-events-filters-category-showmore .fa {
    font-size: 9px;
}
.glma-event-modal-detail-link{
    padding: 8px;
    background: #0568B3;
    color: white;
    display: inline-block;
    margin-top: 20px;
    border-radius: 5px;
}
.glma-event-modal-detail-link:hover{
    cursor: pointer;
}
.glm-show-more-container {
    text-align: center;
}
/*
 * Disorganised styles end
 */

/*
 * Search form styles start
 */
#glm-events-search-form input:not([type]),
#glm-events-search-form input[type="text"],
#glm-events-search-form input[type="password"],
#glm-events-search-form input[type="date"],
#glm-events-search-form input[type="datetime"],
#glm-events-search-form input[type="datetime-local"],
#glm-events-search-form input[type="month"],
#glm-events-search-form input[type="week"],
#glm-events-search-form input[type="email"],
#glm-events-search-form input[type="number"],
#glm-events-search-form input[type="search"],
#glm-events-search-form input[type="tel"],
#glm-events-search-form input[type="time"],
#glm-events-search-form input[type="url"],
#glm-events-search-form input[type="color"],
#glm-events-search-form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear,background 0.15s linear;
    -moz-transition: border-color 0.15s linear,background 0.15s linear;
    -ms-transition: border-color 0.15s linear,background 0.15s linear;
    -o-transition: border-color 0.15s linear,background 0.15s linear;
    transition: border-color 0.15s linear,background 0.15s linear;
}
#glm-events-search-form select#glm-event-category {
    width: 85%;
}
.glm-events-location-container{
    float: right;
}
.glm-events-time-container{
    float: left;
}
/* end Search form styles */
/* Ajax Search Form */
#glma-range-toggle {
    display: flex;
    justify-content: space-between;
    margin: 0;
    margin-bottom: 20px;
    list-style: none;
}
.glma-date-range{
    /* display: inline-block;
    margin-right: 32px;
    margin-bottom: 16px;
    text-align: center;*/
    flex: 2;
    text-align: center;
}
.glma-date-range > span {
    border-bottom: 1px solid transparent;
    color: #999999;
}
.glma-date-range:hover > span {
    border-color: black;
    cursor: pointer;
}
.glma-date-range.selected > span {
    border-color: black;
    color: #555555;
}

/* end AJAX search form */
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
/*
 * Search form styles end
 */

/*
 * Event Detail Member List styles start
 */
#glm-event-detail-members {
    overflow: hidden;
    margin-bottom: 30px;
}
#glm-event-detail-members > .glm-event-detail-member-toggle {
    width: 100%;
    border-radius: 4px;
    background: #fefefe;
    color: #57b649;
    font-size: 18px;
    padding: 10px;
    float: left;
}
#glm-event-detail-members > .glm-event-detail-member-toggle:nth-child(n-1) {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: lightgrey;
}
#glm-event-detail-members > .glm-event-detail-member-toggle:hover {
    cursor: pointer;
    box-shadow: 1px 1px 4px lightgrey inset;
}
#glm-event-detail-members > .glm-event-detail-member-toggle:after {
    content: "+";
    float: right;
    font-size: 24px;
    line-height: 1;
}
#glm-event-detail-members > .glm-event-detail-member-toggle.selected {
    box-shadow: 1px 1px 4px lightgrey inset;
}
#glm-event-detail-members > .glm-event-detail-member-toggle.selected:after {
    content: "-";
    font-size: 28px;
}
.glm-event-detail-member-toggle {
    float: left;
}
.glm-member-detail-link-to-top {
    float: right;
}
.glm-member-list-links a,
#glm-member-detail-links a {
    display: inline;
    margin-right: 15px;
    text-decoration: none;
}
#glm-member-detail-links a {
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid white;
}
#glm-member-detail-links a:hover {
    border-color: lightgrey;
    text-decoration: none;
}
#glm-event-wrapper.has-event-members .glm-event-detail-member-separator {
    margin: 15px 0;
}
.glm-event-detail-member-header {
    width: 75%;
    float: left;
    padding-right: 10px;
}
.glm-event-detail-member-header img {
    float: left;
    margin-right: 15px;
}
#glm-event-wrapper.has-event-members .glm-event-detail-member-title-container {
    overflow: hidden;
}
#glm-event-wrapper.has-event-members .glm-event-detail-member-title {
    clear: none;
    float: left;
    line-height: 1.0;
    margin: 5px 0 0 0;
    letter-spacing: normal;
    text-transform: initial;
}
#glm-event-wrapper.has-event-members .glm-event-detail-member-info {
    font-weight: bold;
}
#glm-event-wrapper.has-event-members .glm-event-detail-member-distance {
    /* float: left;
    line-height: 1.0;
    margin: 10px 0 0 10px;
    clear: none;
    font-size: 15px; */
    font-weight: bold;
}
.glm-event-detail-member-data {
    padding: 10px;
    /*display: none;*/
    clear: none;
    float: left;
    width: 75%;
    /*margin-top: 5px;*/
}
.glm-event-detail-member-container {
    overflow: hidden;
    clear: both;
    border: 1px solid lightgrey;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 10px;
}
.glm-event-detail-member-description {
    margin-bottom: 10px;
    margin-top: 5px;
}
.glm-event-detail-member-logo {
    width: 25%;
    float: right;
    margin-top: 5px;
    border-radius: 2px;
    overflow: hidden;
}
#glm-event-wrapper .glma-event-detail-member-more {
    text-decoration: underline;
}
#glm-event-wrapper.has-event-members .sidebar-events-container {

}

/*.glm-event-detail-member-data.selected {
    display: inherit;
}
.glm-event-detail-members-toggle-all.selected {
    box-shadow: 1px 1px 2px lightgrey inset;
    cursor: pointer;
}
.glm-event-detail-members-toggle-all:hover {
    box-shadow: 1px 1px 2px lightgrey inset;
    cursor: pointer;
}*/
.glm-event-detail-members-title {
    margin: 10px;
    float: left;
}
.glm-event-detail-members-toggle-all {
    text-align: center;
    padding: 3px 6px;
    margin: 10px;
    border: 1px solid lightgrey;
    border-radius: 3px;
    float: right;
    width: auto;
}
#glm-event-wrapper.has-event-members {

}
#glm-event-wrapper.has-event-members .glma-event-detail-info-map-container {
    display: flex;
    flex-direction: column;
}
#glm-event-wrapper.has-event-members .event-google-map {
    order: 2;
    width: 100%;
}
#glm-event-wrapper.has-event-members .glma-event-detail-info-container {
    order: 1;
    width: 100%;
}
/*
 * Event Detail Member List styles end
 */
#glma-grid-events-found{
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#glma-grid-events-query{
    display: inline-block;
    border-bottom: 1px solid lightgrey;
    border-top: 1px solid lightgrey;
    padding: 5px 0;
    text-align: center;
}
@media (max-width: 640px){
    #glma-grid-events-found{
        text-align: center;
    }
    #glma-grid-events-query{
        text-align: center;
        display: block;
    }
}

#glma-grid-loader{
    width: 50%;
    height: 500px;
    position: fixed;
    background: rgba(0,0,0,.7);
    z-index: 999;
}

#glma-loader-content{
    min-height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;

}
@media (max-width: 1024px){
    #glma-grid-loader{
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;

    }
}
@media (min-width: 1024px){
    #glma-grid-loader{
        left: 50%;
        top: 50%;
        transform : translate(-50%, -50%);

        border-radius: 6px;
    }
    #glma-loader-content{

    }
}

/*
 * Search form styles end
 */

/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {
	max-width: 800px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

#glm-members-event-front-add form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red !important;
	font-style: italic;
    margin-bottom: 16px;
}
#glm-members-event-front-add input.error {
    margin-bottom: 2px;
}
div.error { display: none; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }

/* Required Text */
div.glm-required-text {
    margin: 20px 20px 20px 0;
}
span.glm-required-text {
    color: red;
}