/** Font load **/

body {
    background-color: #ededed;
}

@font-face {
    font-family: 'DIN Regular';
    src: url('../fonts/din/din-regular.eot');
    src: url("../fonts/din/din-regular.woff") format("woff"), url("../fonts/din/din-regular.ttf") format("truetype");
}

@font-face {
    font-family: 'DIN Bold';
    src: url('../fonts/din/din-bold.eot');
    src: url("../fonts/din/din-bold.woff") format("woff"), url("../fonts/din/din-bold.ttf") format("truetype");
}

/*removing clear and reveal password icons in IE*/

input::-ms-clear {
    display: none;
}

input::-ms-reveal {
    display: none;
}

/** Default colors **/

.agil-blue {
    background-color: #00539F;
}

.agil-green {
    background-color: #00461c
}

.normal-blue {
    background-color: #296897
}

.active-blue {
    background-color: #1B4A6E;
}

.enabled-grey {
    background-color: #999695;
}

.normal-grey {
    background-color: #575656;
}

.active-green {
    background-color: #679E2A !important;
}

.error-red {
    background-color: #8f0e00;
}

.widget-background-grey {
    background-color: #dfdfdf;
}

.background-white {
    background-color: #FFFFFF;
}

.background-white:active {
    background-color: #FFFFFF;
}

.text-color {
    color: #575656;
}

.font-error {
    color: #8f0e00 !important;
}

.font-disabled {
    color: #999695 !important;
}

.font-blue {
    color: #296897;
}

.font-white {
    color: #FFFFFF;
}

.border-normal-blue {
    border-color: #296897
}

/** Fonts for Low resolutions */

body {
    font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #575656;
    -webkit-font-smoothing: subpixel-antialiased;
}

* {
    -webkit-font-smoothing: subpixel-antialiased;
}

strong, label, b {
    font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
    font-weight: bold;
}

input, textarea {
    font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
    font-size: 16px;
    outline: 0;
}

button[disabled] {
    pointer-events: none;
}

h1, h2 {
    font-weight: normal;
}

/* Small devices */

@media (max-width: 767px) {
    h1 {
        font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
        font-size: 32px;
    }

    h2 {
        font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
        font-size: 20px;
    }

    .title {
        font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
        font-size: 25px;
    }

    button, .btn, .a-btn, input[type='button'] {
        font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
        font-size: 16px;
    }

    .footer-header {
        font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
        font-size: 20px;
    }

    .search-form .recurring-button {
        font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
    }
}

/* Medium devices */

@media (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
        font-size: 59px;
    }

    h2 {
        font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
        font-size: 29px;
    }

    .title {
        font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
        font-size: 50px;
    }

    button, .btn, .a-btn, input[type='button'] {
        font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
        font-size: 18px;
    }

    .footer-header {
        font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
}

/* Large devices */

@media (min-width: 992px) {
    h1 {
        font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
        font-size: 72px;
    }

    h2 {
        font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
        font-size: 35px;
    }

    .title {
        font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
        font-size: 50px;
    }

    button, .btn, .a-btn, input[type='button'] {
        font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
        font-size: 18px;
    }

    .footer-header {
        font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
        font-size: 24px;
    }
}

.font-bold {
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
}

