/* -----------------------------------------------------------------------
 <copyright company="Jenzabar">
 Copyright (c) 2014-2019 Jenzabar, Inc. All rights reserved.
 </copyright>
 ----------------------------------------------------------------------- */
/* RLStyles.css

    Index:
        Index
        Container
        Request Location Form
        Request Location Flipcard
        Request Location Details
        Request Location Filter
        Advanced Filter
        Settings Page
        Select2
        Date Picker
*/

.EventRequests h5 {
    border-bottom: none;
    font-weight: bold;
    margin-bottom: 1.25em;
}

.EventRequests .request-section .checkbox small {
    display: block;
}

.EventRequests .notes-group {
    padding-left: 20px;
    display: none;
}

.EventRequests #ResourcesNeededSection > div {
    color: #575757;
}

/***************************************
    Index
 ***************************************/
.settings-link-container {
    margin-top: 10px;
}

/***************************************
    Container
 ***************************************/
.request-location-container {
    margin: 15px;
}

.EventRequests .form-group > label {
}

.EventRequests .form-group > .checkbox > label {
}

.EventRequests #filter-container #filter-icon {
    float: left;
    display: block;
    font-size: 2em;
    color: #265B8C;
}

.EventRequests #filter-container a {
    display: inline-block;
}

.EventRequests #filter-container small {
    display: block;
}

/*---------------------------------
    Request Location Form
---------------------------------*/

/* Add */
.location-request-form .submit-location-request-button {
    margin-top: 1.5em;
    position: fixed;
    text-align: center;
    z-index: 100;
}

@media (max-width: 767px) {
    .location-request-form .submit-location-request-button {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        bottom: 0;
        margin-top: 0;
        right: 0;
    }

    /* Fixed problem in mobile view */
    #ember-bootstrap-modal-container {
        height: 0;
    }
}

@media (max-width: 1025px) and (min-width: 992px) {
    .location-request-form .submit-location-request-button {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        bottom: 0;
        margin-top: 0;
        right: 0;
    }
}

.location-request-form .required-fields-msg {
    margin-left: 0;
    margin-top: 0;
}

.location-request-form textarea {
    resize: none;
}

.location-request-form .remaining-char-count {
    position: relative;
    top: -15px;
}

.location-request-form .requested-facility-header a {
    color: #265B8C;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
}

.location-request-form .requested-location-header {
    font-weight: normal;
}

    .location-request-form .requested-location-header a {
        color: #265B8C;
        text-decoration: none;
    }

.location-request-form .bs-date-picker, .location-request-form .bs-date-time-picker {
    padding-left: 0;
    padding-right: 0;
}

    .location-request-form .bs-date-picker > .date-picker, .location-request-form .bs-date-time-picker > .date-picker {
        max-width: 155px;
    }

    .location-request-form .bs-date-time-picker > .time-picker {
        max-width: 110px;
    }

    .location-request-form .bs-date-picker > .date-picker > span, .location-request-form .bs-date-time-picker > .date-picker > span {
        padding: 8px 14px;
        position: absolute;
        right: 0;
        top: 27px;
    }

    .location-request-form .bs-date-time-picker > .time-picker > input {
        margin-top: 25px;
    }

.location-request-form div.form-group.location-needs-desc {
    margin-left: 20px;
}

.location-request-form small.resources-needed-descr {
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: -5px;
}

.location-request-form div.resource .resources-needed-descr {
    margin-left: 20px;
}

/* Success */
#SuccessContainer {
    text-align: center;
    margin: 3em 0 3em 0;
}

    #SuccessContainer .glyphicon-ok-sign {
        font-size: 40px;
    }

/*---------------------------------
    Request Location Details
---------------------------------*/

.jzb-panel-card-picture .jzb-glyph-glyphicon-space {
    margin-top: 25px;
}

.EventRequests .panel-body{
    height:142px;
}

#RequestALocationDetails .about-location-heading {
    background-color: transparent;
    padding-bottom: 0;
    font-weight: normal;
    margin: 0;
}

