aside.admin { width:0px; display:block !important; background: rgba(255,255,255,1); top:0px; left:0px; position:fixed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } aside.admin { z-index:30; } aside.admin > div.triggerAdmin { z-index:31; } aside.admin > div.triggerAdmin div { z-index:32; } aside.admin > div.triggerAdmin { color:rgba(255,255,255,1) !important; text-shadow: 0 0 3px #000000; background: rgba(0,0,0,0) !important; width:112px; height:72px; top:0px; left:0px; position:fixed; cursor:pointer; opacity:1; text-align: left; line-height: 70px; padding-left: 48px; font-weight: 400; font-size:14px; font-size:1rem; border-bottom: 0.67px solid rgba(0,0,0,0) } aside.admin > div.triggerAdmin div { position:absolute; width:16px; height:3px; background-color:rgba(255,255,255,1); -webkit-box-shadow: 0 0 3px 0 #000000; box-shadow: 0 0 3px 0 #000000; display:block; left:20px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } aside.admin > div.triggerAdmin div:nth-child(1) { top:38%; width:14px; } aside.admin > div.triggerAdmin div:nth-child(2) { top:46%; width:19px; } aside.admin > div.triggerAdmin div:nth-child(3) { top:54%; width:15px; } aside.admin > div.triggerAdmin, aside.admin > div.triggerAdmin div{ -webkit-transition: all 330ms ease; -moz-transition: all 330ms ease; -ms-transition: all 330ms ease; -o-transition: all 330ms ease; transition: all 330ms ease; } /* Hover FX */ aside.admin > div.triggerAdmin:hover { opacity:1; } aside.admin > div.triggerAdmin:hover div { } aside.admin > div.triggerAdmin:hover div:nth-child(1) { width:19px; } aside.admin > div.triggerAdmin:hover div:nth-child(2) { width:17px; } aside.admin > div.triggerAdmin:hover div:nth-child(3) { width:10px; } /* Open FX */ aside.admin.open > div.triggerAdmin { padding-left:72px; width:359px; border-bottom: 0.67px solid rgba(0,0,0,0.10); background-color: rgba(0,159,227,1) !important; } aside.admin.open > div.triggerAdmin div {left:38px; } aside.admin.open > div.triggerAdmin div:nth-child(1) { top:46%; width:19px; -webkit-transform: rotateZ(135deg); -moz-transform: rotateZ(135deg); -ms-transform: rotateZ(135deg); -o-transform: rotateZ(135deg); transform: rotateZ(135deg); } aside.admin.open > div.triggerAdmin div:nth-child(2) { top:46%; width:19px; -webkit-transform: rotateZ(225deg); -moz-transform: rotateZ(225deg); -ms-transform: rotateZ(225deg); -o-transform: rotateZ(225deg); transform: rotateZ(225deg); } aside.admin.open > div.triggerAdmin div:nth-child(3) { opacity:0; top:46%; width:19px; -webkit-transform: rotateZ(350deg); -moz-transform: rotateZ(350deg); -ms-transform: rotateZ(350deg); -o-transform: rotateZ(350deg); transform: rotateZ(350deg); } aside.admin.open > div.triggerAdmin:hover { opacity:1; } aside.admin.open > div.triggerAdmin:hover div { } aside.admin.open { position:fixed; width:360px; height:100vh; overflow-y:auto !important; overflow-x: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:360px; margin:72px 0px 0px 0px; } aside.admin ul li { display:block; width:100%; border-bottom: 0.67px solid rgba(128,128,128,0.1); background: rgba(250,250,250,1.00); } aside.admin ul li:hover { background: rgba(255,255,255,1.00); } aside.admin ul li.actual { background: rgba(245,245,245,1.00); } aside.admin ul li a { color: rgba(54,54,54,1.00); padding: 20px 0px 19px 9.9%; display:block; font-weight:400; font-size:16px; font-size:1.25rem; } aside.admin ul li a:hover { color: rgba(12,12,12,1.00); } aside.admin ul li.actual a { color: rgba(0,159,227,1); } aside.admin form { display:none; position:relative; width:300px; margin:48px 0px 0px 10%; } aside.admin.open form { display:block; } aside.admin.open ul.closer { margin:0px 0px 0px 0px !important; } aside.admin.open ul.closer li { background: rgba(0,159,227,1); border-bottom: 0.67px solid rgba(255,255,255,0.2); opacity:0.8; } aside.admin.open ul.closer li:hover { background: rgba(59,59,59,1) !important; } aside.admin.open ul.closer li.actual { background: rgba(0,159,227,1); } aside.admin.open ul.closer li a { color:rgba(255,255,255,1.00); } /* aside.admin.open ul.closer li, aside.admin.open ul.closer li.actual, aside.admin.open ul.closer li:hover {background-image:url('data:image/svg+xml;utf8,') !important; background-repeat: no-repeat; } aside.admin.open ul.closer li { background-position: 15px center; background-size: 14px; } aside.admin.open ul.closer li.actual, aside.admin.open ul.closer li:hover { background-position: 13px center; background-size: 18px; } aside.admin.open ul.closer li a { padding: 10px 0px 10px 10% !important; font-size:13px; font-size:0.9rem; color:rgba(255,255,255,1.00); } */ form.loginbox { padding:0px !important; margin: 0px !important; width:100% !important; min-width: 360px; overflow: hidden; background: -moz-linear-gradient(top, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 89%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 89%); background: linear-gradient(to bottom, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 89%); } div.switchControl { text-transform: uppercase; display:inline-block; float:left; position:relative; height:48px; line-height: 48px; padding-left: 10%; width:100%; font-weight: 400; font-size:13px; font-size:0.9rem; color:rgba(45,45,45,1.00); } /* div.switch {display:block; position: absolute; right:10%; top:10px; height:28px; width:48px; -webkit-border-radius: 14px; border-radius: 14px; border:solid 1px rgba(0,0,0,0.15); background: #cccccc; background: -moz-linear-gradient(top, #cccccc 0%, #d8d8d8 100%); background: -webkit-linear-gradient(top, #cccccc 0%,#d8d8d8 100%); background: linear-gradient(to bottom, #cccccc 0%,#d8d8d8 100%); } div.switch > div {display:block; position: absolute; right:22px; top:3px; height:20px; width:20px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.67); box-shadow: 0 0 2px 0 rgba(0,0,0,0.67); background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); cursor:pointer !important; -webkit-transition: all 67ms ease-in; -moz-transition: all 67ms ease-in; -ms-transition: all 67ms ease-in; -o-transition: all 67ms ease-in; transition: all 67ms ease-in; } div.switch.active { background: #b6e026; background: -moz-linear-gradient(top, #b6e026 0%, #abdc28 100%); background: -webkit-linear-gradient(top, #b6e026 0%,#abdc28 100%); background: linear-gradient(to bottom, #b6e026 0%,#abdc28 100%); } div.switch.active > div { right:3px; } .button.circle { display:inline-block !important; margin:18px 0% 18px 10% !important; width: 72px !important; height:72px !important; float:left !important; min-width: 0px !important; min-height:0px !important; padding:0px !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; line-height: 72px !important; text-transform: uppercase !important; font-size: 0px !important; position:relative !important; border: solid 1.67px rgba(0,159,227,1) !important; background-color:transparent !important; color: rgba(0,159,227,1) !important; background-repeat:no-repeat !important; background-position: center !important; background-size: 58% !important;} .button.circle:hover { background-repeat:no-repeat !important; background-position: center !important; background-size: 58% !important; border-color:rgba(67,67,67,1) !important; color:rgba(67,67,67,1) !important; } .button.circle.nooutline, .button.circle.nooutline:hover { background-size: 76% !important; border:0px !important; } */ .button.circle.logout, .button.circle.logout:hover { display:inline-block !important; width:80% !important; margin-left: 10% !important; margin-top:12px !important; height:auto !important; margin-bottom: 32px !important; line-height: 42px !important; font-size:18px; font-size:1.45rem !important; font-weight: 300 !important; background-color:transparent !important; border:1.33px solid rgba(175,0,2,1.00) !important; color: rgba(175,0,2,1.00) !important; -webkit-border-radius: 22px !important; border-radius: 22px !important; padding:0px !important;} .button.circle.logout:hover { background-color:rgba(175,0,2,1.00) !important; color: rgba(255,255,255,1.00) !important; } div.admin { width:98%; margin:-1vw 1% 96px 1%; padding-top:22px !important; } div.admin > div.admin { margin:24px 5% 96px 5%; } div.admin > div.adminmas { display:inline-block; float:left; position:relative; width:100%; margin-top: 90px; } /* div.admin > div.halfside { width:50%; float:left; } */ div.admin > div.adminmas#inputArea {display:none;} div.admin > div.adminmas.halfside#inputArea {display:inline-block; background-color:rgba(0,159,227,0.1) !important; padding-top:59px; } div.admin > div.adminmas.halfside#inputArea.green {background-color:#dcedc8; clear:right; padding-top:59px;} div.admin > div.adminmas > form.hidden { display:none !important; } div.admin > div.adminmas > form input.new {background:rgba(0,159,227,0.60);} div.admin > div#inputArea.adminmas.halfside { display: block; background-color: rgba(255,255,255,1) !important; padding-top: 59px; position: fixed; z-index: 7; width: 80vw; margin: 0px 0px 0px 0px !important; left: 10vw; top: 2vw; max-height: 90vh; overflow-y: auto; padding-bottom: 100px; -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.67); box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.67); } div.admin > div#inputArea.adminmas.halfside > div.closethis { position:fixed !important; z-index: 8; top:3vw !important; right:11.2vw !important; margin: 0px 0px 0px 0px !important } div.admin > div.adminlisting { } div.admin > h2, div.admin > div > h2, div.admin > div.adminlisting > h2 { position:absolute; color:#fff; top:2.2vh; left:0px; width:46.5vw; margin:0px; text-align: center; font-weight:100; font-size:22px; } div.admin > h4, div.admin > div > h4, div.admin > div.adminlisting > h4 { padding:3px 12px 7px 32px; display:inline-block; width:98%; margin:0px; font-size:85%; } div.admin div.adminlisting ul {display:inline-block !important; width:96%; padding:0px !important; margin:32px 2% !important; background-color:rgba(239,239,239,1.00); border:solid 1px rgba(0,0,0,0.10); } div.admin div.adminlisting ul > li { display:flex; align-items: stretch; width:100% !important; max-width:100% !important; min-height:12px !important; margin:0px !important; padding:0px !important; border-bottom:1px solid rgba(0,0,0,0.20) !important; border-top:0px; border-left:0px; border-right:0px; } div.admin div.adminlisting ul > li > span, div.admin div.adminlisting ul > li > form {display:flex !important; align-items: center; float:left; padding:0px 3px 0px 8px !important; margin:0px 0px !important; background-color:transparent !important; border-right:1px solid rgba(0,0,0,0.1); } div.admin div.adminlisting ul > li > form > button {line-height: 10px; padding:0px 0px 0px 0px; margin: 0px; } div.admin div.adminlisting ul > li > span > p {line-height: 13px !important; margin-bottom: 0px !important; } div.admin div.adminlisting ul > li:hover {background-color:#e3f2fd !important; } div.admin div.adminlisting ul > li:first-child {color:rgba(255,255,255,1.00) !important; background:rgba(0,159,227,1) !important; } /* KOPFZEILE */ div.admin div.adminlisting ul > li:first-child > span {min-height:36px !important; max-height:44px; overflow:hidden; position:relative; display:block; } div.admin div.adminlisting ul > li:first-child > span > p { line-height: 36px !important; max-height:44px; overflow:hidden; padding:0px 8px 0px 16px; } div.admin div.adminlisting ul > li:nth-child(odd) {background-color:rgba(255,255,255,1.00);} div.admin div.adminlisting ul > li > span:nth-child(odd) {background-color:rgba(0,0,0,0.01) !important;} div.admin div.adminlisting ul > li > span { position:relative; display:inline-block; overflow: hidden;} /* REGULAR VIEW */ /* MITARBEITER */ div.admin > div.adminlisting > ul > li > span:first-child {width:10% !important;} /* NickName */ div.admin > div.adminlisting > ul > li > span:nth-child(2) {width:10% !important;} div.admin > div.adminlisting > ul > li > span:nth-child(3) {width:11% !important;} div.admin > div.adminlisting > ul > li > span:nth-child(4) {width:8% !important; font-size:90%; opacity:0.9;} div.admin > div.adminlisting > ul > li > span:nth-child(5) {width:12% !important; font-size:90%; } div.admin > div.adminlisting > ul > li > span:nth-child(6) {width:13% !important; font-size:90%; } /* Telefon */ div.admin > div.adminlisting > ul > li > span:nth-child(7) {width:9% !important; font-size:90%; opacity:0.9; } /* EMail */ div.admin > div.adminlisting > ul > li > span:nth-child(8) {width:16% !important; font-size:90%; border-right:0px; } /* Kommentar */ div.admin > div.adminlisting > ul > li:first-child > span:last-child, div.admin > div.adminlisting > ul > li > form:last-child {width:11% !important; float:right; position:relative;} div.admin > div.adminlisting > ul > li:first-child > span:last-child { padding-right:8px !important;display:inline-block; } div.admin > div.adminlisting > ul > li:first-child > span:last-child > button, div.admin > div.adminlisting > ul > li > form:last-child > button { max-width:95% !important; width:95%; margin:10px 2.5%; float:right; min-width:64px;} /* KOPFZEILE */ div.admin > div.adminlisting > ul.agv > li:first-child > span {min-height:36px !important; max-height:44px; overflow:hidden; position:relative; display:block; } div.admin > div.adminlisting > ul.agv > li:first-child > span > p { line-height: 36px !important; max-height:44px; overflow:hidden; padding:0px 8px 0px 16px; } div.admin > div.adminlisting > ul.agv > li:nth-child(odd) {background-color:rgba(255,255,255,1.00);} div.admin > div.adminlisting > ul.agv > li > span:nth-child(odd) {background-color:rgba(0,0,0,0.01) !important;} div.admin > div.adminlisting > ul.agv > li > span { position:relative; display:inline-block; overflow: hidden;} div.admin > div.adminlisting > ul.mav > li:first-child > span {min-height:36px !important; max-height:44px; overflow:hidden; position:relative; display:block; } div.admin > div.adminlisting > ul.mav > li:first-child > span > p { line-height: 36px !important; max-height:44px; overflow:hidden; padding:0px 8px 0px 16px; } div.admin > div.adminlisting > ul.mav > li:nth-child(odd) {background-color:rgba(255,255,255,1.00);} div.admin > div.adminlisting > ul.mav > li > span:nth-child(odd) {background-color:rgba(0,0,0,0.01) !important;} div.admin > div.adminlisting > ul.mav > li > span { position:relative; display:inline-block; overflow: hidden;} /* REGULAR VIEW */ /* KUNDENDATEN */ div.admin > div.adminlisting > ul.agv > li > span:first-child {width:14% !important;} /* Firma*/ div.admin > div.adminlisting > ul.agv > li > span:nth-child(2) {width:10% !important;} div.admin > div.adminlisting > ul.agv > li > span:nth-child(3) {width:9% !important;} div.admin > div.adminlisting > ul.agv > li > span:nth-child(4) {width:14% !important; font-size:90%; opacity:0.9;} div.admin > div.adminlisting > ul.agv > li > span:nth-child(5) {width:5% !important; font-size:90%; } div.admin > div.adminlisting > ul.agv > li > span:nth-child(6) {width:8% !important; font-size:90%;} /* Telefon */ div.admin > div.adminlisting > ul.agv > li > span:nth-child(7) {width:10% !important; font-size:90%; opacity:0.9; } /* EMail */ div.admin > div.adminlisting > ul.agv > li > span:nth-child(8) {width:10% !important; font-size:90%;} /* Kommentar */ div.admin > div.adminlisting > ul.agv > li > span:nth-child(9) {width:16% !important; font-size:90%; border-right:0px; } /* Kommentar */ /* COMPRESSED VIEW = DEFAULT ab iPAd !!!!!!!! */ div.admin > div.adminlisting.compressed > ul.agv > li > span:first-child {width:25% !important; } /* NickName */ div.admin > div.adminlisting.compressed > ul.agv > li > span:nth-child(2) {width:21% !important; } /* Nachname */ div.admin > div.adminlisting.compressed > ul.agv > li > span:nth-child(3) {width:15% !important; } /* Status - MA Typ */ div.admin > div.adminlisting.compressed > ul.agv > li > span:nth-child(4) {width:20% !important; } /* Telefon */ div.admin > div.adminlisting.compressed > ul.agv > li:first-child > span:last-child, div.admin > div.adminlisting.compressed > ul.agv > li > form:last-child { width:19% !important; } div.admin > div.adminlisting.compressed > ul.agv > li:first-child > span:last-child { padding-right:0px !important;} div.admin > div.adminlisting.compressed > ul.agv > li > span:nth-child(5) {display:none !important} /* Vorname */ div.admin > div.adminlisting.compressed > ul.agv > li > span:nth-child(6) {display:none !important} /* Anschrift */ div.admin > div.adminlisting.compressed > ul.agv > li > span:nth-child(7) {display:none !important} /* Kommentar */ div.admin > div.adminlisting.compressed > ul.agv > li > span:nth-child(8) {display:none !important} /* Kommentar */ /* MITARBEITER */ div.admin > div.adminlisting > ul.mav > li > span:first-child { width:10% !important; } /* NickName */ div.admin > div.adminlisting > ul.mav > li > span:nth-child(2) { width:8% !important; } div.admin > div.adminlisting > ul.mav > li > span:nth-child(3) { width:10% !important; } div.admin > div.adminlisting > ul.mav > li > span:nth-child(4) { width:8% !important; font-size:90%; opacity:0.9;} div.admin > div.adminlisting > ul.mav > li > span:nth-child(5) { width:12% !important; font-size:90%; } div.admin > div.adminlisting > ul.mav > li > span:nth-child(6) { width:9% !important; font-size:90%; } /* Telefon */ div.admin > div.adminlisting > ul.mav > li > span:nth-child(7) { width:9% !important; font-size:90%; opacity:0.9; } /* EMail */ div.admin > div.adminlisting > ul.mav > li > span:nth-child(8) { width:16% !important; font-size:90%; border-right:0px; } /* Kommentar */ div.admin > div.adminlisting > ul.mav > li > span:nth-child(9) { width:16% !important; font-size:90%; border-right:0px; } /* Kommentar */ div.admin > div.adminlisting > ul.agv > li:first-child > span:last-child, div.admin > div.adminlisting > ul.agv > li > form:last-child {width:11% !important; float:right; position:relative;} div.admin > div.adminlisting > ul.agv > li:first-child > span:last-child { padding-right:8px !important;display:inline-block; } div.admin > div.adminlisting > ul.agv > li:first-child > span:last-child > button, div.admin > div.adminlisting > ul.agv > li > form:last-child > button { max-width:95% !important; width:95%; margin:10px 2.5%; float:right; min-width:64px;} div.admin > div.adminlisting > ul.mav > li:first-child > span:last-child, div.admin > div.adminlisting > ul.mav > li > form:last-child {width:11% !important; float:right; position:relative;} div.admin > div.adminlisting > ul.mav > li:first-child > span:last-child { padding-right:8px !important;display:inline-block; } div.admin > div.adminlisting > ul.mav > li:first-child > span:last-child > button, div.admin > div.adminlisting > ul.mav > li > form:last-child > button { max-width:95% !important; width:95%; margin:10px 2.5%; float:right; min-width:64px;} div.admin > div.adminlisting.compressed > ul.mav > li > span:first-child {width:17% !important; } /* NickName */ div.admin > div.adminlisting.compressed > ul.mav > li > span:nth-child(2) {width:15% !important; } /* Nachname */ div.admin > div.adminlisting.compressed > ul.mav > li > span:nth-child(3) {width:15% !important; } /* Status - MA Typ */ div.admin > div.adminlisting.compressed > ul.mav > li > span:nth-child(4) {width:14% !important; } /* Telefon */ div.admin > div.adminlisting.compressed > ul.mav > li > span:nth-child(5) {width:20% !important; } /* Telefon */ div.admin > div.adminlisting.compressed > ul.mav > li:first-child > span:last-child, div.admin > div.adminlisting.compressed > ul.mav > li > form:last-child { width:19% !important; } div.admin > div.adminlisting.compressed > ul.mav > li:first-child > span:last-child { padding-right:0px !important;} div.admin > div.adminlisting.compressed > ul.mav > li > span:nth-child(6) {display:none !important} /* Anschrift */ div.admin > div.adminlisting.compressed > ul.mav > li > span:nth-child(7) {display:none !important} /* Kommentar */ div.admin > div.adminlisting.compressed > ul.mav > li > span:nth-child(8) {display:none !important} /* Kommentar */ button.solo, button.toggelCompression {width:240px !important; float:right; margin-right: 2%; margin-top: 16px; display:inline-block; padding:8px 12px 9px 28px !important; background-position: 10px center !important; background-repeat: no-repeat !important; background-size: 20px !important; cursor:pointer; } button.solo.edit { background-image: url(material/ic_settings_white_18px.svg);} button.solo.calender { background-image:url(material/ic_apps_white_24px.svg);} button.solo.mail { background-image: url(material/ic_mail_white_24px.svg) !important; width: auto !important; padding-left: 40px !important; } button.toggelCompression { background: rgba(176,176,176,1.00); color: #fff; background-image: url(material/ic_autorenew_white_18px.svg); } button.toggelCompression.active {background:#689f38; background-image: url(material/ic_beenhere_white_24px.svg); text-align: right;} div.admin > div > ul > li button.instant { width:32px !important; min-width:24px !important; max-width:36px !important; float:right !important; display:inline-block; height:42px; padding:0px 0px 0px 0px !important; background-color: rgba(0,79,163,0.30); background-image: url(material/ic_autorenew_white_18px.svg); background-size: 16px; background-repeat: no-repeat; background-position: center; margin:0px !important; } div.admin > div > ul > li button.instant:hover { background-color: rgba(0,79,163,1);} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (max-width : 1040px) { button.toggelCompression {display:none !important;} div.admin > div.adminlisting > ul.agv > li > span:first-child {width:25% !important; } /* NickName */ div.admin > div.adminlisting > ul.agv > li > span:nth-child(2) {width:21% !important; } /* Nachname */ div.admin > div.adminlisting > ul.agv > li > span:nth-child(3) {width:15% !important; } /* Status - MA Typ */ div.admin > div.adminlisting > ul.agv > li > span:nth-child(4) {width:20% !important; } /* Telefon */ div.admin > div.adminlisting > ul.agv > li:first-child > span:last-child, div.admin > div.adminlisting > ul.agv > li > form:last-child { width:19% !important; } div.admin > div.adminlisting > ul.agv > li:first-child > span:last-child { padding-right:0px !important;} div.admin > div.adminlisting > ul.agv > li > span:nth-child(5) {display:none !important} /* Vorname */ div.admin > div.adminlisting > ul.agv > li > span:nth-child(6) {display:none !important} /* Anschrift */ div.admin > div.adminlisting > ul.agv > li > span:nth-child(7) {display:none !important} /* Kommentar */ div.admin > div.adminlisting > ul.agv > li > span:nth-child(8) {display:none !important} /* Kommentar */ div.admin > div.adminlisting > ul.mav > li > span:first-child {width:15% !important; } /* NickName */ div.admin > div.adminlisting > ul.mav > li > span:nth-child(2) {width:15% !important; } /* Nachname */ div.admin > div.adminlisting > ul.mav > li > span:nth-child(3) {width:15% !important; } /* Status - MA Typ */ div.admin > div.adminlisting > ul.mav > li > span:nth-child(4) {width:15% !important; } /* Telefon */ div.admin > div.adminlisting > ul.mav > li > span:nth-child(5) {width:25% !important; } /* Telefon */ div.admin > div.adminlisting > ul.mav > li:first-child > span:last-child, div.admin > div.adminlisting > ul.mav > li > form:last-child { width:19% !important; } div.admin > div.adminlisting > ul.mav > li:first-child > span:last-child { padding-right:0px !important;} div.admin > div.adminlisting > ul.mav > li > span:nth-child(6) {display:none !important} /* Anschrift */ div.admin > div.adminlisting > ul.mav > li > span:nth-child(7) {display:none !important} /* Kommentar */ div.admin > div.adminlisting > ul.mav > li > span:nth-child(8) {display:none !important} /* Kommentar */ } div.admin > div > ul > li > span:first-child > div.sortbuttons, div.sortbuttons { display:inline-block !important; left:0px; height:36px; width:18px; background: rgba(0,0,0,0.10); position:absolute !important; top:3px; } div.sortbuttons > div {display:inline-block; width:100%; height:50%; float:left; background-position: center; background-repeat: no-repeat; background-size: 100%; background-size: contain; border:1px solid rgba(0,0,0,0.00); cursor: pointer;} div.sortbuttons > div.active {background-color:#8bc34a; border-bottom:1px; border-right:1px; border-top:1px solid rgba(0,0,0,0.67); border-left:1px solid rgba(0,0,0,0.67);} div.sortbuttons > div:first-child {background-image: url(material/ic_arrow_drop_up_white_24px.svg)} div.sortbuttons > div:last-child {background-image: url(material/ic_arrow_drop_down_white_24px.svg)} button.erase.icononly { min-width:24px !important; max-width:24px !important; width:24px !important; min-height:24px !important; max-height:24px !important; height:24px !important; padding: 0px 0px 0px 0px !important; margin-right:8px !important; margin-left:8px !important; overflow: hidden !important; font-size:0px !important; background-image: url(material/ic_delete_forever_white_18px.svg); background-repeat: no-repeat; background-position: center; background-size: 18px; } div.admin > div > h4 { margin-top:36px; margin-left:12px; font-weight:200; display:block; } div.admin > div > ul { display:block; } div.admin > div > ul > li { display:inline-block; position:relative; float:left; width:10.25%; height:9%; margin:0.25%; padding:0.5%; box-sizing:border-box; min-width:128px; } div.admin > div > ul > li.inaktiv { background: rgba(225,225,225,1.00); opacity:0.7; } div.admin > div.adminMaGroups > ul > li, div.admin > div.adminmas > ul > li { width:19%; background:rgba(0,159,227,0.3); } div.admin > div.adminMaGroups > ul > li { height:auto; min-height: 170px !important; width:24%; } div.admin > div.adminmas > ul > li { height:16vw; min-height:330px; } div.admin > div.adminMaGroups { padding-top: 20px; } div.admin > div.adminmas.sys > ul > li { height:6%; width:9%; min-height:90px; min-width:90px; } div.admin > div > ul > li > div.editWindow { font-size:12px !important } /* div.admin > div.halfside > ul > li { width:46%; margin:1%; padding:1%;} */ @media only screen and (max-width : 1280px) { div.admin > div > ul > li { display:inline-block; float:left; margin:0px !important; font-size:10px !important } div.admin > div > ul > li > div.editWindow { font-size:10px !important } div.admin > div.halfside > ul > li { width:96%; margin:1%; padding:1%;} } div.admin > div > ul > li > span:first-child { padding:12px 8px; display:inline-block; width:100%; background: rgba(250,250,250,1.00); line-height: 26px; } div.admin > div > ul > li.inaktiv > span:first-child { background: rgba(255,243,192,0.00); } div.admin > div > ul > li > span:first-child > div {display:block; float:right; position:relative; color:#555; font-size:90%;} div.admin > div > ul > li > table { width:98%; margin:1%; } div.admin > div > ul > li > table > tbody {} div.admin > div > ul > li > table > tbody > tr:nth-child(even) { background:#e3f2fd; } div.admin > div > ul > li.inaktiv > table > tbody > tr:nth-child(even) { background: rgba(255,255,255,0.00); } div.admin > div > ul > li > table > tbody > tr.nan {opacity:0.0;} div.admin > div > ul > li > table > tbody > tr > td { font-size:80%; } div.admin > div > ul > li button { margin:2px 2% 2px 2% !important; float:left; min-width:32px !important; display:inline-block !important; } div.admin > div > ul > li div.editWindow, div.admin > div > ul > li > div.addNewMa { display:block; width:100%; height:8vw; background-color: rgba(0,159,227,1); background-size: 30%; background-position: center 70%; background-repeat: no-repeat; cursor:pointer; opacity:0.8; text-align: center; color:rgba(255,255,255,1.00); font-size: 100%; padding-top:10%; box-sizing: border-box; min-height:60px; } div.admin > div > ul > li div.editWindow { background-color:rgba(0,159,227,1) !important; } div.admin > div > ul > li div.editWindow:hover, div.admin > div > ul > li > div.addNewMa:hover { background-color: rgba(255,106,0,1) !important; } /* Default IMG */ div.admin > div > ul > li div.editWindow { background-image: url(material/ic_create_white_24px.svg); } div.admin > div > ul > li > div.addNewMa { background-image: url(material/ic_person_add_white_24px.svg); } div.admin > div > ul > li > div.editWindow.zeitfenster { background-image: url(material/ic_access_time_white_24px.svg); } div.admin > div > ul > li > div.editWindow.etagen { background-image: url(material/etagen.svg); } div.admin > div > ul > li > div.editWindow.lagen { background-image: url(material/lagen.svg); } div.admin > div > ul > li > div.editWindow.leistungstitel { background-image: url(material/leistungsbeschreibungen.svg); } div.admin > div > ul > li > div.editWindow.antype { background-image:url(material/ic_people_white_24px.svg) } div.admin > div > ul > li div.editWindow.archiv { background-image: url(material/ic_archive_white_24px.svg) } div.admin > div > ul > li div.editWindow.csvimport { background-image: url(material/ic_arrow_upward_white_24px.svg); } div.admin > div > ul > li div.editWindow:hover, div.admin > div > ul > li > div.addNewMa:hover { opacity:0.67; } div.admin > div > ul > li > div.editWindow.active { opacity:1 !important; cursor:not-allowed; background-color:rgba(255,106,0,1) !important; } div.admin > div > ul > li > div.addNewMa.active { background-image: url(material/ic_block_white_24px.svg); opacity:0.20 !important; cursor:not-allowed; } div.admin > div > ul > li:last-child { /* margin-bottom: 68px; */ } div.spacer {display:block; float:left; width:95%; margin:6px 2.5% 38px 2.5%; height:auto; border-top: rgba(255,255,255,1.00) 2px solid; clear:both; padding-top:12px; font-size:125%; color:#0d47a1; } .group.half.weekend select {background-color:rgba(255,234,163,1.00) !important;} /* Fussnote */ div.admin > small {margin:12px 2% 4px 2%; display:inline-block; float:left; width:96%; color: rgba(81,81,81,1.00); font-size:80%; border-top:1px solid rgba(0,0,0,0.10); padding:4px 2px} @media only screen and (max-width : 1280px) { div.admin > div.adminlisting > ul > li {font-size:85%;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (max-width : 1040px) { } /* FILTERBOX */ div.filterbox { display:block; width:97%; min-height:80px; padding:10px 8px; margin:36px auto 12px auto;} div.filterbox form { background-color:rgba(255,255,255,1.00); padding:12px; text-align: center;} div.filterbox form h4:after {display:inline-block; width:100%; height:1px; background:rgba(102,102,102,1.00); content:'';} div.filterbox form select, div.filterbox form input { max-width:49%; margin:0.5%; display:inline-block; float:left; background-color: rgba(235,245,255,1.00); } div.filterbox form button { background-image: url(material/ic_archive_white_24px.svg) !important; min-width:99%; margin:0.5%; background-size: 32px !important} div.filterbox form input { max-width:24%; background-image: url(material/ic_today_white_24px.svg); background-repeat: no-repeat; background-position: 4px 4px; background-size:16px; background-color: rgba(79,155,247,1.00); text-align: center; font-weight: bold; color:#fff; font-size:16px; cursor:pointer !important; } form.w50 { display:inline-block; float:left; width:49%; margin:0.5%; } form.w33 { display:inline-block; float:left; width:32%; margin:0.5%; } div.a4paper { width:95%; display:inline-block; position:relative; float:left; margin-left: 2.5%; padding:16px; margin-top:12px; background-color: rgba(255,255,255,1.00); -webkit-box-shadow: 0px 0px 2px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.7); background-size:360px; background-position: 90% 50px; background-repeat: no-repeat; min-height:1600px;} div.infobox { margin-left:5.5%; margin-top: 160px; width:360px; margin-bottom: 90px; } div.a4paper > h3 {margin-left:5.5%; margin-bottom: 48px; display:block;} div.admin > div.adminlisting table { width: 91%; margin:32px 2.5% 128px 5.5%; display: table; border-spacing: 2px; text-align: left; } div.admin > div.adminlisting table > thead { border-bottom: rgba(0,0,0,0.30) 1px solid; color: rgba(67,67,67,1.00); } div.admin > div.adminlisting table > thead > tr > th { position:relative !important; padding:0px 8px 0px 24px; } div.admin > div.adminlisting table > thead > tr > th > p { padding-top: 12px; margin-bottom: 10px; } div.admin > div.adminlisting table > tbody { } div.admin > div.adminlisting table > tfoot > tr > td, div.admin > div.adminlisting table > tbody > tr > td { padding-top: 12px !important; padding-left:8px; } div.admin > div.adminlisting table > tbody > tr > td:last-child p {font-weight: 700; font-size: 110%; text-align: right !important; width:92%; margin-right:8%; } div.admin > div.adminlisting table > tbody > tr { border-bottom:1px solid rgba(0,0,0,0.20); } div.admin > div.adminlisting table > tfoot > tr { border-top: 2px solid rgba(0,0,0,0.30); } div.admin > div.adminlisting table > tfoot > tr > td { font-weight:700; border-bottom: double rgba(98,98,98,1.00); } div.admin > div.adminlisting table > tfoot > tr > td:last-child p { text-align: right !important; width:92%; margin-right:8%; } div.paperFooter { display:inline-block; float:left; width:98%; margin-bottom: 12px; padding-top: 12px; border-top:1px solid rgba(192,192,192,1.00); position:absolute; bottom:0px; } div.paperFooter table { margin-bottom: 12px !important; font-size: 80%; margin-top:0px !important} div.paperFooter table tr, div.paperFooter table tr td { border-bottom: 0px !important; } button.solo.pdf {background-image: url(material/ic_insert_drive_file_white_24px.svg); background-color: rgba(255,106,0,1); color:rgba(255,255,255,1.00); opacity:0.85; } button.solo.csv {background-image: url(material/ic_grid_on_white_24px.svg); background-color: rgba(0,159,227,1); color:rgba(255,255,255,1.00); opacity:0.85; } button.solo.pdf:hover, button.solo.csv:hover { opacity:1; cursor:pointer; } 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.refreshPage { position:absolute; top:4px; right:4px; max-width:100px; } @media print { div.lupe, div.Searchnone, aside.admin, div.triggerAdmin, div.adminlisting > div.filterbox, div.adminlisting > h2, div.adminlisting > h4, div#page > footer { display:none !important; } div.a4paper { width:690px; display:block !important; position:relative; top:0px; left:0px; float:left; margin-left: 0px; padding:10px; margin-top:0px; background-image: url(../../../systemdaten/logo.png) !important; background-size:70px; background-position: 350px 30px; background-repeat: no-repeat; min-height:800px} div.infobox { margin-left:30mm; margin-top: 90mm; width:80mm; margin-bottom: 30mm; } div.a4paper > h3 {margin-left:30mm; margin-bottom: 12mm; display:block !important; } div.admin > div.adminlisting table { width: 160mm; margin:12mm 10mm 12mm 10mm; display: table !important; border-spacing: 1mm !important; text-align: left; } div.admin > div.adminlisting table > thead { border-bottom: rgba(0,0,0,0.30) 1px solid; color: rgba(67,67,67,1.00); } div.admin > div.adminlisting table > thead > tr > th { position:relative !important; padding:0px 8px; } div.admin > div.adminlisting table > thead > tr > th > p { padding-top: 12px; margin-bottom: 10px; } div.admin > div.adminlisting table > tbody { } div.admin > div.adminlisting table > tfoot > tr > td, div.admin > div.adminlisting table > tbody > tr > td { padding-top: 12px !important; padding-left:8px; } div.admin > div.adminlisting table > tbody > tr > td:last-child p {font-weight: 700; font-size: 110%; text-align: right !important; width:92%; margin-right:8%; } div.admin > div.adminlisting table > tbody > tr { border-bottom:1px solid rgba(0,0,0,0.20); } div.admin > div.adminlisting table > tfoot > tr { border-top: 2px solid rgba(0,0,0,0.30); } div.admin > div.adminlisting table > tfoot > tr > td { font-weight:700; border-bottom: double rgba(98,98,98,1.00); } div.admin > div.adminlisting table > tfoot > tr > td:last-child p { text-align: right !important; width:92%; margin-right:8%; } div.paperFooter { display:inline-block; float:left; width:190mm; margin-bottom: 10mm; padding-top: 10mm; border-top:1px solid rgba(192,192,192,1.00); position:absolute; bottom:0px; } div.paperFooter table { margin-bottom: 2mm !important; font-size: 80%; margin-top:0px !important} div.paperFooter table tr, div.paperFooter table tr td { border-bottom: 0px !important; } } button.deactivate { background-color: rgba(241,180,0,0.80) } button.deactivate:hover { background-color: rgba(241,180,0,1) } input[type='checkbox'] { appearance: checkbox !important; -moz-appearance: checkbox !important; -webkit-appearance: checkbox !important; } div#myProfile { display:block; position:relative; padding-left:10%; padding-top: 10px; width:100%; float:left; margin-top: 8px; line-height: 1.5; color:rgba(0,159,227,1); height:62px; overflow: hidden; background-color:rgba(0,0,0,0.10); font-style: italic; font-size:14px;} div.switchControl { text-transform: uppercase; display:inline-block; float:right; position:relative; height:28px; line-height: 28px; padding-left: 64px; margin-top: 20px; width:240px; font-weight: 400; font-size:13px; font-size:0.9rem; color:rgba(45,45,45,1.00); } div.switchelement {display:block; position: absolute; left:0px; top:0px; height:28px; width:48px; -webkit-border-radius: 14px; border-radius: 14px; border:solid 1px rgba(0,0,0,0.15); background: #cccccc; background: -moz-linear-gradient(top, #cccccc 0%, #d8d8d8 100%); background: -webkit-linear-gradient(top, #cccccc 0%,#d8d8d8 100%); background: linear-gradient(to bottom, #cccccc 0%,#d8d8d8 100%); } div.switchelement > div {display:block; position: absolute; right:22px; top:3px; height:20px; width:20px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.67); box-shadow: 0 0 2px 0 rgba(0,0,0,0.67); background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); cursor:pointer !important; -webkit-transition: all 67ms ease-in; -moz-transition: all 67ms ease-in; -ms-transition: all 67ms ease-in; -o-transition: all 67ms ease-in; transition: all 67ms ease-in; } div.switchelement.active { background: #b6e026; background: -moz-linear-gradient(top, #b6e026 0%, #abdc28 100%); background: -webkit-linear-gradient(top, #b6e026 0%,#abdc28 100%); background: linear-gradient(to bottom, #b6e026 0%,#abdc28 100%); } div.switchelement.active > div { right:3px; }