/* off-canvas ADMIN NAV */ aside.admin { width:0px; display:block !important; background: rgba(255,255,255,1.00); top:0px; left:0px; } aside.admin > div.triggerAdmin { width:32px; height:32px; top:10px; left:12px; position:fixed; z-index:99999999999; border-radius:50%; border:rgba(145,145,145,1.00) solid 1.33px; cursor:pointer; opacity:0.5;} aside.admin > div.triggerAdmin:hover { opacity:1;} aside.admin.open { position:fixed; width:360px; height:100vh; overflow-x:auto !important; overflow-y:hidden !important; border-right:1.33px solid rgba(0,0,0,0.2) } #page.offcanvas { margin-left:360px; } aside.admin, #page { -webkit-transition: all 333ms ease-in-out;-moz-transition: all 333ms ease-in-out; -ms-transition: all 333ms ease-in-out; -o-transition: all 333ms ease-in-out; transition: all 333ms ease-in-out;} aside.admin ul { display:none; } aside.admin.open ul { display:block; position:relative; width:300px; margin:128px 0px 0px 10%; } aside.admin ul li { display:block; width:100%; } aside.admin ul li:hover { background: rgba(200,200,200,1.00); } aside.admin ul li.actual { background: rgba(222,222,222,1.00); } aside.admin ul li a { color: rgba(54,54,54,1.00); display:block; padding:12px; font-weight:400; } aside.admin ul li a:hover { color: rgba(255,255,255,1.00); } aside.admin ul li.actual a { color: rgba(128,128,128,1.00); } aside.admin form { display:none; position:relative; width:300px; margin:128px 0px 0px 10%; } aside.admin.open form { display:block; } aside.admin > div.triggerAdmin div:nth-child(1), aside.admin > div.triggerAdmin div:nth-child(2) { position:absolute; width:61%; height:1.33px; background:rgba(165,165,165,1.00); display:block; left:20%; /* default Start-Wert */ -webkit-transform: rotateZ(0deg) scale3d(1,1,1); -moz-transform: rotateZ(0deg) scale3d(1,1,1); -ms-transform: rotateZ(0deg) scale3d(1,1,1); -o-transform: rotateZ(0deg) scale3d(1,1,1); transform: rotateZ(0deg) scale3d(1,1,1); } aside.admin > div.triggerAdmin div:nth-child(1) { top:38%; } aside.admin > div.triggerAdmin div:nth-child(2) { top:59%; } aside.admin.open > div.triggerAdmin {border:rgba(83,83,83,1.00) solid 1.33px; } aside.admin.open > div.triggerAdmin div {background:rgba(83,83,83,1.00);top:49%; } aside.admin.open > div.triggerAdmin div:nth-child(1) { -webkit-transform: rotateZ(135deg) scale3d(1,1,1); -moz-transform: rotateZ(135deg) scale3d(1,1,1); -ms-transform: rotateZ(135deg) scale3d(1,1,1); -o-transform: rotateZ(135deg) scale3d(1,1,1); transform: rotateZ(135deg) scale3d(1,1,1); } aside.admin.open > div.triggerAdmin div:nth-child(2) { -webkit-transform: rotateZ(225deg) scale3d(1,1,1); -moz-transform: rotateZ(225deg) scale3d(1,1,1); -ms-transform: rotateZ(225deg) scale3d(1,1,1); -o-transform: rotateZ(225deg) scale3d(1,1,1); transform: rotateZ(225deg) scale3d(1,1,1); } aside.admin > div.triggerAdmin div{ -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (max-width : 765px) { aside.admin > div.triggerAdmin { display:none !important; visibility:hidden !important; opacity:0 !important; z-index:1 !important; } } div.admin.editItems { padding:8px; } div.admin.editItem { border-bottom:rgba(183,183,183,1.00) dotted 2px; text-align:center; position:relative; padding-top:24px; } div.admin.editPicture { position:relative; float:left; display:block; width:47%; margin:1.5%; padding:1.5%; border:rgba(189,189,189,1.00) 1px dotted; background:rgba(255,255,255,1.00); min-height:190px; } div.admin.editPicture img { max-width:40%; float:left; } div.admin.editPicture form, div.admin.editPicture span { width:40%; display:block; float:right; margin-right:5%; } div.admin.editPicture span { color:rgba(0,120,187,1.00); text-align:right; margin-top:4px; padding-right:1.33%; font-size:75%;} form.dropzone { display:block; width:90%; margin:5%; float:left; max-width:192px; border-radius:4px; min-height:128px; border-top:1px rgba(255,255,255,1.00) solid; border-left:1px rgba(255,255,255,1.00) solid; border-right:1px rgba(0,0,0,0.30) solid; border-bottom:1px rgba(0,0,0,0.50) solid; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 );/*IE6-9*/ color: rgba(15,15,15,1.00); background:url(pic/folder.svg), #ffd65e; background:url(pic/folder.svg), -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); background:url(pic/folder.svg), -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); background:url(pic/folder.svg), linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); background-size:100%; background-position:top; background-repeat:no-repeat; } .dropzone .dz-message { margin:24px 0; } div.admin.editList { padding:24px 8px 24px 8px; background:rgba(250,250,250,1.00)} div.admin.editList table { margin-top:12px; } div.admin.editList table thead { border-bottom:rgba(190,190,190,1.00) 1px solid; } div.admin.editList table thead tr { margin-bottom:12px; } div.admin.editList table thead tr, div.admin.editList table tbody tr { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; align-content:stetch; } div.admin.editList table thead tr, div.admin.editList table tbody tr { padding:12px 2px 12px 2px; margin-bottom:2px; } div.admin.editList table tbody tr:nth-child(even) { background:rgba(231,231,231,1.00); } div.admin.editList table tbody tr:nth-child(odd) { background:rgba(255,255,255,1.00); } div.admin.editList table thead tr th, div.admin.editList table tbody tr td { flex-grow:1; flex-shrink:1; flex-basis:auto; align-self:center; } div.admin.editList table thead tr th, div.admin.editList table tbody tr td { min-width:40px; text-align:center; } div.admin.editList table thead tr th:first-child, div.admin.editList table tbody tr td:first-child { max-width:60px !important; position:relative; } div.admin.editList table thead tr th:nth-child(2), div.admin.editList table tbody tr td:nth-child(2) { max-width:180px !important; min-width:180px !important; position:relative; } div.admin.editList table thead tr th:nth-child(3), div.admin.editList table tbody tr td:nth-child(3) { max-width:190px !important; min-width:190px !important; position:relative; } div.admin.editList table thead tr th:nth-child(3), div.admin.editList table tbody tr td:nth-child(3) { text-align:left; font-weight:bold; padding:20px; font-size:110%;} div.admin.editList table thead tr th:nth-child(4) p, div.admin.editList table tbody tr td:nth-child(4) p { display:block; max-height:160px; overflow:hidden; line-height:16px; font-size:90%; padding:12px;} div.admin.editList table thead tr th:nth-child(5), div.admin.editList table tbody tr td:nth-child(5) { font-size:75%; padding:4px; } div.admin.editList table thead tr th:last-child, div.admin.editList table tbody tr td:last-child, div.admin.editList table thead tr th:nth-child(5), div.admin.editList table tbody tr td:nth-child(5) { min-width:120px; max-width:90px !important; position:relative; text-align:center; } div.admin.editList table tbody tr td p { text-align: justify; } form.admin.form { width:80%; margin:0px auto; display:block; position:relative; } form.admin.form input:first-child { font-size:150%;} div.refreshPage { position:absolute; top:4px; right:4px; max-width:100px; } main div.admin { background:rgba(255,255,255,1.00); display:block; position:relative; } /* FEWO anpassung */ table.bookingdataset { background-color: rgba(77,186,225,0.25); } table.bookingdataset thead tr { background-color: rgba(77,186,225,1); color:rgba(255,255,255,1.00); font-size:130%; } table.bookingdataset thead tr td { margin:8px; padding:5px 0 5px 0 !important; text-align:center; } table.bookingdataset thead tr td:first-child { padding-left:20px !important; text-align:left !important;} table.bookingdataset tbody { } table.bookingdataset tbody tr.bookinglogis { } table.bookingdataset tbody tr.bookinglogis td { background-color:rgba(255,255,255,0.30); text-align:center; padding:6px 0 !important; } table.bookingdataset tbody tr.bookinglogis td.bookingdetails { background:rgba(255,255,255,1.00); } /* Summary and TOTAL */ table.bookingdataset tbody tr.bookinglogis td.infoline { border-bottom:2px solid rgba(255,255,255,1.00); font-size:90%; } table.bookingdataset tbody tr.bookinglogis td.infoline form input[type='submit'] { background-color: rgba(251,0,4,0.40); color:rgba(255,255,255,1.00); font-size:10px; padding:3px 8px; line-height:14px; width:auto; float:right; margin-right:4px; } table.bookingdataset tbody tr.bookinglogis td.infoline form input[type='submit']:hover { background-color: rgba(251,0,4,1); } table.bookingdataset tbody tr.bookinglogis td.bookingdetails div.detailbox { background-color: rgba(255,255,255,1.00); margin:4px; padding:24px 14px; text-align:left;} table.bookingdataset tbody tr.between { height:12px; background-color:rgba(255,255,255,1.00); display: table-row; width:100%; margin:4px 0; position:relative; } table.bookingdataset tbody tr.bookingsperre { background: rgba(96,96,96,1.00);} table.bookingdataset tbody tr.bookingsperre td.adminbelegung { background-color:rgba(255,0,0,0.10); padding-left:20px !important; font-size:90%; } table.bookingdataset tbody tr.bookingsperre td.infoline { padding:0px 0px 0px 0px !important; margin:0px !important; text-align:center; font-size:14px; } table.bookingdataset tbody tr.bookingsperre td.infoline form input[type='submit'] { font-size:8px !important; padding:0px 3px; line-height: 5px !important; float:right; } .offline { background:rgba(255,0,0,0.20) !important } div.adminFAQ { display:block; float:left; margin:20px 2.5%; padding:24px 36px; width:95%; background:rgba(255,250,211,1.00); font-size:115%; color:rgba(45,45,45,1.00); max-height:60px; overflow:hidden; position:relative; } div.adminFAQ.open { max-height:none !important; } div.adminFAQ > div.iopen { position:absolute; display:block; width:27px; height:27px; border:2px solid rgba(255,255,255,1.00);-webkit-border-radius:14px;-moz-border-radius:14px; border-radius:14px; top:20px; right:12px; text-align:center; line-height:26px; font-weight:300; background: rgba(67,193,245,0.60); color:rgba(255,255,255,1.00); padding-right:1px; cursor:pointer; } div.adminFAQ:hover > div.iopen { background: rgba(67,193,245,1.00); } div.adminFAQ > div.iopen:after { display:block; position:relative; color:rgba(255,255,255,1.00); font-size:0px; width:60%; height:30%; margin:35% 20%; content:'x'; border-top:1px solid rgba(255,255,255,1.00); border-bottom:1px solid rgba(255,255,255,1.00);} div.adminFAQ.open > div.iopen:after { display:block; position:relative; font-size:18px; width:60%; height:60%; margin:20% 20%; content:'x'; line-height:12px; font-weight:200; border-top:0px solid rgba(255,255,255,1.00); border-bottom:0px solid rgba(255,255,255,1.00);}