#RequestALocationDetails .space-icon {
    font-size: 17em;
    color: lightgray;
    padding: 20px 10px 20px 10px;
}

#RequestALocationDetails .row {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: .5em;
}

/*---------------------------------
    Request Location Filter
---------------------------------*/

.EventRequests .show-location-filter-one, .EventRequests .show-location-filter-two {
    text-decoration: none;
}

@media screen and (min-width: 780px) {
    /*Indented unless in mobile*/
    .location-filter .popover .filterInputGroup {
        margin-left: 15px;
    }
}


.location-filter .popover {
    width: 525px;
}

.location-filter .popover .time-picker label {
color: transparent;
}

.location-filter .popover .all-day-checkbox {
margin-bottom: 0;
margin-top: -10px;
margin-left: 5px;
}

.location-filter .popover .bs-date-picker, .location-filter .popover .bs-date-time-picker {
padding-left: 0;
padding-right: 0;
}

.location-filter .popover .bs-date-picker > .date-picker, .location-filter .popover .bs-date-time-picker > .date-picker {
    max-width: 155px;
}

.location-filter .popover .bs-date-time-picker > .time-picker {
    max-width: 110px;
}

.location-filter .popover .bs-date-picker > .date-picker > span, .location-filter .popover .bs-date-time-picker > .date-picker > span {
    padding: 8px 14px;
    position: absolute;
    right: 0;
    top: 27px;
}

.location-filter .popover .bs-date-time-picker > .time-picker > input {
    margin-top: 25px;
}

div.filter-location-select span.select2-selection {
    font-size: 12px;
}

/*---------------------------------
    Advanced Filter
---------------------------------*/

.advanced-filter-form {
    margin-top: 15px;
}

.filter-close-icon {
    float: right;
    cursor: pointer;
    margin-top: 5px;
}

.popover {
    max-width: 100%;
    z-index: 5;
}

.advanced-filter-checkbox-container label {
    color: black;
    font-weight: bold !important;
}

.advanced-filter-input-container,
.advanced-filter-select2-container {
    padding-left: .7em;
    margin-left: 15px;
    display: none;
}

    .advanced-filter-input-container .checkbox {
        vertical-align: top;
    }

    .advanced-filter-input-container .alert {
        padding: 5px;
    }

.advanced-filter-title {
    padding-bottom: 0;
}

.advanced-filter-select2-container .select2 {
    width: 100% !important;
}

.calendarIcon {
    margin-left: -25px;
    margin-top: -25px;
    padding-right: 5px;
    float: right;
}

.advanced-filter.popover .panel {
    margin-bottom: 0;
}

/*---------------------------------
    Settings Page
---------------------------------*/

#SettingsPage .form-check-input.hide-resources {
    margin-bottom: 20px;
}

#SettingsPage .form-check-input {
    margin-bottom: 10px;
    display: block;
}

#SettingsPage .checkboxes-group {
    margin-left: 2.5em;
}

#SettingsPage .modalButtons,
.backToRequests a {
    margin-left: 0 !important;
}

#SettingsPage .resourceForm {
    margin-bottom: 15px;
}

.portlet.border-none {
    border: none !important;
}

.er-settings-link-container {
    margin-bottom: 10px;
}

/*---------------------------------
    Select2
---------------------------------*/
.select2-container.input-sm,
.select2-selection.input-sm {
    padding: 0;
}

/***************************************
    Date Picker
 ***************************************/

.EventRequests .glyphicons-calendar.form-icon {
    pointer-events: none; /* Allows click to pass through icon*/
}

.EventRequests .date-picker input {
    background-color: #fff;
}

/***************************************
   Images
 ***************************************/
.facility-details-image {
    max-height: 100%;
    max-width: 100%;
}

.facility-details-image-container {
    width: 20em;
    height: 20em;
    margin: 2em;
}

.facility-details-logo {
    font-size: 13.5em;
}