div.calender { width:99%; margin:0px; padding:0px; margin-left:0.5%; } div.calenderBody, div.calenderRow { width:100%; margin:0px; padding:0px; } div.calender, div.calenderHead, div.calenderBody, div.calenderRow, div.calenderCol, div.calenderOptions, div.calenderCol > div, div.calenderHead > div.calenderRow > div.calenderCol:before, div.calenderRow.open:after { display:block; float:left; } div.calenderCol, div.timeElement {position:relative; display:inline-block;} div.calender { margin-top:0px; z-index:99; } div.calender > div.fixTop { position:relative !important; z-index:9 !important; width:100% !important; text-align:center !important; } div.calender > div.calenderOptions.fixTop { top:0px; padding-top:0px; padding-left: 50%; } div.calender > div.calenderHead.fixTop { top:0px; z-index:8 !important; } div.calender.mas > div.calenderHead { width:100%; margin:0px; padding:0px; } div.calenderOptions > a.Urlaubsuebersicht, div.calenderOptions > div.calenderNav, div.calenderOptions > div.typeSwitch, div.calenderOptions > div.hOptions, div.calenderOptions div.dayfinder.popup { height:48px; line-height:48px; padding:7px 0px; } div.calenderOptions > a.Urlaubsuebersicht { display:inline-block; float:left; color: inherit !important; line-height:32px; margin-left: 12px; opacity:0.35; } div.calenderOptions > a.Urlaubsuebersicht:hover { opacity:0.9; } div.calenderOptions > div.calenderNav { position:relative; margin-left: -180px !important; display:inline-block; text-align: center; float:left; width:360px; } div.calenderOptions > div.typeSwitch, div.calenderOptions > div.hOptions, div.calenderOptions div.dayfinder.popup { display:inline-block; text-align: center; margin:0px auto !important; position:relative; float:left !important; } /* Small Kalender Icon */ div.calenderOptions div.dayfinder { opacity:0.55 !important; } div.calenderOptions div.dayfinder:hover { opacity:0.85 !important; } div.calenderOptions div.dayfinder { width:48px; } div.calenderOptions > span { } @media only screen and (max-width: 1800px) { div.calenderOptions > span { } } @media only screen and (max-width: 1700px) { div.calenderOptions > span { } div.calenderHead > div.calenderRow > div.calenderCol > div.timeElement { font-size:95% !important; } } @media only screen and (max-width: 1440px) { div.calenderOptions > span { } div.calenderHead > div.calenderRow > div.calenderCol > div.timeElement { font-size:70% !important; } } @media only screen and (max-width: 1280px) { div.calenderOptions > span { } } @media only screen and (max-width: 1024px) { div.calenderOptions > span { } } div.calenderOptions > div.typeSwitch > a, div.calenderOptions > div.hOptions > a { display:inline-block; float:left; height:30px; line-height:30px; margin:0px 12px !important; font-size:120%; } div.calenderOptions > div.hOptions > a.active:after, div.calenderOptions > div.typeSwitch > a.active:after { display:block; content:''; height:1px; width:100%; position:relative; background: #151515 !important; bottom:1px; } div.calenderOptions div.dayfinder { background-image: url(material/ic_date_range_black_18px.svg); background-size:28px 28px; background-position:top; background-position: center; background-repeat: no-repeat; opacity:0.44;} div.calenderOptions div.dayfinder:hover { cursor:pointer; } div.calenderOptions div.date, div.calenderOptions .button { display:inline-block; float:left; height:36px; max-height:36px; line-height: 36px; min-height: 36px; margin:0px 12px; font-size:18px; font-weight:400; } div.calenderOptions div.date { padding-bottom:12px !important; width:216px; } div.calenderOptions .button { width:36px; min-width:36px; padding:0px 0px !important; background-position: center; background-repeat: no-repeat; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0)} div.calenderOptions .button {opacity:0.5; border:0px; outline:none;} div.calenderOptions .button:hover {opacity:1;} div.calenderOptions .button.prev {background-image: url(material/ic_arrow_back_black_24px.svg);} div.calenderOptions .button.next {background-image: url(material/ic_arrow_forward_black_24px.svg);} div.calenderHead > div.calenderRow > div.calenderCol > div.timeElement { font-size:105%; text-shadow: 1px 1px 1px #FFFFFF; font-weight:600; overflow: hidden;} /* Zeilenhöhe: */ div.calenderHead > div.calenderRow, div.calenderHead > div.calenderRow > div.calenderCol, div.calenderHead > div.calenderRow > div.calenderCol:before, div.calenderHead > div.calenderRow > div.calenderCol > div, div.calenderHead > div.calenderRow > div.calenderCol.timeline > div.timeElement, div.calenderHead > div.calenderRow > div.calenderCol.timeline > div.timeElement.regular { min-height:42px !important; line-height:42px !important; max-height: 42px !important; } div.calenderHead > div.calenderRow.info, div.calenderBody div.calenderRow.info { text-align: center; font-size: 130%; font-weight:600; height:40px !important; line-height: 40px !important; min-height:40px !important; } /* Zeilenhöhe Body */ div.calenderBody div.calenderRow, div.calenderBody div.calenderRow.open, div.calenderBody div.calenderRow.checked.open, div.calenderBody div.calenderRow.error.open, div.calenderBody div.calenderRow > div.calenderCol, div.calenderBody div.calenderRow > div.calenderCol:before, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.verfuegbar, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.nichtverfuegbar, div.calenderBody div.calenderRow > div.calenderCol > div.halb, div.calenderBody span.lineWrapper > div.calenderRow, div.calenderBody span.lineWrapper > div.calenderRow.open, div.calenderBody span.lineWrapper > div.calenderRow.checked.open, div.calenderBody span.lineWrapper > div.calenderRow.error.open, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol:before, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.timeElement.verfuegbar, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.timeElement.nichtverfuegbar, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.halb { line-height:34px; height:34px !important; min-height:34px !important; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement:after, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.timeElement:after { line-height:30px; height:302px !important; min-height:30px !important; margin-top:-2px; } div.calenderBody div.calenderRow, div.calenderBody span.lineWrapper > div.calenderRow { margin:0px 0px 1px 0px; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.verfuegbar, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.nichtverfuegbar, div.calenderBody div.calenderRow > div.calenderCol > div.halb, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.timeElement, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.timeElement.verfuegbar, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.timeElement.nichtverfuegbar, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.halb{ margin:0px 0px 0px 0px !important; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz, div.calenderBody div.calenderRow > div.calenderCol > div, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.frei, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.gesperrt, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.timeElement, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.timeElement.einsatz, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.timeElement.frei, div.calenderBody span.lineWrapper > div.calenderRow > div.calenderCol > div.timeElement.gesperrt { margin:1px 0px !important; min-height:28px !important; max-height:28px !important; line-height:28px !important; } div.lineContent, div.lineContent.big, div.add { margin:0px 0px !important; min-height:28px !important; max-height:28px !important; line-height:28px !important; } div.lineContent:not(.big) { background-size: 24px; background-position: 6px 2px !important; line-height:24px !important; width:85%; width: calc(100% - 90px); max-width:85%; max-width: calc(100% - 64px); position:absolute; top:0px; overflow: hidden !important; z-index:1; } div.calenderBody div.calenderRow.open, div.calenderBody span.lineWrapper > div.calenderRow.open { margin-bottom: 1px; } /* Trennstriche Horizontal */ div.calenderBody div.calenderRow.open:after, div.calenderBody span.lineWrapper > div.calenderRow.open:after { display:block; float:left; width:100%; height:1px; content:''; position:relative; margin-top: -1px; } /* 24h Scale */ div.calenderHead > div.calenderRow > div.calenderCol.timeline > div.timeElement.small, div.calenderHead > span.lineWrapper > div.calenderRow > div.calenderCol.timeline > div.timeElement.small { font-size:65% !important; } /* Hinzufügen Leiste */ div.calenderBody div.calenderRow.new, div.calenderBody div.calenderRow.new > div.calenderCol, div.calenderBody div.calenderRow.new > div.calenderCol:before, div.calenderBody div.calenderRow.new > div.calenderCol > div, div.calenderBody div.calenderRow.new > div.calenderCol > div.timeElement:after, div.calenderBody span.lineWrapper > div.calenderRow.new, div.calenderBody span.lineWrapper > div.calenderRow.new > div.calenderCol, div.calenderBody span.lineWrapper > div.calenderRow.new > div.calenderCol:before, div.calenderBody span.lineWrapper > div.calenderRow.new > div.calenderCol > div, div.calenderBody span.lineWrapper > div.calenderRow.new > div.calenderCol > div.timeElement:after{ min-height:30px !important; line-height:30px !important; max-height:30px !important; height:30px !important; } div.calenderBody div.calenderRow.new > div.calenderCol > div.timeElement, div.calenderBody span.lineWrapper > div.calenderRow.new > div.calenderCol > div.timeElement { margin:2px 0px !important; min-height:26px !important; line-height:26px !important; background-size: 14px 14px; } div.calenderBody div.calenderRow.new > div.calenderCol > div.timeElement.frei:after, div.calenderBody div.calenderRow.new > div.calenderCol > div.timeElement.gesperrt:after, div.calenderBody span.lineWrapper > div.calenderRow.new > div.calenderCol > div.timeElement.frei:after, div.calenderBody span.lineWrapper > div.calenderRow.new > div.calenderCol > div.timeElement.gesperrt:after { width:1px; margin-left: -1px; content:''; display:block; position:relative; } /* Spaltenbreite */ div.calenderCol:nth-child(1) { width:11%; padding-left:1%; } div.calenderCol:nth-child(2) { width:9%; } div.calenderCol:nth-child(3) { width:80%; } div.calenderCol > div.halb { display:block; float:left; width:49%; padding:0px 5%; margin-top:0px; text-align: center; font-size:110%; } div.calenderHead div.calenderRow > div.calenderCol { font-size: 110%; } div.calenderHead div.calenderRow > div.calenderCol:nth-child(1), div.calenderHead div.calenderRow > div.calenderCol:nth-child(2) { font-weight:400; } div.calenderHead div.calenderRow > div.calenderCol:nth-child(3) { text-align: left; font-size:90%;} div.calenderHead div.calenderRow > div.calenderCol > div.timeElement { padding-left: 3px; } div.calenderHead div.calenderRow > div.calenderCol > div.timeElement.regular { background-image:none; padding-left:0px; text-align: center;} div.calenderHead div.calenderRow > div.calenderCol > div.timeElement.regular.even { } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.frei:hover, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.gesperrt:hover { -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.4); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.4); } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement { -webkit-border-radius: 2px; border-radius: 2px; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.frei, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.gesperrt, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.none { -webkit-border-radius: 0px; border-radius: 0px; background-size:0px; -webkit-box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.0); box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.0); -webkit-transition: all 90ms ease-in-out; -moz-transition: all 90ms ease-in-out; -ms-transition: all 90ms ease-in-out; -o-transition: all 90ms ease-in-out; transition: all 90ms ease-in-out; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.frei:hover, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.gesperrt:hover { background-position:center !important; background-repeat: no-repeat !important; background-size:20px !important; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.frei:after, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.gesperrt::after, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.none:after, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.verfuegbar:after, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.nichtverfuegbar:after { width:1px; margin-left: 0px; content:''; display:block; position:absolute; top:0px; left:0px; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.frei:hover:after, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.gesperrt:hover:after { display:none; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement:hover { cursor:pointer; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.frei:hover { background-image: url(material/ic_add_circle_white_24px.svg); } div.calenderBody div.calenderRow.new > div.calenderCol > div.timeElement.frei:hover { background-image: url(material/ic_add_circle_white_24px.svg); } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.gesperrt:hover { background-image: url(material/ic_block_white_24px.svg); cursor:default; } div.einsatz, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz { padding-left:6px; -webkit-border-radius: 0px; border-radius: 0px; overflow:hidden !important; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz:hover { cursor: default !important;} div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz { display:flex; flex-direction:column; flex-flow:wrap; align-content: flex-end; align-items: flex-end; min-height:32px !important; max-height:32px !important; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > span.daywork { border-bottom: 0.5px solid rgba(0,0,0,0.23); display: inline-block; float: right; position: relative; font-size: 8px; line-height: 10px; width: 62% !important; padding: 0px 1% 0px 2%; margin-left: 38%; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > span.daywork:last-child { } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > span.daywork > span { float:right; font-weight:600; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > div.tagessumme { display:block; float:left; width:40%; text-align: center; position:absolute; left:0px; top:0px; border-bottom: 0px solid rgba(255,255,255,0.00) !important; height:32px !important; } /* Verbergen Funktion */ div.calenderBody span.lineWrapper > div.calenderRow.checked, div.calenderBody div.calenderRow.checked { height: 0px !important; min-height:0px !important; overflow: hidden !important; display:block; position: relative; opacity:0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } div.calenderBody span.lineWrapper > div.calenderRow.checked.open, div.calenderBody div.calenderRow.checked.open { opacity:1; } div.calenderBody span.lineWrapper > div.calenderRow.hidden, div.calenderBody div.calenderRow.hidden {height:0px !important; min-height:0px !important; overflow:hidden !important; display:none !important; visibility:hidden !important; } div.calenderBody span.lineWrapper > div.calenderRow.make, div.calenderBody div.calenderRow.make { -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; -ms-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; } div.calenderBody span.lineWrapper > div.calenderRow.smaller, div.calenderBody span.lineWrapper > div.calenderRow.smaller > div.calenderCol, div.calenderBody span.lineWrapper > div.calenderRow.smaller > div.calenderCol > div, div.calenderBody div.calenderRow.smaller, div.calenderBody div.calenderRow.smaller > div.calenderCol, div.calenderBody div.calenderRow.smaller > div.calenderCol > div {height:16px !important; min-height:16px !important; line-height:16px !important; overflow:hidden; font-size:12px; } div.calenderBody div.calenderRow.smaller {opacity:0.67 !important;} div.calenderBody div.calenderRow.project, div.calenderBody div.calenderRow.project > div.calenderCol { height:36px !important; min-height:36px !important; line-height:36px !important; overflow:hidden; font-size:15px; } div.calenderBody div.calenderRow > div.calenderCol.timeline { overflow:hidden;} div.calenderBody div.calenderRow.error > div.calenderCol.timeline > div.timeElement.ok { opacity:0.1 !important; } div.calenderBody div.calenderRow.error.open > div.calenderCol.timeline > div.timeElement.ok { opacity:1 !important; } div.calenderRow.openall { cursor: pointer; } div.calenderRow.openall.active { cursor: pointer; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.verfuegbar, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.nichtverfuegbar { border-radius: 0px; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.verfuegbar { cursor: default; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.nichtverfuegbar { cursor:not-allowed; } div.verfuegbar { margin-left:2px; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.even:after {display:none !important;} div.lineContent { display:inline-block; float:left; width:auto; min-width: 48px; max-width:76%; overflow:hidden !important; position:relative; font-size:13px; line-height: 12px; text-align: left !important; padding:1px 8px; padding-left:38px; background-image: url(material/ic_people_white_24px_bg.svg); background-repeat: no-repeat; background-position: left center; margin-left:8px; z-index:2;} div.lineContent:hover {background-image: url(material/ic_people_white_24px_bgs.svg); background-repeat: no-repeat; } div.lineContent.editlink { background-image: url(material/ic_build_white_18px-link.svg); padding-left:28px; background-size: 20px 27px; } div.lineContent.big { font-size: 20px; padding-left: 4px; width:auto; z-index:2; background-image: url(material/ic_build_white_18px-topright.svg); background-position: right top; background-repeat: no-repeat; background-size: 14px; margin-left:0px; } div.lineContent.big.info { background-image: url(material/ic_info_white_18px.svg); min-width:28px !important; font-size:15px; } div.lineContent.big.info.ok { background-image: none !important; } div.lineContent.big.info.alert { background-image: none !important; } div.lineContent.big:hover { font-weight:400; } div.add { width:30px !important; min-width:30px; padding:0px 0px 0px 0px !important; background-repeat: no-repeat; background-position: center; float:right; background-size:18px; margin:0px 0px; box-shadow: none; border-radius: 0px; clear:right; position:absolute; right:0px; } div.add.popup.chat { background-image: url(material/ic_chat_bubble_outline_white_24px.svg); } div.add.popup.chat:hover {background-image: url(material/ic_chat_bubble_outline_black_24px.svg); } div.add.popup.chat.filled { background-image: url(material/ic_chat_white_24px.svg); } div.add.popup.chat.filled:hover {background-image: url(material/ic_chat_black_24px.svg); } div.add.popup.chat.filled.appinfo { background-color: rgba(0,171,78,0.80); background-image: url(material/ic_check_white_24px.svg); } div.add.popup.chat.filled.appinfo { background-color: rgba(0,171,78,1.00); } div.add.popup.chat.filled.appinfo.warning { background-color:#f44336; background-image: url(material/ic_add_alert_white_24px.svg); } div.add.popup.chat.filled.appinfo:hover { background-color:rgba(255,255,255,0.80); background-image: url(material/ic_add_alert_black_24px.svg); } div.machatbox { width:50%; height:43vh; max-height:460px; max-height:43vh; background: rgba(0,159,227,0.9); padding:2%; float:left; display:inline-block; margin-top:21px; position:relative !important; overflow-y: auto; border-radius: 7px; } div.machatbox:after { display:block; position:absolute; content:'Hinweis: APPS freischalten unter Mitarbeiter > APPs'; width:90%; text-align: center; height:32px; line-height: 24px; font-size: 9px; color:rgba(214,255,197,0.50); margin-top:-20px; } div.machatbox div.machat { display:inline-block; width:90%; padding:6px 20px; border-radius: 26px 26px 26px 0px; float:left; margin-bottom: 8px; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.33); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.33); } div.machatbox div.machat.response { border-radius: 20px 20px 0px 20px; float:right; } div.machatbox div.machat.confirmed { background-color: rgba(214,255,197,1.00); } div.machatbox div.machat.notconfirmed { background-color: rgba(255,184,186,0.70); } div.machatbox div.machat.response { background-color: rgba(146,204,252,1.00); } div.machatbox div.machat span:nth-child(1) { display: inline-block; float:left; width:50%; padding-left:20px; font-size:90%; min-height:28px; border-bottom: 1px solid rgba(0,0,0,0.03); text-align: left; background-image: url(material/ic_message_black_24px.svg); background-repeat: no-repeat; background-size: 16px; background-position: left 9px;} div.machatbox div.machat span:nth-child(2) { display: inline-block; float:left; width:50%; font-size:67%; min-height:28px; border-bottom: 1px solid rgba(0,0,0,0.03); text-align: right;} div.machatbox div.machat span:nth-child(3) { display: inline-block; float:left; width:100%; font-size:110%; text-align: left; padding-top: 12px;} div.machatbox div.machat.response span:nth-child(1) { display: none; } div.machatbox div.machat.response span:nth-child(2) { display: none; } div.machatbox div.machat.response span:nth-child(3) { font-size:90%; padding-top: 0px; } div.machatbox div.machat div.confirmaction { display: block; max-width:96%; min-width:30%; padding:4px 12px; background-color:rgba(46,46,46,1.00); color:rgba(255,255,255,1.00); opacity:0.6; border-radius: 14px; float:right; margin-right: 2%; } div.machatbox div.machat div.confirmaction:hover { opacity: 1; cursor:pointer; background-color:rgba(2,110,8,1.00); } div.machatbox div.machat div.confirmaction.hidden { display:none !important; } div.machatbox div.machat input[type="text"] { border-radius: 7px; padding:8px 12px; -webkit-box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,0.33); box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,0.33);} div.machatbox div.machat input[type="text"]:focus { background:rgba(146,204,252,1.00); } div.innerWindow > div { overflow: hidden !important; max-height:28px; font-size:9px !important; font-weight:400; vertical-align: middle; font-variant-alternates: normal; } div.popup.hide { width:0px; height:0px; z-index:2; } div.closethis { z-index: 3; width:32px; height:32px; display:block; background-image: url(material/ic_cancel_white_24px.svg); background-position: center; background-repeat: no-repeat; -webkit-border-radius: 16px; border-radius: 16px; background-size: cover!important; position:absolute; top:24px; right:24px; cursor:pointer !important; } div.popupbox { display:none; } div.popupbox.open { display:block; position:fixed; z-index:999 !important; width:100%; width:100vw; height:100%; height:100vh; top:0px; left:0px; opacity:1 !important; text-align: center; } div.popupbox.open > div.popupContainer { position:relative; width:94%; max-width:1500px; height: 93%; height: 85vh; max-height:1080px; max-height:93vh; min-height:480px; text-align: center; -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.5); opacity:1 !important; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.5); padding:4px 12px 12px 12px; cursor:default; z-index:7 !important; margin:30px auto 0px auto; margin:4vh auto 0 auto; overflow-y:auto; } div.popupbox.open > div.popupContainer.comment { width:50%; max-width:80vw; height: 50%; height: 60vh; max-height:640px; max-height:80vh; min-height:400px; margin:90px auto 0px auto; margin:12vh auto 0 auto; padding-top: 32px;} div.popupbox.open > div.popupContainer.smallOne { width:320px; height:400px; min-height:400px; min-width:320px; left:auto; right:20vw; top:48px; position: absolute; margin-top:0px; } div.popupbox.open > div.popupContainer h2 { font-weight:400; } div.popupbox.open > div.popupContainer textarea { height:38vh; margin:2vh 2% 8px 2%; width:96%; font-size:120% !important; font-weight:400 !important; padding: 20px; color:rgba(41,41,41,1.00); } div.popupbox.open > div.popupContainer div.infoContent { margin:2vh 2% 8px 2%; width:96%; text-align:left; line-height:normal; } div.popupbox.open > div.popupContainer div.infoContent.scrollable { } div.popupbox.open > div.popupContainer .savethis { display: inline-block; position: relative; float: left; width: 90%; margin-left:5%; padding: 12px 24px 12px 48px !important; font-size: 100%; font-weight: 400; background-image: url(material/ic_beenhere_white_24px.svg); background-position: 12px center; background-repeat: no-repeat; opacity:0.7; } div.popupbox.open > div.popupContainer .savethis:hover { opacity:1; } div.popupbox.open > div.popupContainer table { width:96%; margin-left: 2%; float:left; } div.popupbox.open output { display:inline-block; min-width:48px; min-height:24px; text-align: center; } div.popupbox.open > div.popupContainer table > tbody.optional { max-height: 128px; overflow-y: scroll; } div.popupbox.open > div.popupContainer table > tbody.optional > tr, div.popupbox.open > div.popupContainer table > tbody.optional > tr > td { visibility:hidden; height:0px !important; } div.popupbox.open > div.popupContainer table > tbody.optional.show > tr, div.popupbox.open > div.popupContainer table > tbody.optional.show > tr > td { visibility: visible; height: auto !important; } div.popupbox.open > div.popupContainer table > tbody.optional > tr.toggle, div.popupbox.open > div.popupContainer table > tbody.optional > tr.toggle > td { visibility:visible; width:100px; height:48px !important; background-image: url(material/ic_add_circle_white_24px.svg); background-position:center; background-repeat: no-repeat; cursor:pointer; } div.popupbox.open > div.popupContainer table > tbody.optional > tr.toggle.active > td { background-image: url(material/ic_cancel_white_24px.svg); } div.popupbox.open > div.popupContainer table { position:relative; } div.popupbox.open > div.popupContainer table > tbody.summe { } div.popupbox.open > div.popupContainer table > tbody.summe tr { width:100%; bottom:-56px; padding-top:4px; left:0px; } div.popupbox.open > div.popupContainer table > tbody.summe tr > td:last-child { float:right; } div.popupbox.open > div.popupContainer table > thead > tr > th {padding:8px 0;} div.popupbox.open > div.popupContainer table > thead > tr > th:nth-child(4), div.popupbox.open > div.popupContainer table > tbody > tr > td:nth-child(6) {text-align: center !important;} div.popupbox.open > div.popupContainer table > tbody.optional > tr.hidden, div.calenderBody div.calenderRow.hidden, .notallowed { display:none !important;} .bgfree { background-image: none !important; padding-left:8px !important;} div.editable:hover { background-color: #ccc !important; background-image: url(material/ic_build_white_18px.svg); background-repeat: no-repeat; background-position: 8px 8px; cursor:pointer !important; } .maAlarm { background-color: rgba(255,0,4,1.00) !important; color:rgba(255,255,255,1.00) !important; text-align: center!important; } div.calender { z-index:1; margin-top:28px; } div.calender.mas { z-index:1; margin-top:4px !important; } span.vr {display:inline-block; width:1px; height:24px; background: rgba(255,255,255,0.33); margin:0px 6px -8px 4px; } .tooltip { display:none; position:absolute; border-top:1px #fff9c4 solid; border-right:1px rgba(0,0,0,0.1) solid; border-bottom:1px rgba(0,0,0,0.2) solid; background-color:#fdd835; border-radius:2px; padding:10px 20px 10px 10px; color:#061B3A; font-size:14px; z-index: 999; white-space: pre-line; background-image: url(material/ic_info_outline_tooltip_18px.svg); background-position: right top; background-size: 18px; background-repeat: no-repeat; } button.item { display:block; width:16%; height:28px; min-width:16%; max-width:16%; z-index:5; min-height:28px; max-height:28px; background-size: 20px; background-position: center; background-repeat: no-repeat; padding:0px 0px 0px 0px !important; margin:1px; line-height:24px; float:right; position:absolute; top:1px; right:2px; opacity:0.5; } button.item:hover { opacity:1; background-size: 18px; background-position: center; background-repeat: no-repeat; } button.item.edit { right:auto; left:0px; width:80%; min-width:80%; max-width:80%; background-size:12px; background-position:3px 3px; } button.item.inline { top:0px; right:30px; width:26px; height:26px; min-width:26px; max-width:26px; min-height:26px; max-height:26px; } button.item.delete { background-image: url(material/ic_delete_forever_white_18px.svg); } button.item.delete:hover { background-color:rgba(118,5,7,1.00); background-image: url(material/ic_delete_sweep_white_24px.svg); } button.item.edit { background-color:rgba(30,136,229,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); background-image: url(material/ic_settings_blue_18px.svg); cursor: pointer} button.item.edit:hover { background-color: rgba(255,255,255,0); background-image: url(material/ic_settings_blue_18px.svg); } a.button, a.button.prev, a.button.next, a.button.timewindow { appearance: none; -webkit-appearance: none !important;} /* EXPAND - FUNCTION: */ div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.expandable {-webkit-transition: all 533ms ease-in-out; -moz-transition: all 533ms ease-in-out; -ms-transition: all 533ms ease-in-out; -o-transition: all 533ms ease-in-out; transition: all 533ms ease-in-out;} /* EXPANDABLE OPTION : COMPRESSED VIEW */ div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.expandable:not(.expanded) { background-color:rgba(0,0,0,0.20) !important; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.expandable:not(.expanded) > .lineContent:not(.big), div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.expandable:not(.expanded) > form, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.expandable:not(.expanded) > span {display:none !important;} div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.expandable:not(.expanded) > .lineContent.big { width:50%; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.expandable:not(.expanded) > .innerWindow { display:none !important; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.expandable:not(.expanded) > .actionButton {display:block; width:50%; position:absolute; right:0px; top:0px; height:28.5px !important; min-height: 28.5px !important; max-height: 28.5px !important; background-color: rgba(0,86,166,0.90); content:''; background-image: url(material/ic_add_white_24px.svg); background-size: 21px; background-repeat: no-repeat; background-position: center; z-index:6; } /* EXPANDABLE OPTION : expanded VIEW */ div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.expandable.expanded { width:95% !important; position:absolute; z-index: 11; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.expandable.expanded > .actionButton {display:block; width:5%; position:absolute; right:-5.2%; top:0px; height:28.5px !important; min-height: 28.5px !important; max-height: 28.5px !important; background-color: rgba(158,2,4,0.70); content:''; background-image: url(material/ic_remove_white_24px.svg); background-size: 21px; background-repeat: no-repeat; background-position: center; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.expandable > .actionButton:hover { background-color: rgba(0,0,0,0.90) !important; cursor:pointer; } div.innerWindow { position:absolute; display:flex; width:128px; min-width:32px; min-height:27px; padding:0px 1px 0px 1px; margin-top:-0.5px; -webkit-border-radius: 3px; max-height:27px !important; line-height:9.25px; border-radius: 3px; text-align: center; font-size:60%; z-index:4 } div.innerWindow:hover { /* min-width:85%; text-align: left; */ } button.inline, div.add.chat.popup { z-index:2; } div.innerWindow { cursor:pointer; } div.lineContent.big.info, button.item.inline, div.add.popup.chat.filled, div.add.popup.chat { z-index: 7 !important; } div.innerWindow::before{ height: 20px; width: 20px; background-color: yellowgreen; z-index: 11 !important; position: absolute; top: 30px;} /* ////////////////////////////////// NEUER MA-Input DIALOG //////////////////////////////////// --> Auch für Mitarbeiter-Grupperverwaltung verwendet */ div.popupContainer.mawindow { display:block; margin:5vh auto 5vh auto; width:98vw; max-width:1280px !important; padding:0px !important; overflow-x:hidden; height:auto !important; min-height:560px !important; } div.popupContainer.mawindow > h2 { display:inline-block; width:100%; float:left; font-weight: 100; margin-bottom: 12px; margin-right: 36px; margin-top:36px !important; text-align: center; text-transform: uppercase; } div.maGroup > form.mawindow, div.popupContainer.mawindow > form.mawindow { display:inline-block; width:100%; float:left; font-weight:100; position:relative; background: rgba(238,240,242,1.00); clear:both; } div.maGroup, div.maGroup > form.mawindow, div.popupContainer.mawindow, div.popupContainer.mawindow > form.mawindow { background: rgba(238,240,242,1.00) !important; clear:both; } div.maGroup > form.mawindow, div.popupContainer.mawindow > form.mawindow, div.maGroup > form.mawindow > div.maAddList, div.popupContainer.mawindow > form.mawindow > div.maAddList, div.maGroup > form.mawindow > table, div.popupContainer.mawindow > form.mawindow > table, div.maGroup > form.mawindow > div.saveOptions, div.popupContainer.mawindow > form.mawindow > div.saveOptions { height:560px; height:60vh; min-height:480px; } div.popupContainer.mawindow > form.mawindow > div.maAddList, div.maGroup > form.mawindow > div.maAddList, div.popupContainer.mawindow > form.mawindow > table, div.maGroup > form.mawindow > table, div.popupContainer.mawindow > form.mawindow > div.saveOptions, div.maGroup > form.mawindow > div.saveOptions { display:inline-block; float:left; position:relative; padding:0px !important; margin:0px !important; overflow-y:auto; box-sizing: border-box; } div.popupContainer.mawindow > form.mawindow > div.maAddList, div.maGroup > form.mawindow > div.maAddList { width:20%; background: rgba(255,255,255,1.00); padding-bottom: 36px; } div.popupContainer.mawindow > form.mawindow > table, div.maGroup > form.mawindow > table { width:60%; } div.popupContainer.mawindow > form.mawindow > div.saveOptions, div.maGroup > form.mawindow > div.saveOptions { width:20%; background: rgba(188,225,248,1.00); padding:36px 12px 24px 12px !important; } div.popupContainer.mawindow > form.mawindow > div.maAddList > ul, div.maGroup > form.mawindow > div.maAddList > ul { display:block; float:left; width:100%; position:relative; margin-left:0px !important; } div.popupContainer.mawindow > form.mawindow > div.maAddList > ul > a, div.maGroup > form.mawindow > div.maAddList > ul > a { width:100% !important; position:relative; display:inline-block; } div.popupContainer.mawindow > form.mawindow > div.maAddList > ul li, div.maGroup > form.mawindow > div.maAddList > ul li { display:inline-block; float:left; list-style: none; margin:0px 5% 0px 5% !important; padding:9px 0px 9px 8px; width:90%; box-sizing: border-box; font-size:15px; font-weight:100; color:rgba(96,96,96,1.00); background-image:url('data:image/svg+xml;utf8,'); background-position: right center; background-repeat: no-repeat; background-size: 18px; opacity:0.5; } div.popupContainer.mawindow > form.mawindow > div.maAddList > ul li:hover, div.maGroup > form.mawindow > div.maAddList > ul li:hover { opacity:1; cursor: pointer; } div.popupContainer.mawindow > form.mawindow > div.maAddList > ul li.hidden, div.maGroup > form.mawindow > div.maAddList > ul li.hidden { display:none !important; visibility:hidden !important; } div.popupContainer.mawindow > form.mawindow > div.maAddList > ul a li, div.maGroup > form.mawindow > div.maAddList > ul a li { background: rgba(160,160,160,1.00); min-width:90% !important; background-image:url('data:image/svg+xml;utf8,') !important; padding-left: 36px; background-position: 8px center; background-repeat: no-repeat; background-size: 20px; font-size:16px; color:rgba(255,255,255,1.00); margin-top: 8px !important; } div.popupContainer.mawindow > form.mawindow > table > thead, div.popupContainer.mawindow > form.mawindow > table > tbody, div.popupContainer.mawindow > form.mawindow > table > thead tr, div.popupContainer.mawindow > form.mawindow > table > tbody tr, div.maGroup > form.mawindow > table > thead, div.maGroup > form.mawindow > table > tbody, div.maGroup > form.mawindow > table > thead tr, div.maGroup > form.mawindow > table > tbody tr { display:inline-block; position:relative; width:100%; float:left; } div.popupContainer.mawindow > form.mawindow > table > thead > tr > th, div.maGroup > form.mawindow > table > thead > tr > th { padding-top: 16px; font-weight: 100; font-size: 20px; } div.popupContainer.mawindow > form.mawindow > table > thead > tr, div.maGroup > form.mawindow > table > thead > tr { overflow:hidden !important; height:72px; line-height: 41px; } div.popupContainer.mawindow > form.mawindow > table > tbody > tr, div.maGroup > form.mawindow > table > tbody > tr { overflow:hidden !important; height:41px; line-height: 41px; } div.popupContainer.mawindow > form.mawindow > table > tbody > tr.option.hidden, div.maGroup > form.mawindow > table > tbody > tr.option.hidden { overflow:hidden !important; height:0px !important; visibility:hidden !important; display:none !important; } div.popupContainer.mawindow > form.mawindow > table > thead > tr, div.popupContainer.mawindow > form.mawindow > table > tbody > tr, div.maGroup > form.mawindow > table > thead > tr, div.maGroup > form.mawindow > table > tbody > tr { color:rgba(15,15,15,1.00); } div.popupContainer.mawindow > form.mawindow > table > thead > tr > th, div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td, div.maGroup > form.mawindow > table > thead > tr > th, div.maGroup > form.mawindow > table > tbody > tr > td { display:inline-block; float:left; position:relative; text-align: left; box-sizing: border-box; padding-left:24px; } div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:first-child, div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:first-child, div.maGroup > form.mawindow > table > thead > tr > th:first-child, div.maGroup > form.mawindow > table > tbody > tr > td:first-child { width:25%; font-weight: 100; text-transform: uppercase; font-size: 22px; color: rgba(14,73,144,1.00); } /* TIME INPUTS */ div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(2), div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(2), div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(3), div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(3), div.maGroup > form.mawindow > table > thead > tr > th:nth-child(2), div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(2), div.maGroup > form.mawindow > table > thead > tr > th:nth-child(3), div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(3) { width:20%; text-align: center; } div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(4), div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(4), div.maGroup > form.mawindow > table > thead > tr > th:nth-child(4), div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(4) { width:20%; } div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(4), div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(4) { font-weight:normal; font-size:20px; text-align: center; } div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(2) select, div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(2) select, div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(3) select, div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(3) select, div.maGroup > form.mawindow > table > thead > tr > th:nth-child(2) select, div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(2) select, div.maGroup > form.mawindow > table > thead > tr > th:nth-child(3) select, div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(3) select { min-height:41px; -webkit-appearance:none; -moz-appearance:none; -webkit-padding-end:24px; -webkit-padding-start:8px; -webkit-user-select:none; background-image:url('data:image/svg+xml;utf8,'),#F0F0F0; background-image:url('data:image/svg+xml;utf8,'),-webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #F0F0F0); background-image:url('data:image/svg+xml;utf8,'),-moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #F0F0F0); background-image:url('data:image/svg+xml;utf8,'),-o-linear-gradient(#FAFAFA, #F4F4F4 40%, #F0F0F0); background-image:url('data:image/svg+xml;utf8,'),linear-gradient(#FAFAFA, #F4F4F4 40%, #F0F0F0); background-position:right center; background-repeat: no-repeat !important; font-size:16px; white-space:nowrap; width:100%; border:0px !important; outline:0px !important; padding: 5px 4px 3px 8px !important; } div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(2) select option, div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(2) select option, div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(3) select option, div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(3) select option, div.maGroup > form.mawindow > table > thead > tr > th:nth-child(2) select option, div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(2) select option, div.maGroup > form.mawindow > table > thead > tr > th:nth-child(3) select option, div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(3) select option { width: 100%; border:0px; outline:0px; line-height:32px !important } div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(2) select::-ms-expand , div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(2) select::-ms-expand , div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(3) select::-ms-expand , div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(3) select::-ms-expand , div.maGroup > form.mawindow > table > thead > tr > th:nth-child(2) select::-ms-expand , div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(2) select::-ms-expand , div.maGroup > form.mawindow > table > thead > tr > th:nth-child(3) select::-ms-expand , div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(3) select::-ms-expand {display:none} div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(2) select:hover, div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(2) select:hover, div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(3) select:hover, div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(3) select:hover, div.maGroup > form.mawindow > table > thead > tr > th:nth-child(2) select:hover, div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(2) select:hover, div.maGroup > form.mawindow > table > thead > tr > th:nth-child(3) select:hover, div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(3) select:hover { background-image: url('data:image/svg+xml;utf8,'), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #F0F0F0)} div.popupContainer.mawindow > form.mawindow > table > tbody tr.summe, div.maGroup > form.mawindow > table > tbody tr.summe { border-top:dotted 2px rgba(0,0,0,0.10); margin-top:12px;height:76px; } div.popupContainer.mawindow > form.mawindow > table > tbody tr.summe td, div.maGroup > form.mawindow > table > tbody tr.summe td { padding-top:12px; font-size:80%; } div.popupContainer.mawindow > form.mawindow > table > tbody tr.summe td output, div.maGroup > form.mawindow > table > tbody tr.summe td output { font-size:110%; padding:4px 4px 4px 4px !important; min-width:12px; line-height: 1; } div.popupContainer.mawindow > form.mawindow > table > thead > tr > th:nth-child(5), div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(5), div.maGroup > form.mawindow > table > thead > tr > th:nth-child(5), div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(5) { width:15%; text-align: right; font-size:80%; } div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(5) div.button.erase, div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(5) div.button.erase { display: inline-block !important; float: left; width: 42px !important; min-width: 42px !important; max-width: 42px !important; padding: 0px 0px 0px 0px !important; height: 42px !important; min-height: 42px; color: rgba(192,0,0,0.7); font-size: 0px !important; line-height: 42px !important; background-image: url('data:image/svg+xml;utf8,') !important; background-position: 9px 9px !important; background-repeat: no-repeat; background-size: 24px 24px !important; margin: 0px auto 0px auto !important; cursor: pointer; background-color: rgba(192,0,0,0.1) !important; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important; box-shadow: 0 0 0 0 rgba(0,0,0,0) !important; border:0px !important; outline:0px !important; -webkit-appearance: none; } div.popupContainer.mawindow > form.mawindow > table > tbody > tr > td:nth-child(5) div.button.erase:hover, div.maGroup > form.mawindow > table > tbody > tr > td:nth-child(5) div.button.erase:hover { background-image:url('data:image/svg+xml;utf8,') !important; background-color: rgba(192,0,0,0.5) !important; } div.popupContainer.mawindow > form.mawindow > div.saveOptions button.edit, div.popupContainer.mawindow > form.mawindow > div.saveOptions button.savethis, div.popupContainer.mawindow > form.mawindow > div.saveOptions input.datepicker, div.maGroup > form.mawindow > div.saveOptions button.edit, div.maGroup > form.mawindow > div.saveOptions button.savethis, div.maGroup > form.mawindow > div.saveOptions input.datepicker { display: inline-block; float:left; width:80% !important; min-width:32px !important; box-sizing: border-box !important; height:32px !important; padding:0px !important; min-height:32px !important; text-align: center !important; margin-left: 10% !important; } div.popupContainer.mawindow > form.mawindow > div.saveOptions button.edit, div.maGroup > form.mawindow > div.saveOptions button.edit { } div.popupContainer.mawindow > form.mawindow > div.saveOptions button.savethis, div.maGroup > form.mawindow > div.saveOptions button.savethis { background-size:15px !important; background-position: 6px center !important; } div.popupContainer.mawindow > form.mawindow > div.saveOptions .bottombox, div.maGroup > form.mawindow > div.saveOptions .bottombox { position:absolute; bottom:24px; } div.popupContainer.mawindow > form.mawindow > div.saveOptions .bottombox > span, div.maGroup > form.mawindow > div.saveOptions .bottombox > span { display:inline-block; float:left; width:80%; margin-left: 10%; margin-bottom: 24px; padding-top: 16px; border-top:dotted 2px rgba(255,255,255,1); color:rgba(255,255,255,1.00); } div.innerWindow { -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.67); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.67); } div.firstp, div.secondp { display:block; position:absolute; width:48px; background:rgba(255,255,255,0.4); color:rgba(27,27,27,1.00); font-size: 0.8rem; line-height: 28px; top:0px; } div.firstp { left:-48px; border-radius: 14px 0px 0px 14px; } div.secondp { right:-48px; border-radius: 0px 14px 14px 0px ; } div.calenderCol.masterTooltip.ui-my-handle, div.calenderCol.masterTooltip.searchObject { font-size:87%; } div.calenderCol.masterTooltip.searchObject { line-height:15px !important; overflow: hidden; padding-top: 14px; } div.calenderCol.masterTooltip.searchObject > small { margin:-14px 0px 0px 0px !important; height:13px !important; box-sizing: border-box; position:absolute; display:inline-block; padding:0px 0px 0px 0px; color: rgba(0,159,227,0.6); float:left; clear: both; width:90%; line-height:13px !important } .ui-my-handle { cursor:grab; background-image: none !important; background-position: 74% center; background-repeat: no-repeat; background-size: 18px;background-color:rgba(30,136,229,0.1); -webkit-box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.45); box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.45); border-radius: 20px; padding-left: 10px; } .ui-my-handle:hover { background-size: 24px; background-position: 75% center; background-color: rgba(255,255,255,0.00); borde } span.sortcontentBox { display:block; position:relative; } div.calender > div.fixTop.fixedHead { position:fixed !important; top:0 !important; width:99% !important; } div.calender > div.calenderOptions.fixTop.fixedHead { top:0 !important; background-color:#fff; } div.calender > div.calenderHead.fixTop.fixedHead { top:48px !important; } div.calenderBody div.calenderRow > div.calenderCol { line-height:15px !important; } div.calenderBody div.calenderRow > div.calenderCol > small { margin:-2px 0px 0px 0px; height:13px; box-sizing: border-box; position:relative; display:inline-block; padding:0px 0px 0px 0px; color: rgba(0,159,227,0.6); float:left; clear: both; width:90%; line-height:13px !important } div.calenderBody div.calenderRow:hover > div.calenderCol > small { color: rgba(0,159,227,1); } div.calenderCol.masterTooltip.ui-my-handle { padding-top:8px !important; } div.calender.mas div.calenderBody div.calenderRow, div.calender.mas div.calenderBody div.calenderRow:hover { transition: all 0ms; } div.calender.mas div.calenderBody div.calenderRow:not(.smaller) > div.calenderCol.masterTooltip { line-height:35px !important; } div.calender.mas div.calenderBody div.calenderRow:hover { background-color: rgba(0,159,227,0.6); } div.calender.mas div.calenderBody div.calenderRow:hover > div.calenderCol.masterTooltip { color:#fff !important; font-weight: bold; }