.font-bold-regular {
    font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.font-regular {
    font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.font-acknowledge, .booking-popup-header, .reservation-form-title,
.asset-detail-page .detail-content .name,
.location-detail-page .location-detail-content .location-name,
.reservation-detail-page .detail-content .asset-name,
.font-time-format a {
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
    font-size: 24px;
}

.home-page-reservations-content .home-page-reservations-title h2 {
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
}

.check-box-tree .tree-node-childs .tree-option label,
.business-rules .secondary-field .form-group .control-label,
.settings-hover .hover-content .hover-nav a.hover-nav-item {
    font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.hours-of-operation .hours-table th {
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
    font-weight: normal;
}

/* recurring widget */
.recurring-toggle-label {
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
    font-size: 18px;
}

.font-italic {
    font-style: italic;
}

/** Default buttons **/

.button-home-page, .button-primary, .button-secondary, .button-settings {
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    white-space: nowrap;
}

.button-home-page, .button-primary, .tab-button {
    height: 42px;
}

.button-secondary, .button-settings {
    height: 29px;
}

.button-home-page, .button-settings {
    color: #ffffff;
    background-color: #296897;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 2px solid #296897;
}

.button-home-page:active, .button-settings:active, .button-home-page:focus, .button-settings:focus {
    background-color: #1b4a6e;
}

.button-home-page[disabled] {
    background-color: #ededed;
}

.button-primary, .button-secondary {
    color: #575656;
    background-color: #ffffff;
    border: solid 1px #575656;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gray-button {
    background-color: #999695;
    color: #FFFFFF;
    border: solid 1px #999695;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 29px;
}

.icon-button, .tab-button {
    border: 0;
    outline: 0;
}

.tab-button {
    background-color: transparent;
    font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
    font-size: 15px;
}

.input[type='checkbox']:focus + label:before,
.button-primary:active, .button-secondary:active, .button-primary:focus, .button-secondary:focus {
    border: 1px solid #679e2a;
    outline: 1px solid #679e2a;
}

.button-primary[disabled], .button-secondary[disabled], .button-home-page[disabled], .button-disabled, .button-disabled:active {
    color: #999695;
    border: 2px solid #999695;
}

.button-disabled {
    cursor: default !important;
}

.button-disabled:active, .button-disabled:focus, .button-disabled[tabindex]:active, .button-disabled[tabindex]:focus {
    border: 2px solid #999695;
    outline: none !important;
}

.a-btn {
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}

.a-btn.button-primary {
    line-height: 40px;
}

.a-btn:focus, .a-btn:hover {
    color: inherit;
    text-decoration: none;
}

/** Default links **/

.link-login {
    color: #575656;
    text-decoration: underline;
    outline: none;
    cursor: pointer;
}

.link-login:active, .link-login:hover, .link-login:focus {
    color: #679E2A
}

.tile-link {
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
    color: #ffffff;
    text-decoration: underline;
}

.tile-link:active, .tile-link:hover, .tile-link:focus {
    color: #02CDE3
}

.link-footer {
    color: #dcdcdc !important;
}

button.link-footer {
    background-color: transparent;
    bottom: 0;
    padding: 0;
    border: 0;
}

.link-footer:active, .link-footer:hover, .link-footer:focus {
    color: #FFFFFF !important;
    outline: none;
    font-weight: bold;
}

.image-link {
    display: inline-block;
    width: 22px;
    height: 22px;
}

/** pop up **/

.popup {
    box-shadow: 12px 12px 29px 0 rgba(0, 0, 0, 0.71);
    background-color: #ffffff;
    border: solid 1px #296897;
}

.confirm-popup-background {
    position: fixed;
    background: rgba(0, 0, 0, 0.49);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
    transform: translate3d(0, 0, 0);
}

.popup .arrow-background-bottom {
    border-bottom: 10px solid #ffffff;
    pointer-events: none;
}

.popup .arrow-background-top {
    border-top: 10px solid #ffffff;
    pointer-events: none;
}

.popup .arrow-background-right {
    border-right: 10px solid #ffffff;
    pointer-events: none;
}

.popup .arrow-background-left {
    border-left: 10px solid #ffffff;
    pointer-events: none;
}

.filter-popup {
    background: #dfdfdf;
}

.grey-popup .arrow-background-bottom {
    border-bottom: 10px solid #dfdfdf;
}

.grey-popup .arrow-background-top {
    border-top: 10px solid #dfdfdf;
}

.popup .arrow-frame-bottom {
    border-bottom: 10px solid #296897;
    pointer-events: none;
}

.popup .arrow-frame-top {
    border-top: 10px solid #296897;
    pointer-events: none;
}

.popup .arrow-frame-right {
    border-right: 10px solid #296897;
    pointer-events: none;
}

.popup .arrow-frame-left {
    border-left: 10px solid #296897;
    pointer-events: none;
}

.popup-foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.49);
}

.popup.disabled .arrow-background-bottom {
    border-bottom: 10px solid #727272;
}

.popup.disabled .arrow-background-top {
    border-top: 10px solid #727272;
}

.popup.disabled .arrow-background-left {
    border-left: 10px solid #727272;
}

.popup.disabled .arrow-background-right {
    border-right: 10px solid #727272;
}

.popup-container.error .confirm-popup-background {
    background: transparent;
}

.popup-container.error.detail-form-popup .confirm-popup-background {
    background: rgba(0, 0, 0, 0.49);
}

.block-div {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.49);
    transform: translate3d(0, 0, 0);
}

.block-div-transparent {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    transform: translate3d(0, 0, 0);
}

/** form controls **/

input:-moz-placeholder {
    text-overflow: ellipsis;
    color: #575656;
    opacity: 1;
}

input::-moz-placeholder {
    text-overflow: ellipsis;
    color: #575656;
    opacity: 1;
}

input::-webkit-input-placeholder {
    text-overflow: ellipsis;
    color: #575656;
}

input:-ms-input-placeholder {
    text-overflow: ellipsis;
    color: #575656;
}

input[placeholder] {
    text-overflow: ellipsis;
}

