.ltr-lo #appnav-menu button { margin-left:15px; margin-right: 13px;} /* little spacing in swal buttons */ .swal-button-container { text-align: left; margin-right: -8px; margin-left: -8px; width: calc(100% + 12px); } .swal-button-container { text-align: left; direction: rtl; } button#share-report-k-toggle { padding-left: 10px; } button.acc-hidden { display:none;} .cw-viewppl #ppl-avatar {top: 22px;right:auto; left:28px;} .ltr-lo .review-box em { margin-left:10px; margin-right:0px;} @media screen and (min-width: 800px){ .ltr-lo #appnav-menu button { margin-left:80px !important; } .ltr-lo #groups3-sf .grp3 { margin-right:0px !important; margin-left: calc(12vw + 10px) !important;} .ltr-lo #groups3-sf .grp1 { margin-right: calc(12vw + 10px) !important; margin-left:0px !important;} .ltr-lo.cw-reports .cats.home .cat-circ-wrapper:before {left:-10px;} #appnav-menu button span:after { margin-top:30px !important;;} #bl-review-title, #bl-cats { height:30px;} .ltr-lo.cw-reports button.edit-report-comments { word-break:keep-all;} .cw-viewppl #ppl-avatar { right:auto; left:40px;} .hdr-s-content #web-appnav-menu ul li.wmimyg { background-size: 45px 45px;background-position:right 63px top 20px;} .hdr-s-content #web-appnav-menu ul li.wmirep { background-size: 45px 45px;background-position:right 63px top 20px;} .hdr-s-content #web-appnav-menu ul li.wmicomment { background-size: 45px 45px;background-position:right 63px top 20px;} .hdr-s-content #web-appnav-menu ul li.wminot { background-size: 45px 45px;background-position:right 63px top 20px;} #web-appnav-menu ul li a { padding-top:72px !important;} } .cat-circ-wrapper.c-purple .segtop-cr li.sgc-b , .cat-circ-wrapper.c-purple .segbot-cr li.sgc-b{background:#8856b8;} .cat-circ-wrapper.c-blue .segtop-cr li.sgc-b, .cat-circ-wrapper.c-blue .segbot-cr li.sgc-b { background: #60B1F1;} html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin:0; padding:0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;} html, body { height: 100%; margin:0;} body , input , textarea , select { font-family: 'open sans hebrew', sans-serif; text-align:left;direction:ltr; font-weight: 400; } body.cw-gsetup { background: #5ba9e641;} input.ts-bottom { margin-bottom:280px;} textarea.ts-bottom { height:340px;} body.fixed { position:fixed; overflow:hidden;} body.overf { overflow:hidden;} a:hover{ text-decoration:none;} html { line-height: 1; overflow:visible!important; padding:0px !important;text-align:left;direction:ltr;} .dsk-ele { display:none;} .main-container { padding-top:10px; padding-bottom: 50px; min-height:calc(100% - 90px); } footer { height:50px; margin-top:-50px;} footer .footer-g { background: #fff; width: 100%;} footer .footer-g button { border-radius:8px; -webkit-border-radius:8px; height:45px; width:96%; margin-left:2%; display:inline-block; background:#60B1F1; border:none; color:#fff;font-weight: bold;} footer .footer-g.g-2 button { background-color:#FFBD67; margin-right: -2px; padding:10px 0px; width:47%; display:inline-block; border-right:2px solid #fff;;font-weight: bold;margin-left: 2%; margin-right: 2%;} footer .footer-g.g-2 button + button { background-color:#60B1F1; margin-right: 0px; margin-left: -4px; box-sizing: border-box; border-left:2px solid #fff; border-right:none;} p { margin-bottom:8px;} table { border-collapse: collapse; border-spacing: 0;} b, strong { font-weight: 600;} header { text-align: center;} .swal-button:active { opacity:0.8;} .swal-content { word-break:break-all;} .swal-content { word-break:break-word;} .swal-button-container.withLargeBtns { width:100%; margin-left:0px;} .swal-button-container.withLargeBtns button {display:block; margin-bottom: 5px; width:100%;} .swal-button-container.withNoPadBtns button.swal-button {padding:9px 17px; } .swal-content ul { padding-right:10px;} .swal-content li { text-align: left; margin-left: 20px; margin-right: 10px;} input.ascheckbox , input[type=checkbox] {-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;outline: none;content: none; border:none; display: inline-block !important; width: 15px !important; max-width:15px; height: 15px; margin-right: 1px; cursor:pointer;} input.ascheckbox:before, input[type=checkbox]:before { font-family: "FontAwesome"; content: "\f00c"; font-size: 15px; color: transparent !important; background: #ECECEC; display: inline-block !important; width: 19px !important; max-width: 21px; height: 19px; border: 6px solid #ECECEC; outline: none; margin-top: 0px; float: left; border-radius:4px; -webkit-border-radius:4px; background: #ECECEC; border: 4px solid #ECECEC; outline: none;} input.ascheckbox:checked:before, input[type=checkbox]:checked:before { background: #ECECEC; border: 1px solid #ECECEC;outline: none;} input.ascheckbox:checked:before, input[type=checkbox]:checked:before { background: url(/uploads/81c61c5ad4cZC1jaGVjay5.svg) no-repeat center center #ECECEC; background-size: 11px 11px;} input[type=checkbox]:focus,input[type=checkbox]:active,input[type=checkbox]:focus:before,input[type=checkbox]:active:before{ outline: none;} #header-spc { height:70px;} header .logo img { margin:15px auto 0 auto; max-width:111px; } .main-container > section { margin:0px auto; max-width:768px;} .main-container > section .container { max-width:100%; overflow-x: hidden;} .main-container h1 { font-size:20px; font-weight:bold; text-align:center; margin:10px 0px;} .form-control::-moz-placeholder{color:#6B6B6B;opacity:1} .form-control:-ms-input-placeholder{color:#6B6B6B} .form-control::-webkit-input-placeholder{color:#6B6B6B} .formItem { width:100%; margin:10px 0px;} .formItemWrapper {background:#fff;box-shadow: 0px 5px 20px #00000012;border: 1px solid #EEEEEE;border-radius:12px;padding:0px;margin-bottom:25px;} .formItem.req-star { position:relative;} .formItem.req-star::before { content: "*"; color: #fe0202; position: absolute; right: 0.5em; top: 18px; font-size: 24px; font-family: sans-serif;} .formItem.req-star.req-star-top::before { top: 6px;} .formItem.req-star.req-star-mid::before { top: 11px; right: -3px;} .formItemWrapper .formItem + .formItemAs,.formItemWrapper .formItem + .formItem { border-top:1px solid #EEEEEE;} .formItemWrapper .formItem { margin:0px; padding:8px 15px;} .formItem textarea.form-control,.formItem select.form-control,.formItem input.form-control { width: 100%; text-align: left; border: none; border-bottom: 1px solid #ccc; font-size: 18px; line-height: 156%; padding-bottom: 4px; color: #030303; border-radius:0px; -webkit-border-radius:0px; background: #fff; box-shadow: none; -webkit-box-shadow: none;} .formItemWrapper .formItem textarea.form-control,.formItemWrapper .formItem select.form-control,.formItemWrapper .formItem input.form-control { background:#fff; border:none;} .formItem textarea.form-control{ resize:none;} .bbtn,.contactSubmit button,.formItem input[type=submit]{ background:#60B1F1; color:#fff; margin-top:20px; font-size:18px; width:100%; border:none; line-height:200%; border-radius:12px; -webkit-border-radius:12px;} .contactSubmit.toIden button { background:#fff; color:#60B1F1;} .contactSubmit.toIden button img { height: 39px; padding-top: 2px; display: inline-block; margin-bottom: -8px; margin-left: 5px; margin-right: 5px;} .bbtn { padding:3px 10px;} em.togpass { background: url(/images/eyeoff.png) no-repeat right top; background-size: 100% auto; width: 30px; height: 20px; display: block; float: right; cursor:pointer; margin-top: -27px; text-align: right; opacity:0.6; margin-right: 3px;} em.togpass.on{ background: url(/images/eyeon.png) no-repeat right top; background-size: 100% auto; } x.avatars img { width:20%;} .cats { margin:20px auto; max-width:640px;} .sw-as-toast .swal-overlay--show-modal { opacity: 1; pointer-events: auto; background: transparent; height: 50px; bottom: 10vh; top: auto;} .sw-as-toast .swal-footer { display:none !important;} .sw-as-toast .swal-content { margin:0px; padding:4px 0px;} .sw-as-toast .swal-content img { width:16px; height:auto; margin:0px 10px;} .sw-as-toast .swal-modal { background: #777777dd; color: #fff; margin:0px; min-width:55vw; max-width: calc(100% - 70px);} .swal-content .fmsg1 {padding-top: 5px; font-size:20px;} .swal-content .fmsg2 { display:none;} .cats .cat-circ-wrapper { box-shadow: 2px 1px 8px rgba(34,34,34,0.8); -webkit-box-shadow: 2px 1px 8px rgba(34,34,34,0.8); box-shadow: 0px 5px 20px #0000001A; -webkit-box-shadow: 0px 5px 20px #0000001A; display:inline-block; width:136px; height:136px; margin-bottom:30px;margin-left:12px;margin-right:12px;position:relative;-webkit-border-radius:50%; border-radius:50%; } .cats .cat-circ-wrapper .cat-circ { position: relative; height: 112px; color: #000; vertical-align: middle; display: table-cell; width: 100%; text-decoration:none; min-width: 110px;} .cats .cat-circ-wrapper.t-blue .cat-circ { color: #337ab7; font-weight: 600;} .cats .cat-circ-wrapper a:hover{ text-decoration:none;} .cats .cat-circ-wrapper a { height: 112px; text-align: center; display: inline-block; float: left; margin-left: -56px; margin-left: 12px; margin-right: 12px; line-height: 23px; font-size: 16px; width: 112px; z-index: 1000; background: #fff; border-radius:50%; -webkit-border-radius:50%; position: absolute; margin-top: 12px; left:0px; top:0px;} .cat-circ-wrapper ul{ margin:0 auto; padding:0; list-style-type: none;} .cat-circ-wrapper ul *,.cat-circ-wrapper ul ::before { box-sizing: border-box;} .subcat-list { list-style: none;} .subcat-list li { line-height:166%; text-align:center; padding:0px;margin-bottom:3px;background-position:left 200%; background:#EEF1F6; list-style: none;color:#000; text-align:left; background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 3px #00000008;border: 1px solid #EFEFEF;border-radius:12px;-webkit-border-radius:12px; padding-left:18px; width:100%; word-break: break-word;} .subcat-list li em.filldata { background: #F5F5F5 0% 0% no-repeat padding-box; border-radius:9px; -webkit-border-radius:9px; text-indent: -2px; width: 49px; padding:2px 2px 0px 7px; margin-top: -2px; margin-right: 7px; font-size: 14px; font-weight: bold; font-family: 'open sans hebrew'; float:left;} .date-to-lft { display: block; float: right; font-size: 12px;} .rep-f-b.active-is-g {display:none;} .subcat-list li em.filldata.grpnone { display:none;} .report-section em.filldata.grp1,.subcat-list li em.filldata.grp1 { height: 31px; width: 20px; display:block; background:#91D68B;} .report-section em.filldata.grp2,.subcat-list li em.filldata.grp2 { height: 31px; width: 20px;display:block; background:#F2CA69;} .report-section em.filldata.grp3,.subcat-list li em.filldata.grp3 { height: 31px; width: 20px;display:block; background:#EF6B7A;} .report-section em.filldata.grp4,.subcat-list li em.filldata.grp4 { height: 31px; width: 20px;display:block; background:#EF6B7A;} .report-section em.filldata.cst-clrE0BBE4 { background:#E0BBE4 ; background-color:#E0BBE4 ;} .report-section em.filldata.cst-clrFFDFD3 { background:#FFDFD3 ; background-color:#FFDFD3 ;} .report-section em.filldata.cst-clrD99294 { background:#D99294 ; background-color:#D99294 ;} .report-section em.filldata.cst-clrFFDFD3 { background:#FFDFD3 ; background-color:#FFDFD3 ;} .report-section em.filldata.cst-clr4F9EC4 { background:#4F9EC4 ; background-color:#4F9EC4 ;} .report-section em.filldata.cst-clrAFDAC1 { background:#AFDAC1 ; background-color:#AFDAC1 ;} .report-section em.filldata.cst-clrB7C68B { background:#B7C68B ; background-color:#B7C68B ;} .report-section em.filldata.cst-clrDED29E { background:#DED29E ; background-color:#DED29E ;} .report-section em.filldata.cst-clrA29574 { background:#A29574 ; background-color:#A29574 ;} .report-section em.filldata.cst-clr9A91AC { background:#9A91AC ; background-color:#9A91AC ;} .report-section em.filldata.cst-clrCAA7BD { background:#CAA7BD ; background-color:#CAA7BD ;} .report-section em.filldata.cst-clr7CAA98 { background:#7CAA98 ; background-color:#7CAA98 ;} .report-section em.filldata.cst-clr91D68B { background:#91D68B ; background-color:#91D68B ;} .report-section em.filldata.cst-clrEF6B7A { background:#EF6B7A ; background-color:#EF6B7A ;} .report-section em.filldata.cst-clrF2CA69 { background:#F2CA69 ; background-color:#F2CA69 ;} .subcat-list li.filler { /* background:url(/images/gray_bg.png) no-repeat left 200% top #EEF1F6; background:url(/images/gray_bg.png) no-repeat left -250vw top #EEF1F6; */ } .subcat-list li.filleranim { /* -webkit-transition: background 0.33s; transition: background 0.33s; transition-timing-function: ease-out; */} .subcat-list li a { width:100%; display:block; color:#000; padding:10px 0px; padding-right: 84px;} #query-start-list.subcat-list li a { padding-right:18px;} .subcat-list li:hover,.subcat-list li:active { background:#DEDFE2; } .subcat-list li.add { height:46px; font-size:24px;} .subcat-list li.add a { padding:0px; height:46px; } body.maincat h1 { font-size:22px; margin-left:15px; margin-right:15px; display:block; padding:15px 0px; } body.maincat.subcat h1 { padding-bottom:8px;} body.maincat.subcat h1 small {color: #3B3B3B; font-size:19px; font-weight:bold} #query #title .fetch-i,.question4 .fetch-i,label .fetch-i,.subcat-list em.fetch-i,h1 .fetch-i { cursor:pointer; font-size: 15px; display: inline-block; width: 32px; margin-left: 3px; height: 25px; font-weight: 300; text-align: center; margin-top: -4px; line-height: 27px; color:transparent; background:url(/images/c-info.svg) no-repeat center center transparent;} label .fetch-i { float:right; margin-right: -10px;} body.maincat .subcat-list { } .subcat-list .webactions { width: 130px; position: relative; float: right; margin-right: 2px; margin-top: 8px;} .subcat-list .webactions button { padding-top: 3px; overflow:hidden;line-height:15px; height:27px; font-size:13px; width:33px; border:none; border-radius:9px; -webkit-border-radius:9px;} .subcat-list .webactions button[remove] { background:#F56C7B; } .subcat-list .webactions button[chg] { margin-left: 6px; background:#91D68B; } .subcat-list .webactions button img { width:18px; height:18px;} a.notify-remove { float: right; width: 29px; height: 29px; background: #F56C7B; display: inline-block; border-radius:9px; -webkit-border-radius:9px; padding-left: 5px; padding-top: 5px;} .grpno.droptgt{ bottom: calc(4vw + 90px); background: #929292d3; width: 65px; height: 64px; border-radius:20px; -webkit-border-radius:20px; left:2vw; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); z-index: 800; bottom: calc(4vw + 105px); position: fixed;} a.notify-remove img { width:18px; height:18px;} .subcat-list li.dragging { opacity: 0;} .subcat-list li.draggable.dragaware.draggable_clone { opacity: 0.9; max-width: calc(100% - 30px); width:100%;} /* comment box */.cw-login #comment,.cw-login #ftr-acts,.cw-login #ftr-greport,.cw-login #ftr-my,.cw-contact #comment,.cw-contact #ftr-acts,.cw-contact #ftr-greport,.cw-contact #ftr-my,.cw-manage #comment,.cw-manage #ftr-acts,.cw-manage #ftr-greport,.cw-manage #ftr-my { display:none; visibility: hidden;} #comment-a { } #ftr-acts,#ftr-greport,#ftr-my,#comment { background: #60B1F1; color:#fff; padding-top: 6px; position:fixed; z-index:8000; bottom:0px; width: 25%; height: 63px;font-size:16px; text-align:center;line-height:49px; padding-top: 22px; font-size: 12px; } #ftr-acts { left:0%; border-radius:20px 0 0px 0px; -webkit-border-radius:20px 0 0px 0px; background:url(/images/ftr-acts.png) no-repeat center top 2px #60B1F1;} #comment { left:25%; background:url(/images/ftr-c.png) no-repeat center top 2px #60B1F1; } #ftr-greport { left:50%; background:url(/images/ftr-r.png) no-repeat center top 2px #60B1F1;} #ftr-my { left:75%; border-radius:0 20px 0px 0px; background:url(/images/ftr-myg.png) no-repeat center top 2px #60B1F1; -webkit-border-radius:0 20px 0px 0px;} #comment.higher { bottom:calc(4vw + 90px); background: url(/images/comment-add.svg) no-repeat center center #929292d3;width: 65px;height: 64px; border-radius:20px; -webkit-border-radius:20px; right:2vw; backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px); z-index: 2800;} #comment.higher #comment-a { display:none;} /* kids review */#bl-review-title ,#bl-cats { padding-left: 25px; background:url(/images/categories.svg) no-repeat left center transparent; display:block; color:#3B3B3B; font-size:18px; max-width: 100%; float: none;} #bl-review-title { background:url(/images/reviews.svg) no-repeat left center transparent; } .review-box { clear:both; display:block; padding-top:14px; padding-bottom:17px; margin-left:10%; margin-right:10%; margin-left:1%;} .review-box .single-kid-rght { margin-bottom:30px; width:70px; color:#333333; display:block; font-size:13px; text-align:center; float:left;} .review-box .single-kid-rght img { width:60px;} .review-box .single-kid-rght a { color:#333333; } .review-box + .review-box { border-top:1px solid #ccc;} .review-box em { margin-right: 10px; width: 23px; height: 17px; display: inline-block; margin-bottom: 1px;} .review-box em.redb { background:url(/images/redb.png) no-repeat center center;} .review-box em.redb.ftr2act { border-radius:50%; -webkit-border-radius:50%; width:18px; height:18px;} .review-box em.redb.ftr2icon { background-size:100% auto !important; width:21px; height:21px;} .review-box.ftr2act .review-date {background:transparent !important;} .review-box .review-date { line-height:20px; color:#787878; font-size:16px;display:inline-block;} .review-box.review-ppl .review-date { display:inline-block; margin-right:20px} .review-box.review-ppl .review-date a { display:inline-block; width:30px; height:20px;cursor:pointer;} .review-box.review-ppl .review-date button.rmv { float: right; margin-right: -30px;height:20px; width:20px; background: url(/images/i-remove.svg) no-repeat center center transparent;background-size: 13px; border:none; } .review-box .review-title { color:#3B3B3B; font-size:16px; display:block; margin-bottom:8px; margin-top:10px} .review-box .review-tags { display:block;} .review-box .review-tags span.selected {display:none;} .review-box .review-tags span {display:inline-block; background:#cccccc; padding:5px 8px; -webkit-border-radius:8px; border-radius:8px; margin:7px 10px 7px 1px;background: #60B1F1 0% 0% no-repeat padding-box;border-radius:14px;opacity: 1;color:#fff; font-size:12px; } #chg-comm { width: 100%; height: 100px; resize: none;} .review-box.query-completed .review-tags span:nth-child(1),.review-box.query-not-completed .review-tags span:nth-child(1) { padding-top: 8px; padding-bottom: 8px; font-size: 14px; margin-top: 7px; display: block; float: left;} .review-box.query-completed .review-tags span:nth-child(1),.review-box.query-not-completed .review-tags span:nth-child(1) {float: none; display:block;} .vppl-3 .review-box .deep-delete,.vppl-3 .review-box .deep-view,.vppl-3 .review-box .deep-edit,.vppl-3 .review-box .deep-print { padding:5px 8px;} .vppl-3 .review-box .deep-delete a img , .vppl-3 .review-box .deep-view a img ,.vppl-3 .review-box .deep-edit a img ,.vppl-3 .review-box .deep-print a img { height:17px;} .vppl-3 .review-box.dreport-pdf-generate .deep-print { xdisplay:none;} .vppl-3 .review-box .review-date { background:url(/images/pencil-0.svg) no-repeat right top 2px transparent; } .vppl-3 .review-box[data-id='profile'] .review-date { background:none;} .vppl-3 .review-box[data-id='profile'] .review-date a {} .review-box.query-completed.review-ppl .review-date,.review-box.query-not-completed.review-ppl .review-date{ background:transparent;} /* kids grid */#avgrid { width:93%; margin-left:3.5%;} #avgrid[grp=grp1] ,#avgrid[grp=grp2] ,#avgrid[grp=grp3] ,#avgrid[grp=grp4] { line-height:0px;} #avgrid p{ text-align:center;} .container.currentlydraggable,#avgrid.currentlydraggable {touch-action: none; } #avgrid .kidci { line-height:150%; width:20%; margin-left:2.5%; display:inline-block; margin-right:2.5%; text-align:center; } body.this-android { font-size:16px;} body.this-android .swal-content { font-size:18px;} xx #avgrid .kidci.draggable_clone { margin-left:0px; margin-right:0px;} #avgrid .kidci img + span { height:36px; line-height:18px; display:block; overflow:hidden; margin-right: -3px; margin-left: -3px;} #avgrid[grp=none] .kidci.valued img + span { display:none;} #avgrid[grp=grp1] .kidci.grp1.valued img + span,#avgrid[grp=grp2] .kidci.grp2.valued img + span,#avgrid[grp=grp3] .kidci.grp3.valued img + span,#avgrid[grp=grp4] .kidci.grp4.valued img + span,#avgrid[grp=none] .kidci img + span { display:block;} #avgrid .kidci.valued { opacity:0; visibility: hidden;} #avgrid .kidci.valued img {display:none;} #avgrid .kidci img { width:100%; border-radius:50%; -webkit-border-radius:50%;} #avgrid .kidci img.kidv { position: absolute; width: 30px; height: 30px; max-width: 30px;} #avgrid .kidci:nth-child(4n+1){ clear:both; } #avgrid .kidci:nth-child(4n+4){ margin-right:0px;} .kidci.draggable.dragaware.draggable_clone { opacity: 0.75; z-index:999;} .gfloat-wrapper { position: relative; width: 0px; height: 0px; display: inline-block; float: left;} .gfloat-wrapper input.gfloat-chk { position: absolute; opacity: 0.9;} .gfloat-wrapper input.gfloat-chk[type=checkbox]:before {border: 2px solid #080808; } .draggable_clone-multi { position: absolute; z-index:9999} .small-note { font-size:12px; margin:5px; color:#e41919} /* modal (second laer of dialog) */ .modal { display: none; position: fixed; z-index: 1; right: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content { background-color: #fefefe; margin:15% auto; /* 15% from the top and centered */ margin:20vh auto 0px auto; padding:20px; border: 1px solid #888; width: 80%; text-align:center; max-width:300px;} .modal-content .close { color: #090909; float: left; font-size: 28px; font-weight: bold;} #modal-btns button { margin:12px 5px;} .modal-content .close:hover,.modal-content .close:focus { color: black; text-decoration: none; cursor: pointer;} /* report */.report-section { text-align:center; clear:both;} .report-section .complete-img { width:70px; margin:0 auto; display:block;} .report-section .cbox {clear:both;padding-bottom: 4px;} .report-section .cbox textarea { display:block; width:100%; border:1px solid #c4c4c4; -webkit-border-radius:12px; border-radius:12px;} .report-section .cbox button { float:right; background:transparent; border:none; padding-left:15px;} .report-section .cbox button.rmv { background:url(/images/g-remove.svg) no-repeat right 3px top 4px transparent; color: #8a8a8a; background-size: 11px auto;} .report-section .cbox button.edt { background:url(/images/pencil-0.svg) no-repeat left top 2px transparent; color: #000; background-size: 12px auto; } .report-section .cbox .foronsave {float:left; color:transparent;} .report-section .cbox .foronsave.onsave { color:#f20303;} .report-section .cbox select.cat-assign { float: left; font-size: 12px; width: 60%; max-width: 160px; border-radius:6px; -webkit-border-radius:6px; margin-bottom:4px;} .report-section .cbox button.cat-assign-btn { float: left; font-size: 14px; max-width: 60%; background-color: #60B1F1; color: #fff; border-radius:6px; text-align: center; -webkit-border-radius:6px; padding:2px 8px;} /* in manage screen */.cat-circ-wrapper .garden-acts { height:45px;} .cat-circ-wrapper .garden-acts a { display: block !important; background: #60B1F1; text-indent: 0px; color: #fff; height: auto !important; width: 100% !important; margin:auto !important; position: static; border-radius:7px;} .cw-reports .cats .cat-circ-wrapper.selected .garden-acts a{ outline: 1px solid #fff;} .garden-act-box { font-size: 17px; background: #60B1F1; color: #fff; border-radius:7px; text-align: left; direction: ltr; padding:15px 17px;} .garden-act-box label { font-weight:bold; color:#000;} .garden-act-box + .garden-act-box { margin-top:10px;} .cw-reports .cats.home .cat-circ-wrapper:before { } .cw-reports .cats.home .cat-circ-wrapper.lgd.adl:before { height:220px;} .cat-circ-wrapper.lgd.adl .garden-acts { height: 45px; position: absolute; top: 204px; left: 5px; padding-right: 10px; min-width:97%; width: calc(100% - 13px);} .cats .cat-circ-wrapper.lgd { margin-bottom: 90px;} .cw-reports .cats .cat-circ-wrapper.adl { margin-bottom: 130px; } .home.cats .cat-circ-wrapper >p { border-radius:8px; -webkit-border-radius:8px;background:#87878744; padding:4px 0px; font-size: 22px;z-index: 2000; position: absolute; bottom: -77px; left: -4px; right: auto; width: 100%; text-align: center;} .home.cats .cat-circ-wrapper { margin-bottom:86px;} .home.cats .cat-circ-wrapper.ttl-circ-wrapper >p { bottom:-10px;} .cats.link.home font { display:inline; font-size:17px;} .cats.link.home font:nth-child(3) { margin-top: 6px; padding-top: 13px; display: inline-block;} .cats.link.home .e-grp1,.cats.link.home .e-grp2,.cats.link.home .e-grp3 { background: #91D68B; display: inline-block; border-radius:50%; width: 12px; height: 12px; margin-right: 10px;} .cats.link.home .e-grp2 { background: #F2CA69;} .cats.link.home .e-grp3 { background: #F56C7B;} .report-section .date { margin-bottom:10px;min-height:10px; display:inline-block;} .report-section em.filldata { display: inline-block !important; margin-right:5px; -webkit-border-radius:6px; border-radius:6px; max-height: 12px; max-width: 12px; margin-bottom: -1px;} .report-section span + em.filldata { margin-left:5px;} .report-hdr { /* float: right; */ position: absolute; right: 5%; top: 10px;} .report-hdr > p { text-align:right;} .report-section .img { display: inline-block; background: #f1f1f1; border-radius:50%; -webkit-border-radius:50%; padding:15px;} .report-section h2.cat { color: #000; font-weight: bold; font-size: 16px; display: block; width: 100%; clear: both; margin:7px 0px; text-align: left; padding-top:5px;} .report-section h2.subcat { color: #656565; font-weight: bold; font-size: 14px; text-align: left; margin:4px 0px;} #close-k-report { float: left; background: url(/images/b-remove.svg) no-repeat left top 4px transparent; background-size: 31px auto; width: 40px; height: 40px; display: block; left: 5%; position: absolute; top: 7px;} .report-section img.nicons { float: left; margin:1px;} .report-hdr + .report-section { margin-top: -40px; clear:none;} .report-section + .report-section { border-top: 1px solid #c3c3c3; padding-top: 30px; margin-top:20px;} .report-section .cbox textarea { display: block; width: 100%; border: 1px solid #c4c4c4; -webkit-border-radius:12px; border-radius:12px; resize: none; height: 51px; line-height: 16px; padding:0px 3px; font-size: 14px; margin-bottom: 4px;} #moe-user { position: fixed; left: 14px; font-size: 12px; padding:0px 2px; display: block; color: #878787;} .edit-report-comments,.share-report-kid,#share-report-k-all,#share-report-k-2 , #share-report-k { margin-left:5px; margin-top:-6px; background:url(/images/share-svgrepo.svg) no-repeat center center transparent; float:right; width:30px; height:30px; background-size:30px auto; border:none;} #share-report-k-all { float: left; background: url(/images/share-svgrepo.svg) no-repeat left center #60B1F1; text-indent: 25px; padding-right: 3px; color: #fff; width: auto; border-radius:6px; -webkit-border-radius:6px;} button.share-report-kid { float: right; margin-left: -100%; margin-top: -20px; margin-right: 7px; -webkit-border-radius:23px; border-radius:23px; width: 31px;} #share-report-k-2 { clear:both; display:inline-block; margin-top: 9px} #s-a-wrapper {margin-right:4px; float:left; margin-top: 4px;} #s-a-wrapper label { padding-left: 10px; } #select-report-k,#share-report-k-toggle2,#share-report-k-toggle { margin-left:5px; margin-top:-6px; background:url(/images/man_g.svg) no-repeat center center transparent; float:right; width:30px; height:30px; background-size:30px auto; border:none;} #share-report-k-toggle.on { background:url(/images/man_b.svg) no-repeat center center transparent; background-size:30px auto;} .float-lft { float:right;} /* menu */#goback { color: #000; float: left; line-height: 67px; margin-left: 14px; font-family: monospace; font-size: 34px;} #chknotify img { width:auto;} a#chknotify { margin-top: 22px; float: none; margin-left: -9px; margin-left: 0px; display: inline-block;} #chknotify:before { display: inline-block; position: absolute; top: 12px; text-indent: -4px;} .hdr-s-content { float:left; min-height:1px; width: 120px;} .hdr-s-content.site-acc-content { float:right; position:relative;} .hdr-s-content form{display:block; position:absolute;top:0px; right:2px; max-width:120px; margin-top:19px;} .hdr-s-content form button { background: none; border: none; width: 30px; margin-left: -12px; margin-right:10px;} .hdr-s-content form input { height: 28px; border: none; background: #fff; text-align: left; direction: ltr; float: left; max-width: calc(100% - 61px); margin-left: 20px; display:none;} header { margin:0px auto; max-width: 768px; height:65px;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 5px 16px #0000001A;border-radius:0px 0px 20px 20px;position:fixed; top:0px; z-index:10000; width:100%;} #appnav-menu #eq { float:right; width:60px; height:1px;} #appnav-menu button { line-height: 10px;float:left; background:none; border:none; transform: scale(1.4); width:38px; margin-left:7px; height:44px;margin-top:10px;} #appnav-menu button:focus,#appnav-menu button:active { outline: none;} #appnav-menu button span:before,#appnav-menu button span:after,#appnav-menu button span { margin-top: 2px; display: inline-block; border-radius:2px; -webkit-border-radius:2px; width:100%; height:4px; background:#000;} #appnav-menu button span:before { content: " "; margin-top: 9px; margin-bottom: -2px;} #appnav-menu button span:after { content:" "; margin-top:0px;} #appnav-menu ul { display:none; top: 67px; top:0px; width: 290px; left: 0px; text-align:left;} #appnav-menu ul li.info { font-size:14px;} #appnav-menu { position:relative;} #appnav-menu.opened ul { min-height: 100vh; padding-bottom: 20px; position:absolute; display:block; z-index:9999; max-width:768px; width:100vw; background:#3AA6FBce;} #appnav-menu.opened ul li { padding:3px 20px; list-style-type: none; color:#fff; font-size:18px;} #appnav-menu.opened ul li a { font-size:24px; line-height: 27px; margin-left: 2.5%;color:#fff; display:block; text-align:center; width:95%; padding:5px 0px; } #appnav-menu.opened ul li + li a { border-top:none;} #appnav-menu.opened ul li.info { text-align: center; padding:25px 20px; background: url(/images/circle-09.svg) no-repeat center top 20px transparent; background-size: 32px auto; padding-top: 58px;} #appnav-menu.opened ul li.info a{cursor:pointer; float:left; width: auto ; margin-top: -40px; margin-right: -40px;} #appnav-menu.opened ul li.info a img { width: 32px; padding:7px;} #appnav-menu.opened ul li + li a:before { content: ' '; display: inline-block; width: 33px; height: 20px; margin-bottom: -2px; margin-left:-23px;} #appnav-menu.opened ul li a.midashboard:before { background: url(/images/m-dashboard.png) no-repeat center center; background-size: 19px auto;} #appnav-menu.opened ul li a.mihome:before { background:url(/images/layout-11w.svg) no-repeat center bottom} #appnav-menu.opened ul li a.mimyg:before { background:url(/images/home-2.svg) no-repeat center bottom} #appnav-menu.opened ul li a.mirep:before { background:url(/images/chart-pie-36.svg) no-repeat center bottom} #appnav-menu.opened ul li a.miupd:before { background:url(/images/badge-13.svg) no-repeat center bottom} #appnav-menu.opened ul li a.miarch:before { background:url(/images/cabinet.svg) no-repeat center bottom} #appnav-menu.opened ul li a.micontact:before { background:url(/images/letter.svg) no-repeat center bottom} #appnav-menu.opened ul li a.mifacebook:before { background:url(/images/facebook.png) no-repeat center bottom; background-size:19px auto;} #appnav-menu.opened ul li.apolicy a:before { background:url(/images/single-content-03.svg) no-repeat center bottom} #appnav-menu.opened ul li.logout a:before { background:url(/images/logout-t.png) no-repeat center bottom; background-size:14px auto;} #appnav-menu.opened ul li.logout a{ padding-top:40px; font-size:16px; } .manager-type-b #appnav-menu .mimyg,.manager-type-b #appnav-menu .mirep,.manager-type-b #appnav-menu .miupd,.manager-type-b #appnav-menu .miarch,.manager-type-b #web-appnav-menu,.manager-type-b #rep-k, .manager-type-b #s-a-wrapper, .manager-type-b .report-g-filter2 , .manager-type-b.cw-reports .kids-in-k-reports ,.manager-type-b.cw-reports .formItem.rep-f-b.active{ display:none !important; visibility:hidden;} body.comment-on header {z-index:2000;} body.comment-on:before { position: absolute; position: fixed; background: #404040cc; content: ' '; display: block; width: 100%; min-height: 200vh; top: 0px; bottom:-100vh; z-index: 4999; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);} #comment-fixed-holder { position: fixed; bottom: 0px; right: 10px; left: 10px; z-index: 8000; background: #60B1F1; min-height: 100px; max-width: 748px; margin:0 auto; border-radius:20px 20px 0px 0px; -webkit-border-radius:20px 20px 0px 0px; top:0px; bottom:auto; border-radius:0px 0px 20px 20px; -webkit-border-radius:0px 0px 20px 20px; } #comment-fixed-holder.full { right:0px;left:0px; bottom:0px; border-radius:0px; -webkit-border-radius:0px;} #comment-fixed-holder #comment-box { padding-top:10px;;} #comment-fixed-holder #comment-box > p#c-title { font-weight:bold;font-size:16px; color:#fff; text-align:center;} #comment-fixed-holder #comment-box > p#c-title:before { content: ' '; display: inline-block; width: 33px; height: 25px; background: url(/images/comment-add-w.svg) no-repeat center bottom; margin-bottom: -6px; margin-left:-33px;} #comment-fixed-holder p { min-height:40px; padding:0px 10px;} #comment-fixed-holder p#c-kids a,#comment-fixed-holder p#c-cats a,#comment-fixed-holder p#c-kids label,#comment-fixed-holder p#c-cats label { display:inline-block; color:#fff; padding:2px 5px; border-radius:5px; -webkit-border-radius:5px;} #comment-fixed-holder p#c-kids label.lbl,#comment-fixed-holder p#c-cats label.lbl { padding-left:16px;} #comment-fixed-holder p#c-icon { color:#fff; font-size:13px; padding-top: 10px; padding-left: 21px;} #comment-fixed-holder p#c-icon span { position:relative; line-height: 40px; margin-right: 13px; padding-left: 54px;} #comment-fixed-holder p#c-icon span:before { position:absolute; left:0px;top:-15px; content:" "; display:block; border:2px solid #fff; border-radius:50%; -webkit-border-radius:50%; width:45px; height:45px;} #comment-fixed-holder p#c-icon + p { min-height:1px;} #comment-fixed-holder textarea::-moz-placeholder { color:#fff;} #comment-fixed-holder textarea::-ms-input-placeholder { color:#fff;} #comment-fixed-holder textarea::-webkit-input-placeholder { color:#fff;} #comment-fixed-holder p#c-text ,#comment-fixed-holder p#c-kids ,#comment-fixed-holder p#c-cats { border-bottom:1px solid #fff; margin-left:20px; margin-right:20px; padding-top:12px; padding-bottom:10px; } #comment-fixed-holder p#c-kids { border-top:1px solid #ffffff22; background: url(/images/man.svg) no-repeat left 4px top 13px;} #comment-fixed-holder p#c-cats { background: url(/images/apps.svg) no-repeat left 4px top 13px;} #comment-fixed-holder p#c-text { background: url(/images/comment-add-w.svg) no-repeat left 4px top 10px; background-size:16px auto; padding-top:5px;} #comment-fixed-holder p#c-kids a,#comment-fixed-holder p#c-cats a { color:#fff; margin-left: 10px; border-radius:11px; -webkit-border-radius:11px; cursor:pointer; float:right; font-size:22px; margin-top: -5px;} #comment-fixed-holder #comm-close { position: absolute; top: 12px; margin-left:10px; background: none; border: none; } #comment-fixed-holder p#c-icon img.grayed { opacity:0.75;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);} #comment-fixed-holder p#c-icon img.selected { opacity:1;} #comment-fixed-holder p#c-icon img { cursor:pointer; width:35px; margin-right: 20px; margin-bottom: -5px; padding-left: 11px; position: absolute; top: -5px; left:0px;} #comment-fixed-holder span.selected { background: #fff; padding:3px 6px; border-radius:5px; display: inline-block; margin:0px 10px; color: #3B3B3B; margin-bottom:8px; line-height: 20px; padding-bottom: 0px;} #comment-fixed-holder span.selected a { background: transparent !important; display: inline-block; width: 20px; color: #000 !important; font-size: 11px; font-family: monospace; text-align: right; margin-top: -1px; float: right; } #comment-fixed-holder p#c-submit { background:#4BA2E6; padding:0px; margin:0px; min-height:0px;} #comment-fixed-holder p#c-submit button { background: #4BA2E6; color: #fff; width: 100%; display: inline-block; border:none; font-size:22px; height: 63px; line-height: 31px;} #comment-fixed-holder textarea { color: #fff; padding:5px; border: none; width:100%; height:100px; height:60px; resize:none;background: transparent;padding-left:16px;} #commsel2, #commsel { font-size:20px; width:95%; height:30px;} .swal-content .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search { min-height:29px; width:100%;} .fileupl-form { display:block;} .fileupl-form label { display:block; line-height: 35px; background:#FFBD67; color:#fff; font-size:20px; border-radius:6px;} .fileupl-form label + input[type=file] { opacity:0;} .pplsummary-avatar { float:left; width:120px; position:relative;} .pplsummary-avatar .cats { margin:0px;} .pplsummary-avatar .cats .cat-circ-wrapper { margin:0px; transform: scale(0.8); margin-left: -12px; margin-top: -12px;} #ppl-avatar { position: absolute; z-index: 4000; top: 20px; left: 26px; max-height: 70px; max-width: 60px;} mini-r-title { display:inline-block; direction:rtl;} /* avatar in reports */#query-start-title { line-height: 150%;padding-left: 30px; padding-right: 30px;text-align:center ;margin:20px auto 10px auto; font-size:16px;} #query-start-list li { text-align:center;} .kids-in-k-reports h2 { text-align: center ;display:block; margin:10px auto 50px auto; font-size:18px;} .report-ppl-summ { position:relative; min-height:155px; margin-bottom:40px; width:46%; margin-left:2%; background:#efefef; margin-right:2%; float:left;} .report-ppl-summ .bad-cats {font-size:14px; clear:both; padding-right:4px;} .report-ppl-summ .bad-cats p.review23 {clear:both; padding:2px 8px;} .report-ppl-summ .bad-cats p.review23 span{ display:block;} .report-ppl-summ:nth-child(2n+2) { clear:both;} .report-ppl-summ .pplsummary-avatar { margin-left:calc(50% - 65px); margin-top:-25px; margin-bottom:0px;} .report-ppl-summ .cats .cat-circ-wrapper:nth-child(odd) {margin-left:0px;} .report-ppl-summ #ppl-avatar { position: absolute; z-index: 4000; top: 19px; left: 43px; max-height: 52px; max-width: 49px;} .report-ppl-summ .avatar-shortname { position: absolute; top: 76px; left: calc(50% - 40px); width: 89px; z-index: 999; font-size: 14px; margin-bottom: 0px; text-align: center;} .report-ppl-summ .edit-report-comments img { width:25px;} .report-ppl-summ .bad-cats em.e-grp1,.report-ppl-summ .bad-cats em.e-grp2,.report-ppl-summ .bad-cats em.e-grp3,.report-ppl-summ .bad-cats em.e-grp4 { margin:0px 8px} 0px 7px.report-ppl-summ .bad-cats { margin-top: 27px;margin-left:2%; display:none;} .report-ppl-summ .last-comments { display:none;} .report-ppl-summ .last-comments { padding:3px 5px; font-size:13px; margin-bottom:24px;} .report-ppl-summ .cats .cat-circ-wrapper a {width: 118px;height:118px; margin-top:11px; margin-left:8px;} .report-ppl-summ input.toggle-view { position:absolute; right:0px; top:0px; margin-top: -27px; margin-right: 9px; z-index:8000;} .report-ppl-summ input.toggle-view:not(:checked) ~ .bad-cats,.report-ppl-summ input.toggle-view:not(:checked) ~ .last-comments,.report-ppl-summ input.toggle-view:not(:checked) + .pplsummary-avatar { opacity:0.4; } /* QUERY *//* divid */.sgc-div { clear: Both; height: 20px; float: none; width: 100%; border-top: 3px solid #ccc; margin-bottom: 20px; margin-top: 30px; font-size: 21px; text-align: center; color: #ababab; padding-bottom: 30px; padding-top: 10px;} /* CIRCLE */.cat-circ-wrapper.c-blue .segtop-cr li.sgc-b , .cat-circ-wrapper.c-blue .segbot-cr li.sgc-b{background:#60B1F1;} .cat-circ-wrapper.c-purple .segtop-cr li.sgc-b , .cat-circ-wrapper.c-purple .segbot-cr li.sgc-b{background:#8856b8;} .woble-anim.element-animation{ animation: animationFrames linear 1s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: animationFrames linear 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames linear 1s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: animationFrames linear 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: animationFrames linear 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%;} .jello.element-animation {animation: jello linear 3s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: jello linear 3s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: jello linear 3s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: jello linear 3s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: jello linear 3s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%;} .tada-long.element-animation {animation: tada linear 3s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: tada linear 3s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: tada linear 3s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: tada linear 3s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: tada linear 3s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%;} .tada.element-animation {animation: tada linear 1s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: tada linear 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: tada linear 1s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: tada linear 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: tada linear 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%;} .shake.element-animation{ animation: animationShake linear 1s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: animationShake linear 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: animationShake linear 1s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: animationShake linear 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: animationShake linear 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%;} @-webkit-keyframes jello {0%,11.1%,to {-webkit-transform: translateZ(0);transform: translateZ(0)} 22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg)} 33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg)} 44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg)} 55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg)} 66.6% {-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);transform: skewX(-.78125deg) skewY(-.78125deg)} 77.7% {-webkit-transform: skewX(.390625deg) skewY(.390625deg);transform: skewX(.390625deg) skewY(.390625deg)} 88.8% {-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);transform: skewX(-.1953125deg) skewY(-.1953125deg)} } @keyframes jello {0%,11.1%,to {-webkit-transform: translateZ(0);transform: translateZ(0)} 22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg)} 33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg)} 44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg)} 55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg)} 66.6% {-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);transform: skewX(-.78125deg) skewY(-.78125deg)} 77.7% {-webkit-transform: skewX(.390625deg) skewY(.390625deg);transform: skewX(.390625deg) skewY(.390625deg)} 88.8% {-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);transform: skewX(-.1953125deg) skewY(-.1953125deg)} } @keyframes animationShake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } @keyframes animationFrames{ 0% { transform: translate(0px,0px) ; } 10% { transform: translate(-10px,0px) ; } 20% { transform: translate(10px,0px) ; } 30% { transform: translate(-10px,0px) ; } 40% { transform: translate(10px,0px) ; } 50% { transform: translate(-10px,0px) ; } 60% { transform: translate(10px,0px) ; } 70% { transform: translate(-10px,0px) ; } 80% { transform: translate(10px,0px) ; } 90% { transform: translate(-10px,0px) ; } 100% { transform: translate(0px,0px) ; } } @-moz-keyframes animationFrames{ 0% { -moz-transform: translate(0px,0px) ; } 10% { -moz-transform: translate(-10px,0px) ; } 20% { -moz-transform: translate(10px,0px) ; } 30% { -moz-transform: translate(-10px,0px) ; } 40% { -moz-transform: translate(10px,0px) ; } 50% { -moz-transform: translate(-10px,0px) ; } 60% { -moz-transform: translate(10px,0px) ; } 70% { -moz-transform: translate(-10px,0px) ; } 80% { -moz-transform: translate(10px,0px) ; } 90% { -moz-transform: translate(-10px,0px) ; } 100% { -moz-transform: translate(0px,0px) ; } } @-webkit-keyframes animationFrames { 0% { -webkit-transform: translate(0px,0px) ; } 10% { -webkit-transform: translate(-10px,0px) ; } 20% { -webkit-transform: translate(10px,0px) ; } 30% { -webkit-transform: translate(-10px,0px) ; } 40% { -webkit-transform: translate(10px,0px) ; } 50% { -webkit-transform: translate(-10px,0px) ; } 60% { -webkit-transform: translate(10px,0px) ; } 70% { -webkit-transform: translate(-10px,0px) ; } 80% { -webkit-transform: translate(10px,0px) ; } 90% { -webkit-transform: translate(-10px,0px) ; } 100% { -webkit-transform: translate(0px,0px) ; } } @-o-keyframes animationFrames { 0% { -o-transform: translate(0px,0px) ; } 10% { -o-transform: translate(-10px,0px) ; } 20% { -o-transform: translate(10px,0px) ; } 30% { -o-transform: translate(-10px,0px) ; } 40% { -o-transform: translate(10px,0px) ; } 50% { -o-transform: translate(-10px,0px) ; } 60% { -o-transform: translate(10px,0px) ; } 70% { -o-transform: translate(-10px,0px) ; } 80% { -o-transform: translate(10px,0px) ; } 90% { -o-transform: translate(-10px,0px) ; } 100% { -o-transform: translate(0px,0px) ; } } @-ms-keyframes animationFrames { 0% { -ms-transform: translate(0px,0px) ; } 10% { -ms-transform: translate(-10px,0px) ; } 20% { -ms-transform: translate(10px,0px) ; } 30% { -ms-transform: translate(-10px,0px) ; } 40% { -ms-transform: translate(10px,0px) ; } 50% { -ms-transform: translate(-10px,0px) ; } 60% { -ms-transform: translate(10px,0px) ; } 70% { -ms-transform: translate(-10px,0px) ; } 80% { -ms-transform: translate(10px,0px) ; } 90% { -ms-transform: translate(-10px,0px) ; } 100% { -ms-transform: translate(0px,0px) ; } } .pulse-anim.element-animation{ animation: pulse 1s; animation-timing-function: linear; } @-webkit-keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @-webkit-keyframes tada {0% {-webkit-transform: scaleX(1);transform: scaleX(1)} 10%,20% {-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);transform: scale3d(.9, .9, .9) rotate(-3deg)} 30%,50%,70%,90% {-webkit-transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);transform: scale3d(1.3, 1.3, 3.3) rotate(3deg)} 40%,60%,80% {-webkit-transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg)} to {-webkit-transform: scaleX(1);transform: scaleX(1)} } @keyframes tada {0% {-webkit-transform: scaleX(1);transform: scaleX(1)} 10%,20% {-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);transform: scale3d(.9, .9, .9) rotate(-3deg)} 30%,50%,70%,90% {-webkit-transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);transform: scale3d(1.3, 1.3, 1.3) rotate(3deg)} 40%,60%,80% {-webkit-transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);transform:scale3d(1.3, 1.3, 1.3) rotate(-3deg)} to {-webkit-transform: scaleX(1);transform: scaleX(1)} } /* IPHONE UPD */.this-i-phone #appnav-menu { } .this-i-phone #appnav-menu button { margin-left:2px; width:60px;} .this-i-phone .hdr-s-content form button { width:40px;} .this-i-phone .pincode-type .formItem input { height:74px;} .this-i-phone .subcat-list .webactions button { text-indent:-6px;} /* DESIGN STYLE */.form-button-2 {} .form-button-2 .contactSubmit { display:inline-block; width:auto; } .form-button-2 .contactSubmit button { margin-top:0px; text-decoration: underline; color:#60B1F1; font-size:22px; background:transparent;} .form-button-2 .contactSubmit.thegrey a,.form-button-2 .contactSubmit.thegrey button {text-decoration: none; color:#3B3B3B;font-size: 22px;} /* WEBSITE */ .cw-viewppl-maincat .vppl-2 .cats {display:none;} @media screen and ( min-width:600px) { .this-i-phone #appnav-menu.opened ul, .this-android #appnav-menu.opened ul { background: #3AA6FBfe;} } #appnav-menu.opened ul { background: #3AA6FB;} /*To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor.*//* Created on : 30-Jul-2019, 11:00:32 Author : Oren*/ @media screen and ( min-width:679px) { header { left: calc(50vw - 384px); max-width:768px;} #comment { left:25%;} #appnav-menu.opened ul{ left:calc(50vw - 384px);} body.fixed { position:static;} .main-container > section .container { min-height:60px;} } @media screen and ( max-width:678px) { .subcat-list em.fetch-i { margin-left:12px; margin-right:12px;} .maincat.cw-viewppl-maincat .subcat-list li button { margin-bottom: 30px !important; margin-left: 0px !important; margin-right: 0px !important;} .subcat-list li a { margin-bottom:20px;} .cats.link .cat-circ-wrapper:nth-child(odd) { clear:both; } .cats.link .cat-circ-wrapper:nth-child(even) { margin-left: calc(33vw - 106px); } .cats.link .cat-circ-wrapper:nth-child(odd) { margin-left: calc(33vw - 106px); } header .logo img { width: auto; max-width: 190px; max-height:46px;} .mob-br { display:block !important;} .home.cats .cat-circ-wrapper >p {font-size: 19px;} /* bigger circle */.cat-circ-wrapper.ttl-circ-wrapper { margin-left: auto; margin-right: auto !important; display: block; text-align: center; margin-top: 108px; margin-bottom: 145px; scale: 1.4; margin-left: auto !important; margin-top: 28px; } .cat-circ-wrapper.ttl-circ-wrapper > p { bottom:-20px !important;} .manager-type-b.cw-reports button.web-greport-button { display: block !important; position: absolute; top: 180px; z-index: 8888; background: #60B1F1; width: 92%; border: none; height: 30px; color: #fff; border-radius:4px;} .report-ppl-summ .pplsummary-avatar .cats-sum { position:absolute;top:170px;} .report-ppl-summ { min-height:210px;} .report-ppl-summ .bad-cats { margin-top: 207px;} button.edit-report-comments{ position:absolute; top:100px; left: calc(50% - 45px);} .cw-reports .cats .cat-circ-wrapper.selected:after { content: ' '; display: block; background: #60B1F1; width: calc(100% + 12px); height: calc(100% + 63px); margin-left: -7px; border-radius:25px; margin-top: -4px;} #comment.higher {right:2%; left:auto;} .cw-rsetup footer, .cw-register footer { padding-bottom:130px;} .cats .cat-circ-wrapper .cat-circ.ttl-circ-wrapper {font-size: 22px; text-overflow: ellipsis; overflow: hidden; display:block; padding-top:20px; line-height: 30px; } } .dsk-ele { display:none} @media screen and ( min-width:800px) { /* WEB */ .form-control::-moz-placeholder{font-size:20px;color:#3B3B3B;;opacity:1} .form-control:-ms-input-placeholder{font-size:20px;color:#3B3B3B} .form-control::-webkit-input-placeholder{font-size:20px;color:#3B3B3B} .formItemWrapper .formItem { padding:10px 15px;} .dsk-ele {display:block;} body.fixed { position: static; overflow: auto;} .opac1 { opacity:1 !important;} .main-container { padding-top: 10px; padding-bottom: 124px; min-height: calc(100% - 124px);} .container { width: 100%;} .main-container > section { max-width:76vw;} .main-container > section .container { max-width:none;} .formItem textarea.form-control, .formItem select.form-control, .formItem input.form-control { font-size:20px;} header { text-align: right;height:124px; left:auto; width:100%; max-width:100%; } #header-spc { height:124px;} header .logo img { margin-top: 31px; width: 133px; /* height: auto; */ max-width: 133px;} a#chknotify,#goback, #searchbar { display:none !important;} .cw-semmaincat #goback , .maincat #goback { display:block !important; float: left; margin-bottom: -100%; padding-top: 25px; padding-left: 11px;cursor:pointer;} #appnav-menu.opened ul { left: 0px; padding-left:50px;} .title h1 { line-height: 150%; color:#60B1F1; font-size:30px;} #appnav-menu.opened ul li a { cursor:pointer;} #appnav-menu.opened ul li.info a img { width:50px; margin-top: 9px;} #appnav-menu.opened ul li.info a { margin-right:-70px;} #appnav-menu button { margin-top:38px; margin-left:80px;width:72px; height:33px;} #appnav-menu button span:before, #appnav-menu button span:after, #appnav-menu button span { margin-top: 2px; display: inline-block; border-radius:2px; -webkit-border-radius:2px; width: 100%; height: 2px; background: #000000e4; box-shadow: 0px 0px 1px 1px #33333343;} #appnav-menu button span:before { content: " "; margin-top: -15px; margin-bottom: -2px; width: 50%; display: block;} #appnav-menu button span:after { content: " "; margin-top: 34px; width:50%; float: right;} .cats .cat-circ-wrapper a{ font-size:18px; line-height:23px; margin-left: 10px;} .swal-overlay--show-modal-toast .swal-modal-toast { max-width: 350px !important;; min-width: 350px !important;;} #web-appnav-menu{ display:block !important;position:fixed; top:20vh; height:70vh; right:0px; background: #E8E8E8 0% 0% no-repeat padding-box;box-shadow: 3px 0px 6px #00000029;border-radius:20px 0px 20px 0px;width:140px; min-height:600px; } #web-appnav-menu ul { width:150px; margin-right: -30px; float: right; margin-top:50px;} #web-appnav-menu ul li {list-style:none;} #web-appnav-menu ul li {cursor:pointer; box-shadow: 3px 0px 6px #00000029;border-radius:12px;width:150px; margin-right:-30px; padding-right:3px;background:#F2CA69;height:120px; display:block;text-align:center;margin-bottom:6px; padding-right: 30px; -webkit-transition: all 0.33s; transition: all 0.33s; transition-timing-function: ease-out; } #web-appnav-menu ul li a { color: #fff; padding-top: 90px; display: block; max-width:120px; } #web-appnav-menu ul li.wmirep {background:url(/images/web-report-icon.svg) no-repeat right 67px top 33px #F56C7B; background-size: 40px 40px;} #web-appnav-menu ul li.wmimyg {background:url(/images/web-home-2.svg) no-repeat right 67px top 33px #F2CA69; background-size: 40px 40px;;} #web-appnav-menu ul li.wmimyg a { padding-top:80px;} #web-appnav-menu ul li.wmicomment {background:url(/images/web-commentadd.svg) no-repeat right 67px top 33px #60B1F1; background-size: 40px 40px;} #web-appnav-menu ul li.wminot {background:url(/images/web-notifications.svg) no-repeat right 67px top 33px #91D68B; background-size: 40px 40px;} #web-appnav-menu ul li.wminot:after { color: #fff; margin-top: 0px; display: block; text-align: center; width: 30px; margin-top: -90px; font-style: italic; font-size: 25px; /* font-family: 'Open Sans Hebrew'; */} #web-appnav-menu ul li:hover{ width: 200px; margin-left: -50px; background-position:right 124px top 33px; } #web-appnav-menu ul li:hover a { } #comment { display:none;} #ftr-greport { display:none;} #ftr-my { display:none;} #ftr-acts { display:none;} .cats.link.home { margin-top:40px; } .home.cats .cat-circ-wrapper { -webkit-transition: all 0.53s; transition: all 0.53s; transition-timing-function: ease-out; } .home.cats .cat-circ-wrapper:hover { transform: scale(1.08,1.08);} .home.cats .cat-circ-wrapper.ttl-circ-wrapper { margin-left: calc(50% - 78px); margin-right: calc(50% - 78px); transform: scale(1.19); margin-bottom: 100px; margin-top: 40px; } .home.cats .cat-circ-wrapper.ttl-circ-wrapper:hover{ transform: scale(1.47);} .subcat-list li:hover, .subcat-list li:active{ background:#ffffff;} .subcat-list li {margin-bottom: 9px;background:#ffffff; min-height:55px; line-height: 196%; -webkit-box-shadow: none; box-shadow: none; } .subcat-list li a { font-weight: 600; color: #3B3B3B;} .subcat-list .webactions button[remove] { } .subcat-list .webactions { margin-top: 12px; color:#3B3B3B; width:124px;} .subcat-list .webactions button[chg] img {display:none;} .subcat-list .webactions button[chg] { margin-left: 6px; background: url(/images/web-pencil.svg) no-repeat center center transparent;; width: 23px; height: 21px; margin-top: 4px;background-size:14px 14px;} .cw-gsetup .subcat-list li,.subcat-list li.add { margin-top:35px; margin-bottom:30px; background:#60B1F1; color:#fff;} .subcat-list li.add a { line-height: 52px;color:#fff; text-align:center; font-weight:normal; width:100%; display:block;} .subcat-list li.add a:before{ color:#fff; content:"הוספת קטגוריה חדשה"; margin-right: 10px;} .cw-gsetup .title h1 { color:#3B3B3B;} .cw-gsetup .subcat-list { margin:0 auto;max-width:250px;} .cw-gsetup .subcat-list li { text-align:center; padding:1px;} .cw-gsetup .subcat-list li a { text-align:center; width:100%;color:#fff; padding:10px 0px;} .cw-gkids .title h1 { color:#3B3B3B;} .cw-gkids .subcat-list { display:none;} #groups3-sf { width:1088px; max-width:1088px; margin:0 auto;right: calc(50vw - 544px);} .footer-g #groups3-sf .grp1 { margin-left: calc(22vw - 52px); } .footer-g #groups3-sf .grp3 { margin-right: calc(22vw - 52px); } #avgrid { width:1088px; margin-left:auto; margin-right:auto; max-width: 75vw;} #avgrid .kidci:nth-child(4n+1) { clear: none;} #avgrid .kidci:nth-child(4n+4) { margin-right: 2.5%;} .cw-gsetup #avgrid .kidci { width:10%; margin-right: 5%; margin-left: 5%;} .cw-gsetup #avgrid .kidci:nth-child(5n+1) { clear: none;} .cw-gsetup #avgrid .kidci:nth-child(4n+4) ,.cw-gsetup #avgrid .kidci:nth-child(5n+5) { margin-right: 5%;} .cw-gkids #avgrid .kidci { width:10%; margin-right: 5%; margin-left: 5%;} .cw-gkids #avgrid .kidci:nth-child(5n+1) { clear: none;} .cw-gkids #avgrid .kidci:nth-child(4n+4) ,.cw-gkids #avgrid .kidci:nth-child(5n+5) { margin-right: 5%;} .cw-subcat #drag-desc #s-a-wrapper { left:55px;} .cw-subcat #avgrid .kidci { width:10%; margin-right: 5%; margin-left: 5%;} .cw-subcat #avgrid .kidci:nth-child(5n+1) { clear: none;} .cw-subcat #avgrid .kidci:nth-child(4n+4) ,.cw-subcat #avgrid .kidci:nth-child(5n+5) { margin-right: 5%;} .cw-subcat .drag-point div { height: 120px; width: 100%; cursor:pointer;} .cw-subcat.aswhite .main-container { padding-bottom: 44px;} .cw-subcat .gfloat-wrapper {display:block !important;} .main-container > section .container {overflow-x:visible;} .aswhite #comment { display:none !important;} span.a6 { min-height:40px; line-height:38px !important;} /* HEADER WEB-MENU (PUBLIC) */.web-public-menu {width: 450px; margin-left:3vw; float:left; margin-top: 10px;} .web-public-menu a { width: 27%; margin-right: 2%;float:left; margin-top:50px; margin-right:20px; color:#3B3B3B; font-size:20px;} /* LANGUAGE SELECTOR */#hdr-selector{ width: 151px;height: 40px; background:#ffffff;box-shadow: 3px 3px 10px #00000033;border-radius:6px;-webkit-border-radius:6px;overflow: hidden; margin-right: 3vw; float: right; margin-top: 70px;} #hdr-selector .langSwith a{ background: url(/images/small-down.svg) no-repeat right 8px center #FFFFFF ; margin-left: 20px; display:block; padding-right: 20px;} #hdr-selector.active { overflow:visible;} #hdr-selector .langSwith { height:40px; line-height:38px; color:#3B3B3B; font-size:16px;} #hdr-selector .langSwith.lng-heb {background:url(/assets/global/img/flags/il.png) no-repeat left 5px center #fff; background-size: 15px auto;} #hdr-selector .langSwith.lng-eng {background:url(/assets/global/img/flags/en.png) no-repeat left 5px center #fff; background-size: 15px auto;} #hdr-selector .langSwith a {color:#3B3B3B; font-size:16px;} #hdr-selector.active{ border-radius:6px 6px 0px 0;-webkit-border-radius:6px 6px 0px 0;} #hdr-selector .langSwith + .langSwith { background-color:#fff; display:none; box-shadow: 3px 3px 4px #00000033;} #hdr-selector.active .langSwith + .langSwith {display:block;} #hdr-selector.active .langSwith + .langSwith a { background:#fff;} .langSwith.langSwith-last a ,.langSwith.langSwith-last { border-radius:0 0 6px 6px;} /* DRAGING KIDCI */body.aswhite.maincat.subcat h1 { position:relative;} .aswhite #groups3-sf { right:auto;} #groups3-sf {padding-top:3px;} #groups3-sf .grp4, #groups3-sf .grp3, #groups3-sf .grp2, #groups3-sf .grp1 { width:64px; height:64px; line-height: 64px; font-size: 18px;} #groups3-sf .grp1:after, #groups3-sf .grp2:after, #groups3-sf .grp3:after, #groups3-sf .grp4:after{ margin-top:-20px !important;;} #groups3-sf.custom-cf-4 .grp1 { margin-left:10% !important;} #groups3-sf.custom-cf-4 .grp2 { margin-left: calc(27% - 84px) !important; float:left;} #groups3-sf.custom-cf-4 .grp3 { margin-right: calc(27% - 84px) !important; background:#F2CA69;} #groups3-sf.custom-cf-4 .grp4 { margin-right:10% !important; background:#EF6B7A; } #groups3-sf .grpno.droptgt { height: 92px; width: 92px; line-height: 92px;} #avgrid[grp=none] p#d-completed { display: block; font-size: 20px; line-height: 173%; padding-left: 40px; padding-right: 40px; font-weight: bold; max-width: 360px; margin:0 auto;} .aswhite .main-container > section{ /* by 1088 */ width:1088px; } .cw-subcat.aswhite .main-container > section .container { max-width: 1068px;} /* CATEGORY PAGE */ .cw-maincat .main-container > section { width: 1088px; background: #E8E8E8 ; border-radius:12px; -webkit-border-radius:12px; margin-top: 50px; } body.maincat h1, .cw-maincat .main-container > section h1 { color:#3B3B3B; padding:25px 0px 20px 0px; } .cw-maincat .main-container > section .container { max-width:808px;} /* WEB LOGIN */.cw-register1 header,.cw-register2 header,.cw-login header { text-align: center; height:136px; } .cw-login #header-spc { height:136px;} .cw-register1 header .logo img,.cw-register2 header .logo img,.cw-login header .logo img { width: 218px; /* height: auto; */ max-width: 218px;} .cw-login .main-container { padding-top: 10px; padding-bottom: 136px; min-height: calc(100% - 136px);} .cw-login { background:url(/images/web_login_bg.png) no-repeat right top 126px #ffffff; background-size:cover} .cw-login .form-button-2 { text-align:center; direction:rtl; margin-top:-75px; margin-bottom:105px;} .cw-login .main-container > section .container{ width:536px; padding:0px; background:#F2CA69; height: 462px; border-radius:12px; margin-top:140px; -webkit-border-radius:12px;} .cw-login.cw-signup .main-container > section .container{ width:795px; padding:0px; height: 458px; } .cw-login .container form { width:462px;margin:0 auto;} .progress-bar1 { width:795px; height:36px; background: #E8E8E8 0% 0% no-repeat padding-box; border-radius:15px; -webkit-border-radius:15px; margin:30px 0px 20px 0; display:none; } .cw-signup .progress-bar1 { display:block !important; margin-top:-125px; } .cw-signup .form-button-2 { margin-top:0px;} .cw-signup .main-container > section .container { margin-top:160px;} .cw-signup .pass1de { text-indent: 38px;display:block;color:#9A9797; font-size:10px;} .cw-login .formItemWrapper { margin-top:54px; xheight: 160px;} .cw-login #forget { color:#fff; cursor:pointer; font-size:16px;} .cw-login .contactSubmit.lng-href, .cw-login form #setpincode,.cw-login form #support-url { display:none !important;;} .cw-login .progress-bar1::before{ height:36px; background: #60B1F1 0% 0% no-repeat padding-box; border-radius:16px; -webkit-border-radius:16px; float:right;display:block;content:" "; width: 90px;} .cw-login .pincode-type .formItem label { font-size:20px} .cw-login .pincode-type .formItem input { margin-bottom: -15px;border-radius:12px; -webkit-border-radius:12px;} .cw-login .contactSubmit button { font-size: 28px;} .form-button-2 .contactSubmit.thegrey a, .form-button-2 .contactSubmit.thegrey button { font-size:28px;} /* KID VIEW SCREEN */ .cw-viewppl .container { background:#f9f9f9;} .cw-viewppl .viewppl-wmicomment { border-radius:8px; opacity: 1; display: block; color: #fff; height: 28px; min-width: 84px; font-size: 15px; text-align: center; cursor:pointer; padding-left:57px; padding-right: 25px; margin-top: -92px; width: auto; float: left; height: 40px; min-height: 40px; line-height: 40px; background:url(/images/web-comment-add.svg) no-repeat left 23px center #60B1F1; } .cw-viewppl .vppl-2 { padding-top: 0px ; float: left; width: calc(100% - 340px);} .cw-viewppl .vppl-1 a.a3 {float:none; margin-left:12px;} .vppl-3 { float: right; width: 338px;} .cw-viewppl h2 { margin-bottom: 10px; } .vppl-1 a.a5, .vppl-1 a.a2, .vppl-1 a.a2, .vppl-1 a.a1 { min-height: 40px; line-height: 40px !important; margin-right: 10px;} .vppl-2 .cats.link.home { margin:20px 0px 0px 0px;} .cw-viewppl .main-container > section { margin:0; max-width: calc(100% - 120px);} .cw-viewppl .container { width: 97%; margin:0 0 0 3%;} .cw-viewppl .cat-circ-wrapper { margin-left:6px;} /* REPORTS */ .cw-reports #avgrid .kidci { width:10%; margin-right: 5%; margin-left: 5%;} .cw-reports #viewreport.vis {cursor:pointer;} .cw-reports #avgrid .kidci:nth-child(5n+1) { clear: none;} .cw-reports #avgrid .kidci:nth-child(4n+4) ,.cw-reports #avgrid .kidci:nth-child(5n+5) { margin-right: 5%;} #rep-g, #rep-k { cursor:pointer;} .cw-reports .main-container > section { margin:0; max-width: calc(100% - 120px);} .cw-reports .web-greport-title,.kids-in-k-reports h2 { text-align: left; display: block; margin:-70px 2.5% 50px 2.5%; font-size: 20px; max-width: 50%; } .cw-reports .web-greport-title { display:block !important;} .cw-reports .formItemWrapper { background:transparent; box-shadow:none; -webkit-box-shadow:none; border:none;} .cw-reports .formItemWrapper.report-sel .formItem:nth-child(1), .cw-reports .formItemWrapper.report-sel .formItem {border:none;} .cw-reports .report-sel a, .cw-reports .report-sel a.active { color:#60B1F1; background:transparent; font-size:20px;} .cw-reports .cats.link.home { float:left; width:50%; max-width:670px;} .cw-reports .kids-in-k-reports { float:right; width:50%; border-left:1px solid #ACA6A6; } .cw-reports button#share-report-k-toggle { font-size:18px; margin-right:1.25%;} .cw-reports .report-ppl-summ {width:95%; padding-top:10px; border-radius:3px; -webkit-border-radius:3px; padding-left:12px; } .cw-reports .report-ppl-summ.not-fill-cat{ background:#f3f3f3; opacity:0.7; } .cw-reports .report-ppl-summ.not-fill-cat{ filter: grayscale(1); } .report-ppl-summ .last-comments, .report-ppl-summ .bad-cats font.firstVis:before{ display:none; } .report-ppl-summ .last-comments, .report-ppl-summ .bad-cats font + font:before { content: ','; padding-right: 10px; } .report-ppl-summ .cats .cat-circ-wrapper a { width: 118px; height: 118px; margin-top: 14px; margin-left: 10px;} .cw-reports .report-ppl-summ input.toggle-view { z-index:2000;} #comment-fixed-holder #comment-box > p#c-title { font-size: 22px; color:#3B3B3B} #f-cats {border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;} #f-grades {border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;} .cw-reports #comment-fixed-holder p#c-submit { background:transparent;} .cw-reports #comment-fixed-holder p#c-submit button { background:#fff; color:#4BA2E6; margin-top:20px; -webkit-border-radius:5px; border-radius:5px; } .cw-reports #comment-fixed-holder input[type=checkbox]:before { border:1px solid rgba(46,46,46,0.6);} .cw-reports #comment-fixed-holder { /* position: fixed; */ bottom: 0px; right: auto; left: 10px; z-index: 8000; background: #60B1F1; min-height: calc(90vh - 300px); min-height:100px; width: 37%; margin:0; border-radius:20px 20px 0px 0px; -webkit-border-radius:20px 20px 0px 0px; top: 260px; bottom: auto; border-radius:20px; -webkit-border-radius:20px; /* padding-top: 40px; */ /* padding-left: 50px; */ padding:35px 50px;} .radio-group-to-left,.cw-reports .f-accordion2,.cw-reports #comment-box #f-cats .f-accordion1 > .form-control + label,.cw-reports label.runacc { text-align:center;} .radio-group-to-left input[type=checkbox],.cw-reports .f-accordion2 input[type=checkbox] {float:left;} .cw-reports #comment-box #f-cats .f-accordion1 > .form-control + label { padding-right:30px;} .radio-group-to-left { padding-right:3px;} .cw-reports .f-accordion2 { padding-right: 69px;} .cw-reports label.runacc { font-weight: bold;} .cw-reports .report-ppl-summ #ppl-avatar { left:41px;} .cw-reports .report-ppl-summ .avatar-shortname { left: 23px; } .cw-reports .cats .cat-circ-wrapper { margin-left:25px;} .cw-reports .cats.home .cat-circ-wrapper:before { background: #F4F4F4; width: 160px; height: 180px; content: ' '; position: absolute; top: 40px; left: -15px;} .cats .cat-circ-wrapper.lgd { margin-bottom: 90px;} .cw-reports .cats .cat-circ-wrapper.adl { height:186px;} .cw-reports .cats.home .cat-circ-wrapper.lgd.adl:before { height:220px;} .cat-circ-wrapper.lgd.adl .garden-acts { height: 45px; position: absolute; top: 224px; left: 5px; padding-right: 10px; min-width:97%; width: calc(100% - 13px);} .cw-reports .cats.home .cat-circ-wrapper.selected:before{ background:#60B1F1; } .report-ppl-summ .bad-cats { margin-top: 7px;margin-left:2%; display:none;} .report-ppl-summ .last-comments{ display:none;} .report-ppl-summ .pplsummary-avatar { margin-left: 0px; width: 230px; margin-top: 15px; margin-bottom: 0px;} .report-ppl-summ .pplsummary-avatar .cats { max-width:125px;} .report-ppl-summ .pplsummary-avatar .cats-sum { float:right; width:100px; } .pplsummary-avatar .cats .cat-circ-wrapper { margin-top:-14px;} .report-ppl-summ .pplsummary-avatar .cats .cat-circ-wrapper { margin-top:-62px;} .report-ppl-summ .last-comments p:nth-child(1) {font-weight:bold; font-size:14px; } .report-ppl-summ .last-comments, .report-ppl-summ .bad-cats { clear:none; float:left; width:90%; clear:both; } .cw-reports .web-greport-button { display: block !important; background: url(/images/share-svgrepo.svg) no-repeat left center #60B1F1; text-indent: 25px; padding-right: 3px; color: #fff; width: auto; border-radius:6px; -webkit-border-radius:6px; clear: both; border: none; margin:20px auto; font-size: 18px; padding:9px 20px;} .cw-reports button.edit-report-comments { float: right; width:12%; max-width: 80px; position: absolute; top: 10px; right: 12px; padding:5px 10px; height: 70px; word-break: break-all; background: url(/images/pencil-w.svg) no-repeat center top 7px #60B1F1 !important; padding-top: 26px !important; word-break: break-word} .cw-reports .formItemWrapper.report-sel .formItem:nth-child(2) { background:transparent !important;position: relative;; text-align:right; width:49%;} .cw-reports #rep-f { min-height: 22px; cursor:pointer; line-height: 100%; max-width: 140px; display: inline-block; text-align: center; background:url(/images/report-filter-ic.png) no-repeat left 10px center #60B1F1; background:#60B1F1; background:#c3c3c3; color:#ffffff; border-radius:6px; padding:4px 0px; -webkit-border-radius:6px; position: absolute; right: 0px; top: 53px; font-size:18px;} .cw-reports #rep-f.act { background:#60B1F1;} .cw-reports .kids-in-garden,.cw-reports #share-report-k { display:none;} .cw-reports #s-a-wrapper-p { width:49%; float:right;} /* MAINCAT for KID */ .cw-viewppl-maincat .vppl-2 .cats {display:none;} .maincat.cw-viewppl-maincat .subcat-list {background:#E8E8E8; padding:40px; border-radius:12px 0px 12px 0px; -webkit-border-radius:12px 0px 12px 0px; min-height: 400px; } .maincat.cw-viewppl-maincat .vppl-3 .review-box-wrapper{ background:#E8E8E8; border-radius:0px 12px 0px 12px; -webkit-border-radius:0px 12px 0px 12px; width: 94%;margin-left: -2px; min-height: 400px;} .maincat.cw-viewppl-maincat .subcat-list li { max-width: 740px;} .maincat.cw-viewppl-maincat .subcat-list li button { float: right; margin:10px !important; margin-top: -40px !important; } .maincat.cw-viewppl-maincat .subcat-list li .webactions { float:left;} .maincat.cw-viewppl-maincat .webactions em { width:5px; max-width:5px;} .maincat.cw-viewppl-maincat h1 { padding:0px;;} /* REGISTER SCREEN */ .cw-register { background: url(/images/web_login_bg.png) no-repeat right top 126px #ffffff; background-size: 100% auto;background-size:cover} .cw-register .progress-bar2 { display:block !important; margin:0 auto; margin-top:-100px; } .cw-register .main-container > section .container { width: 900px; padding:0px; background: #F2CA69; height: 662px; border-radius:12px; margin-top: 140px; -webkit-border-radius:12px;} .cw-register .formItem label#title { color: #60B1F1; font-weight: bold; font-size: 18px; margin-bottom: 60px; margin-top: 20px; font-size: 24px;} .cw-register .garden-details-part { max-width: 800px; margin:0 auto; position: relative;} .cw-register .garden-details-part .web-r1 { float:left; width:48%;} .cw-register .garden-details-part .web-r2 { float:left; width:48%; padding-bottom:4px; font-size: 18px;} .cw-register .garden-details-part .web-r3 { float:left; width:48%;} .cw-register .garden-details-part .web-r4 { float: right; width: 48%; position: absolute; top: 84px; right: 0px; font-size: 18px; background: #fff; box-shadow: 0px 5px 20px #00000012; border: 1px solid #EEEEEE; border-radius:12px;} .cw-register .garden-details-part .web-r4 label { padding-left: 0px;} .cw-register .garden-details-part .web-r5 { font-size: 18px; float: right; width: 48%; position: absolute; top: 186px; right: 0px;} .cw-register .garden-details-part .web-r6 { width: 100%; position: absolute; top: 626px; display: block; right: 0px;text-align:center;} .cw-register .garden-details-part .web-r7 button,.cw-register .garden-details-part .web-r6 button {width: 660px;height: 50px;background: #60B1F1 0% 0% no-repeat padding-box; border:none; color:#fff; font-size:24px;box-shadow: 0px 5px 10px #0000000D;border-radius:12px;} .cw-register .progress-bar1::before { height: 36px; background: #60B1F1 0% 0% no-repeat padding-box; border-radius:16px; -webkit-border-radius:16px; float: right; display: block; content: " "; width: 400px;} .cw-register #showlogout {display:none;} /* REGISTER SCREEN 2 */ .cw-register2 { background: url(/images/web_login_bg.png) no-repeat right top 126px #ffffff; background-size: 100% auto;background-size:cover} .cw-register2 .garden-kids-part span#gimage + h2 { color:#60B1F1; width:400px;} .cw-register2 span#gimage:before { float: left; background: #60B1F1; content: "+"; height: 50px; position: absolute; border-radius:50%; width: 50px; color: #fff; line-height: 47px; font-size: 37px; font-weight: 300; font-family: auto; margin-left: -20px; margin-top: -20px;} .cw-register2 .col-md-12.garden-kids-part { margin-top: 60px;} .cw-register2 .garden-kids-part .footer-g {text-align: center; display:block;} .cw-register2 .garden-kids-part .footer-g button.con-kids-skip { color: #60B1F1; font-size: 18px; width: 330px; background: none; border: none; display: block; margin:50px auto 30px auto;} .cw-register2 .garden-kids-part .footer-g button.con-kids-btn{ width: 330px;height: 50px;background: #60B1F1 0% 0% no-repeat padding-box; border:none; color:#fff; font-size:24px;box-shadow: 0px 5px 10px #0000000D;border-radius:12px;} /* ADD/EDIT KID */ .cw-addkid { background: url(/images/web_login_bg.png) no-repeat right top 126px #ffffff; background-size: 100% auto;background-size:cover} .cw-editppl.cw-addkid { background: #ffffff; } .cw-addkid .main-container > section .container { width: 900px; padding:0px; background: #F2CA69; height: 972px; border-radius:12px; margin-top: 20px; padding-top:30px; -webkit-border-radius:12px;} .cw-addkid .formItem label#title { color: #60B1F1; font-weight: bold; font-size: 18px; margin-bottom: 60px; margin-top: 20px; font-size: 24px;} .cw-addkid .addkid-part { max-width: 800px; margin:0 auto; float:none; position: relative;} .cw-addkid .addkid-part .web-r1 { clear: both;float:left; width:48%;} .cw-addkid .addkid-part .web-r2 { clear: both;float:left; width:48%; padding-bottom:4px; font-size: 18px;} .cw-addkid .addkid-part .web-r3 { clear: both;float:left; width:48%;} .cw-addkid .addkid-part .web-r4 {clear: both; float: left; width: 48%; } .cw-addkid .addkid-part .web-r5 { display:block !important; clear: both; float: left; width: 48%; height: 125px; margin-left: 0px; padding:30px 0px; min-height: 125px;} .cw-addkid .addkid-part .web-r6 {clear: both; float: left; width: 48%; } .cw-addkid .addkid-part .web-r7 {clear: both; float: right; width: 48%; position:absolute; top:0px; right:0px; } .cw-addkid .addkid-part .web-r8 {clear: both; float: left; width: 48%; position:absolute; top:195px; top:125px;right:0px; } .cw-addkid .addkid-part .web-r9 {clear: both; float: left; width: 48%; position:absolute; top:337px; top:262px;right:0px; } .cw-addkid .addkid-part .web-r10 {clear: both; overflow: hidden; float: left; width: 48%; height:65px; position:absolute; top:110px; right:0px; } .cw-addkid .avatars .swiper-slide,.cw-addkid .avatars .swiper-slide.swiper-slide-next + .swiper-slide { height:61px;} .cw-addkid .addkid-part .footer-g { text-align: center; display: block; position: absolute; top: 870px; left: 0px; width: 100%;} .cw-addkid .addkid-part .footer-g button.wb-done { width: 48%;float:right;height: 50px;background: #60B1F1 0% 0% no-repeat padding-box; border:none; color:#fff; font-size:24px;box-shadow: 0px 5px 10px #0000000D;border-radius:12px;} .cw-addkid .addkid-part .footer-g button.wb-upd{ width: 48%;float:left;height: 50px;background: #ffffff 0% 0% no-repeat padding-box; border:none; color:#60B1F1; font-size:24px;box-shadow: 0px 5px 10px #0000000D;border-radius:12px;} /* ADD/EDIT KID */.cw-editppl.cw-addkid .addkid-part .footer-g { text-align: center; display: block; position: absolute; top: 493px; right: 0px; width: 48%; left: auto} .cw-editppl.cw-addkid .main-container > section .container { background:#E8E8E8} .cw-editppl.cw-addkid #removebtn ,.cw-editppl.cw-addkid .addkid-part .footer-g button.wb-done { float:none; width:100%;} .cw-editppl.cw-addkid #removebtn { background:#fff; height:50px; font-size: 24px; margin-top:10px;} .cw-editppl.cw-addkid .addkid-part .footer-g button.wb-upd{display:none; } /* REGISTER COMPLETED */ .cw-addkid-done.comment-on #comment-fixed-holder.full {max-width: 100%; background: #3AA6FB 0% 0% no-repeat padding-box; background: #3AA6FBbb 0% 0% no-repeat padding-box;} .cw-addkid-done.comment-on #comment-fixed-holder.full button { width:500px; background: #60B1F1 0% 0% no-repeat padding-box;box-shadow: 0px 5px 10px #0000000D;border: 2px solid #FFFFFF; color: #fff; position: static; margin-top: 50px; height: 60px; cursor:pointer; } .cw-addkid-done #comment-fixed-holder p { min-height: 40px; padding:0px 40px; font-size: 38px; line-height: 50px; max-width: 480px; margin:0 auto;} .cw-addkid-done span#pimage { margin:110px auto 40px auto; } .cw-addkid-done.comment-on .progress-bar1 { display: block !important; margin:20px auto -50px auto;} .cw-addkid-done.comment-on .progress-bar1::before{ height:36px; background: #F2CA69 0% 0% no-repeat padding-box; border-radius:16px; -webkit-border-radius:16px; float:right;display:block;content:" "; width: 100%;} /* PIN CODE CHANGE (cw-register expand_ */.cw-register.cw-pcchange .main-container > section .container,.cw-register.cw-pcchange { background: #ffffff; } .cw-register.cw-pcchange .progress-bar2 { display:none !important;} .cw-register.cw-pcchange .pincode2-part .footer-g,.cw-register.cw-pcchange .pincode-part .footer-g {display:block !important; text-align:center;} .cw-register.cw-pcchange .pincode2-part .footer-g button,.cw-register.cw-pcchange .pincode-part .footer-g button { width: 250px;height: 50px;background: #60B1F1 0% 0% no-repeat padding-box; border:none; color:#fff; font-size:24px;box-shadow: 0px 5px 10px #0000000D;border-radius:12px; margin:0px 10px 40px 10px;} .pincode-type .formItem label[for=pincode2] { font-size:18px;} /* SETUP (cw-register expand_ */.cw-register.cw-rsetup { background: #ffffff; } .cw-register.cw-rsetup .progress-bar2 { display:none !important;} .cw-register.cw-rsetup .main-container > section .container { margin-top:100px;} .cw-register.cw-rsetup .formItem label#title-rsetup { display: block !important; font-size: 30px; text-align: center; margin-top: -60px; height: 30px; margin-bottom: 50px; font-weight: bold;} .cw-register.cw-rsetup .garden-details-part .web-r4 { display:none;} .cw-register.cw-rsetup .garden-details-part .web-r6 { display:none;} .cw-register.cw-rsetup .garden-details-part .web-r5 { top:68px;} .cw-register.cw-rsetup .garden-details-part .web-r7 { width: 100%; position: absolute; top: 596px; display: block; right: 0px; text-align: center;} .cw-register.cw-rsetup #appreg { height:630px;} .cw-register.cw-rsetup .rsetup-action a { margin:0 1.5%; width:30%; background:#F2CA69; cursor:pointer;} .cw-register.cw-rsetup .rsetup-action { position:relative; margin-bottom: 110px;} .cw-register.cw-rsetup .rsetup-action a { line-height: 45px; background: #60B1F1; position:absolute; right:40px; width:42%; top:-320px} .cw-register.cw-rsetup .rsetup-action a +a { top:-266px;} .cw-register.cw-rsetup .rsetup-action a +a +a { top:-212px;} .cw-register.cw-rsetup .formItemWrapper.ch-lang { position: absolute; font-size: 18px; float: right; width: 48%; position: absolute; top: 252px; right: 0px; height: 50px;} /* LTR_LO */.rtl-lo #web-appnav-menu {left:0; right: auto;} .rtl-lo header { right:0px;} .rtl-lo header .logo { float: left;} .rtl-lo.cw-viewppl .vppl-1 a.a3 { float:none; margin-right:12px;} } @media screen and ( max-height:750px) and ( min-width:800px) { #web-appnav-menu { top: 135px; height: 460px; min-height: 0px;} #web-appnav-menu ul { margin-top: 15px; } #web-appnav-menu ul li { height:100px;} #web-appnav-menu ul li a { padding-top:76px;} #web-appnav-menu ul li{ background-position:right 67px top 23px !important; } #web-appnav-menu ul li:hover{ background-position:right 124px top 23px !important; } .main-container .first-block header ul { display:none;} }