﻿/* Mobile rules */
@media screen and (max-width: 480px) {
    body > form > div {
        width: 100% !important;
        margin: 0px !important;
    }

    .poweredbysection {
        display: none;
    }

    .header-container {
        height: 100px;
        margin-bottom: 0px;
    }

    .header-content {
        height: 60%;
    }

    .header-content h1 {
        font-size: 22px;
    }

    .filter-button-container {
        display: block;
        height: 40%;
        width: 100%;
    }

    .filter-button-container .searchoptions-button-container {
        height: 100%;
        float: right;
        display: block;
    }

    .filter-button-container .settings-button-container {
        height: 100%;
        float: left;
    }

    /*.filter-button-container > div {
        height: 100%;
        float: right;
    }*/

        .filter-button-container input, .filter-button-container button {
            box-sizing: border-box;
            background: url(https://reflexdatastore001.blob.core.windows.net/content/76e6d1db-00e9-42da-8c7c-55237529515d/conference2/images/magnifying-glass-white_25x25.png) 5px center no-repeat;
            background-color: #293c5b;
            border: 0px;
            border-left: 1px solid #ffffff;
            color: #ffffff;
            cursor: pointer;
            /*float: left;*/
            font-weight: normal;
            font-size: 16px;
            height: 100%;
            outline: none;
            /*min-width: 130px;
        max-width: 220px;*/
            padding-left: 35px;
        }

    .ath-action-icon {
	    display: inline-block;
	    vertical-align: middle;
	    background-position: 50%;
	    background-repeat: no-repeat;
	    text-indent: -9999em;
	    overflow: hidden;
    }

    .ath-ios7-action-icon,
    .ath-ios8-action-icon,
    .ath-ios9-action-icon {
	    width: 1.6em;
	    height: 1.6em;
	    background-image:url(data:image/png;base64,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);
	    margin-top: -0.3em;
	    background-size: auto 100%;
    }

    .ath-ios6-action-icon {
	    width: 1.8em;
	    height: 1.8em;
	    background-image:url(data:image/png;base64,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);
	    margin-bottom: 0.4em;
	    background-size: 100% auto;
    }

    .ath-android-action-icon,
    .ath-androidStock-action-icon,
    .ath-firefoxMobile-action-icon {
	    width: 1.4em;
	    height: 1.4em;
	    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2ODRFM0VGNDc0NTExRTRCNEUxODAyMzVCNkM5RTU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2ODRFM0YwNDc0NTExRTRCNEUxODAyMzVCNkM5RTU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTY4NEUzRUQ0NzQ1MTFFNEI0RTE4MDIzNUI2QzlFNTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTY4NEUzRUU0NzQ1MTFFNEI0RTE4MDIzNUI2QzlFNTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7bs1dGAAABKElEQVR42uyXywnCQBRFxyCxCFsQ/CzUGtQGdOfGuBJbcWcqsAGtwY2Iii1YgbhQF/EOvEAQ/ARnkhHug7NwvJC5hDBzClEUqV8nCILkTx+MQR9UZO0IFmAObnEwDMOfn11UZqcMlqD2tN4WhqAHTqYe6BncvP9i88nR/61AycUCwYfNx1MFIxcLDCxlMyvQSJGtu1ggzdxdLLBNkT26WGBhKZtZAX0q7b/IHSTrXIEr6ILdm4wu2JGskx+xPmFbYAo24CJsZK1p8hS2cZVQcteZCdanYOIyl+d46s+HBfIeIx/xk9B8f3AYEBobb0B7wQSswVlYy5rv5BugkdHIaGQ0MhoZjYxGRiOjkdEHWIBGRiOjkdHIaGQ0MhoZjYxGRiPL1sgeAgwApeJtJOoNgAYAAAAASUVORK5CYII=);
	    background-size: 100% auto;
    }

    .controlscontainer {
        width: 100%;
    }

    .single-control-container {
        /*height: 48px;*/
    }

    .single-control-container .control,
    .single-control-container .control-label {
        margin: 0px 23px;
    }

    .single-control-container .control td {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .datepicker-calendar.open {
        left: 30px!important;
    }

    .datepicker-calendar {
        width: 250px!important;
    }

    .datepicker-calendar-prevmonth,
    .datepicker-calendar-nextmonth {
        font-size: 14px!important;
        width: 29px!important;
    }

    .datepicker-calendar-monthlist {
        width: 182px!important;
    }

    .datepicker-calendar-header > span,
    .datepicker-calendar-overview > span,
    .datepicker-calendar-overview > a {
        font-size: 14px!important;
        /*width: 35px!important;*/
        width: 12%!important;
    }

    .facilitypictures {
        float: left;
        margin-top: 20px;
        width: 100%;
    }

    .facility {
        /*width: 100%;*/
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        min-width: 0;
    }

    .facility-content {
        width: 100%;
        margin: 0px;
        position: relative;
    }

    .facility-info-button {
        /*display: initial;*/
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 20;
        width: 30px;
        height: 30px;
        background-color: #c6eafb;
        cursor: pointer;
    }

    .facility-information-icon {
        /*background: initial!important;*/
    }

    .facility-information-content-text {
        box-sizing: border-box;
        height: 150px;
        /*min-width: 192px;*/
        /*display: inline-block;*/
        /*width: 100%;*/
        overflow-y: scroll;
        overflow-x: hidden;
        padding-right: 18px;
        padding-top: 3px;
        padding-left: 3px;
        width: -webkit-calc(100% - 18px);
        width: calc(100% + 18px);
        word-wrap: break-word;
    }

    .facility-description-wrapper .facility-icon {
        display: none;
    }

    .facility-description > div {
        margin-left: 0;
        width: 100%;
        padding-right: 0;
        word-wrap: break-word;
    }

    .facility-description > div > h3 {
        margin-right: 40px;
        margin-right: -webkit-calc(3% + 30px);
        margin-right: calc(3% + 30px);
        margin-left: 5px;
    }

    .summary-container {
        float: left;
        margin-top: 20px;
        width: 100%;
    }

    .summary-wrapper {
        width: 100%;
        margin: 0px;
    }

    .availabilitycontainer {
        float: left;
        margin-top: 20px;
        width: 100%;
    }

    .availability-wrapper {
        width: 100%;
        margin: 0px;
    }

    .available-objects-icon, .unavailable-objects-icon {
        display: none;
    }

    .available-objects-list,
    .unavailable-objects-list {
        margin-left: 0;
    }

    .available-objects-list .object-selector-cell,
    .unavailable-objects-list .object-selector-cell {
        margin-left: 10px;
    }

    .available-objects-list .object-availability-cell,
    .unavailable-objects-list .object-availability-cell {
        margin-top: 5px;
    }

    .available-objects-list > div > .facilityname,
    .unavailable-objects-list > div > .facilityname {
        width: -webkit-calc(100% - 45px);
        width: calc(100% - 45px);
    }

    .availability-button-wrapper {
        position: relative;
        height: 40px;
    }

    .availability-button-wrapper > input {
        float: none;
        margin: 10px 10% 10px 10%;
        width: 80%;
        height: 75%;
    }

    .available-objects-container {
        margin-top: 0px;
    }

    .facilityname .popover,
    .facilityinformation-popover
    {
        width: 90%!important;
        left: 0!important;
        margin-left: 10px;
        /*margin-left: -webkit-calc(5% - 4px);
        margin-left: calc(5% - 4px);*/
    }

    .controlscontainer-visibility {
        display: none;
    }

    .summary-searchsettings-state {
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

    .summary-searchsettings-state-show {
        background: url(https://reflexdatastore001.blob.core.windows.net/content/76e6d1db-00e9-42da-8c7c-55237529515d/conference2/images/filled-arrow-right-white_25x25.png) center bottom no-repeat;
        background-size: 20px 20px;
    }

    .summary-searchsettings-state-hide {
        background: url(https://reflexdatastore001.blob.core.windows.net/content/76e6d1db-00e9-42da-8c7c-55237529515d/conference2/images/filled-arrow-down-white_25x25.png) center bottom no-repeat;
        background-size: 20px 20px;
    }

    .summary-searchsettings {
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
    }
    
    .summary-searchsettings > div.summary-default-invisible {
        display: none;
    }

    .page-buttons-wrapper {
        margin: 20px 0px 20px 0px;
        width: 100%;
    }

    .page-buttons-wrapper-top {
        margin-top: 0px;
    }

    .page-buttons-wrapper > input[type=submit] {
	    margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 5px;
        /*height: 30px;*/
        height: 44px;
        width: 100%;
    }

    .page-buttons-wrapper > .page-button-left-halfwidth {
        padding-right: 0px;
        width: 48%!important;
    }

    .page-buttons-wrapper > .page-button-right-halfwidth {
        padding-left: 0px;
        width: 48%!important;
    }

    .savecontainer {
        float: left;
        margin-top: 20px;
        width: 100%;
    }

    .save-wrapper {
        width: 100%;
        margin: 0px;
    }

    .save-wrapper .extras-icon,
    .save-wrapper .bookinginformation-icon,
    .save-wrapper .contacts-icon {
        display: none;
    }

    .extras-wrapper .quantitydisp {
        width: 60px;
    }

    .extras-wrapper .name {
        width: -webkit-calc(100% - 135px);
        width: calc(100% - 135px);
    }

    .extras-wrapper .actions {
        width: 75px;
    }

    #NewContactFormModal .modal-dialog {
        height: 410px;
    }

    .newcontactform-iframe {
        /*width: calc(100% - 10px);*/
    }

    #NewContactFormModal .modal-header h4 {
        font-size: 16px;
    }

    #NewContactFormModal .modal-body {
        /*height: calc(100% - 47px);*/
    }

    .newcontactform > div > input,
    .newcontactform > div > select,
    .newcontactform > div > span {
        box-sizing: border-box;
        width: 95%;
        font-size: 16px;
    }

    .newcontactform-wrapper .controlscontainer .footeractions {
        box-sizing: border-box;
        width: 95%;
        padding-right: 0;
    }

    .bookingoverview-summary-container, .bookingoverview-container {
        margin-top: 20px;
        width: 100%;
    }

    .bookingoverview-summary-wrapper, .bookingoverview {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

    .bookingoverview-summary {
        margin: 10px 0px 0px 0px;
        width: 100%;
    }

    .bookingoverview-summary > div {
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        min-width: 0;
        word-wrap: break-word;
    }

    .bookingoverview-summary > div > h3 {
        font-size: 16px;
        word-wrap: break-word;
    }

    .bookingoverview-actions {
        width: 100%;
        margin: 10px 0px;
        float: left;
    }

    .bookingoverview-actions > input {
        box-sizing: border-box;
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px);
    }

    .bookingoverview-periodcontrol-container .bookingoverview-periodcontrol table + div,
    .bookingoverview-periodcontrol-container table {
        width: -webkit-calc(100% - 15px)!important;
        width: calc(100% - 15px)!important;
        min-width: 150px;
        max-width: -webkit-calc(100% - 15px)!important;
        max-width: calc(100% - 15px)!important;
    }

    .bookingoverview-periodcontrol-container table input[type=text],
    .bookingoverview-periodcontrol-container button {
        width: 100%!important;
    }


    .bookingoverviewitem-icon,
    .bookingoverviewcancelleditem-icon
    {
        display: table-cell;
        vertical-align: top;
        width: 30px;
    }

    .bookingoverviewitem-content {
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
    }

    .bookingoverviewitem-content-part {
        margin-right: 10px;
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
        min-width: 0;
    }

    .bookingoverviewitem-content-part:last-child {
        margin-bottom: 10px;
    }

    .bookingoverviewitem-content-part .label, .bookingoverviewitem-content-part .control {
        width: 100%;
    }

    .searchoptions-changed-modal {
        width: 95%!important;
        max-width: 600px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .searchoptions-alert {
        border-radius: 0px!important;
        margin-left: 0px;
        width: 100%;
        box-sizing: border-box;
    }
}

/* Hack/solution to prevent auto-zooming in iOS-Safari */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    * {
        -webkit-appearance: none;
    }

    select,
    textarea,
    input[type=text] {
        font-size: 16px;
    }
}
/* Hack/solution to prevent auto-zooming in iOS-Safari */
@media only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
    * {
        -webkit-appearance: none;
    }

    select,
    textarea,
    input[type=text] {
        font-size: 16px;
    }
}
 /*Hack/solution to prevent auto-zooming in iOS-Safari*/ 
@media screen and (device-aspect-ratio: 2/3) {
    select,
    textarea,
    input[type=text] {
        font-size: 16px;
    }
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}*/