input.where-value-selected:-moz-placeholder, input.is-open-popup:-moz-placeholder {
    color: white;
}

input.where-value-selected::-moz-placeholder, input.is-open-popup::-moz-placeholder {
    color: white;
}

input.where-value-selected::-webkit-input-placeholder, input.is-open-popup::-webkit-input-placeholder {
    color: white;
}

input.where-value-selected:-ms-input-placeholder, input.is-open-popup:-ms-input-placeholder {
    color: white;
}

input[disabled]:-moz-placeholder {
    color: #999695;
}

input[disabled]::-moz-placeholder {
    color: #999695;
}

input[disabled]::-webkit-input-placeholder {
    color: #999695;
}

input[disabled]:-ms-input-placeholder {
    color: #999695;
}

input[disabled] {
    -webkit-text-fill-color: #999695; /* Override iOS / Android font color change */
    -webkit-opacity: 1; /* Override iOS opacity change affecting text & background color */
    color: #999695; /* Override IE font color change */
}

:focus::-webkit-input-placeholder {
    color: transparent;
}

:focus::-moz-placeholder {
    color: transparent;
}

:focus:-moz-placeholder {
    color: transparent;
}

:focus:-ms-input-placeholder {
    color: transparent;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input, .input {
    height: 42px;
    padding-left: 17px;
    padding-right: 1px;
    border-radius: 0;
    border: solid 1px #575656;
}

.secondary-input {
    height: 29px;
}

input[disabled], textarea[disabled] {
    background: #ffffff;
    color: #999695;
}

.input-invalid {
    border: solid 1px #8f0e00;
}

/** layout **/

html, body, .content-full {
    height: 100%;
}

.ui-locked {
    pointer-events: none;
}

.footer-content {
    color: #dcdcdc;
}

.layout .links-row {
    background-color: #3a3838;
}

.layout .footer-row {
    background-color: #000000;
    opacity: 0.9;
}

@media (max-width: 767px) {
    .links-content-mobile .links-section {
        border-bottom: 1px solid #6d6d6d;
    }
}

.links-content .links-section {
    color: #dcdcdc;
    border-left: solid #494848;
}

/** toolbar **/

.help-button a, .settings-button a, .analytics-button a, .compliant-ui-button a, .dropdown a, .dropdown__content ul li {
    color: #575656;
    outline: none;
}

.layout .toolbar-menu-overlay {
    background-color: #000000;
}

.toolbar .toolbar-menu-item-active {
    border-bottom: solid 1px #8c8c8c;
}

@media (max-width: 991px) {
    .toolbar-mobile ul.toolbar-menu {
        border-right: solid 1px #8c8c8c;
    }
}

/** drop down **/

.default-select {
    color: #575656;
}

.Select-menu-scroll-view {
    width: 100%;
}

.dropdown__content {
    border: 0;
}

.dropdown__trigger {
    cursor: pointer;
}

/* Date input */

.date-picker .rdtPicker thead tr:first-child th:hover {
    background: white;
}

.date-picker .rdtPicker th:hover {
    background: white;
}

.date-picker .rdtPicker .rdtNext span,
.date-picker .rdtPicker .rdtPrev span {
    color: transparent;
}

.date-picker .rdtPicker .rdtSwitch {
    font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
}

.date-picker .rdtPicker .rdtActive,
.date-picker .rdtPicker .rdtActive:hover,
.date-picker .rdtPicker .rdtActive.rdtMonth:hover,
.date-picker .rdtPicker .rdtActive.rdtYear:hover {
    background-color: rgba(103, 158, 42, 0.5);
    color: inherit;
}

.date-picker .rdtPicker .rdtMonth:hover,
.date-picker .rdtPicker .rdtYear:hover {
    background-color: transparent;
    color: inherit;
}

.date-picker .rdtPicker .rdtYear.rdtOld {
    color: inherit;
}

.date-picker .rdtPicker td.rdtDisabled, .date-picker .rdtPicker td.rdtDisabled:hover {
    color: #999695;
}

/* account message */

.account-message-color {
    color: #ffffff;
    text-shadow: 0 0 10px #494848;
}

/* home page search form */

.search-form {
    background-color: rgba(58, 56, 56, 0.71);
}

.search-form .search-form-content .is-open-popup {
    background: #679e2a;
    color: #ffffff;
}

.search-form .search-form-content .saved {
    border: 2px solid #679e2a !important;
}

.search-form .search-form-content .where-field,
.search-form .search-form-content .what-field {
    background: #ffffff;
}

.search-form .search-form-content .start-field.is-open-popup,
.search-form .search-form-content .end-field.is-open-popup {
    background: #679e2a;
    color: #ffffff;
}

/* mobile search form */

.mobile-search-button-container {
    background-color: rgba(58, 56, 56, 0.71);
}

@media (max-width: 767px) {
    .search-form, .reservations-search-form .search-form-mobile {
        background-color: #ffffff;
    }
}

/* upcoming reservation */
.home-page-reservations-content .home-page-reservations-tiles .reservation-item .content .image-holder .description,
.reservation-tile-list .reservation-tile .content .description-holder .description,
.asset-block-tooltip .asset-tooltip-image .calendar-default-price {
    background: rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    font-size: 16px;
}

/* date time popup */

@media (min-width: 768px) {
    .date-time-popup .date-col {
        border-right: 1px solid #aaaaaa;
    }
}

@media (max-width: 767px) {
    .cancel-save-buttons {
        border-top: 1px solid #aaaaaa;
    }
}

.time-picker .meridiems button {
    color: #575656;
    background-color: #FFFFFF;
    font-size: 24px;
}

.time-picker .meridiems button.active {
    background-color: rgba(103, 158, 42, 0.5);
}

.time-picker-content .time-col .time-picker .meridiems button:focus {
    outline: 1px solid #679e2a;
}

/* Scrollbar */

.scroll .scroll-track .thumb {
    background-color: #575656 !important;
    border-radius: 0 !important;
}

.scroll-vertical {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 24px
}

.scroll-horizontal {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 24px;
}

.scroll {
    background-color: #F2F1F1 !important;
}

.scroll-view {
    padding: 8px;
}

.scroll .previousBtn, .scroll .nextBtn {
    position: absolute;
    background-color: #F2F1F1;
    border: 0;
    outline: 0;
    padding: 0;
}

.scroll .previousBtn > span, .scroll .nextBtn > span {
    background-size: 15px 15px;
    width: 15px;
    height: 100%;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
}

.scroll .previousBtn:hover, .scroll .nextBtn:hover {
    background: #d6d6d6;
}

.scroll .previousBtn:active, .scroll .nextBtn:active {
    background: #989898;
}

.scroll-vertical .previousBtn, .scroll-vertical .nextBtn {
    width: 100%;
    height: 20px;
}

.scroll-horizontal .previousBtn, .scroll-horizontal .nextBtn {
    height: 100%;
    width: 20px;
    text-align: center;
    padding: 0;
    vertical-align: middle;
}

.scroll-vertical .previousBtn {
    top: 0;
    left: 0;
    -moz-transform: rotate(180deg);
    /* for Firefox */
    -ms-transform: rotate(180deg);
    /* for IE */
    -webkit-transform: rotate(180deg);
    /* for Safari, Chrome, iOS */
    -o-transform: rotate(180deg);
    /* for Opera */
    transform: rotate(180deg);
}

.scroll-vertical .nextBtn {
    bottom: 0;
    left: 0;
}

.scroll-horizontal .previousBtn {
    left: 0;
    top: 0;
    -moz-transform: rotate(180deg);
    /* for Firefox */
    -ms-transform: rotate(180deg);
    /* for IE */
    -webkit-transform: rotate(180deg);
    /* for Safari, Chrome, iOS */
    -o-transform: rotate(180deg);
    /* for Opera */
    transform: rotate(180deg);
}

.scroll-horizontal .nextBtn {
    right: 0;
    top: 0;
}

.scroll-track.horizontal {
    margin: 0 20px;
}

.scroll-track.vertical {
    margin: 20px 0;
}

.scroll-track.vertical .thumb {
    width: 18px !important;
    margin-left: 3px;
}

.scroll-track.vertical {
    width: 100% !important;
}

.scroll-track.horizontal .thumb {
    height: 18px !important;
    margin-top: 3px;
}

.scroll-track.horizontal {
    height: 24px !important;
    right: 0 !important;
}

/*Log In page*/

.sign-form-container {
    border: solid 1px #296897;
    background: #ffffff;
    box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.71);
}

