/* IMPORT jQUERY UI STYLES */
@import url(jquery-ui.min.css);
@import url(jquery-ui.structure.min.css);
@import url(jquery-ui.theme.min.css);
/* END IMPORT */

.modal-dialog {position: fixed !important; top: 50%; left:50%; -webkit-transform: translate(-50%,-50%) !important ; -ms-transform: translate(-50%,-50%) !important ; -o-transform: translate(-50%,-50%) !important ; transform: translate(-50%,-50%) !important ;}
body .modal-header, body .modal-footer {border: none;}
 
table.sortable th {cursor: pointer;}

.admin-bar .notification {padding-top: 11px; top: 32px;}

.fade_out {opacity: 0; visibility: hidden; -webkit-transition: 300ms all ease-in-out; -moz-transition: 300ms all ease-in-out; -ms-transition: 300ms all ease-in-out; -o-transition: 300ms all ease-in-out; transition: 300ms all ease-in-out;}

.disabled {background-color:#ebebeb !important; cursor: default !important;}

.sidebar-restool {  position: absolute; top: 0; background-color: rgba(255,255,255,0.5); bottom: 0; width: 200px; }
.sidebar-restool ul li { opacity: 0.5; -webkit-transition: 200ms all ease-in-out; -moz-transition: 200ms all ease-in-out; -ms-transition: 200ms all ease-in-out; -o-transition: 200ms all ease-in-out; transition: 200ms all ease-in-out; }
.sidebar-restool ul li:hover, .sidebar-restool ul li.hover { opacity: 1; color: rgb(46, 54, 65); -webkit-transition: 200ms all ease-in-out; -moz-transition: 200ms all ease-in-out; -ms-transition: 200ms all ease-in-out; -o-transition: 200ms all ease-in-out; transition: 200ms all ease-in-out; }
.sidebar-restool ul {padding-left: 0; max-height: 100%; overflow: auto;}
.sidebar-restool ul::-webkit-scrollbar-track
{
	-webkit-box-shadow: none;
	background-color: transparent;
}

.sidebar-restool ul::-webkit-scrollbar
{
	width: 6px;
	background-color: transparent;
}

.sidebar-restool ul::-webkit-scrollbar-thumb
{
	background-color: rgba(0, 0, 0, 0.5);
}
.sidebar-restool ul li {list-style-type: none; font-weight: 700; font-size: 15px; cursor: pointer; padding: 4px 27px 3px; }
.sidebar-restool ul li.active {color: #d7e054; opacity:1; background-color: white;}
.sidebar-restool ul li.active.overlap {color: #de8426;}
.sidebar-restool ul li.active.occupied {color: #bd1a32;}
.sidebar-restool .sidebar-objects { padding-bottom: 55px; }

/* list view */
.main_content_reservation.list-view .list-view-header { margin-right: 9px; }
.main_content_reservation.list-view .date-row { margin-bottom: 26px; margin-top: 0px; }
.main .page-content.reservation_tool .main_content_reservation.list-view table.date-list { margin: 16px 0 13px; }
.main_content_reservation.list-view .list-view-header.rent-content { margin-top: 47px; }
.main .page-content.reservation_tool .occupation_labels { margin: 20px 0 38px; }
.divider , .divider.second { margin-right: -40px; margin-left: -40px; border-bottom: 1px solid #e9ebeb; }
.divider { padding-top: 34px; }
.divider.second {padding-top: 29px; }
.list-view .reservations-overview { padding-top: 27px; }
/*default styles*/
.controls { margin-bottom: 45px; padding-top: 10px; }
.page-content.reservation_tool .controls h1 { margin-bottom: 28px;}
.res-h3 { font-size: 20px; text-transform: uppercase; }
.main_content_reservation .res-h3 { margin-bottom: 8px; }
.row.bs-wizard { margin-top: -1px; }
.date-row .res-h3 { margin-top: 8px; }
.date-row h4 { margin-top: 2px; margin-bottom: 6px; }
.date-row.secondrow { margin-top: 25px; }
.date-time-list { margin-top: 25px; }
.date-time-list .res-h3 {margin-bottom:9px;}
.reservation-status span.inline {margin: 0 12px 0 0;}
.floor_overview_container { overflow: hidden; }
.change_view_link, .view-size { top:20px; }
.reservations-overview { padding-top: 24px; }
.main .page-content.reservation_tool .button-container .conf-btn .button, .main .page-content.reservation_tool .save-btn .button { display: block; text-align: center; padding: 17px 18px; }
p.new-code { margin-top: 15px; }
.sort-desc > span, .sort-asc > span {display:inline-block; position: absolute; height: 100%; width: 20px; right: 10px; top:50%; margin-top: -4px;  }
.sort-desc > span { background: url('/wp-content/plugins/wpplugin.reservation/app/public/img/arrow-down.png'); background-repeat: no-repeat; }
.sort-asc > span { background: url('/wp-content/plugins/wpplugin.reservation/app/public/img/arrow-up.png'); background-repeat: no-repeat; }
.sort-desc, .sort-asc { position: relative; }
.reservations-overview table.sortable td textarea { max-width: 85%; }
.th-res { text-indent: -999999px; }
/*full screen and default styles*/
.search-code-frm, .no-full-screen, .view-size, .view-options,  { display: inline-block; }
.search-code-frm input.res-code-inpt { min-width: 240px; margin-right: 17px; }
form.search-code-frm h4, .view-options h4 { text-align: left; text-transform: uppercase; }
form.search-code-frm input.button { width: auto; height: auto; padding: 1px 20px 0; box-shadow: 0 1px 3px rgba(0,0,0,.13); }
.modal-dialog .modal-content  { border-radius: 0; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.13); }
.modal-dialog .modal-header  { padding: 30px 30px 15px; }
.modal-dialog .modal-footer { padding: 5px 30px 30px; }
.modal-dialog .modal-body { padding: 15px 30px; }
.reservation_tool table input {max-width: 100%;}
.floor_overview_container { margin-left: -40px; margin-right: -40px; }
.floor_overview_container > div { max-width: none; } 
.floor_overview_container.facility-allmend { margin-top: 15px; }
.main .reservations-overview .edit-all input { line-height: 20px; padding-top: 12px; padding-bottom: 10px; }
/*contact select*/ 
.page-content select.gender-select {-webkit-appearance: none; border-radius: 0; background: url('/wp-content/plugins/wpplugin.reservation/app/public/img/select-arrow-black.png'); background-repeat: no-repeat; background-position: 96% 50%; height: 39px; }

/*full screen*/
.fullscreen_overlay {position: fixed; top:50px; left:50px; right: 50px; bottom: 50px; overflow-y: scroll; overflow-x: hidden; z-index: 90000;}
/*padding to the overlay*/
.reservation_tool.fullscreen_overlay .intro-title, .reservation_tool.fullscreen_overlay  .reservation-data-input, .reservation_tool.fullscreen_overlay .reservation-data-input, .reservation_tool.fullscreen_overlay .reservation-data-summary  { padding-left: 47px; }

.reservation-left-column {padding-top:17px; padding-bottom:32px;}	
.view-change-container, .reservation-cols .facility_tab_container, .reservation-cols .reservation-right-bottom-column, .reservation-cols  .add_reservation_container { padding-left: 30px; padding-right: 57px; }
.user_container {padding-top: 15px;}
.reservation-data-summary {padding-top: 28px;float: left;}
.page-content.reservation_tool h1, .page-content.reservation_tool h2 {font-size:30px;line-height: 33px;margin-bottom:20px;}
.reservation-header {padding-bottom:10px;}
.progress-container h4 {text-align: left;}
.reservation-header .progress-container {padding-bottom: 0;}
.reservation-right-top-column {overflow-y: scroll;}
.to-full-screen { cursor: pointer; position: static;  display: none; }
.no-full-screen { position: relative; float: left; top: 7px; }
.no-full-screen i { margin-left: 5px; cursor: help; }
.no-full-screen--info { display: none; position: absolute; right: -50px; bottom: 10px; width: 240px; text-align: center; padding: 5px; background-color: white; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.13); }
.no-full-screen i:hover + .no-full-screen--info { display: block; z-index: 50; }
.view-change-container {margin:11px 0 44px;}
.page-content.reservation_tool .main_content_reservation h1 {margin-bottom:22px;}
.page-content.reservation_tool .bs-wizard {padding: 0 0 4px 0;}
.reservation-data-input { float: left; }
.main .page-content.reservation_tool .reservation-data-summary table.date-list {margin: 8px 0;}
.reservation_tool.fullscreen_overlay .occupation_labels {margin:0;}
.main .reservation_tool.fullscreen_overlay.page-content.reservation_tool .reservation-data-summary table.date-list {margin:0;}
.reservation-right-bottom-column {padding-top: 40px; padding-bottom:40px;}
.floor_tab_container  {padding-top:50px;}

/* list in fullscreen */
.reservation_tool.fullscreen_overlay h3.res-h3:before { color: #2d3541; border: 2px solid #2d3541; border-radius: 50%; width: 24px; height: 24px; display: inline-block; margin-right: 8px; text-align: center; font-size: 14px; line-height: 20px; position: relative; top: -2px; }
.reservation_tool.fullscreen_overlay .reservation-data-input .left-column-header h3.res-h3:before { content: "1"; }
.reservation_tool.fullscreen_overlay .use-time h3.res-h3:before { content: "2"; }
.reservation_tool.fullscreen_overlay .fac-title  h3.res-h3:before { content: "3"; }
.reservation_tool.fullscreen_overlay .floor-title  h3.res-h3:before { content: "4"; }
.reservation_tool.fullscreen_overlay .object-title h3.res-h3:before { content: "5"; }
.reservation_tool.fullscreen_overlay .reservations-overview h3.res-h3:before { content: "6"; }
.fac-title h3.res-h3 { padding-left: 46px; margin-bottom: 24px; }
.floor-title, .fac-title  { padding-left: 36px; padding-right: 36px; }
.floor-title { margin-top:	37px;}
.object-title { margin-top: 40px; padding-left: 46px; }
.floor-title .res-h3 { margin-bottom: 5px; padding-left: 36px; margin-top: 0;}
.object-title .res-h3 { margin-bottom: 0; }
.reservation_tool.fullscreen_overlay .search-code-frm  h4, .reservation_tool.fullscreen_overlay .view-options h4 { margin-top: -1px; }
.reservation_tool.fullscreen_overlay .search-code-frm .res-code-inpt { margin-bottom: 7px; }
.reservation_tool.fullscreen_overlay .search-code-frm  h4 { margin-bottom: 12px; }
.reservation_tool.fullscreen_overlay  .layout-changer { margin-top: -2px; }
.reservation_tool.fullscreen_overlay .search-code-frm p { margin-bottom: 7px; }
.reservation_tool.fullscreen_overlay .search-code-frm input.res-code-inpt { line-height: 20px; max-width: none; }
.reservation_tool.fullscreen_overlay form.search-code-frm input.button, .reservation_tool.fullscreen_overlay .search-code-frm input.res-code-inpt { width: 100%; }
.reservation_tool.fullscreen_overlay .view-size {top: 5px; }
.reservation_tool.fullscreen_overlay .progress-container { padding: 60px 36px 54px 36px; border-bottom: none;}
.reservation_tool.fullscreen_overlay .controls {padding-top: 0; }
.reservation_tool.fullscreen_overlay .reservation-header .intro-title .res-h3 { margin-top: 25px; }
.reservation_tool.fullscreen_overlay .search-code-frm, .reservation_tool.fullscreen_overlay .progress-container { border-right: 1px solid #e9ebeb; }
.reservation_tool.fullscreen_overlay .reservation-header { border-bottom: 1px solid #e9ebeb; }
.page-content .page-content.reservation_tool.fullscreen_overlay { padding-top: 0; }
.reservation_tool.fullscreen_overlay .intro-title, .reservation_tool.fullscreen_overlay .view-options, .reservation_tool.fullscreen_overlay  .search-code-frm { padding-top: 37px; }
.reservation_tool.fullscreen_overlay .bs-wizard { padding: 0 9px 4px 9px; }
.reservation_tool.fullscreen_overlay .progress-container h4 { margin-bottom: 6px; margin-left: 9px; margin-top: 7px; }
.reservation_tool.fullscreen_overlay .controls { margin-bottom: 0; }
.reservation_tool.fullscreen_overlay .reservation-header { padding-bottom: 0; }
.reservation_tool.fullscreen_overlay .search-code-frm  {padding-right: 45px; padding-left: 35px; padding-bottom: 31px; }
.reservation_tool.fullscreen_overlay .view-options {padding-right: 45px; padding-left: 45px; }
.reservation_tool.fullscreen_overlay .search-code-frm input.res-code-inpt {min-width: 0; }
.reservation_tool.fullscreen_overlay .intro-title { padding-bottom: 25px; }
.reservation_tool.fullscreen_overlay  .reservation-data-input .left-column-header .res-h3 { margin-bottom: 21px; }
.reservation_tool.fullscreen_overlay .user_container { padding-top: 4px; }
.reservation_tool.fullscreen_overlay .second-time-row { padding-top: 14px; }
.reservation_tool.fullscreen_overlay .rirst-time-row { padding-top: 1px; }
.reservation_tool.fullscreen_overlay .user_container h5 { margin-bottom: 4px; }
.reservation_tool.fullscreen_overlay input.datepicker, .reservation_tool.fullscreen_overlay input.timepicker { padding-bottom: 10px; padding-top: 12px; }
.reservation_tool.fullscreen_overlay .usage-row, .reservation_tool.fullscreen_overlay .reservation-data-input { padding-bottom:19px; }
.reservation_tool.fullscreen_overlay .facility-tab { padding: 0 10px 0px 10px; background-position: 55% 55%; height:115px; }
.reservation_tool.fullscreen_overlay .floor_tab_container { margin-left: -10px; padding-top: 0; }
.reservation_tool.fullscreen_overlay .reservation-data-summary { padding-top: 19px; padding-right: 47px;}
.reservation_tool.fullscreen_overlay .use-time .res-h3 { margin-bottom: 23px; }
.reservation_tool.fullscreen_overlay .use-time { margin-bottom: 26px; }
.reservation_tool.fullscreen_overlay { padding-top: 54px; }
.reservation_tool.fullscreen_overlay .sidebar-restool .sidebar-objects { padding-left: 36px;  } 
.reservation_tool.fullscreen_overlay .floor_overview_container  .sidebar-restool .sidebar-objects { padding-left: 0px; padding-top: 29px; }
.reservation_tool.fullscreen_overlay .reservation-right-bottom-column { padding-top: 0;  }
.reservation_tool.fullscreen_overlay .reservations-overview { padding-top: 18px; }
.reservation_tool.fullscreen_overlay  .reservation-right-bottom-column { padding-left: 47px; padding-right: 47px; }
.reservation_tool.fullscreen_overlay .reservations-overview .res-h3 { margin-bottom: 24px; }
.reservation_tool.fullscreen_overlay .reservations-overview table { margin-top: 24px; }
.reservation_tool.fullscreen_overlay .facility-tab { width: 100%; }
.reservation_tool.fullscreen_overlay .reservations-overview h4 { font-size: 15px; }
.reservation_tool.fullscreen_overlay .facility_tab_container > div > div > div { padding: 0; }
.reservation_tool.fullscreen_overlay .sidebar-restool ul li { padding: 4px 27px 3px 46px;  }
.reservation_tool.fullscreen_overlay .tab-floor ul { padding:0; }
.reservation_tool.fullscreen_overlay .tab-floor li { list-style: none; }
/* .reservation_tool.fullscreen_overlay .sidebar-restool { padding-left: 46px; padding-right: 10px; } */
.page-content.reservation_tool.fullscreen_overlay .occupation_labels.onefloor  { margin-bottom: 70px; padding-left: 43px; }
.main .page-content.reservation_tool.fullscreen_overlay .button-container { margin-top: 22px; }
.reservation_tool.fullscreen_overlay  .intro-title h1 { margin-bottom: 22px; }
.reset-button { min-width: 100%; }
.reservation_tool.fullscreen_overlay  .floor_tab_container { border: none; } 
.page-content.reservation_tool.fullscreen_overlay  .occupation_labels { vertical-align: top; display: table-cell; padding-top: 0;}
.reservation_tool.fullscreen_overlay div.tab-floor ul { margin-bottom: 5px; line-height: 20px; }
.reservation_tool.fullscreen_overlay div.tab-floor { padding-bottom: 17px; white-space: nowrap; }	
.sidebar-objects { padding-top: 15px; padding-left: 0px; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }

.page-content.reservation_tool.fullscreen_overlay .main_content_reservation.reservation-contact .button-container { margin-bottom: 50px; }
/*validation, contact, confirmation full screen*/
.page-content.reservation_tool.fullscreen_overlay  .main_content_reservation.res-progress, .page-content.reservation_tool.fullscreen_overlay .main_content_reservation.reservation-contact { width: 66.66666667%; padding-left: 47px; }
.reservation_tool.fullscreen_overlay .ui-datepicker.ui-widget { z-index: 99999 !important; }
.reservation-contact textarea {height: 9.375em; width: 100%;resize: none;}

body.modal-open .modal-backdrop { z-index: 99999 !important; }
body.modal-open .modal    { z-index: 999999 !important; }
/* .reservation_tool.fullscreen_overlay .reservation-cols { padding-left: 40px; padding-right: 40px; } */




/*borders*/
.reservation-header, .reservation-right-top-column, .reservation-data-input, .facility_tab_container, .floor_tab_container, .reservation_tool.fullscreen_overlay .tab-row {border-bottom: 1px solid #e8eae5;}
.reservation-right-bottom-column, .reservation-right-top-column , .reservation_tool.fullscreen_overlay .progress-container {border-left: 1px solid #e8eae5;}
.reservation-cols .add_reservation_container, .reservation-header .progress-container {border-bottom:none;}


/*fullscreen table view */
.fullscreen_overlay .list-view.main_content_reservation {padding:40px;}
.fullscreen_overlay .main .page-content.reservation_tool .list-view table.date-list {margin-top: 40px; margin-bottom:30px;}
.reservation_tool.fullscreen_overlay .list-view .occupation_labels {padding:0; margin-bottom:30px;}
.fullscreen_overlay .list-view .facility-list-table {margin-top:15px;}
.fullscreen_overlay .list-view .reservations-overview {margin-top: 12px;}

/*reservation*/
.change_view_link { cursor: pointer; display: block; position: absolute; z-index: 5; transition: 300ms all ease-in-out; -webkit-transition: 300ms all ease-in-out; -moz-transition: 300ms all ease-in-out; -ms-transition: 300ms all ease-in-out; -o-transition: 300ms all ease-in-out;}
.svg-overlay img { height: 48px; width: 48px; transition: 300ms all ease-in-out; -webkit-transition: 300ms all ease-in-out; -moz-transition: 300ms all ease-in-out; -ms-transition: 300ms all ease-in-out; -o-transition: 300ms all ease-in-out; position: relative; z-index: 2;}
.svg-overlay:after { content:''; cursor: pointer; display: block; height: 48px; width: 48px; position: absolute; top: 0; background-size: contain; background-repeat: no-repeat;  transition: 300ms all ease-in-out; -webkit-transition: 300ms all ease-in-out; -moz-transition: 300ms all ease-in-out; -ms-transition: 300ms all ease-in-out; -o-transition: 300ms all ease-in-out; z-index: 1; }
.svg-overlay-listenansicht:after {background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/listenansicht-hover.svg')}
.svg-overlay-interaktiv:after {background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/interaktiv-hover.svg')}
.svg-overlay-vollbildansicht:after {background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/Vollansicht-hover.svg')}
.reservation_tool.fullscreen_overlay .svg-overlay-minimalansicht:after {background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/Minimansicht-hover.svg')}
.change_view_link:hover .svg-overlay img, .view-size:hover .svg-overlay img {opacity: 0;}
.change_view_link span, .view-size .to-full-screen span {position: absolute; line-height: 17px; width: 139px; top: 9px; text-align: left; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.fullscreen_overlay .to-full-screen span { margin-top:7px;}
.to-full-screen span {left:68px;}

.change_view_link span { left: 60px; }
.date-row { margin-bottom: 10px; margin-top: 20px; }

.res_add_object {margin-top: 30px;}

.reservation-status {display: block; margin: 4px 0;}

.facility_tab_container.row { margin: 60px -40px 0; }
.facility-tab { height: 116px; width: 95%; opacity: 0.5; padding: 0 5px; text-align: center; background-repeat: no-repeat; background-position: 50% 55%; background-size: 40%; position: relative; background-color: rgba(46, 54, 65, 0.3); cursor: pointer; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; }
.facility-tab.active, .facility-tab:hover { background-color: #d7e054; opacity: 1; }
.facility-tab.white {background-color: transparent; border-bottom: 5px solid transparent;}
.facility-tab.white.active, .facility-tab.white:hover {background-color: transparent; border-bottom: 5px solid #d7e054;}
.facility-tab span { text-transform: uppercase; color: #414852; font-weight: bold; letter-spacing: 1px; }

.page-content.reservation_tool .occupation_labels { margin: 41px 0 38px; padding-left: 10px; }
.page-content.reservation_tool .list-view .occupation_labels { padding-left: 0;  }

.sporthalle {background-image: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Sporthalle_White.svg');}
.sporthalle.white {background-image: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Sporthalle_BlackOnWhite.svg');}
/* .sporthalle.active {background-image: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Sporthalle_BlackOnGreen.svg');} */
.leichtathletik {background-image: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Leichtathletik_White.svg');}
.leichtathletik.white {background-image: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Leichtathletik_BlackOnWhite.svg');}
/* .leichtathletik.active {background-image: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Leichtathletik_BlackOnGreen.svg');} */
.allmend {background-image: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Allmend_White.svg');}
.allmend.white {background-image: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Allmend_BlackOnWhite.svg');}
/* .allmend.active {background-image: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Allmend_BlackOnGreen.svg');} */


.ng-pristine.ng-invalid-required { box-shadow: none; }
.page-content input.ng-invalid.ng-touched, .ng-invalid-datevalid{border-bottom: 2px solid #982222 !important;}

span.grey {display: block; width: 17px; height: 17px; background-color:#d5d7d9; border-radius: 50%; margin: 5px auto;}

span.green {display: block; width: 17px; height: 17px; background-color:#d7e054; border-radius: 50%; margin: 5px auto;}
span.green div h5 {color: #d7e054;}

span.orange {display: block; width: 17px; height: 17px; background-color:#de8426; border-radius: 50%; margin: 5px auto;}
span.orange div h5 {color:#de8426;}

span.red {display: block; width: 17px; height: 17px; background-color:#bd1a32; border-radius: 50%; margin: 5px auto;}
span.red div h5 {color:#bd1a32;}
span.inline {margin: 0px 7px; display: inline-block; vertical-align: sub; position: relative; top: 1px;}
span.inline:not(:first-child, .user-message-container) {margin-left: 55px;}


.user-message-container {position:relative; cursor: pointer;}
.user-message-container:hover div {opacity: 1; visibility: visible;}
.user-message-container div {position:absolute; background-color:#fff; width:150px; padding:7px; opacity: 0; visibility: hidden; z-index: 80; left: 0; top: 21px}
.user-message-container div h5 {margin:2px; text-transform:uppercase;}

.add_reservation {text-indent: -9999px; background:none; background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Add_Green.svg'); width:17px; height: 17px; border: none; outline: none; background-repeat: no-repeat; background-position: center center; margin: 5px auto;}
.add_reservation.ordered {background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Add_Black.svg');}

.edit_reservation {text-indent: -9999px; background:none; background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_pen_Black.svg'); width:17px; height: 17px; border: none; outline: none; background-repeat: no-repeat; background-position: center center; margin-left: 6px; position: relative; top: 1px;}
.edit_reservation.in-edit,
.edit_reservation:hover {background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_pen_Green.svg');}

.delete_reservation {text-indent: -9999px; cursor:pointer; background:none; background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon-Delete_Black.svg'); width:17px; height: 17px; border: none; outline: none; background-repeat: no-repeat; background-position: center center; outline: none; border: none; display: inline-block; vertical-align:middle; float: right; margin-right: 2px; position: relative; top: 1px;}
.delete_reservation:hover {background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon-Delete_Green.svg');}
.edit-row .delete_reservation { top: -20px; }

.show_image {text-indent: -9999px; background:none; background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_lupe_Black.svg'); width:17px; height: 17px; border: none; outline: none; background-repeat: no-repeat; background-position: center centern; outline: none; border: none; display: inline-block; margin-left:25px;}
.show_image:hover {background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_lupe_Green.svg');}

.warning-table {display: block; height: 20px; width: 20px; background-image:url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Warning_Orange.svg'); background-repeat: no-repeat; background-position: center center; transition: 200ms all ease-in-out; -webkit-transition: 200ms all ease-in-out; -moz-transition: 200ms all ease-in-out; -o-transition: 200ms all ease-in-out; -ms-transition: 200ms all ease-in-out; display: inline-block;}
.warning-notvisible {opacity:0; visibility:hidden;}
/* Main Styles */
.main .page-content.reservation_tool {padding-top: 33px; padding-bottom: 0;}
.upper {text-transform: uppercase;}
.page-content.reservation_tool .notification:before {content: ""; background: url('/wp-content/themes/sportamttheme/assets/img/checkmark.png'); background-size: contain; background-position: left bottom; background-repeat: no-repeat; display: inline-block;height: 23px; width: 22px; position: relative;   right: 17px;top: -1px;}
.notification span { top: -4px; position: relative; }
.page-content.reservation_tool .notification.message-error:before {background: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon-Delete_Black.svg'); background-repeat: no-repeat; top: 3px;}
.notification { position: fixed; top: 0; left: 0; right: -18px; padding-top: 24px; padding-bottom: 23px; background-color: #d7e054; text-align: center; z-index: 9999; font-size: 15px; font-weight: bold; text-transform: uppercase; cursor: pointer; color: #414852;}
.notification:hover {color: #777e00;}
.notification.message-error {background: #d50025; right: -16px; }
.reservation_tool .notification span.close-notification { position: relative; top: 7px; font-size: 12px; display: block; text-align: center; width: 100%; float: none; left: -2px; }
.reservation_tool .notification.mesage-error span.close-notification { left: -4px; }
.notification.message-error:hover {color: #414852; }
.notification.message-error:hover span { opacity: 0.75; }
.main_content_reservation { padding-top: 25px; position: relative; }
.main_content_reservation h1 {margin-bottom: 22px;}
.main .page-content.reservation_tool .button-container {margin-top:29px;}

.main .page-content.reservation_tool a.button, button.button, .search-code-frm input.button { cursor:pointer; font-weight: 800; text-transform: uppercase; font-size:15px; color:#414852; background-color:#d7e054; padding: 17px 32px; white-space:nowrap; transition: 250ms all ease-in-out; -webkit-transition: 250ms all ease-in-out; -moz-transition: 250ms all ease-in-out; -ms-transition: 250ms all ease-in-out; -o-transition: 250ms all ease-in-out; outline:none; border:none; } 


.main .page-content.reservation_tool a.button.res_add_object {max-width: 100%; position: absolute; bottom: 0; padding: 17px 17px 17px 17px; text-align: center; left: 0; right: 0; }
.main .page-content.reservation_tool a.button:hover, button.button:hover {text-decoration: none; background-color:#c5c337;}

.main .page-content.reservation_tool table.date-list { margin: 26px 0 13px; }
.main .page-content.reservation_tool table.date-list tbody td:first-child { vertical-align: middle; }

.page-content input.datepicker, .page-content input.ui-datepicker, .page-content input.timepicker, .page-content input.ui-timepicker, .page-content input.ui-timepicker-input, .page-content .hasDatepicker {background-image: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Calendar.svg'); background-position: center left; background-repeat: no-repeat; background-size: 19px; padding-left: 31px; padding-top: 8px; line-height: 1.3; padding-bottom: 9px; width: 100%;}
.page-content input.timepicker, .page-content input.ui-timepicker, .page-content input.ui-timepicker-input {background-image: url('/wp-content/plugins/wpplugin.reservation/app/public/img/Icon_Uhr_Black.svg'); background-position: center left; background-repeat: no-repeat; background-size: 19px; }

.page-content tbody input {background-color:transparent;}
.page-content input:focus {outline:none;}

/* SVG Page */
div.tab-floor {border-bottom:5px solid transparent; cursor: pointer; color: #2e3641; opacity: 0.5; display: table-cell; box-sizing: border-box; width: 207px; float: none; text-align: center; white-space: pre-line; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; padding-bottom:  11px; }
div.tab-floor h5 {text-align:center; text-transform:uppercase; margin-bottom: 2px; }
div.tab-active, div.tab-floor:hover {border-bottom:5px solid #d7e054; opacity: 1; }
.page-content input.changing-rooms {width:100%;}
.floor_tab_container.row, .floor_overview_container.row { margin: 0 -10px 0; }
.add_reservation_container.row { 	margin: 0 -40px 0; }
.floor_tab_container { margin-right: -40px; margin-left: -40px; }
.add_reservation_container.row { padding: 0 30px 33px 17px; }
.reservation_tool.fullscreen_overlay .add_reservation_container.row { padding: 0 30px 33px 33px; }
.add_reservation_container { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #E8EAE5;}
.add_reservation_container > div {min-height:66px;}
.add_reservation_container h5 { font-size: 15px; }
.add_reservation_container h6 {text-transform:uppercase;}
.add_reservation_container h5.green {color:#d7e054;}
.add_reservation_container h5.orange {color:#de8426;}
.add_reservation_container h5.red {color:#bd1a32;}
.add_reservation_container .button { display: block; width: 100%; text-align: center; }
.add_reservation_container .ng-scope {top: 19px; position: relative; left: 5px; }
.page-content.reservation_tool label.stands-switch { margin-bottom: 65px; }
label.stands-switch label { font-weight: 400; font-size: 15px; }
label.stands-switch input[type="checkbox"] { position: absolute; opacity: 0; }
/* Normal Track */
label.stands-switch input[type="checkbox"].ios-switch + div { float: left; margin: 6px 15px 5px 0; vertical-align: middle; width: 27px; height: 11px; border-radius: 999px; background-color: #d5d7d9; -webkit-transition-duration: .4s; -webkit-transition-property: background-color, box-shadow; -moz-transition-duration: .4s; -moz-transition-property: background-color, box-shadow; transition-duration: .4s; transition-property: background-color, box-shadow; box-shadow: inset 0 1px 1px rgba(0,0,0,.1); }
/* Checked Track */
label.stands-switch input[type="checkbox"].ios-switch:checked + div { width: 27px; background-position: 0 0; background-color: #d7e054; box-shadow: inset 0 1px 1px rgba(0,0,0,.1), inset 0 0 0 10px #d7e054; }
/* Normal Knob */
label.stands-switch input[type="checkbox"].ios-switch + div > div {
	float: left;
	width: 17px; height: 17px;
	margin-top: -3px; margin-left: -3px;
	border: 1px solid #d5d7d9;
	border-radius: inherit;
	background: #ffffff;
	-webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-property: transform, background-color, box-shadow;
	-moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-moz-transition-duration: 0.4s;
	-moz-transition-property: transform, background-color;
	-ms-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-ms-transition-duration: 0.4s;
	-ms-transition-property: transform, background-color;
	transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	transition-duration: 0.4s;
	transition-property: transform, background-color;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
	pointer-events: none;
}
/* Checked Knob */
label.stands-switch input[type="checkbox"].ios-switch:checked + div > div {
	-webkit-transform: translate3d(16px, 0, 0);
	-moz-transform: translate3d(16px, 0, 0);
	-ms-transform: translate3d(16px, 0, 0);
	transform: translate3d(16px, 0, 0);
}


.reservations-overview h4 { margin-bottom: 25px; margin-top: 30px; }
.reservations-overview .comment h4 { margin-bottom: 0; }
.reservations-overview h5 { margin: 0 0 5px 0; font-weight: 400; }
.reservations-overview table { table-layout: fixed; margin-top: 25px; }
.reservations-overview table thead th:nth-child(1) { width: 25%; }
.reservations-overview table textarea { width: 100%; padding: 6px; }
.reservations-overview table textarea.textarea-halfwidth {width: 80%;}
.reservations-overview table tbody:nth-child(2n+1) { background-color: #f8f8f8; }
.reservations-overview table .edit-row { background-color: #ebebeb; }
.reservations-overview table .edit-single input { position: relative; top: -7px; }

table textarea { border: none; border-bottom: 2px solid #aaa; }
table textarea:focus { border-color: black; }

/* Contact information */
.page-content.reservation_tool label {display:block; margin-top:30px;}
.page-content.reservation_tool .reservation-contact label {margin-top: 45px;}
.reservation-contact input, .reservation-contact select {width:100%;}
.reservation-contact input:focus, .reservation-contact select:focus {outline:none;}
.reservation-contact .error {position: absolute; top: 110px; padding:0; background:none; color:#bd1a32;}
/* Table Overlay */
.tableContainer { position: relative; min-height: 190px; }
.tableContainer .overlay {position: absolute; top: 0px; left: 0px; right: 0px; bottom: -40px; background-color: rgba(0,0,0,0.5); z-index:99999; transition: 200ms all ease-in-out; -webkit-transition: 200ms all ease-in-out; -moz-transition: 200ms all ease-in-out; -o-transition: 200ms all ease-in-out; -ms-transition: 200ms all ease-in-out;}

.tableContainer .overlay.visuallyhidden {opacity: 0; z-index: -1;}


.tableContainer .overlay .spinner {margin: 100px auto;width: 30px; height: 30px; position: relative;}

.tableContainer .overlay .container1 > div, .container2 > div, .container3 > div {width: 10px; height: 10px; background-color: #ccc; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both;  animation-fill-mode: both; }

.tableContainer .overlay .spinner .spinner-container {position: absolute; width: 100%; height: 100%;}

.tableContainer .overlay .container2 {-webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);}

.tableContainer .overlay .container3 {-webkit-transform: rotateZ(90deg); transform: rotateZ(90deg);}

.tableContainer .overlay .circle1 { top: 0; left: 0; }
.tableContainer .overlay .circle2 { top: 0; right: 0; }
.tableContainer .overlay .circle3 { right: 0; bottom: 0; }
.tableContainer .overlay .circle4 { left: 0; bottom: 0; }

.tableContainer .overlay .container2 .circle1 {-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}

.tableContainer .overlay .container3 .circle1 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s;}

.tableContainer .overlay .container1 .circle2 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}

.tableContainer .overlay .container2 .circle2 {-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}

.tableContainer .overlay .container3 .circle2 {-webkit-animation-delay: -0.7s; animation-delay: -0.7s;}

.tableContainer .overlay .container1 .circle3 {-webkit-animation-delay: -0.6s; animation-delay: -0.6s;}

.tableContainer .overlay .container2 .circle3 {-webkit-animation-delay: -0.5s; animation-delay: -0.5s;}

.tableContainer .overlay .container3 .circle3 {-webkit-animation-delay: -0.4s; animation-delay: -0.4s;}

.tableContainer .overlay .container1 .circle4 {-webkit-animation-delay: -0.3s; animation-delay: -0.3s;}

.tableContainer .overlay .container2 .circle4 {-webkit-animation-delay: -0.2s; animation-delay: -0.2s;}

.tableContainer .overlay .container3 .circle4 {-webkit-animation-delay: -0.1s; animation-delay: -0.1s;}

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

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


/* Progress */
.reservation_id { margin-top:24px; margin-bottom:25px; }
.user_container h5:nth-of-type(2) {margin-top: 27px;}

.page-content input.datepicker:focus, .page-content input.timepicker:focus {outline: none; }

/* Progress */
.progress-container { margin: 0 -40px; padding: 35px 40px 28px; border-bottom: 1px solid #e8eae5; border-top: 1px solid #e8eae5;}
.progress-container h4 {margin-bottom: 6px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0 !important; position: relative; word-break: break-all; }
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #2e3641; font-size: 14px; opacity: 0.3; position: relative; top: -8px; white-space: nowrap; }
.bs-wizard > .bs-wizard-step .bs-wizard-info.active {opacity:1;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: none; top: 20px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 10px; height: 10px; background: #eaebec; border-radius: 50px; position: absolute; top: 13px; left: 10px; } 
.bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot:after,
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after { width: 20px; height: 20px; background: #d7e054; top: 8px; left: 5px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 2px; box-shadow: none; margin: 22px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #eaebec;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%; background: #d7e054;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%; background: #d7e054;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none;}
/*END Form Wizard*/
#Ebene_1 {position:absolute; width:auto; left:0; top:0; height: 100%;}
#Ebene_2 {position:absolute; width:auto; left:0; top:0; height: 100%;}
#Ebene_3 {position:absolute; width:426px; left:180px; top:96px;height: 100%;}
#Ebene_4{ position:absolute; width: 537px; left: 146px; top: 59px; height: 100%;}
svg polygon, svg path {fill: transparent; transition:200ms fill ease-in-out; -webkit-transition:200ms fill ease-in-out; -moz-transition:200ms fill ease-in-out; -ms-transition:200ms fill ease-in-out; -o-transition:200ms fill ease-in-out; cursor: pointer;}
svg polygon.hover, svg path.hover {fill:#d7e054;}
svg polygon:hover, svg path:hover {fill:#d7e054;}
svg polygon.occupied:hover, svg path.occupied:hover {fill:#bd1a32;}
svg polygon.overlap:hover, svg path.overlap:hover {fill:#de8426;}

svg polygon.active, svg path.active {fill:#d7e054; opacity: 1;}
svg polygon.active.occupied, svg path.active.occupied, svg polygon.hover.occupied, svg path.hover.occupied {fill:#bd1a32;}
svg polygon.active.overlap, svg path.active.overlap, svg polygon.hover.overlap, svg path.hover.overlap {fill:#de8426;}

hr.clearfix:before {content: ''; display: block; clear: both; width: 25%;}

/* fading effects on tabs content */
.floor_tab_container.ng-hide, .floor_overview_container.ng-hide, .floor_overview_container .facility_hide { opacity: 0; transition: 300ms opacity ease-in-out; position: absolute; top: 0; }
.floor_tab_container, .floor_overview_container, .floor_overview_container .facility_show { opacity: 1; transition: 300ms opacity ease-in-out; position: relative; }

/*fullscreen*/
.reservation_tool .backdrop { background-color: rgba(0,0,0,0.75); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; }
.fullscreen_overlay .view-change-container { margin-top: 40px; margin-bottom: 10px; }
.fullscreen_overlay .main_content_reservation.reservation-facilities { padding-top: 0; }
.fullscreen_overlay .reservation-header .main_content_reservation { padding-top: 10px; }
.fullscreen_overlay .facility_tab_container { padding: 17px 20px 0px 0px ;  margin-left: -10px; }
/* .fullscreen_overlay .facility_tab_container > div > div{ display: table-cell; float: none; vertical-align: bottom; padding-top: 66px;} */
/* .fullscreen_overlay .facility_tab_container > div:last-child { padding-top: 0; vertical-align: top; } */
.fullscreen_overlay .floor_tab_container { margin-left: 40px; margin-top: 20px; }
.fullscreen_overlay .occupation_labels { padding-top: 91px; }
.fullscreen_overlay .add_reservation_container { margin: 0 -10px; }
.fullscreen_overlay .reservations-overview h4 { margin-top: 0; font-size: 33px; line-height: 33px; font-weight: 900; text-transform: none; }
.fullscreen_on.overlay { position: fixed; top: 30px; right: 38px; bottom: 30px; left: 38px; }
.fullscreen_on.overlay .spinner { margin: -15px 0 0 -15px; top: 50%; left: 50%; position: absolute;}
.main .page-content.reservation_tool.fullscreen_overlay { padding:0; }
.fullscreen_overlay .floor_tab_container h5 { margin-top: 8px; }
/* when hiding the thing */
. a.button.res_add_object.ng-hide-add         { 
  -webkit-animation:0.5s lightSpeedOut ease; 
  animation:0.5s lightSpeedOut ease; 
}

/* when showing the thing */
.main .page-content.reservation_tool a.button.res_add_object.ng-hide-remove      { 
  -webkit-animation:0.5s lightSpeedIn ease; 
  animation:0.5s lightSpeedIn ease; 
}

.obj_description { position: absolute; top: 17px; left: 25px; }
.obj_description.ng-hide-add, .show_message.ng-hide-add {
	-webkit-animation:0.35s lightSpeedOut ease; 
	animation:0.35s lightSpeedOut ease; 
}

.obj_description.ng-hide-remove, .show_message.ng-hide-remove {
	-webkit-animation:0.5s lightSpeedIn ease; 
	animation:0.5s lightSpeedIn ease; 
}

.show_message { position: relative; z-index: 1050; }

@-webkit-keyframes anHeight {
  0% {
    max-height: 400px;
  }

  100% {
    max-height: 0;
  }
}

@keyframes anHeight {
   0% {
    max-height: 400px;
  }

  100% {
    max-height: 0;
  }
}

@-webkit-keyframes anHeightLow {
  0% {
    max-height: 0px;
  }

  100% {
  	max-height: 400px;
  }
}

@keyframes anHeightLow {
   0% {
    max-height: 0px;
  }

  100% {
    max-height: 400px;
  }
}

@-webkit-keyframes lightSpeedIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* light speed out */
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {

    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@media (min-width: 1600px) {
	.to-full-screen { display: inline-block; }
	.no-full-screen { display: none; }
}

@media (min-width: 1200px) {
	.container { width: 1200px; }
}

/* ==========================================================================
   Non Desktop
   ========================================================================== */
@media (max-width: 1200px) {
	
		.facility-tab span {bottom:5px;}
		#home_time {width: auto; max-width: 100%;}
		.change_view_link { position: relative;  }
		.no-full-screen { margin-bottom: 30px;  }
	form.search-code-frm input.button { margin-top: 5px; }
	}
/* ==========================================================================
   Tablet Landscape
   ========================================================================== */
@media (min-width: 992px) and (max-width: 1200px) {	

	/*subnavi tab-container*/
	.tab-container > span {padding:0 20px;}
	
	.facility-block .gform_wrapper .top_label input.medium, .facility-block .gform_wrapper .top_label textarea.textarea.medium {width: 100%;}
	.change_view_link span {right:0; left: 85px; text-align: left;}
	.change_view_link {padding-left:0; float: none; text-align: left;}
	div.reservation_tool {width: 100%;}
	.svg-overlay:after {left:0;}
}
/* ==========================================================================
   Tablet Portrait
   ========================================================================== */
@media (min-width: 768px) and (max-width: 991px) {
	
	/*subnavi tab-container*/
	.tab-container > span {display:block; width: 100%	; padding: 0;}
	.page-content .tab-content-container {margin: 30px 0 0 0;}
	/*facility details*/
	.specials {width: auto; display: block;}
	.change_view_link {padding-left:0; float: none; text-align: left;}
	div.reservation_tool {width: 100%;}
	.change_view_link span {right:0; left: 85px; text-align: left;}
	.svg-overlay:after {left:0;}
	.add_reservation_container{margin-top: 15px;}
	.main .page-content.reservation_tool .button-container { margin-bottom: 25px; }
	.facility-block .gform_wrapper .top_label input.medium, .facility-block .gform_wrapper .top_label textarea.textarea.medium {width: 99%;}
}	


/* ==========================================================================
   Mobile
   ========================================================================== */
@media (max-width: 767px) {

/*facility details*/
	.facility-slider-information {background:none;position: static;padding:25px 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	#facilitySlider, .carousel-inner {height: auto;}
	.facility-slider-information h3 {margin:50px 0px 10px;padding:10px 0;}
	.facility-block {padding: 0 0px 23px 0px;}
	.specials, .contact-person {width: 100%; display: block; }
	.specials {padding-right:0;}

	.carousel-indicators {right: 10px;}
	.add_reservation_container > div { min-height: 25px; }
	.svg-overlay:after {left:0;}
	.change_view_link span {right:0; left: 85px; text-align: left;}
		
	/*Datepicker*/
	.ui-datepicker.ui-widget {width: 100%; left:0px !important;}
	.ui-datepicker-calendar td {width: 14.285% !important;}
	.ui-datepicker-calendar thead tr th {width: 14.285% !important;}
	.ui-datepicker-calendar td, .ui-datepicker-calendar thead tr th:first-child {padding-top:0 !important;}
	.ui-datepicker-calendar td:last-child, .ui-datepicker-calendar thead tr th {padding-bottom: 0 !important;}
	
	/*arrival*/
	.location.btn.btn-primary {-webkit-box-ordinal-group: 0;-webkit-order: -1;-ms-flex-order: -1;order: -1;}
	.location.btn.btn-primary {position: static;margin-bottom:12px; margin-top: 12px;}
	.facility-slider-information {width: 100%;}
	.tab-content .facility-slider-information h3:first-of-type {margin-bottom:0;}

	/*feedback*/
	.gform_wrapper .top_label input.medium {width: 100% !important; font-size: 13.5px;}
	.gform_wrapper .top_label textarea.textarea.medium {width: 100% !important;}
	
	/*====================
	reservation
	======================*/
	
	.tableContainer .overlay {bottom:-11px;}
	.tableContainer table tbody td button.add_reservation {padding-left:0;}
	.button-container .text-right {margin-top: 0;}
	.main .page-content.reservation_tool .button-container {margin-top:17px; margin-bottom:25px;}
	button.button {white-space: pre-line;}
	.add_reservation_container{margin-top: 15px;}
	.facility-block .ios-labels {width: auto;}
	.view-options { margin-top: 37px; }
	/*objektauswahl*/
	.sidebar-objects { padding-left: 3px; }
	.add_reservation_container.row { padding: 0 30px 33px 30px; }
	.change_view_link span {right:0; left: 85px; text-align: left;}
	.main_content_reservation h1 {margin-top: 14px;}
	.tab-container  {margin-bottom:15px; margin-top: 15px;}
	.tab-container > span {display:block; width: 100%	; padding: 0;}
	.page-content .tab-content-container {margin: 30px 0 0 0;}
	.change_view_link {padding-left:0; float: none; text-align: left;}
	.facility-tab, .facility-tab.white, .facility-tab.white.active {margin-bottom:30px;margin-top:30px;}
	.tableContainer table thead tr th, 	.tableContainer table thead tr th:first-child {padding-bottom:4px !important; padding-top:4px !important;}
	.row.button-container > .text-right a.button {display: block; white-space: pre-wrap;}
	.reservations-overview h4 {margin-bottom:30px;}
	.btn-reservation-interactive {margin:0;}
	.save-btn {margin-bottom:35px;}
	.save-btn a {display: block;}
	.reservation-status span.green {display: inline-block !important;}
	.reservation_tool table td span.green, .reservation_tool table td span.red, .reservation_tool table td span.orange {display: inline-block;}
	.other-connections-block  {display: block;padding:0;margin-bottom:25px;}
	.other-connections-block button {display: inline-block;}

	.ui-datepicker th:first-child, .ui-datepicker td:first-child { padding-top: 0 !important; }
	.floor_overview_container { overflow: visible;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
	.main .page-content.reservation_tool a.button.res_add_object { display: block; position: static; margin-bottom: 20px; }
	.obj_description { position: static; }
	.floor_tab_container, .floor_overview_container  { margin-left: -30px; margin-right: -30px; }
	.facility_tab_container.row { margin-left: -30px; margin-right: -40px; }
	.sidebar-restool { position: relative; background-color: transparent; width: 100%; }
	
	div.page-content .tab-content-container {
		margin: 0;
	}
	
	.button-container .text-right {
		text-align: left;
		margin-top: 50px;
	}
	
	.facility-tab, .facility-tab.white, .facility-tab.white.active {
		background-size: 140px;
	}
	
	.tableContainer th, .tableContainer td, .ui-datepicker.ui-widget th, .ui-datepicker.ui-widget td {
		width: auto;
		float: none;
	}
	
	.ui-datepicker.ui-widget th:first-child, .ui-datepicker.ui-widget td:first-child, .tableContainer th:first-child,  {
		padding-top: 0px!important;
	}
	.bs-wizard > .bs-wizard-step .bs-wizard-info {font-size: 12px; white-space: nowrap;}
	div.tab-floor {width: 50%; float: left; display:block;}

	.main .page-content.reservation_tool .button-container .conf-btn .button, .main .page-content.reservation_tool .save-btn .button { white-space: pre-wrap; }
	

}


@media (max-width: 420px) {

	.other-connections-block button, .other-connection-right {display: block; float: none;width: 100%}
	.other-connection-right {margin-top: 20px;margin-bottom: 25px;}	
	.tab-content-container .ng-scope .reservation_tool .progress-container .bs-wizard {margin-left:-25px; margin-right:-25px;}
	.bs-wizard > .bs-wizard-step .bs-wizard-info {font-size: 10.5px;}
}