.saml-login {
    border-top: 15px solid rgba(0, 0, 0, 0.9);
}

.sign-form-container .sign-form-header,
.sign-form-container .separator-curve .circle {
    background: rgba(0, 0, 0, 0.07);
}

/*error message*/

.error-message {
    background: white;
}

/*inputs with invalid values*/

.error-input {
    border: 1px solid #8f0e00 !important;
    outline: none;
}

.error-input:focus {
    outline-offset: 0;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-text-fill-color: inherit;
    transition: background-color 5000s ease-in-out 0s;
}

/*Setting Page navigation*/

.nav-bar,
.my-reservations-container .mobile-search-button-container .search-form-content,
.team-reservations-popup .mobile-search-button-container .search-form-content {
    background: #3a3838;
}

.navigation a {
    color: #ffffff;
    font-size: 15px;
}

.side-bar-navigation a {
    color: #575656;
}

.back-sub-tab {
    text-transform: uppercase;
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
}

.back-sub-tab:not(.font-disabled) {
    cursor: pointer;
}

.active-tab {
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
    border-bottom: 5px solid #296897;
}

.active-sub-tab {
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif !important;
    color: #296987 !important;
}

.sub-tabs-title {
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
    font-size: 16px;
    border-bottom: 1px solid #575656;
}

/*Setting Page Activity Window*/
.activity-window-title {
    background-color: #dfdfdf;
    font-family: 'DIN Regular', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
}

.main-section {
    background-color: #ededed;
}

/*Reservations tab*/

.reservations-tab-error-popup .reservations-errors-grid th,
.home-page-reservations-row {
    background-color: #ededed;
}

/*Grid related style*/

.aq-table th {
    background-color: #eaf9fc;
}

.grid-filter-popup .arrow-background-bottom {
    border-bottom: 10px solid #ededed;
}

.grid-filter-popup .name-row {
    background-color: #ededed;
}

.grid-filter-popup .sort-start {
    font-size: 14px;
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
}

.grid-filter-popup .sort-start.disabled {
    border-bottom: 1px solid #999695;
}

.grid-filter-popup .sort-end {
    font-size: 14px;
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
}

.grid-filter-popup .filter-input .search-icon {
    background-color: #679e2a;
}

.busy-container .popup .error-popup {
    width: 100%;
}

.busy-container .confirm-popup-background {
    background: rgba(0, 0, 0, 0.49);
    position: absolute;
}

.image-container {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.image-container img {
    width: 100%;
    height: 100%;
}

.image-container.loading img {
    visibility: hidden;
}

.image-container .spinner, .user-image-container .spinner {
    position: absolute;
    left: calc(50% - 45px);
    top: calc(50% - 12px);
}

.spinner {
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #575656;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

/** checkbox **/
/* Base for label styling */
[type="checkbox"]:not(.bigCheckbox) {
    opacity: 0 !important;
    display: inline-block;
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    border: hidden !important;
    position: absolute;
}

.bigCheckbox[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

[type="checkbox"][tabindex]:not(.bigCheckbox) + label {
    border: 6px solid transparent
}

[type="checkbox"].focusable:not(.bigCheckbox):focus + label,
[type="checkbox"][tabindex]:not(.bigCheckbox):focus + label {
    outline: 1px solid #296987;
}

[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 17px;
    line-height: 17px;
    min-height: 17px;
    min-width: 17px;
    margin-bottom: 0;
    cursor: pointer;
}

.bigCheckbox[type="checkbox"] + label {
    padding-left: 42px;
    line-height: 22px;
    padding-top: 7px;
    min-height: 42px;
    min-width: 42px;
}

/* checkbox aspect */
[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #575656;
    background: #ffffff;
}

.bigCheckbox[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    border: 1px solid #575656;
    background: #ffffff;
}

/* checked mark aspect */
[type="checkbox"] + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    line-height: 0.8;
    color: black;
    transition: all .1s;
}

.bigCheckbox[type="checkbox"] + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    line-height: 0.8;
    color: #575656;
    transition: all .1s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border: 1px solid #575656;
    background: #ffffff;
}

[type="checkbox"]:disabled:checked + label:after,
[type="checkbox"]:disabled:checked + label:after {
    opacity: 0.6;
}

[type="checkbox"]:disabled + label,
[type="radio"]:disabled + label,
[type="radio"]:disabled + label:after,
.disabled {
    color: #aaa;
    cursor: auto;
}

.checkbox-label-content {
    padding-left: 8px;
}

textarea {
    outline: none;
    -moz-appearance: none;
    resize: none;
    overflow: auto;
    border: 1px solid #575656;
    padding: 10px 1px 0 17px;
}

.popup-wrapper, .popup-wrapper .confirm-popup-background, .popup-block-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.popup-wrapper .confirm-popup-background {
    background: rgba(0, 0, 0, 0.49);
    z-index: 100;
}

@media (max-width: 767px) {
    .popup-wrapper .confirm-popup-background {
        position: fixed;
    }
}

.popup-block-background {
    background: transparent;
    z-index: 110;
    transform: translate3d(0, 0, 0);
    cursor: default;
}

.popup-wrapper > .popup {
    position: relative;
    margin: 40px 5% 0 5%;
    z-index: 150;
    padding: 25px 15px 15px;
}

.popup > .controls {
    text-align: right;
}

.highlighted {
    z-index: 200;
    position: relative;
    box-shadow: 12px 12px 29px 0 rgba(0, 0, 0, 0.71);
    background-color: #ffffff;
    border: solid 1px #296897;
    pointer-events: none;
}

.centered-controls {
    text-align: center;
}

.popup > .centered-controls .button-primary,
.popup > .controls .button-primary {
    min-width: 110px;
    margin-left: 10px;
    margin-top: 10px;
}

.popup > .centered-controls .button-primary.control-bt-3,
.popup > .controls .button-primary.control-bt-3 {
    max-width: calc(33% - 7px);
}

.popup > .centered-controls .button-primary.control-bt-2,
.popup > .controls .button-primary.control-bt-2 {
    max-width: calc(50% - 5px);
}

.popup > .centered-controls .button-primary:first-child,
.popup > .controls .button-primary:first-child {
    margin-left: 0;
}

@media (max-width: 767px) {
    .popup > .centered-controls .button-primary.control-bt-3,
    .popup > .controls .button-primary.control-bt-3 {
        width: calc(33% - 7px);
    }

    .popup > .centered-controls .button-primary.control-bt-2,
    .popup > .controls .button-primary.control-bt-2 {
        width: calc(50% - 5px);
    }
}

@media (min-width: 495px) and (max-width: 767px) {
    .popup > .centered-controls .button-primary.control-bt-3,
    .popup > .controls .button-primary.control-bt-3 {
        min-width: 100px;
    }

    .popup > .centered-controls .button-primary.control-bt-2,
    .popup > .controls .button-primary.control-bt-2 {
        min-width: 150px;
    }
}

@media (max-width: 494px) {
    .popup > .centered-controls .button-primary.control-bt-2,
    .popup > .controls .button-primary.control-bt-2 {
        min-width: 100px;
    }
}

.popup-wrapper > .popup .error-message {
    margin-bottom: 0;
}

.popup-wrapper > .popup .error-message {
    margin-bottom: 0;
}

.popup-wrapper > .popup .inform-message {
    text-align: center;
}

.popup-wrapper > .popup .error-message .error-icon {
    width: 40px;
    height: 40px;
    background-size: 60px 60px;
    background-position: center center;
    margin-top: 0;
}

.popup-wrapper > .popup .error-message .error-content {
    padding: 5px 10px 10px;
}

.geosuggest__suggests {
    position: absolute !important;
    margin-top: 2px !important;
    overflow: hidden !important;
}

.geosuggest__suggests .geosuggest__item {
    padding: 3px 10px;
    margin-bottom: 4px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.geosuggest__suggests .geosuggest__item:active {
    background-color: #679e2a;
    color: #ffffff;
}

.geosuggest__suggests .geosuggest__suggests__list {
    padding: 0;
    margin-bottom: 0;
}

.geosuggest__suggests .geosuggest__item:first-child {
    margin-top: 0;
}

.geosuggest__suggests .geosuggest__item:last-child {
    margin-bottom: 0;
}

.geosuggest__suggests .geosuggest__item:hover:not(:active) {
    background-color: #d6d5d5;
}

.geosuggest .geosuggest__suggests--hidden {
    display: none;
}

@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinnerRotate {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes spinnerRotate {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}

.spin {
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

.where-popup .where-label-selected {
    color: #FFFFFF;
    border-color: #679E2A;
}

.where-widget .where-value-selected {
    color: #FFFFFF;
}

.green-highlight:focus {
    outline: 1px solid #679E2A !important;
}

.gray-highlight:focus {
    outline: 1px solid #575656 !important;
}

.blue-highlight:focus, .icon-button:focus, .tab-button:focus, [tabindex]:focus, [type="checkbox"]:focus + label, [type="radio"]:focus + label:after  {
    outline: 1px solid #296897 !important;
}

.required-field-valid:before {
    content: '*';
    color: #296897;
    font-size: calc(1em - 2px);
    vertical-align: top;
}

/*tooltip*/
.tooltip-generated-wrapper {
    display: inline;
}

.tooltip-generated-block {
    position: absolute;
}

.custom-tooltip {
    background-color: #FFFFFF !important;
    color: #575656 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    border: solid 1px #296897 !important;
    padding: 18px !important;
    font-size: inherit !important;
    box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.71) !important;
    transform: none;
    z-index: 180;
    max-width: 800px;
    word-wrap: break-word;
}

.custom-tooltip:hover {
    visibility: visible !important;
    opacity: 1 !important;
}

.tooltip-parent {
    display: inline-block;
}

/*for the left arrow*/
.custom-tooltip.place-right::after {
    border-right: #FFFFFF solid 10px !important;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    left: -10px !important;
    margin-top: -7px !important;
}

.custom-tooltip.place-right::before {
    border-right: #296897 solid 11px !important;
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    left: -11px !important;
    margin-top: -8px !important;
}

/*for the right arrow*/
.custom-tooltip.place-left::after {
    border-left: #FFFFFF solid 10px !important;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    right: -10px !important;
    margin-top: -7px !important;
}

.custom-tooltip.place-left::before {
    border-left: #296897 solid 11px !important;
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    right: -11px !important;
    margin-top: -8px !important;
}

/*for the top arrow*/
.custom-tooltip.place-bottom::after {
    border-bottom: #FFFFFF solid 10px !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    top: -10px !important;
    margin-left: -7px !important;
}

.custom-tooltip.place-bottom::before {
    border-bottom: #296897 solid 11px !important;
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    top: -11px !important;
    margin-left: -8px !important;
}

/*for the bottom arrow*/
.custom-tooltip.place-top::after {
    border-top: #FFFFFF solid 10px !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    bottom: -10px !important;
    margin-left: -7px !important;
}

.custom-tooltip.place-top::before {
    border-top: #296897 solid 11px !important;
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    bottom: -11px !important;
    margin-left: -8px !important;
}

.custom-tooltip.gray-background {
    background: #DFDFDF !important;
}

.custom-tooltip.place-top.gray-background::after {
    border-top-color: #DFDFDF !important;
}

.custom-tooltip.place-right.gray-background::after {
    border-right-color: #DFDFDF !important;
}

.custom-tooltip.place-bottom.gray-background::after {
    border-bottom-color: #DFDFDF !important;
}

.custom-tooltip.place-left.gray-background::after {
    border-left-color: #DFDFDF !important;
}

/*button for adding an image*/
.add-image-button {
    cursor: pointer;
    font-family: 'DIN Bold', Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 8px 15px 10px;
}

.add-image-button[disabled] {
    cursor: default;
    pointer-events: none;
}

/*user profile image*/
.user-image-container {
    width: 100%;
}

.user-photo .user-image-container.is-photo-dialog {
    border: 5px solid #FFFFFF;
}

.user-image-container .trash-container {
    background: rgba(0, 0, 0, 0.49);
}

.radial-progress {
    width: 50px;
    height: 50px;
    background-size: 58px 58px;
    background-position: center;
}

.loading-screen .logo {
    height: auto;
    max-height: 200px;
    max-width: 100%;
}

.Down_Arrow_Solid_White {
    width: 20px;
    height: 20px;
}

.Expanding_Filter_Grey, .Collapse_Filter_Blue {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.loading-screen {
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    height: 80%;
}

.flex-display {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
}

.column-direction {
    -ms-box-orient: vertical;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.navigation {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    order: 1;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* dropdown link */
.dropdown {
    display: inline-block;
    color: inherit;
}

.dropdown .dropdown__trigger {
    word-wrap: break-word;
}

/* dropdown content */
.dropdown__content {
    z-index: 100;
    margin-top: 10px;
    padding: 15px 10px 15px 15px;
    display: none;
    position: absolute;
    min-width: 250px;
    color: inherit;
    right: 0;
    text-align: left;
}

.dropdown__content ul {
    padding-left: 15px;
    margin-bottom: 0;
}

.dropdown--active .dropdown__content {
    display: block;
}

.Toggle_OFF, .Toggle_ON, .Toggle_Disabled {
    width: 82px;
    height: 34px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.Toggle_Disabled {
    cursor: default;
}

.popup-content-wrapper .row.form-header.second-header {
    background-color: #eaf9fc;
    border-top: 2px solid #296897;
}

.photos .panel-container {
    background-color: #ededed;
}

.popup.image-gallery-popup .image-gallery-thumbnails .image-gallery-thumbnails-container .image-gallery-thumbnail.active img {
    border: 2px solid #296897;
}

.related-assets .asset-item .content-wrapper .content .description {
    background: rgba(0, 0, 0, 0.6);
}

.related-assets .asset-item-column .actions .required-field-valid:before {
    color: #ffffff;
}

/*Search Results*/

.available-assets-popup .arrow-background-bottom, .team-reservations-popup .arrow-background-bottom {
    border-bottom: 10px solid #dfdfdf;
}

.available-assets-popup .header {
    background-color: #DFDFDF;
}

.available-assets-popup .header .title {
    border-bottom: 1px solid black;
}

.search-result-list-view-container .search-result-list .search-result-item .content-wrapper .content .description {
    background: rgba(0, 0, 0, 0.6);
}

.create-reservation-popup .arrow-container .arrow-background-bottom {
    border-bottom-color: #686767;
}

.create-reservation-popup-lock {
    background-color: rgba(255, 255, 255, 0.01);
}

/* Assets Calendar */

.calendar {
    background: #DFDFDF;
}

.calendar .calendar-heading-row .asset-block {
    background-color: #FFFFFF;
}

.calendar ul.hour-horizontal-list {
    background-color: #eaf9fc;
}

.multipoint-results-calendar-view .calendar ul.hour-horizontal-list {
    background-color: #FFFFFF;
}

.calendar .asset-block a {
    color: #575656;
}

.calendar .calendar-grid .time-block.unavailable,
.calendar-legend .markers-container ul.markers li.unavailable:before {
    background: #DFDFDF;
}

.calendar .calendar-grid .time-block.reserved,
.calendar-legend .markers-container ul.markers li.reserved:before {
    background: #8F0F00;
}

.calendar .calendar-grid .time-block.selected,
.calendar-legend .markers-container ul.markers li.selected:before {
    background: #0072C6;
}

.calendar .calendar-grid .time-block.requested,
.calendar .calendar-grid .time-block.reserved,
.calendar .calendar-grid .time-block.selected {
    border-left: 5px solid black;
}

.floor-plan-window,
.calendar-legend .markers-container ul.markers li.available:before {
    border: 1px solid #575656;
    background: #fff;
}

.map-container .map-element > div {
    background: #A3CCFF !important;
}

/*range slider*/

.rc-slider.range-slider {
    height: 28px;
    padding: 13px 0;
    margin: 0 14px;
    width: calc(100% - 28px);
}

.rc-slider.range-slider .rc-slider-rail {
    height: 2px;
    background-color: #575656;
}

.rc-slider.range-slider .rc-slider-track {
    height: 2px;
    background-color: #575656;
}

.rc-slider.range-slider .rc-slider-handle {
    width: 28px;
    height: 28px;
    background-color: #575656;
    border-color: #575656;
    margin-top: -13px;
    cursor: pointer;
}

.rc-slider.range-slider .rc-slider-handle-1 {
    margin-left: -14px;
}

.rc-slider.range-slider .rc-slider-handle-2 {
    margin-right: -14px;
}

.rc-slider.range-slider .rc-slider-handle:hover {
    border-color: #575656;
}

.rc-slider.range-slider .rc-slider-handle:active {
    box-shadow: 0 0 5px #575656;
}

.rc-slider.range-slider:before {
    position: absolute;
    left: 0;
    width: 15px;
    height: 2px;
    margin-left: -14px;
    content: ' ';
    background-color: #575656;
}

.rc-slider.range-slider:after {
    position: absolute;
    right: 0;
    width: 15px;
    height: 2px;
    margin-right: -14px;
    content: ' ';
    background-color: #575656;
}

.grab-cursor {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.bulk-management .contact-link, .bulk-management a {
    color: #575656;
    text-decoration: underline;
}

.team-reservations-popup .activity-window-mobile .search-button-mobile,
.team-reservations-popup .activity-window-mobile .search-button-mobile:active,
.team-reservations-popup .activity-window-mobile .search-button-mobile:focus {
    background-color: #296897;
    color: #FFFFFF;
}

.break-word {
    white-space: normal;
    word-wrap: break-word;
}

.user-status-popup {
    z-index: 1000 !important;
}

.person-search-results-popup .navigation {
    background-color: #3a3838;
    color: #ffffff;
}

.person-search-results-popup .arrow-background-bottom {
    border-bottom: 10px solid #3a3838;
}

.float-btn {
    position:fixed;
    width:45px;
    height:45px;
    bottom:40px;
    right:40px;
    z-index: 100;
    background-size: 30px 30px;
    border-radius: 100%;
}

.color-picker-popup .react-colorful__saturation {
    border-radius: 0;
}

.color-picker-popup .react-colorful__hue {
    border-radius: 0;
}

.color-picker-popup .react-colorful__interactive:focus {
    outline: none !important;
}

.go-to-compliant-hidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    margin: 0;
}

.go-to-compliant-visible {
    position: absolute;
    top: 3px;
    left: 10px;
}

.relative {
    position: relative;
}

.none {
    display: none;
}

.inline {
    display: inline;
}

.block {
    display: block;
}

.full-height {
    height: 100%;
}

.overflow-initial {
    overflow: initial;
}

.overflow-hidden {
    overflow: hidden;
}

.visibility-visible {
    visibility: visible;
}

.visibility-hidden {
    visibility: hidden;
}

.min-height-1 {
    min-height: 1px;
}

.min-height-25 {
    min-height: 25px;
}