@-webkit-keyframes spinner-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-loader{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-loader-pulsate{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}50%{-webkit-transform:scale(1.3) rotate(180deg);transform:scale(1.3) rotate(180deg)}100%{-webkit-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg)}}@keyframes spinner-loader-pulsate{0%{-ms-transform:scale(1) rotate(0deg);-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}50%{-ms-transform:scale(1.3) rotate(180deg);-webkit-transform:scale(1.3) rotate(180deg);transform:scale(1.3) rotate(180deg)}100%{-ms-transform:scale(1) rotate(360deg);-webkit-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg)}}.loading-spinner{-webkit-animation:spinner-loader 1500ms infinite linear;animation:spinner-loader 1500ms infinite linear;border-radius:.5em;box-shadow:#fff 1.5em 0 0 0,#fff 1.1em 1.1em 0 0,#fff 0 1.5em 0 0,#fff -1.1em 1.1em 0 0,#fff -1.5em 0 0 0,#fff -1.1em -1.1em 0 0,#fff 0 -1.5em 0 0,#fff 1.1em -1.1em 0 0,rgba(0,0,0,0) 1.5em 0 5px 0,rgba(0,0,0,.1) 1.1em 1.1em 5px 0,rgba(0,0,0,.25) 0 1.5em 5px 0,rgba(0,0,0,.35) -1.1em 1.1em 5px 0,rgba(0,0,0,.5) -1.5em 0 5px 0,rgba(0,0,0,.68) -1.1em -1.1em 5px 0,rgba(0,0,0,.85) 0 -1.5em 5px 0,#000 1.1em -1.1em 5px 0;display:inline-block;font-size:10px;width:1em;height:1em;overflow:hidden;text-indent:100%;opacity:0;transition:opacity .2s ease;pointer-events:none;position:fixed;bottom:20px;right:20px;z-index:5000}.loading-spinner.red{box-shadow:red 1.5em 0 0 0,red 1.1em 1.1em 0 0,red 0 1.5em 0 0,red -1.1em 1.1em 0 0,red -1.5em 0 0 0,red -1.1em -1.1em 0 0,red 0 -1.5em 0 0,red 1.1em -1.1em 0 0,rgba(0,0,0,0) 1.5em 0 5px 0,rgba(0,0,0,.1) 1.1em 1.1em 5px 0,rgba(0,0,0,.25) 0 1.5em 5px 0,rgba(0,0,0,.35) -1.1em 1.1em 5px 0,rgba(0,0,0,.5) -1.5em 0 5px 0,rgba(0,0,0,.68) -1.1em -1.1em 5px 0,rgba(0,0,0,.85) 0 -1.5em 5px 0,#000 1.1em -1.1em 5px 0}.loading-spinner.show{opacity:1}.color-picker{position:relative;display:flex;align-items:center}.color-picker .holder{display:flex;align-items:center;justify-content:flex-start;width:100%}.color-picker .holder .currentcolor{width:60px;height:calc(100% - 4px);min-height:30px;border:2px solid #2e2e2e}.color-picker .holder .reset{margin-left:10px}.color-picker .holder .reset button{padding:5px;position:relative;top:-1px}.color-picker .holder .reset button:active{top:0;box-shadow:none}.color-picker .picker{position:fixed;z-index:500}.color-picker .picker.rightaligned{left:unset;right:0}.color-picker .picker.bottomaligned{top:unset;bottom:0}.color-picker.inline{flex-direction:column;justify-content:flex-start;align-items:flex-start}.timepicker{position:relative;border:1px solid rgba(0,0,0,.5);border-radius:5px;overflow:hidden}.timepicker .tp-timeshow{padding:5px 10px;background-color:#fff;min-width:80px;text-align:center;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.timepicker .tp-timepick{position:fixed;max-width:280px;min-width:280px;max-height:100%;background-color:#fff;z-index:2;width:280px;border-radius:5px;overflow:hidden;border:1px solid #bfbfbf}.timepicker .tp-timepick .tp-controls{height:30px;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.timepicker .tp-timepick .tp-controls .tp-control{width:50%;background-color:rgba(0,0,0,.25);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center}.timepicker .tp-timepick .tp-controls .tp-control.selected{background-color:#fff}.timepicker .tp-timepick .tp-wrapper{width:100%;height:120px;max-height:120px;min-height:120px;overflow:hidden;overflow-y:auto}.timepicker .tp-timepick .tp-wrapper .tp-hours{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;min-height:120px}.timepicker .tp-timepick .tp-wrapper .tp-hours>div{width:16.666666%;height:auto;min-height:30px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center}.timepicker .tp-timepick .tp-wrapper .tp-hours>div.selected{background-color:red;color:#fff}.timepicker .tp-timepick .tp-wrapper .tp-minutes{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;min-height:120px}.timepicker .tp-timepick .tp-wrapper .tp-minutes>div{width:100%;min-width:30px;max-width:25%;height:auto;min-height:30px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center}.timepicker .tp-timepick .tp-wrapper .tp-minutes>div.selected{background-color:red;color:#fff}.timepicker.disabled{pointer-events:none}.timepicker.disabled .timeshow{background-color:#c7c7c7;color:#777}.timepicker.selected .timeshow{background-color:red;color:#fff}.timepicker.error .tp-timeshow{background-color:red;color:#fff}.cooltable3{background-color:#fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;min-height:0;height:100%;position:relative;width:100%}.cooltable3.draggingcolumn .columnsorter,.cooltable3.draggingcolumn .columnfilter{pointer-events:none}.cooltable3.fixed{flex-direction:row;position:relative}.cooltable3.fixed .area.fixed{flex:0 0 auto}.cooltable3.fixed .area.fixed .table{overflow-x:hidden}.cooltable3.fixed .area.fixed .table::-webkit-scrollbar{display:none}.cooltable3 .newfilter{position:absolute;z-index:2;height:100px;width:100px;background-color:rgba(255,0,0,.75);top:30px}.cooltable3 .nodata{background-color:rgba(0,0,0,.1);height:calc(100% - 30px);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;position:absolute;top:30px;left:0;right:0}.cooltable3 .nodata button{margin-left:10px;font-size:10px;border-radius:3px}.cooltable3 .area{position:relative;overflow:hidden;height:100%}.cooltable3 .area .fadeoverlay{width:20px;height:100%;position:absolute;z-index:1;pointer-events:none;top:0;left:0;background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6000000", endColorstr="#00000000",GradientType=1 )}.cooltable3 .area .fadeoverlayright{width:20px;height:100%;position:absolute;z-index:1;pointer-events:none;top:0;right:0;background:-moz-linear-gradient(right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);background:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6000000", endColorstr="#00000000",GradientType=1 )}.cooltable3 .area .faketableheader,.cooltable3 .area .faketablefooter{background-color:rgba(0,0,0,.2);width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-start;height:30px;flex:0 0 auto}.cooltable3 .area .faketableheader .fthdiv,.cooltable3 .area .faketableheader .ftfdiv,.cooltable3 .area .faketablefooter .fthdiv,.cooltable3 .area .faketablefooter .ftfdiv{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:baseline;font-size:14px;font-weight:bold;height:30px;flex:0 0 auto;position:relative;border-left:1px solid rgba(0,0,0,.1);box-sizing:border-box}.cooltable3 .area .faketableheader .fthdiv.filtered .columnsorter,.cooltable3 .area .faketableheader .ftfdiv.filtered .columnsorter,.cooltable3 .area .faketablefooter .fthdiv.filtered .columnsorter,.cooltable3 .area .faketablefooter .ftfdiv.filtered .columnsorter{padding-right:30px}.cooltable3 .area .faketableheader .fthdiv.ra,.cooltable3 .area .faketableheader .ftfdiv.ra,.cooltable3 .area .faketablefooter .fthdiv.ra,.cooltable3 .area .faketablefooter .ftfdiv.ra{justify-content:flex-end}.cooltable3 .area .faketableheader .fthdiv.group,.cooltable3 .area .faketableheader .ftfdiv.group,.cooltable3 .area .faketablefooter .fthdiv.group,.cooltable3 .area .faketablefooter .ftfdiv.group{border-left:none;width:30px}.cooltable3 .area .faketableheader .ftfdiv,.cooltable3 .area .faketablefooter .ftfdiv{padding:0;align-items:center}.cooltable3 .area .table{overflow:auto;min-height:250px;height:calc(100% - 30px)}.cooltable3 .area:not(.fixed) .rTableCell:last-child{border-right:none}.cooltable3 .area.printable{width:100%}.cooltable3 .area.printable .rTableRow{display:flex;flex-wrap:wrap;border-bottom:.5mm solid rgba(0,0,0,.5);page-break-after:auto;page-break-inside:avoid;margin-bottom:10mm}.cooltable3 .area.printable .rTableCell{width:20%;display:block;max-width:unset;padding:0;height:unset}.cooltable3 .area.printable .rTableCell.ra{text-align:left}.cooltable3 .area.printable .rTableCell .rTableTitle{padding:1mm;background-color:rgba(0,0,0,.1)}.cooltable3 .area.printable .rTableCell .rTableContent{padding:1mm;font-weight:bold}.cooltable3 .area.safari{will-change:opacity,contents}.cooltable3 .rTable{display:table;width:calc(100% - 1px);max-height:0;box-sizing:content-box}.cooltable3 .rTableRow{display:table-row}.cooltable3 .rTableRow.highlighted{background-color:rgba(0,0,0,.025)}.cooltable3 .rTableRow:nth-child(2n):not(.group){background-color:rgba(0,0,0,.025)}.cooltable3 .rTableRow.footer{background-color:rgba(0,0,0,.2)}.cooltable3 .rTableRow.footer .rTableCell{box-sizing:border-box}.cooltable3 .rTableRow.group:not(.groupfooter).invisible>td>*{visibility:hidden}.cooltable3 .rTableHeading{display:table-header-group;visibility:collapse;background-color:rgba(0,0,0,.2)}.cooltable3 .rTableBody{display:table-row-group}.cooltable3 .rTableFoot{display:table-footer-group}.cooltable3 .rTableCell,.cooltable3 .rTableHead{display:table-cell;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;padding:5px;border-left:1px solid rgba(0,0,0,.1);position:relative}.cooltable3 .rTableCell.invisible,.cooltable3 .rTableHead.invisible{padding:0 !important;height:0}.cooltable3 .rTableCell.ra,.cooltable3 .rTableHead.ra{text-align:right}.cooltable3 .rTableCell{border-bottom:1px solid rgba(0,0,0,.1);box-sizing:border-box}.cooltable3 .rTableCell.editing input,.cooltable3 .rTableCell.editing select{width:100%;background-color:orange}.cooltable3 .rTableCell.editing input::-webkit-inner-spin-button,.cooltable3 .rTableCell.editing input::-webkit-outer-spin-button,.cooltable3 .rTableCell.editing select::-webkit-inner-spin-button,.cooltable3 .rTableCell.editing select::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cooltable3 .rTableCell.overflow{max-width:200px}.cooltable3 .rTableCell.editable:hover{background-color:orange !important}.cooltable3 .rTableCell.editable:hover::after{content:"";font-family:"Font Awesome 5 Pro";font-weight:bold;-webkit-font-smoothing:antialiased;position:absolute;top:2px;right:2px;font-size:10px;color:#000;z-index:100;pointer-events:none}.cooltable3 .rTableCell.changed{background-color:pink}.cooltable3 .rTableCell.group{border:none}.cooltable3 .rTableHead{padding:0;border-left:none}.cooltable3 .columnfilter{position:absolute;right:0;top:0;bottom:0;width:30px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:2}.cooltable3 .columnfilter.grey{background-color:#000;color:#fff}.cooltable3 .filterinner{width:calc(100% - 0px);position:absolute;z-index:1;top:100%;padding:0px;right:0px;background-color:#000 !important;color:#fff !important;font-weight:normal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;box-sizing:border-box}.cooltable3 .filterinner.first{right:unset;left:0}.cooltable3 .filterinner.contains input{width:calc(100% - 30px);border:0;padding:10px;background-color:inherit;color:inherit}.cooltable3 .filterinner.contains input:hover{background-color:inherit}.cooltable3 .filterinner.contains button{width:30px;flex:0 0 auto;background-color:rgba(0,0,0,0);color:#f5f5f5}.cooltable3 .filterinner.boolean{padding:2px;justify-content:flex-end}.cooltable3 .filterinner.boolean .row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-end;align-items:center;width:100%;min-height:unset}.cooltable3 .filterinner.boolean .row input{width:auto;-webkit-appearance:auto}.cooltable3 .filterinner.boolean button{width:30px;flex:0 0 auto;background-color:rgba(0,0,0,0);color:#f5f5f5}.cooltable3 .filterinner.select select{width:100%;padding:10px;border:none;background-color:#000 !important;color:#fff !important}.cooltable3 .filterinner.multiple{width:auto}.cooltable3 .filterinner.multiple.first{right:0;left:unset;max-width:300px}.cooltable3 .filterinner.multiple .multiplecontrols{width:calc(100% - 0px);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:2px}.cooltable3 .filterinner.multiple .multiplecontrols button{width:50%;font-size:10px;margin:2px;padding:5px;background-color:#000}.cooltable3 .filterinner.multiple .multiplecontrols button.trash{flex:0 0 auto;width:30px;height:30px;background-color:rgba(0,0,0,0);color:#f5f5f5}.cooltable3 .filterinner.multiple .wordfilter{width:100%}.cooltable3 .filterinner.multiple .wordfilter input{width:calc(100% - 10px);background-color:rgba(255,255,255,.25);color:#f5f5f5;border:none;padding:5px;margin:0 5px 5px 5px}.cooltable3 .filterinner.multiple .wordfilter input::placeholder{color:#fff}.cooltable3 .filterinner.multiple .nowordmatches{width:100%;min-height:50px;display:flex;justify-content:center;align-items:center;font-size:12px;color:red}.cooltable3 .filterinner.multiple .entries{width:100%;max-height:200px;overflow-y:auto}.cooltable3 .filterinner.multiple .entries .entry{width:calc(100% - 0px);padding:2px 2px 2px 30px;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;cursor:pointer}.cooltable3 .filterinner.multiple .entries .entry:hover{background-color:rgba(255,255,255,.1)}.cooltable3 .filterinner.multiple .entries .entry .fa-check{position:absolute;left:5px}.cooltable3 .columnsorter{cursor:pointer;padding:5px;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:inherit;align-items:center;width:100%;height:calc(100% - 0px);z-index:1;box-sizing:border-box}.cooltable3 .columnsorter.sorting{background-color:rgba(0,0,0,.15)}.cooltable3 .columnsorter .sortbar{position:absolute;bottom:0;height:3px;left:0;right:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;overflow:visible;pointer-events:none;font-size:20px;color:#000}.cooltable3 .columnsorter .sortbar i{position:relative;top:1px}.cooltable3 .gridfilter{z-index:2}.cooltable3 .ct-tooltip{position:fixed;min-width:100px;max-width:300px;min-height:10px;max-height:300px;background-color:rgba(50,50,50,.9);color:#fff;z-index:1;pointer-events:none}.cooltable3.highlightrows .rTable .rTableRow:not(.group):hover{background-color:rgba(0,0,0,.1)}.cooltable3.highlightrows .rTable .rTableRow{cursor:pointer}.cooltable3.highlightrows .rTable .rTableRow.hovered{background-color:rgba(0,0,0,.1)}.cooltable3.fixedfooter .area .table{height:calc(100% - 60px)}.cooltable3.nominheight .area .table{min-height:80px}.cooltable3.tallheader .nodata{height:calc(100% - 40px);top:40px}.cooltable3.tallheader .faketableheader,.cooltable3.tallheader .faketablefooter{height:40px}.cooltable3.tallheader .faketableheader .fthdiv,.cooltable3.tallheader .faketableheader .ftfdiv,.cooltable3.tallheader .faketablefooter .fthdiv,.cooltable3.tallheader .faketablefooter .ftfdiv{height:40px}.cooltable3.tallheader .table{height:calc(100% - 40px)}.cooltable3.printing .ct-tooltip{display:none}.k-ie11 .cooltable .columnsorter,.k-ie11 .cooltable2 .columnsorter,.k-ie11 .cooltable3 .columnsorter{height:30px}.k-ie11 .cooltable.tallheader .columnsorter,.k-ie11 .cooltable2.tallheader .columnsorter,.k-ie11 .cooltable3.tallheader .columnsorter{height:40px}@media only screen and (max-width: 768px){.cooltable .table{font-size:14px}.cooltable2 .area .table{font-size:14px}.cooltable3 .area .table{font-size:14px}}@media only screen and (max-width: 450px){.cooltable .table{font-size:12px}.cooltable2 .area .table{font-size:12px}.cooltable3 .area .table{font-size:12px}}#hubspot-messages-iframe-container{bottom:60px !important;z-index:1000}:root{--font-family: $font-family;--button-color-main: hsl(144.38deg 28.07% 44.71%);--button-color-main-lighter: hsl(144.38deg 28.07% 50%);--button-color-main-light: hsl(144.38deg 28.07% 80%);--button-color-disabled: hsl(0deg 0% 70%);--input-background-color: white;--input-text-color: black;--dotmenu-background-color: #6E6E6E}.debugoverlay{z-index:19998;top:0;bottom:0;left:0;right:0;background-color:#000;height:50%;position:fixed;top:50%;overflow-y:scroll;padding:10px}button{background-color:unset;color:unset;transition:unset;min-height:unset;box-shadow:unset;border:1px solid rgba(0,0,0,0);border-radius:4px;cursor:pointer;font-size:14px;font-weight:bold;min-width:30px;outline:none;padding:10px;transition:all .1s ease}button.locked{opacity:.5;pointer-events:none !important}button:hover{box-shadow:unset !important}button.disabled{pointer-events:none}button.text{background-color:rgba(0,0,0,0);color:var(--button-color-main)}button.text:hover{background-color:var(--button-color-main-light)}button.text.disabled{background-color:rgba(0,0,0,0) !important;color:var(--button-color-disabled)}button.outlined{background-color:rgba(0,0,0,0);border:1px solid var(--button-color-main);color:var(--button-color-main)}button.outlined:hover{background-color:var(--button-color-main-light)}button.outlined.disabled{background-color:rgba(0,0,0,0) !important;color:var(--button-color-disabled);border:1px solid var(--button-color-disabled)}button.contained{background-color:var(--button-color-main);border:1px solid var(--button-color-main);color:#fff;box-shadow:0 2px 2px rgba(0,0,0,.25) !important}button.contained:hover{background-color:var(--button-color-main-lighter);border:1px solid var(--button-color-main-lighter)}button.contained.disabled{background-color:var(--button-color-disabled) !important;color:#fff;border:1px solid var(--button-color-disabled) !important;box-shadow:none !important}button.contained.error{border-color:rgba(0,0,0,0)}button.small{border-radius:2px;font-size:12px;padding:5px}button.blink{animation:blinkingAnimation 1s infinite reverse}button.blinkpm{animation:blinkingAnimationPaymentMethod 1s infinite reverse}button.expander{display:flex;justify-content:space-between}button.dot{position:relative}button.dot::after{content:"";width:10px;height:10px;display:block;position:absolute;top:-3px;right:-3px;background-color:#fff;border-radius:5px;box-shadow:0 0 5px green}button.bubbly{position:relative}button.bubbly .bubble{position:absolute;top:4px;right:-2px;width:7px;height:7px;border-radius:50%;z-index:1}button.bubbly .bubble.green{background-color:green}button.bubbly .bubble.red{background-color:red}a.contained{background-color:var(--button-color-main);border:1px solid var(--button-color-main);color:#fff;box-shadow:0 2px 2px rgba(0,0,0,.25) !important;border-radius:4px;cursor:pointer;font-size:14px;font-weight:bold;min-width:30px;outline:none;padding:10px;transition:all .1s ease;display:inline-block}a.contained.disabled{background-color:var(--button-color-disabled) !important;color:#fff;border:1px solid var(--button-color-disabled) !important;box-shadow:none !important}a.contained.small{border-radius:2px;font-size:12px;padding:5px}a.text{background-color:rgba(0,0,0,0);color:var(--button-color-main)}a.text:hover{background-color:var(--button-color-main-light)}a.text.disabled{background-color:rgba(0,0,0,0) !important;color:var(--button-color-disabled)}a.disabled{pointer-events:none}.container{width:100%;height:100%}.container.hassidemenu{display:flex;padding-right:0 !important;padding-left:0 !important}.container.hassidemenu>.sidemenu .entry button{width:100%}.container.padded{padding:20px}.container.scrollable{overflow:hidden;overflow-y:auto}.container.scrollablex{overflow-x:auto}.container.disabled{pointer-events:none;opacity:.5}.container.sidemenu{border-right:1px solid rgba(0,0,0,.25);min-width:200px;max-width:200px;display:flex;flex-direction:column}.container.sidemenu .entry{margin:20px;text-transform:capitalize;cursor:pointer;flex:0 0 auto}.container.sidemenu .entry.selected{font-weight:bold}.container.sidemenu .entry.selected.appointmentDash i{font-weight:bold}.container.sidemenu .entry.title{font-weight:bold;text-transform:uppercase;font-size:1.2em}.container.sidemenu .entry.title.notransform{text-transform:none}.container.sidemenu>.entry{margin-top:0}.container.sidemenu .entryholder{overflow:hidden;overflow-y:auto;height:auto;margin:0 0 20px 0}.container.contained{box-shadow:0 2px 5px rgba(0,0,0,.25);border-radius:5px;overflow:hidden;transition:all .25s ease;height:auto}.container.contained .subtitle{background-color:var(--button-color-main);color:#fff;font-size:1em;margin:0;transition:inherit}.container.contained .content{transition:inherit}.container:not(.sidemenu)>.title{display:none;padding:20px;font-size:1.2em;font-weight:bold;border-bottom:1px solid rgba(0,0,0,.1)}.container:not(.sidemenu)>.title span{text-transform:capitalize}.container:not(.sidemenu)>.title.expandable{padding-right:40px;position:relative;cursor:pointer;overflow:hidden}.container:not(.sidemenu)>.title.expandable:after{position:absolute;width:40px;height:100%;right:0;top:0;display:flex;justify-content:center;align-items:center;font-family:"Font Awesome 5 Pro";font-weight:900;content:"";transform:rotate(0deg);transform-origin:center;transition:all .25s ease}.container:not(.sidemenu)>.title.expandable.expanded:after{transform:rotate(-90deg)}.container>.content.columnize{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-width:350px;-moz-column-width:350px;column-width:300px;column-fill:balance;-moz-column-fill:balance;-webkit-column-fill:balance;column-gap:40px;column-rule:1px solid rgba(0,0,0,.1)}.container>.content.columnize.twocolumns{-webkit-column-count:2;-moz-column-count:2;column-count:2}.container>.content.columnize.fourcolumns{-webkit-column-count:4;-moz-column-count:4;column-count:4}.container>.content.columnize.onecolumn{-webkit-column-count:1;-moz-column-count:1;column-count:1}.container>.content.columnize.narrowcolumns{-webkit-column-width:250px;-moz-column-width:250px;column-width:200px}.container>.content.columnize table{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}.container>.content.columnize table tr td,.container>.content.columnize table tr th{text-align:left;width:100%}.container>.content.columnize table tr td .dkswitch,.container>.content.columnize table tr th .dkswitch{margin-right:17px}.container>.content.flexed{display:flex;flex-direction:column;height:100%}.container>.content.flexlist3{display:flex;flex-wrap:wrap}.container>.content.flexlist3>div{min-height:80px;width:calc(33.333333% - 20px);padding:20px;margin:10px;border-radius:5px;display:flex;justify-content:center;text-align:center;align-items:center;cursor:pointer}.container>.content.grey{background-color:rgba(0,0,0,.1)}.container>.content.round{border-radius:10px}.container>.content .subtitle{font-size:1.2em;font-weight:bold;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:10px}.container>.content>.controls{border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:10px;padding-bottom:10px;width:100%;text-align:right;display:flex;justify-content:flex-end}.container>.content>.controls .control.locked{pointer-events:none}.container>.content>.controls .control.locked input,.container>.content>.controls .control.locked select,.container>.content>.controls .control.locked textarea{opacity:.5}.container>.content>.controls.grey{padding:20px;border:none;background-color:rgba(0,0,0,.1);margin:0}.container>.content>.controls.main{align-items:center;margin:0;background-color:rgba(0,0,0,.1);padding:20px;flex:0 0 auto}.container>.content>.controls.main .control{margin-left:10px}.container>.content>.controls.main .control.title{font-weight:bold;text-transform:uppercase;font-size:1.2em;margin-right:auto;margin-left:0}.container>.content>.controls.main.tight{padding:10px}.container>.content>.controls.flexed{padding-bottom:0;flex-wrap:wrap}.container>.content>.controls.flexed>*{margin-bottom:10px}.container>.content>.controls.sub{align-items:center;flex:0 0 auto}.container>.content>.controls.sub .control{margin-left:10px}.container>.content .list .entry{margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1)}.container>.content .imagelist{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.container>.content .imagelist .entry{display:flex;flex-direction:column;width:160px;margin:0 10px 10px 0;transition:all .1s ease}.container>.content .imagelist .entry .listimage{border-radius:5px;background-position:center;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,0,.1);width:160px;height:240px;background-color:rgba(0,0,0,.1);cursor:pointer}.container>.content .imagelist .entry .description{font-size:14px}.container>.content .imagelist .entry:hover{transform:scale(1.05)}.container>.content .imagelist .entry:hover .listimage{border:1px solid #210d0d}.container>.content>.subcontent{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}.container>.content>.subcontent>.title{font-weight:bold;min-height:40px;display:flex;align-items:center}.container>.content>.subcontent>.container{margin-top:10px}.container>.content>.subcontent.expandable>.title{cursor:pointer;padding-right:40px;position:relative}.container>.content>.subcontent.expandable>.title:hover{background-color:rgba(0,0,0,.1)}.container>.content>.subcontent.expandable>.title::after{position:absolute;top:0;right:0;width:40px;height:100%;display:flex;justify-content:center;align-items:center;content:"";font-family:"Font Awesome 5 Pro";font-weight:700}.container>.content>.subcontent.expandable.expanded>.title::after{content:""}.container .row{min-height:100px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;min-width:auto}.container .row.switch{min-height:53px}.container .row.switch .label{width:100%;margin-right:10px;min-width:116px}.container .row.editor .cell:not(.label){height:500px}.container .row.editor .cell:not(.label) .texteditor2mf{height:100%}.container .row.editor .cell:not(.label) .texteditor2mf .texteditor2{height:100%}.container .row.editor .cell:not(.label) .texteditor2mf .texteditor2 .tox.tox-tinymce{height:100% !important}.container .row.transcenter{padding:0 0 0 50%}.container .row.transcenter .label,.container .row.transcenter .cell{margin-left:-21%}.container .row.textarea,.container .row.drpzn{min-height:200px}.container .row.textarea .cell:not(.label) textarea,.container .row.textarea .cell:not(.label) .dropzone,.container .row.drpzn .cell:not(.label) textarea,.container .row.drpzn .cell:not(.label) .dropzone{height:141px}.container .row.title{min-height:50px;font-weight:bold}.container .row.noheight{min-height:unset}.container .row.fullwidth{column-span:all}.container .row.table .cell:not(.label){font-weight:normal}.container .row.thirds{display:flex;flex-direction:row;flex-wrap:wrap}.container .row.thirds .cell.label{width:100%}.container .row.thirds .cell:not(.label){width:33.333%}.container .row.disabled *:not(.label){opacity:.75;pointer-events:none}.container .row.password .cell:not(.label){position:relative}.container .row.password .cell:not(.label) input{padding-right:30px}.container .row.password .cell:not(.label) button.showpassword{width:30px;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0}.container table thead{border-bottom:1px solid rgba(0,0,0,.1)}.container table thead th{text-align:left;padding-bottom:10px;margin-bottom:10px}.container table tbody tr{height:40px}.container input,.container select,.container textarea{border:1px solid gray;border-radius:4px;font-size:1em;font-weight:bold;outline:none;padding:10px;text-align:left;width:100%;background-color:var(--input-background-color);color:var(--input-text-color);-webkit-appearance:none}.container input.small,.container select.small,.container textarea.small{border-radius:2px;font-size:12px;padding:5px}.container input.disabled,.container select.disabled,.container textarea.disabled{opacity:.5;pointer-events:none}.container input.error,.container select.error,.container textarea.error{background-color:red;color:#fff}.container input.short,.container select.short,.container textarea.short{width:70px;margin-right:10px}.container input.autowidth,.container select.autowidth,.container textarea.autowidth{width:auto;margin-right:10px}.container select{padding-right:30px;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto}.container select.small{padding:5px 20px 5px 5px}.row{min-width:300px}.row .cell.label{font-size:14px;margin-bottom:5px}.row .cell:not(.label){font-weight:bold}.row .cell:not(.label) .explanatory{font-weight:normal}.row .cell .link-chooseteammember,.row .cell .link-clientscreen,.row .cell .link-chooseteammemberwrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center}.row .cell .link-chooseteammember .teammember-name,.row .cell .link-clientscreen .teammember-name,.row .cell .link-chooseteammemberwrapper .teammember-name{padding:5px 10px 5px 5px}.row .cell .link-chooseteammember .teammember-image,.row .cell .link-clientscreen .teammember-image,.row .cell .link-chooseteammemberwrapper .teammember-image{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.25);background-position:center;background-repeat:no-repeat;background-size:cover}.row .cell .link-chooseteammember .teammember-change,.row .cell .link-clientscreen .teammember-change,.row .cell .link-chooseteammemberwrapper .teammember-change{padding:10px}.row .cell .link-chooseteammemberwrapper>.link-chooseteammember{display:inline-block}.row .cell .link-chooseservicewrapper>.link-chooseservice{display:inline-block}.row .cell .explanatory{text-align:right;font-size:14px;font-style:italic}.row .cell .explanatory>button.text{border-radius:2px;font-style:italic;font-size:inherit;padding:5px 1px}.row.switch{display:flex;align-items:center;flex-wrap:wrap}.row.switch .cell.label{margin-bottom:0;width:calc(100% - 50px)}.row.switch>.explanatory{text-align:right;font-size:14px;font-style:italic}.vuenumeric.error>input{background-color:red;color:#fff}.controls .control.composite{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center}.controls .control.composite>div{margin-left:5px;flex:0 0 auto}.controls .control.composite>div.dp{width:130px}.controls .control.composite .dkdatepicker{margin-left:10px;width:130px}.controls .control.composite .dkdatepicker.small{width:100px;margin-left:5px}.controls .control.composite.small>span{font-size:.8em}.loadingindicatorwrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:100%;font-size:40px;padding:10px;background-color:#fff}.loadingindicatorwrapper.absolute{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.loadingindicatorwrapper.fixed{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1}.loadingindicatorwrapper.dark{background-color:rgba(0,0,0,.5);color:#fff}.loadingindicatorwrapper.large{font-size:50px}.dotmenu{position:relative}.dotmenu .openbutton{width:30px;height:30px;font-size:inherit;display:flex;justify-content:center;align-items:center}.dotmenu .content{position:absolute;top:0;right:0;z-index:3;width:300px;padding:30px 10px 10px 10px;background-color:var(--dotmenu-background-color);border-radius:5px}.dotmenu .content .dotcontent{max-height:300px;overflow:hidden;overflow-y:auto}.dotmenu .content .dotcontent .row{min-height:unset;display:flex;margin-bottom:5px}.dotmenu .content .dotcontent .row .cell{color:#fff}.dotmenu .content .dotcontent .row .cell.label{width:100%;text-align:left}.dotmenu .content .dotcontent .row .cell:not(.label){flex:0 0 auto}.dotmenu .content .dotcontent .row.switch{flex-wrap:nowrap}.dotmenu .content .dotcontent .dkswitch3{background-color:#9c9c9c}.dotmenu .content .dotcontent .dkswitch3.on{background-color:#00e200}.dotmenu .content .closebutton{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:30px;height:30px;z-index:1;color:#fff}.dotmenu .content .dotmenu_topoverlay{position:absolute;top:30px;left:0;right:0;height:70px;background:linear-gradient(180deg, var(--dotmenu-background-color) 0%, rgba(0, 0, 0, 0) 100%);pointer-events:none}.dotmenu .content .dotmenu_bottomoverlay{position:absolute;bottom:10px;left:0;right:0;height:70px;background:linear-gradient(0deg, var(--dotmenu-background-color) 0%, rgba(0, 0, 0, 0) 100%);pointer-events:none}.dotmenu.large .openbutton{width:40px;height:40px}.dotmenu.large .content{top:5px;right:5px}.dotmenu.autowidth .content{width:auto}section.newheaderredesign .menuwrapper .headerbutton.icon.notifications .dotmenu.notificationWindow .content .dotcontent .notifications-list .nonewnotifications.mainheadernotifications{color:#fff}section.newheaderredesign .menuwrapper .headerbutton.icon.notifications .dotmenu.notificationWindow .content .dotcontent .notifications-list .notification{box-shadow:none}section.newheaderredesign .menuwrapper .headerbutton.icon.notifications .dotmenu.notificationWindow .content .dotcontent .notifications-list .notification .notification-innerbody{border-radius:4px}section.newheaderredesign .menuwrapper .headerbutton.icon.notifications .dotmenu.notificationWindow .content .dotcontent .notifications-list .notification .notification-innerbody .subject{font-size:14px}section.newheaderredesign.disabled{pointer-events:none;opacity:.5}#salonspynotification{position:fixed;top:10%;left:50%;transform:translate3d(-50%, 0, 0);max-width:500px;min-width:300px;width:50%;background-color:rgba(0,0,0,.75);border-radius:10px;pointer-events:all;z-index:100000}#salonspynotification .sscontent img{width:100%}.underlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.1);pointer-events:all}.saloniqdialog3{position:fixed;top:15%;height:50%;min-height:320px;max-height:80%;left:20%;right:20%;background-color:#fff;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column;transition:all .25s ease}.saloniqdialog3 .dialogtitlebar{background-color:var(--button-color-main);color:#fff;display:flex;height:40px}.saloniqdialog3 .dialogtitlebar .title{width:100%;display:flex;align-items:center;padding-left:10px;overflow:hidden}.saloniqdialog3 .dialogtitlebar .title>span{display:inline-block;text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap;text-transform:uppercase}.saloniqdialog3 .dialogtitlebar button{flex:0 0 auto;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.saloniqdialog3 .dialogcontent{height:calc(100% - 40px)}.saloniqdialog3.small{left:30%;right:30%;max-height:85%}.saloniqdialog3.wide{left:10%;right:10%}.saloniqdialog3.micro{width:320px}.saloniqdialog3.autoheight{height:auto;min-height:unset}.saloniqdialog3.tall{height:70%}.saloniqdialog3.centerh{left:50%;right:unset;transform:translateX(-50%)}.saloniqdialog3.centerv{top:50%;transform:translateY(-50%)}.saloniqdialog3.centerh.centerv{transform:translate3d(-50%, -50%, 0)}.saloniqdialog3.notification{background-color:rgba(32,32,32,.85);height:auto;min-height:unset}.saloniqdialog3.notification .dialogtitlebar{display:none}.saloniqdialog3.notification .dialogcontent{color:#fff}.saloniqdialog3.notification .dialogcontent a{color:#fff;font-weight:bold}.saloniqdialog3.notification .dialogcontent .timer{background-color:green;position:absolute;left:0;bottom:0;height:5px;-webkit-animation:timerprogress 0s 1 linear;animation:timerprogress 0s 1 linear}.saloniqdialog3.notification.success{background-color:rgba(151,255,13,.85)}.saloniqdialog3.notification.success .dialogcontent{color:#000}.saloniqdialog3.notification.warning{background-color:rgba(255,158,13,.85)}.saloniqdialog3.notification.warning .dialogcontent{color:#000}.saloniqdialog3.notification.error{background-color:rgba(255,0,0,.85)}.saloniqdialog3.fullscreen{top:60px;left:0;right:0;height:100%;max-height:calc(100% - 60px);border-radius:0}.saloniqdialog3.fullscreen .dialogtitlebar{display:none}.saloniqdialog3.fullscreen .dialogcontent{height:100%}.saloniqdialog3.fullscreen.customermode{top:0;left:0;right:0;max-height:100%}.saloniqdialog3.semifullscreen{top:40px;left:0;right:0;height:100%;max-height:calc(100% - 40px);border-radius:0}.saloniqdialog3.auto{height:auto;min-height:unset}.saloniqdialog3.auto .dialogcontent{overflow:hidden;overflow-y:auto}.saloniqdialog3.hidetitle .dialogtitlebar{display:none}.saloniqdialog3#postcodeLookupDialog .container{height:320px;padding:5px}.saloniqdialog3#postcodeLookupDialog .container .address{margin:5px;padding:10px;background-color:rgba(0,0,0,.1);border-radius:5px;cursor:pointer}.saloniqdialog3#smsCenterDialog .dialogcontent .list .item{border-radius:5px;overflow:hidden;background-color:rgba(0,0,0,.1);box-shadow:0 2px 2px rgba(0,0,0,.25);margin:0 20px 20px 0;break-inside:avoid-column;transform:translate(0, 0)}.saloniqdialog3#smsCenterDialog .dialogcontent .list .item.right{margin:0 0 20px 20px}.saloniqdialog3#smsCenterDialog .dialogcontent .list .item.right .date{background-color:#1f78c6}.saloniqdialog3#smsCenterDialog .dialogcontent .list .item .date{padding:5px;font-size:.9em;font-weight:bold;background-color:var(--button-color-main);color:#fff}.saloniqdialog3#smsCenterDialog .dialogcontent .list .item .body{padding:5px;user-select:text;word-break:break-word}.saloniqdialog3#smsCenterDialog .dialogcontent .list .item .bottom{border-top:1px solid rgba(0,0,0,.1);padding:5px;font-size:.9em;display:flex;justify-content:flex-start}.saloniqdialog3#smsCenterDialog .dialogcontent .list .item .bottom .status{margin-right:5px}.saloniqdialog3#billDialog .billarea{min-height:400px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center}.saloniqdialog3#billDialog .billarea .left,.saloniqdialog3#billDialog .billarea .right{width:40px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;font-size:1.5em;color:#000;flex:0 0 auto;cursor:pointer}.saloniqdialog3#billDialog .billarea .left:hover,.saloniqdialog3#billDialog .billarea .right:hover{background-color:rgba(0,0,0,.1)}.saloniqdialog3#billDialog .billarea .center{width:calc(100% - 80px);text-align:center}.saloniqdialog3#billDialog .billarea .center textarea{font-family:monospace;height:470px;min-height:470px;max-height:470px;width:auto;min-width:unset;background-color:#ffd9df;overflow:auto;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.saloniqdialog3#appointmentDetailsDialog .client{display:flex;flex-wrap:wrap;background-color:rgba(0,0,0,.1)}.saloniqdialog3#appointmentDetailsDialog .client .top{width:100%;display:flex}.saloniqdialog3#appointmentDetailsDialog .client .top>.image{width:60px;height:60px;margin:10px;border-radius:50%;position:relative;font-size:10px;overflow:hidden;flex:0 0 auto}.saloniqdialog3#appointmentDetailsDialog .client .top>.image .dz-message{padding:0 !important}.saloniqdialog3#appointmentDetailsDialog .client .top>.image .removefilebutton{display:none}.saloniqdialog3#appointmentDetailsDialog .client .top>.name{display:flex;align-items:center;font-weight:bold;font-size:1em;width:100%}.saloniqdialog3#appointmentDetailsDialog .client .top>.name>div{width:auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saloniqdialog3#appointmentDetailsDialog .client .top>.controls{display:flex;align-items:center;flex:0 0 auto}.saloniqdialog3#appointmentDetailsDialog .client .top>.controls>button{width:40px;height:40px}.saloniqdialog3#appointmentDetailsDialog .client .bottom{font-size:.9em;font-weight:bold;text-align:left;width:100%;color:red;padding:10px}.saloniqdialog3#appointmentDetailsDialog .client .bottom .fa-exclamation-triangle{margin-right:5px}.saloniqdialog3#appointmentDetailsDialog .updatedinfo{display:flex;align-items:center;justify-content:flex-end;font-size:12px;padding:2px;border-bottom:1px solid rgba(0,0,0,.1)}.saloniqdialog3#appointmentDetailsDialog .appointment{border-bottom:1px solid rgba(0,0,0,.1)}.saloniqdialog3#appointmentDetailsDialog .appointment .main{display:flex;align-items:center;padding:10px}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.strip{width:5px;height:40px;margin-right:5px;flex:0 0 auto;border-radius:5px}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.image{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:cover}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.description,.saloniqdialog3#appointmentDetailsDialog .appointment .main>.additional{margin-left:10px;font-size:.75em;width:100%}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.description .title,.saloniqdialog3#appointmentDetailsDialog .appointment .main>.additional .title{font-weight:bold;font-size:1.1em}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.description .dot,.saloniqdialog3#appointmentDetailsDialog .appointment .main>.additional .dot{margin-left:2px;position:relative;top:5px;display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.5);flex:0 0 auto}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.description .promotions-applied,.saloniqdialog3#appointmentDetailsDialog .appointment .main>.additional .promotions-applied{color:green}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.description{max-width:400px;font-size:.9em}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.price{flex:0 0 auto;width:100px;text-align:right}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.price>.price{font-weight:bold}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.price>.discount{font-size:.9em;color:green}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.settings{display:flex;flex:0 0 auto;justify-content:flex-end;width:80px}.saloniqdialog3#appointmentDetailsDialog .appointment .controls{display:flex;justify-content:flex-end;padding:0}.saloniqdialog3#appointmentDetailsDialog .appointment .controls button{margin-bottom:10px;margin-right:10px}.saloniqdialog3#appointmentDetailsDialog .appointment.request .main>.image{border:3px solid green}.saloniqdialog3#appointmentDetailsDialog .appointment.total .main>.image{display:none}.saloniqdialog3#appointmentDetailsDialog .appointment.product{background-color:#e4f2ff}.saloniqdialog3#appointmentDetailsDialog .appointment.sundry{background-color:azure}.saloniqdialog3#appointmentDetailsDialog .bookingalert{display:flex;justify-content:flex-start;align-items:center;padding:10px;font-size:.9em;border-bottom:1px solid rgba(0,0,0,.1);background-color:#c8e5fe}.saloniqdialog3#appointmentDetailsDialog .bookingalert .message{width:100%}.saloniqdialog3#appointmentDetailsDialog .bookingalert button{margin-left:10px;flex:0 0 auto}.saloniqdialog3#appointmentDetailsDialog .colourstartstatus{display:flex;justify-content:flex-start;align-items:center;padding:10px;font-size:.9em;border-bottom:1px solid rgba(0,0,0,.1);background-color:#ececec}.saloniqdialog3#appointmentDetailsDialog .alerts{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.1);background-color:#fff8dc}.saloniqdialog3#appointmentDetailsDialog .alerts>div{padding:0 10px;margin:10px 0;display:inline-block;border-right:1px solid rgba(0,0,0,.1);font-size:.9em}.saloniqdialog3#appointmentDetailsDialog .alerts>div .icon{margin-right:5px;font-weight:bold}.saloniqdialog3#appointmentDetailsDialog .controls{padding:10px 0 0 10px;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap}.saloniqdialog3#appointmentDetailsDialog .controls button{margin:0 10px 10px 0}.saloniqdialog3#appointmentDetailsDialog .controls button.save{font-size:1.1em;padding:15px}.saloniqdialog3#rebookDialog .futurebookings{width:100%;overflow:hidden;overflow-x:auto}.saloniqdialog3#rebookDialog .futurebookings .bookinglist{display:flex;padding:0 0 10px 0}.saloniqdialog3#rebookDialog .futurebookings .bookinglist .booking{width:calc(50% - 20px);min-width:300px;margin:10px;cursor:pointer}.saloniqdialog3#rebookDialog .futurebookings .bookinglist .booking>.controls{display:flex;justify-content:space-between}.saloniqdialog3#rebookDialog .futurebookings .bookinglist .booking>.controls .date{font-size:.75em;display:flex;align-items:center;justify-content:flex-start;text-align:left}.saloniqdialog3#rebookDialog .futurebookings .bookinglist .booking>.details{border-radius:5px;background-color:rgba(0,0,0,.1)}.saloniqdialog3#rebookDialog .futurebookings .bookinglist .booking>.details .services{padding:5px;min-height:100px;max-height:100px;overflow:hidden;overflow-y:auto}.saloniqdialog3#rebookDialog .futurebookings .bookinglist .booking>.details .services .service{display:flex;margin-bottom:5px}.saloniqdialog3#rebookDialog .futurebookings .bookinglist .booking>.details .services .service .tmimage{flex:0 0 auto;width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-size:contain}.saloniqdialog3#rebookDialog .futurebookings .bookinglist .booking>.details .services .service .servicedetails{padding:0 5px;width:100%;font-size:.75em}.saloniqdialog3#rebookDialog .futurebookings .bookinglist .booking>.details .services .service .price{font-size:.75em}.saloniqdialog3#rebookDialog .futurebookings .bookinglist .booking>.details .totalprice{font-weight:bold;flex:0 0 auto;font-size:.75em;padding:0 5px 5px 5px;text-align:right}.saloniqdialog3#rebookDialog .calendars select{padding:3px 5px}.saloniqdialog3#priceEntryDialogGlobalRedesigned{background-color:#dedede}.saloniqdialog3#priceEntryDialogGlobalRedesigned .trow{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;padding:5px;align-items:center}.saloniqdialog3#priceEntryDialogGlobalRedesigned .trow.notunique{justify-content:center}.saloniqdialog3#priceEntryDialogGlobalRedesigned .price,.saloniqdialog3#priceEntryDialogGlobalRedesigned .quantity{width:100%;padding:4px 4px 2px 4px}.saloniqdialog3#priceEntryDialogGlobalRedesigned .price input,.saloniqdialog3#priceEntryDialogGlobalRedesigned .quantity input{width:100%;font-size:2em;padding:10px;background-color:#9cfcff}.saloniqdialog3#priceEntryDialogGlobalRedesigned .buttons{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;width:100%;padding:5px}.saloniqdialog3#priceEntryDialogGlobalRedesigned .buttons button{width:calc(25% - 10px);height:50px;margin:5px}.saloniqdialog3#priceEntryDialogGlobalRedesigned .buttons button.reset{width:100%}.saloniqdialog3#priceEntryDialogGlobalRedesigned .overridereason textarea{background-color:#71ff54;min-height:unset;max-height:100px}.saloniqdialog3#priceEntryDialogGlobalRedesigned .overridereason.red textarea{background-color:red;color:#fff}.saloniqdialog3#chatDialog .chatmessages .message{margin-bottom:5px;display:flex;justify-content:flex-start}.saloniqdialog3#chatDialog .chatmessages .message .wrapper{max-width:80%}.saloniqdialog3#chatDialog .chatmessages .message .wrapper .info{font-size:12px}.saloniqdialog3#chatDialog .chatmessages .message .wrapper .text{font-weight:bold;padding:10px;border-radius:5px;background-color:#a8ff55}.saloniqdialog3#chatDialog .chatmessages .message.client{justify-content:flex-end}.saloniqdialog3#chatDialog .chatmessages .message.client .wrapper .text{background-color:#79dbff}.saloniqdialog3#chatDialog .chatmessages .message.client .wrapper .info{text-align:right}.saloniqdialog3#chatDialog .chathistory{padding-bottom:10px}.saloniqdialog3#chatDialog .chathistory .chathistory-item{border-radius:5px;padding:10px;background-color:#b5d4ff;margin-bottom:10px;cursor:pointer}.saloniqdialog3#chatDialog .chathistory .chathistory-item:hover{background-color:#d1e4ff}.saloniqdialog3#appointmentDashboardDialog .sectionlist>div{position:relative}.saloniqdialog3#appointmentDashboardDialog .sectionlist>div .bubble{position:absolute;top:-8px;right:-8px;width:16px;height:16px;background-color:red;border-radius:50%}.saloniqdialog3#bookingWizardDialog #chooseclient .row.client{padding:10px}.saloniqdialog3#bookingWizardDialog #chooseservices .row.service,.saloniqdialog3#bookingWizardDialog #choosemandatories .row.service,.saloniqdialog3#bookingWizardDialog #chooseupgrades .row.service{padding:10px;border-bottom:1px solid rgba(0,0,0,.1)}.saloniqdialog3#bookingWizardDialog #chooseservices .row.service .tmimage,.saloniqdialog3#bookingWizardDialog #choosemandatories .row.service .tmimage,.saloniqdialog3#bookingWizardDialog #chooseupgrades .row.service .tmimage{width:30px;height:30px;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:50%}.saloniqdialog3#bookingWizardDialog .times{display:flex;justify-content:center;max-width:400px}.saloniqdialog3#bookingWizardDialog .times .weeks{width:100%}.saloniqdialog3#bookingWizardDialog .times .weeks .week{width:100%;display:grid;grid-template-columns:repeat(7, minmax(30px, 1fr));grid-template-rows:min-content;grid-column-gap:0px;grid-auto-rows:min-content}.saloniqdialog3#bookingWizardDialog .times .weeks .week.month{font-size:1em;font-weight:bold;display:flex;width:100%}.saloniqdialog3#bookingWizardDialog .times .weeks .week.month>div{width:100%;display:flex;align-items:center;justify-content:center}.saloniqdialog3#bookingWizardDialog .times .weeks .week.month>button.left{margin-right:auto}.saloniqdialog3#bookingWizardDialog .times .weeks .week.month>button.right{margin-left:auto}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day{display:flex;align-items:center;justify-content:center;padding:10px 0;visibility:hidden}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day .spinner{display:none}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day .number{display:flex;align-items:center;justify-content:center;width:30px;min-width:30px;min-height:30px;cursor:pointer;transition:all .1s ease}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth{visibility:visible}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth .number{color:#000;text-decoration:line-through}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth.available .number{font-weight:bold;width:40px;min-width:40px;min-height:40px;color:var(--button-color-main);animation:bounceOut .5s 0s both;text-decoration:none}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth.loading{background-color:rgba(0,0,0,0);color:#000}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth.loading .spinner{display:block}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth.loading .number{display:none}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth.selected .number{position:relative;background-color:var(--button-color-main);color:#fff}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth.selected.available .number{position:relative}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth.selected.available .number::after{border:4px solid #5dbc00}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth:hover.available:not(.loading) .number{animation:bounceIn 1s 0s both;animation-direction:normal}.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth:hover:not(.available),.saloniqdialog3#bookingWizardDialog .times .weeks .week .day.inmonth:hover.loading{animation:shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}.saloniqdialog3#bookingWizardDialog .times .weeks .week.header .day{background-color:rgba(0,0,0,0);font-size:1em;font-weight:bold;visibility:visible}.saloniqdialog3#bookingWizardDialog .dkdatepicker table tr td,.saloniqdialog3#bookingWizardDialog .dkdatepicker table tr th{width:auto}.saloniqdialog3#bookingWizardDialog .dkdatepicker .ui-datepicker{margin:0}.saloniqdialog3#bookingWizardDialog .dkdatepicker .ui-datepicker .ui-datepicker-prev,.saloniqdialog3#bookingWizardDialog .dkdatepicker .ui-datepicker .ui-datepicker-next{width:2.3em;height:2.3em}.saloniqdialog3#bookingWizardDialog .booking{text-align:left;border:1px solid rgba(0,0,0,.25);border-radius:5px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;margin-bottom:10px;cursor:pointer}.saloniqdialog3#bookingWizardDialog .booking .date{padding:10px;font-weight:bold;margin-bottom:10px;background-color:rgba(0,0,0,.1);width:100%}.saloniqdialog3#bookingWizardDialog .booking .slotentry{width:100%}.saloniqdialog3#bookingWizardDialog .booking .slotentry .info{display:flex;padding:0 10px 10px 10px}.saloniqdialog3#bookingWizardDialog .booking .slotentry .info .image{width:40px;height:40px;box-sizing:border-box;background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:50%;flex:0 0 auto}.saloniqdialog3#bookingWizardDialog .booking .slotentry .info .title{margin-left:10px}.saloniqdialog3#bookingWizardDialog .booking .slotcontrols{display:flex;width:100%;padding:0 10px 10px 10px;align-items:center}.saloniqdialog3#bookingWizardDialog .booking .slotcontrols .price{margin-right:auto}.saloniqdialog3#bookingWizardDialog .booking.upgrade{padding:10px;align-items:center;min-height:60px}.saloniqdialog3#bookingWizardDialog .booking.upgrade .tmimage{width:30px;height:30px;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:50%}.saloniqdialog3#tenantImagePickerDialog .imagelist{display:flex;flex-wrap:wrap}.saloniqdialog3#tenantImagePickerDialog .imagelist .image{background-color:rgba(0,0,0,.1);border-radius:5px;width:16vw;height:16vw;background-position:center;background-repeat:no-repeat;background-size:contain;margin:0 10px 10px 0;border:3px solid rgba(0,0,0,0);cursor:pointer}.saloniqdialog3#tenantImagePickerDialog .imagelist .image:hover{transform:scale(1.05);border-color:var(--button-color-main)}.saloniqdialog3#tenantImagePickerDialog .imagelist .image.selected{border-color:var(--button-color-main)}.newchatinvoker{position:fixed;background-color:var(--button-color-main);font-size:36px;width:60px;height:60px;display:flex;justify-content:center;align-items:center;z-index:100000;bottom:100px;right:10px;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.25)}.newchatinvoker.popnew{animation:popnew 1s 2 linear}.newchatinvoker:hover{background-color:var(--button-color-main-lighter)}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter,.fade-leave-to{opacity:0}.scale-enter-active,.scale-leave-active{transition:transform .25s;transform:scale(1)}.scale-enter,.scale-leave-to{opacity:0;transform:scale(0.5)}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .8s cubic-bezier(1, 0.5, 0.8, 1)}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(10px);opacity:0}.entrylist{display:flex;flex-wrap:wrap;padding:10px}.entrylist>.entry{margin:10px;width:calc(25% - 20px);min-height:100px;display:flex;flex-direction:column}.entrylist>.entry>.controls{display:flex;justify-content:flex-end}.entrylist>.entry>.details{border-radius:5px;background-color:rgba(0,0,0,.1);height:100%;cursor:pointer}.width100{width:100%}.minwidth100{min-width:100px}.flex00auto{flex:0 0 auto}.oxa{overflow-x:auto}.posr{position:relative}.largepadding{padding:20px}.largesidepadding{padding:0 20px}.normalpadding{padding:10px}.largemargin{margin:20px}.alternatelines tbody tr:not(.title):nth-child(2n+1){background-color:rgba(0,0,0,.05)}.currencysign{font-size:.8em}.mr5{margin-right:5px}.mr0i{margin-right:0 !important}.ml20{margin-left:20px}.wsn{white-space:nowrap}.pb20{padding-bottom:20px}.bold{font-weight:bold}.rightaligned{text-align:right}.currency{font-size:.9em}.avoidbreak{break-inside:avoid;width:100%}.saloniq-signature-wrapper{height:100px;display:inline-block;position:relative}.saloniq-signature-wrapper .saloniq-signaturepad{border:1px solid #000}.saloniq-signature-wrapper .saloniq-signature-eraser{position:absolute;top:0px;right:0px;z-index:1;width:30px;height:30px;padding:5px;cursor:pointer}@-webkit-keyframes popnew{0%{transform:scale(1);background-color:var(--button-color-main)}25%{transform:scale(1.4);background-color:red}50%{transform:scale(1);background-color:var(--button-color-main)}75%{transform:scale(1.2);background-color:red}100%{transform:scale(1);background-color:var(--button-color-main)}}@keyframes popnew{0%{transform:scale(1);background-color:var(--button-color-main)}25%{transform:scale(1.4);background-color:red}50%{transform:scale(1);background-color:var(--button-color-main)}75%{transform:scale(1.2);background-color:red}100%{transform:scale(1);background-color:var(--button-color-main)}}@-webkit-keyframes timerprogress{from{width:0%}to{width:100%}}@keyframes timerprogress{from{width:0%}to{width:100%}}@-webkit-keyframes blinkingAnimation{from{background-color:var(--button-color-main)}to{background-color:red}}@keyframes blinkingAnimation{from{background-color:var(--button-color-main)}to{background-color:red}}@-webkit-keyframes blinkingAnimationPaymentMethod{from{background-color:#09b4b4}to{background-color:red}}@keyframes blinkingAnimationPaymentMethod{from{background-color:#09b4b4}to{background-color:red}}@media only screen and (max-width: 1200px){.entrylist>.entry{width:calc(33.3333% - 20px)}}@media only screen and (max-width: 1024px){.saloniqdialog3{left:10%;right:10%}.saloniqdialog3.wide{left:5%;right:5%}.saloniqdialog3.small{left:25%;right:25%}.container.sidemenu .entry{margin:10px}.container.sidemenu .entry.title{font-size:1em}.container.sidemenu .entry input,.container.sidemenu .entry select{padding:5px}.container.sidemenu>.entry{margin-top:0}.container.sidemenu .entryholder{margin:0 0 10px 0}.container:not(.sidemenu)>.title{font-size:1em;padding:10px}.container .content .subtitle{font-size:1em}.largepadding{padding:10px}.largesidepadding{padding:0 10px}.normalpadding{padding:5px}.largemargin{margin:10px}}@media only screen and (max-width: 850px){.saloniqdialog3.small{left:20%;right:20%}.entrylist{padding:5px}.entrylist>.entry{margin:5px;width:calc(50% - 10px)}}@media only screen and (max-width: 768px){.container.hassidemenu{height:100%;display:block;padding:0;overflow:hidden;overflow-y:auto}.container.hassidemenu>.container{height:auto}.container.sidemenu{flex-direction:row;flex-wrap:wrap;min-width:unset;max-width:unset;border-bottom:1px solid rgba(0,0,0,.1);border-right:none;align-items:center}.container.sidemenu>*{margin:0}.container.sidemenu .entry{margin:0}.container.sidemenu .entry.title{display:flex;align-items:center;height:40px;padding-left:15px;width:calc(100% - 40px);font-size:.8em}.container.sidemenu>.entry:not(.title){display:none}.container.sidemenu>.save{display:none}.container.sidemenu .entryholder{display:none}.container.sidemenu.sticky{position:sticky;top:0;z-index:1;background-color:#fff}.container.selected{background-color:rgba(0,0,0,.05)}.container:not(.sidemenu)>.title{display:block}.container>.content>.controls{padding-top:10px}.container>.content>.controls.main .control.title{margin-right:auto}.container>.content>.controls.flexed>*{margin-bottom:5px}.container .row.table .cell:not(.label) table tbody{font-size:.6em}.container.hassidemenu .container.teamskills.selected.services{height:100%;overflow:scroll}.saloniqdialog3{left:5%;right:5%}.saloniqdialog3.wide{left:0;right:0;border-radius:0}.saloniqdialog3 .dialogcontent{overflow:hidden;overflow-y:auto}.saloniqdialog3 .dialogcontent .container>.content>.controls.main{height:40px;padding:0}.saloniqdialog3.small{left:10%;right:10%}.saloniqdialog3#appointmentDetailsDialog .appointment .main{flex-wrap:wrap;padding-bottom:0}.saloniqdialog3#appointmentDetailsDialog .appointment .main .description{max-width:unset;width:calc(100% - 50px)}.saloniqdialog3#appointmentDetailsDialog .appointment .main .additional{width:100%;font-size:.6em;margin:10px 10px 0 50px}.saloniqdialog3#appointmentDetailsDialog .appointment .main>.price{order:1;width:calc(100% - 120px);text-align:right}.saloniqdialog3#appointmentDetailsDialog .appointment .main .settings{margin-left:40px}.saloniqdialog3#appointmentDetailsDialog .appointment.total .main{padding:10px}.saloniqdialog3#appointmentDetailsDialog .appointment.total .main .additional{display:none}.saloniqdialog3#appointmentDetailsDialog .updatedinfo{flex-wrap:wrap}.saloniqdialog3#appointmentDetailsDialog .updatedinfo .bookeddate{width:100%;text-align:right}.saloniqdialog3#appointmentDetailsDialog .controls button{font-size:.75em;width:calc(33.333% - 10px)}.largesidepadding{padding:10px}}@media only screen and (max-width: 640px){.saloniqdialog3{top:45px;max-height:calc(100% - 50px)}.saloniqdialog3 .dialogtitlebar .title{font-size:12px}.saloniqdialog3#appointmentDetailsDialog .client .top{flex-wrap:wrap;justify-content:center}.saloniqdialog3#appointmentDetailsDialog .client .top .name,.saloniqdialog3#appointmentDetailsDialog .client .top .controls{width:100%;justify-content:center}.container.sidemenu .entry.title{padding-left:50px;font-size:.6em}.container>.content.flexlist3>div{width:calc(50% - 20px)}.container>.content.columnize.onecolumn{max-width:unset}.container>.content>.controls.main{height:40px;min-height:40px;padding:0 0 0 50px}.container>.content>.controls.main .control.title{font-size:.6em}.container>.content>.controls.main .control input{padding:6px}.container>.content>.controls.main .control select{padding:6px 26px 6px 6px}.container>.content>.controls.main .control button{padding:6px}.container>.content>.controls.main .control:last-of-type:not(.title){margin-right:5px}.container>.content>.controls.main.tight{padding:0 0 0 40px}}@media only screen and (max-width: 500px){.saloniqdialog3#appointmentDetailsDialog .controls button{width:calc(50% - 10px)}}@media only screen and (max-width: 450px){.entrylist{padding:5px 0 0 0}.entrylist>.entry{margin:0 0 5px 0;width:calc(100% - 0px)}.saloniqdialog3{left:0%;right:0%;border-radius:0}.saloniqdialog3.small{left:0;right:0}.saloniqdialog3 .dialogcontent .container>.content:not(.flexed){padding:10px}}@media only screen and (max-width: 320px){.saloniqdialog3#appointmentDetailsDialog .controls button{width:calc(100% - 10px)}}@media only screen and (max-height: 640px){.saloniqdialog3{top:65px;max-height:calc(100% - 70px)}.container.hassidemenu{padding:0}.container.sidemenu .entry.title{margin-top:10px}}html{box-sizing:border-box}html *{box-sizing:inherit}html.redesignedheader .content-wrapper{padding-top:60px}html.redesignedheader .saloniqdialog3.semifullscreen{top:60px;height:calc(100% - 60px)}body{margin:0;padding:0;border:0;background:#fff;color:#000;opacity:1;font-family:"Roboto",sans-serif}body.stopscroll{overflow:hidden;height:100%}body.no-interaction *{pointer-events:none !important}body.no-round-corners *{border-radius:0px !important}body *{font-family:inherit;transform-origin:center center}footer{position:fixed;bottom:0px;right:0px}a{text-decoration:none;color:#000}i.fa:before{position:relative}hr{border:0;height:1px;background-color:rgba(0,0,0,.1)}.menubutton{cursor:pointer;vertical-align:top;background-color:rgba(0,0,0,0);color:#fff;line-height:normal;margin:0;overflow:hidden;min-width:40px;max-height:40px;min-height:40px;vertical-align:middle;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:20001;padding:10px}.menubutton:hover,.menubutton.open{background-color:#4b4b4b}.menubutton .bubble{background-color:red;font-size:12px;color:#fff;line-height:16px;border-radius:50%;position:absolute;top:3px;right:3px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:16px;height:16px;justify-content:center}section#header{min-height:55px;max-height:55px;text-align:center;font-size:30px}section#header span{vertical-align:middle}section#header .headerbutton{vertical-align:middle;background-color:rgba(0,0,0,0);color:#323232;line-height:50px;margin:0 5px 0 5px}section.newheader{font-family:"Roboto",sans-serif;min-height:40px;max-height:40px;background-color:#323232;text-align:right;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-end;width:100%;position:fixed;z-index:20000;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);justify-content:flex-start;overflow-x:auto;width:100%;min-width:100%;padding-left:40px}section.newheader.open{-moz-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%)}section.newheader .search{padding-left:5px;border-left:1px solid #4b4b4b;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row}section.newheader .search.open{background-color:#4b4b4b}section.newheader .search .searchinput{background-color:#323232;color:#fff;width:200px;min-width:100px}section.newheader .search a{border:0}section.newheader .headerbutton{cursor:pointer;vertical-align:top;background-color:rgba(0,0,0,0);color:#fff;line-height:normal;margin:0;overflow:hidden;min-width:40px;max-height:40px;vertical-align:middle;border-left:1px solid #4b4b4b;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex:0 0 auto;position:relative}section.newheader .headerbutton .exclamation{display:none}section.newheader .headerbutton:hover,section.newheader .headerbutton.open{background-color:#4b4b4b}section.newheader .headerbutton.menubutton{border:0;position:fixed;top:0;left:0;z-index:20001}section.newheader .headerbutton.saloniqlink .wide{margin:0 5px;background-image:url("/images/saloniq-fulllogo-darkbg-61x34.png");background-position:center center;background-repeat:no-repeat;background-size:cover;width:61px;height:34px}section.newheader .headerbutton.usersection .userdata{padding:0 5px 0 5px;justify-content:space-between;justify-content:space-evenly}section.newheader .headerbutton.usersection .userdata .username{font-size:14px;max-width:150px;min-width:80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}section.newheader .headerbutton.usersection .userdata .usersalon{max-width:150px;min-width:80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:10px;text-transform:uppercase}section.newheader .headerbutton.usersection .userimage{width:40px;height:40px;padding:2px}section.newheader .headerbutton.usersection .userimage div{background-color:#000;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:36px;height:36px}section.newheader .headerbutton.messagecentersection{margin-left:auto}section.newheader .headerbutton.messagecentersection .bubble{background-color:#c44eb3;font-size:10px;color:#fff;line-height:16px;border-radius:50%;position:absolute;top:3px;right:3px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:16px;height:16px;justify-content:center}section.newheader .headerbutton.notificationssection{position:relative}section.newheader .headerbutton.notificationssection .bubble{background-color:red;font-size:10px;color:#fff;line-height:16px;border-radius:50%;position:absolute;top:3px;right:3px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:16px;height:16px;justify-content:center}section.newheader .headerbutton.standbysection{position:relative}section.newheader .headerbutton.standbysection.on{color:#7cfc00}section.newheader .headerbutton.cogsection{display:none}section.newheader .headerbutton.warning{background-color:red}section.newheader .headerbutton.warning .exclamation{display:block;position:absolute;top:10px;right:16px;color:red;font-size:1.25em}section.infopan{font-family:"Roboto",sans-serif;position:fixed;z-index:19999;top:40px;width:50%;max-width:400px;bottom:auto;right:0;max-height:calc(100% - 40px);background-color:#4b4b4b;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;-moz-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);pointer-events:none;overflow-y:auto}section.infopan.right{right:auto;left:0;-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}section.infopan.vertical{-moz-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}section.infopan.open{-moz-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);pointer-events:auto}section.infopan.open.vertical{-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}section.infopan.mainmenu{overflow-y:auto;bottom:0}section.infopan.mainmenu .availablesalons,section.infopan.mainmenu .salontitle{background-color:rgba(0,0,0,.75);padding:5px 5px 5px 20px;color:rgba(255,255,255,.75);font-size:12px;margin-top:0px}section.infopan.mainmenu .availablesalons .connected,section.infopan.mainmenu .salontitle .connected{color:#7cfc00}section.infopan.mainmenu .availablesalons .notconnected,section.infopan.mainmenu .salontitle .notconnected{color:red;font-weight:bold}section.infopan.mainmenu .salontitle{display:flex;align-items:center;margin-top:1px;height:30px;cursor:pointer}section.infopan.mainmenu .salontitle.connected{color:#7cfc00}section.infopan.mainmenu .salonlist{background-color:#323232;position:relative}section.infopan.mainmenu .salonlist .loadingindicatorwrapper{position:absolute;background-color:rgba(0,0,0,.75);height:100%;z-index:1}section.infopan.mainmenu .salonlist .salon{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:10px 10px 10px 20px;color:#fff;cursor:pointer;font-weight:100}section.infopan.mainmenu .salonlist .salon.selected{font-weight:bold;color:#7cfc00}section.infopan.mainmenu .salonlist .salon:hover{background-color:#5b5b5b}section.infopan.mainmenu .salonlist .salon .check{margin-left:auto}section.infopan .menuitem{color:#fff;padding:0;cursor:pointer;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;flex-direction:row;flex-wrap:wrap}section.infopan .menuitem:hover{background-color:#5b5b5b}section.infopan .menuitem .container{padding-left:40px;width:100%}section.infopan .menuitem .container .folder,section.infopan .menuitem .container .link{padding-left:20px}section.infopan .menuitem .folder,section.infopan .menuitem .link{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;width:100%;padding:5px 0 5px 20px;justify-content:space-between;font-weight:100;position:relative}section.infopan .menuitem .folder .exclamation,section.infopan .menuitem .link .exclamation{display:none}section.infopan .menuitem .folder .icon,section.infopan .menuitem .link .icon{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;margin-right:5px;width:30px;min-width:30px;min-height:30px}section.infopan .menuitem .folder .name,section.infopan .menuitem .link .name{display:inline-block}section.infopan .menuitem .folder{font-weight:700}section.infopan .menuitem.warning{background-color:red}section.infopan .menuitem.warning .link .exclamation{display:block;color:#fff;position:absolute;top:9px;left:6px;font-size:1.25em}section.infopan .container{width:100%}section.infopan .container .folder,section.infopan .container .link{padding-left:20px}section.infopan.search .search-query{padding:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}section.infopan.search .search-query .searchinput{width:100%;background-color:#323232;color:#fff}section.infopan.search .search-query button{background-color:#4b4b4b;flex:0 0 auto}section.infopan.notifications .titlewrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;color:#fff;align-items:center;justify-content:space-between;border-bottom:1px solid #323232;display:none}section.infopan.notifications .titlewrapper .title{padding-left:10px}section.infopan.notifications .titlewrapper .notificationssettings{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer}section.infopan.notifications .titlewrapper .notificationssettings:hover,section.infopan.notifications .titlewrapper .notificationssettings.open{background-color:#323232}section.infopan.notifications .settings{padding-bottom:10px;background-color:#323232;border-bottom:1px solid #000}section.infopan.notifications .settings .settings-row{padding:10px 10px 0px 20px;color:#fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;font-size:14px}section.infopan.notifications .notifications-list{padding-bottom:5px}section.infopan.notifications .notifications-list .notifications-controls{display:flex;justify-content:flex-start}section.infopan.notifications .notifications-list .notifications-controls .clearnotifications{cursor:pointer;padding:10px 10px 5px 10px;color:#fff;font-size:14px}section.infopan.notifications .notifications-list .notifications-controls .notificationshistory{margin-left:auto;cursor:pointer;padding:10px 10px 5px 10px;color:#fff;font-size:14px}section.infopan.notifications .notifications-list .notification{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:flex-start;background-color:#323232;border-bottom:1px solid #323232;color:#faebd7;cursor:pointer;position:relative;overflow:hidden;justify-content:space-between;margin:5px 5px 0 5px}section.infopan.notifications .notifications-list .notification:hover{background-color:#222}section.infopan.notifications .notifications-list .notification .notification-check{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:40px;justify-content:center;align-items:center;width:40px;flex:0 0 auto}section.infopan.notifications .notifications-list .notification .notification-body{padding:10px 0px 10px 10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%}section.infopan.notifications .notifications-list .notification .notification-body .notification-innerbody{width:100%}section.infopan.notifications .notifications-list .notification .notification-body .notification-innerbody .date{font-size:11px;opacity:.75}section.infopan.notifications .notifications-list .notification .notification-body .notification-innerbody .subject{margin-top:5px}section.infopan.notifications .notifications-list .notification .notification-body .notification-innerbody .message{margin:5px 0px;font-style:italic;font-size:14px}section.infopan.notifications .notifications-list .notification .notification-body .notification-innerbody .link{text-align:right;font-size:14px;color:#faebd7;height:30px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-end;align-items:center}section.infopan.notifications .notifications-list .notification .notification-body .notification-innerbody .link .notification-link{font-style:italic;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;vertical-align:middle;height:30px;flex:0 0 auto}section.infopan.notifications .notifications-list .notification .notification-body .notification-innerbody .link .notification-link:hover{color:#fff}section.infopan.notifications .notifications-list .notification .notification-body i{width:20px;text-align:center;margin-right:10px}section.infopan.notifications .notifications-list .notification .notification-body i.fa-exclamation{color:red}section.infopan.notifications .notifications-list .notification .notification-body i.fa-flag-checkered{color:#fff}section.infopan.notifications .notifications-list .nonewnotifications{padding:10px;text-align:center;font-style:italic;color:#faebd7}section.infopan.notifications .notifications-list .hiddennotifications{padding:10px;text-align:center;color:rgba(255,255,255,.4);font-size:12px}section.infopan.notifications .notifications-list .hiddennotifications .smallbutton{padding:3px;background-color:#323232;color:#fff;cursor:pointer}section.infopan.notifications .notificationshistorylist .notification .notification-body{padding:10px}section.infopan.help .helpsectiontitle{padding:10px;border-bottom:2px solid #323232;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;cursor:pointer}section.infopan.help .helpsectiontitle i{flex:0 0 auto;margin-left:auto}section.infopan.help .helpsectiontitle.faqHelp{color:#f5f5f5}section.infopan.help .helpsectiontitle.faqHelp:hover{background-color:#5b5b5b}section.infopan.help .helpsectiontitle.chat,section.infopan.help .helpsectiontitle.support{width:calc(100% - 0px);padding:10px;color:#f5f5f5;border:none;position:relative}section.infopan.help .helpsectiontitle.chat.open,section.infopan.help .helpsectiontitle.support.open{box-shadow:0 2px 2px rgba(0,0,0,.5);margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.5);border-bottom-left-radius:0;border-bottom-right-radius:0}section.infopan.help .helpsectiontitle.chat:hover,section.infopan.help .helpsectiontitle.support:hover{background-color:#5b5b5b}section.infopan.help .helpsection .supportwrapper{background-color:rgba(255,255,255,.1);position:relative}section.infopan.help .helpsection .supportwrapper .loadingindicatorwrapper{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}section.infopan.help .helpsection .supportwrapper .statusmessage{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);font-weight:bold;padding:20px}section.infopan.help .helpsection .supportwrapper .statusmessage.failed{color:red}section.infopan.help .helpsection .supportwrapper .statusmessage.success{color:#7cfc00}section.infopan.help .helpsection .supportwrapper textarea{width:calc(100% - 20px);min-height:150px;max-height:150px;margin:10px;max-width:unset;min-width:unset;background-color:#c7c7c7;padding:10px}section.infopan.help .helpsection .supportwrapper input{width:calc(100% - 20px);margin:0 10px 10px 10px;max-width:unset;min-width:unset;background-color:#c7c7c7;padding:10px}section.infopan.help .helpsection .supportwrapper button{width:calc(100% - 20px);margin:0 10px 10px 10px;background-color:#7cfc00;color:#000;box-shadow:0 2px 2px rgba(0,0,0,.5);border-radius:2px}section.infopan.help .helpsection .supportwrapper button:hover{box-shadow:none}section.infopan.help .helpsection .chatwrapper{background-color:rgba(255,255,255,.1)}section.infopan.help .helpsection .chatwrapper .chatmessages{min-height:300px;max-height:600px;overflow:hidden;overflow-y:auto}section.infopan.help .helpsection .chatwrapper .chatmessages .message{width:80%;margin:10px 5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column}section.infopan.help .helpsection .chatwrapper .chatmessages .message .info{font-size:12px}section.infopan.help .helpsection .chatwrapper .chatmessages .message .text{padding:10px;word-break:break-word}section.infopan.help .helpsection .chatwrapper .chatmessages .message.client{margin-left:auto}section.infopan.help .helpsection .chatwrapper .chatmessages .message.client .text{text-align:right;background-color:#faebd7}section.infopan.help .helpsection .chatwrapper .chatmessages .message.client .info{text-align:right;color:#faebd7}section.infopan.help .helpsection .chatwrapper .chatmessages .message.server{margin-right:auto}section.infopan.help .helpsection .chatwrapper .chatmessages .message.server .text{background-color:#b6efef}section.infopan.help .helpsection .chatwrapper .chatmessages .message.server .info{color:#b6efef}section.infopan.help .helpsection .chatwrapper .chatmessages .message.status{margin:5px;width:calc(100% - 10px)}section.infopan.help .helpsection .chatwrapper .chatmessages .message.status .text{background-color:#c60000;color:#fff;font-size:14px}section.infopan.help .helpsection .chatwrapper .chatcontrols{border-top:1px solid rgba(0,0,0,.5);padding:5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between}section.infopan.help .helpsection .chatwrapper .chatcontrols input{width:100%;background-color:#c7c7c7}section.infopan.help .helpsection .chatwrapper .chatcontrols button{flex:0 0 auto}section.infopan.help .helpsection .chatwrapper .chatcontrols button.togglehistory.open{background-color:rgba(0,0,0,0)}section.infopan.help .helpsection .chatwrapper .chatcontrols.fullbuttons button{width:calc(50% - 2.5px)}section.infopan.help .helpsection .chatwrapper .chathistory{padding-bottom:5px}section.infopan.help .helpsection .chatwrapper .chathistory .chathistory-item{margin:5px;background-color:#323232;color:#faebd7;cursor:pointer}section.infopan.help .helpsection .chatwrapper .chathistory .chathistory-item:hover{background-color:#222}section.infopan.help .helpsection .chatwrapper .chathistory .chathistory-item .date{font-size:11px;opacity:.75;padding:5px}section.infopan.help .helpsection .chatwrapper .chathistory .chathistory-item .body{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}section.infopan.help .helpsection .chatwrapper .chathistory .chathistory-item .body .firstmessage{width:100%;padding:5px}section.infopan.help .helpsection .chatwrapper .chathistory .chathistory-item .body .status{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:5px;justify-content:center;align-items:center}section.infopan.help .helpsection .chatwrapper .chathistory .chathistory-item .body .status .open{color:#7cfc00}section.infopan.help .helpsection .chatwrapper .chathistory .chathistory-item .body .status .closed{color:red}section.infopan.help .external{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap}section.infopan.help .external a{width:100%;padding:10px;color:#f5f5f5;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}section.infopan.help .external a i{flex:0 0 auto;margin-left:auto}section.infopan.help .external a:hover{background-color:#5b5b5b;box-shadow:none}section.infopan.userdetails .menuitem .link{font-weight:400}section#footer{display:none;min-height:50px;max-height:50px;text-align:center;line-height:50px}section#footer span{vertical-align:middle}.no-transition{transition:none !important;-webkit-transition:none !important}.content-wrapper{height:100vh;width:100%;overflow:hidden;background-color:#fff;padding-top:40px}.content-wrapper.section-login{padding-top:0px}@-webkit-keyframes pop{from{transform:scale(1)}to{transform:scale(1.2);color:red}}@keyframes pop{from{transform:scale(1)}to{transform:scale(1.2);color:red}}.saloniq-pop{-webkit-animation:pop 1s infinite linear;animation:pop 1s infinite linear}.group{margin-bottom:20px;transform:scale(1);transition:all .2s ease;-webkit-transition:all .2s ease}.group.locked .grouptitle{user-select:none;-webkit-user-select:none}.group.locked .grouptitle .locker i.fa-unlock-alt{display:none}.group.locked .grouptitle .locker i.fa-lock{display:block}.group.locked .groupcontent{pointer-events:none;opacity:.5;user-select:none;-webkit-user-select:none}.group.minimized .grouptitle .minimizer i.fa-window-minimize{display:none}.group.minimized .grouptitle .minimizer i.fa-window-maximize{display:block}.group.disabled{opacity:.5;pointer-events:none;transform:scale(0.9)}.group.disabled *{user-select:none;-webkit-user-select:none}.group.disabled .grouptitle{background-color:gray !important}.group.disabled .groupcontent{background-color:rgba(128,128,128,.5) !important}.group .grouptitle{background-color:gray;padding:5px 10px;border-radius:10px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;font-weight:bold;color:#fff;text-transform:uppercase;position:relative;min-height:30px}.group .grouptitle .locker{background-color:rgba(0,0,0,0);color:#fff;position:absolute;right:30px;top:0px;width:30px}.group .grouptitle .locker i.fa-unlock-alt{display:block}.group .grouptitle .locker i.fa-lock{display:none}.group .grouptitle .minimizer{background-color:rgba(0,0,0,0);color:#fff;position:absolute;right:0px;top:0px;width:30px}.group .grouptitle .minimizer i.fa-window-minimize{display:block}.group .grouptitle .minimizer i.fa-window-maximize{display:none}.group .groupcontent{background-color:rgba(128,128,128,.5);background:-ms-linear-gradient(top, rgba(26, 26, 26, 0.5) 0%, rgba(128, 128, 128, 0.5) 2px, rgba(128, 128, 128, 0.5) calc(100% - 2px), rgba(230, 230, 230, 0.5) 100%);background:-moz-linear-gradient(top, rgba(26, 26, 26, 0.5) 0%, rgba(128, 128, 128, 0.5) 2px, rgba(128, 128, 128, 0.5) calc(100% - 2px), rgba(230, 230, 230, 0.5) 100%);background:-webkit-linear-gradient(top, rgba(26, 26, 26, 0.5) 0%, rgba(128, 128, 128, 0.5) 2px, rgba(128, 128, 128, 0.5) calc(100% - 2px), rgba(230, 230, 230, 0.5) 100%);background:linear-gradient(top, rgba(26, 26, 26, 0.5) 0%, rgba(128, 128, 128, 0.5) 2px, rgba(128, 128, 128, 0.5) calc(100% - 2px), rgba(230, 230, 230, 0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=darken($color,40), endColorstr=lighten($color,40),GradientType=1 );padding:10px 10px}.group .groupcontent button{background-color:gray;color:#fff}.group .groupcontent button:hover{background-color:#323232}.group .groupcontent #salons_list{width:50%}.group .groupend{display:block;width:100%;height:10px;min-height:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:gray}.dkdatepicker{position:relative;width:100%}.dkdatepicker input{padding:10px;padding-right:30px;font-size:1em;width:100%;background-color:#fff;font-weight:normal}.dkdatepicker .dpicon,.dkdatepicker button{position:absolute;height:100%;width:30px;right:0;top:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;pointer-events:none;background-color:rgba(0,0,0,0);color:#000}.dkdatepicker button{pointer-events:auto}.dkdatepicker.small input{border-radius:2px;font-size:12px;padding:5px}.dkdatepicker .ui-datepicker{margin:0 auto}.dkdatepicker .ui-datepicker-multi:not(.ui-datepicker-multi-3) .ui-datepicker-group{width:100%}.hpnotification{position:fixed;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);width:300px;height:auto;max-height:100%;display:flex;flex-direction:column;background-color:#323232;color:wheat}.hpnotification.redesgn{background-color:#dedede;color:#000;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.5)}.hpnotification .date{padding:10px;font-size:11px;opacity:.75}.hpnotification .subject{padding:0 10px}.hpnotification .message{padding:10px;font-style:italic;font-size:14px}.hpnotification .controls{display:flex;justify-content:space-between;flex:0 0 auto;height:40px;padding:0 10px 10px 10px}@media only screen and (max-width: 640px){.menubutton{color:#4b4b4b}section.newheader .slider{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;overflow-x:auto}section.newheader .headerbutton.clientscreensection{border-right:none}section.newheader .headerbutton.notificationssection{margin-left:0}section.newheader .headerbutton.cogsection{display:flex}section.newheader .search{padding:0}section.newheader .search .searchinput{display:none}section.infopan:not(.mainmenu){top:40px;width:100%;max-width:initial;bottom:0;right:0px}section.infopan:not(.mainmenu).vertical{top:0px}section.infopan:not(.mainmenu).vertical.open{top:40px}section.infopan.mainmenu{top:40px;width:100%;max-width:initial;bottom:0;right:0px}section.content-wrapper{padding-top:0px !important}.sq-dialog{top:0px;height:auto;max-height:100%}.sq-dialog .sq-dialog-closebutton-holder .title{margin-left:40px;padding-left:0}.saloniq-splitter.three{width:100%}.saloniq-splitter.three:first-child{padding:10px 10px 0 10px}.saloniq-splitter.three:nth-child(2n){padding:10px}.saloniq-splitter.three:nth-child(3){padding:0 10px 10px 10px}section.newheader .headerbutton.cogsection{display:flex}.section2.controls{margin-left:30px;margin-bottom:0;width:calc(100% - 35px)}.section2.controls .control{margin-bottom:5px}.sq-dialog .sections2 .section2.controls{margin-left:0px;width:calc(100% - 5px)}.saloniqdialog3.fullscreen{top:40px;max-height:calc(100% - 40px)}}.notransition{-webkit-transition:none !important;transition:none !important}.notransition *{-webkit-transition:none !important;transition:none !important}.animated{-webkit-transition:all .2s ease;transition:all .2s ease;transform:scale(1)}.centered{top:50%;left:50%}.textcentered{text-align:center}.fullwidth{width:100%}table{border-collapse:collapse}table tbody tr td.opener{font-weight:bold}table.padded tbody tr td{padding:5px}table.vcentered tbody tr td{vertical-align:middle}table.stripes tbody tr:nth-child(even):not(.nostripe){background-color:rgba(0,0,0,.05)}.infotip{font-weight:bold;white-space:nowrap;text-decoration:underline;display:inline}#tooltipOverlay{min-height:150px;min-width:300px;background-color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;z-index:1000000;top:0;left:0;box-shadow:0 0 20px rgba(0,0,0,.5);transform:translateY(-50px);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}#tooltipOverlay i.fa-circle-notch{font-size:50px}#tooltipOverlay.on{transform:translateY(0);opacity:1;pointer-events:auto}.blue{background-color:#fff;padding:30px;box-shadow:0px 0px 20px #000;border-radius:10px}.opacityzero{opacity:0;pointer-events:none;transform:scale(0.8)}.rotate-90{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.rotate-180{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.rotate-270{-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.flip{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}.flip-and-rotate-90{-moz-transform:rotate(90deg) scaleX(-1);-webkit-transform:rotate(90deg) scaleX(-1);-o-transform:rotate(90deg) scaleX(-1);transform:rotate(90deg) scaleX(-1)}.flip-and-rotate-180{-moz-transform:rotate(180deg) scaleX(-1);-webkit-transform:rotate(180deg) scaleX(-1);-o-transform:rotate(180deg) scaleX(-1);transform:rotate(180deg) scaleX(-1)}.flip-and-rotate-270{-moz-transform:rotate(270deg) scaleX(-1);-webkit-transform:rotate(270deg) scaleX(-1);-o-transform:rotate(270deg) scaleX(-1);transform:rotate(270deg) scaleX(-1)}.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.flex-horizontal,.flexh{flex-direction:row}.flex-vertical,.flexv{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flexcentral{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center}.flexhsb{justify-content:space-between}.flexfix{flex:0 0 auto}.flexhfe{justify-content:flex-end}.flexvc{align-items:center}.flexvtop{align-items:flex-start !important}.flexh321{flex-direction:row-reverse}.m10{margin:10px}.p10{padding:10px}.p20{padding:20px}.pt0{padding-top:0}.pt20{padding-top:20px}.pr10{padding-right:10px}.pl20{padding-left:20px}.pb10{padding-bottom:10px}.bgd75{background-color:rgba(0,0,0,.75)}.bgl75{background-color:rgba(255,255,255,.75)}.bgt{background-color:rgba(0,0,0,0)}.mb0{margin-bottom:0}.mb0i{margin-bottom:0 !important}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb40{margin-bottom:40px}.mt0{margin-top:0}.mt0i{margin-top:0 !important}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mr10{margin-right:10px}.ml0{margin-left:0 !important}.ml5{margin-left:5px}.ml10{margin-left:10px}.mla{margin-left:auto}.mlai{margin-left:auto !important}.mra{margin-right:auto}.mc{margin:0 auto}.tal{text-align:left}.w100p{width:100%}.w50p{width:50%}.w25p{width:25%}.h100p{height:100%}.aic{align-items:center}.aife{align-items:flex-end}.aifs{align-items:flex-start}.tac{text-align:center}.oh{overflow:hidden}.fwb{font-weight:bold}.ha{height:auto}.selectable{user-select:auto}.mainfaqHelp{top:10%;left:20%;position:fixed;z-index:100006}.mainfaqHelp .faqwrapper{background-color:#fafafa;height:40vh;box-shadow:0px 0px 0px 3px #135a94;z-index:100006;display:flex;flex-direction:column;overflow:hidden}.mainfaqHelp .faqwrapper .titlewrap{width:100%;min-height:40px;cursor:move;z-index:100006;background-color:#2196f3;color:#fff;display:flex;flex-direction:row;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}.mainfaqHelp .faqwrapper .titlewrap .faqTitle{margin:10px;font-weight:bold}.mainfaqHelp .faqwrapper .titlewrap .faqBtn{margin:5px;display:flex;flex-direction:row}.mainfaqHelp .faqwrapper .titlewrap .faqBtn button{background-color:#2196f3;color:#fff}.mainfaqHelp .faqwrapper .titlewrap .faqBtn button:hover{background-color:#5b5b5b;color:#fff}.mainfaqHelp .faqwrapper .faqData{width:100%;z-index:100006;background-color:#fafafa;color:#fff;display:flex;justify-content:center;overflow:hidden}.mainfaqHelp .dragsizer{width:10px;height:10px;background:rgba(255,255,255,0);position:absolute;right:0;bottom:0;cursor:se-resize;z-index:1000006}.mainfaqHelp .minfaqClass{height:40px !important;width:100% !important}.faqMain{overflow-x:hidden;width:100%;overflow-y:scroll}.faqMain .controls{padding:20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-end;width:100%}.faqMain .controls button{padding:10px;-webkit-appearance:none;border:none;border-radius:2px;background-color:#378cff;color:#fff;cursor:pointer;height:40px}.faqMain .controls .control{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-left:20px;justify-content:flex-start;align-items:center}.faqMain .controls .control .searchinput{height:40px;padding:10px;font-size:1em;border:none;border-radius:0;border-bottom-left-radius:2px;border-top-left-radius:2px;box-sizing:border-box;background-color:#c7d9f1}.faqMain .controls .control .closeSearch{background-color:rgba(0,0,0,0);color:red;position:absolute;z-index:1;top:0;right:0}.faqMain .controls .control .searchbutton{border:none;border-radius:0;border-bottom-right-radius:2px;border-top-right-radius:2px;height:40px;width:30px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center}.faqMain .faq{margin:0 20px 20px 20px;border-radius:5px;overflow:hidden;background-color:#c4ddff;color:#000}.faqMain .faq .question{padding:20px;font-size:1em;font-weight:bold;background-color:rgba(0,0,0,.1);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;cursor:pointer;color:inherit;align-items:center}.faqMain .faq .answer{padding:20px;color:initial}.faqMain .faq .subContent{display:flex;flex-direction:column;background-color:#85a7d8;padding-bottom:15px}.faqMain .faq .subContent .subContentItem{display:flex;flex-direction:row;margin:5px 20px 5px 5px}.faqMain .faq .subContent .subContentItem .rateContent{display:flex;flex-direction:row;justify-content:center}.faqMain .faq .subContent .subContentItem .rateContent .rateContentSubDiv{margin:5px 20px 5px 15px;display:flex;flex-direction:column;justify-content:center;transform:scale(0.8);opacity:.8}.faqMain .faq .subContent .subContentItem .rateContent .rateContentSubDiv .rateEmotions{display:flex;justify-content:center}.faqMain .faq .subContent .subContentItem .rateContent .rateContentSubDiv .rateEmotions i{font-size:50px;transition:all .5s}.faqMain .faq .subContent .subContentItem .rateContent .rateContentSubDiv .rateTexts{display:flex;flex-direction:column;justify-content:center;font-size:13px;font-weight:bold;margin:5px;font-size:20px}.faqMain .faq .subContent .subContentItem .rateContent .rateContentSubDiv:hover{cursor:pointer;opacity:1.8;transform:scale(1)}.faqMain .faq .subContent .subContentItem .rateContent .clickHighlight{transform:scale(1);opacity:1.8}.faqMain .faq .subContent .subContentItem .commentArea{margin-left:20px;width:100%}.faqMain .faq .subContent .subContentItem .commentArea textarea{min-height:95px;font-size:1em;padding:10px;line-height:1.35em}.faqMain .faq .subContent .subContentItem button{background-color:#3ca5ff}.faqMain .faq .subContent .rightalgn{justify-content:flex-end}.faqMain .faq .subContent .labelMissingCnt{margin:0px 0px 10px 25px;font-size:.8em;color:#00008b;cursor:pointer}.faqMain .faq .subContent .missingContentData{display:flex;flex-direction:column;margin:10px 20px 10px 25px}.faqMain .faq .subContent .missingContentData .labelArea{margin-bottom:10px}.faqMain .faq .subContent .missingContentData textarea{min-height:150px;font-size:1em;padding:10px}.faqMain .faq .subContent .missingContentData .missingCntBtn{display:flex;justify-content:flex-end}.faqMain .faq .subContent .missingContentData button{background-color:#3ca5ff}.faqMain .rightalgn{justify-content:flex-end}.faqMain .labelMissingCnt{font-size:1em;color:#0000fe;cursor:pointer;display:flex;justify-content:flex-end;margin:10px 20px;padding:0 10px 10px 10px}.faqMain .missingContentData{display:flex;flex-direction:column;margin:10px 20px 15px 25px;box-shadow:0px 0px 0px 3px #aac8f2;background-color:#aac8f2;border-radius:3px}.faqMain .missingContentData .labelArea{margin:20px}.faqMain .missingContentData textarea{min-height:150px;font-size:1em;padding:10px}.faqMain .missingContentData .missingCntBtn{display:flex;justify-content:flex-end;margin:0px 20px 15px 0px}.faqMain .missingContentData button{background-color:#3ca5ff}.salonsdialog .salonswrapper{display:flex;flex-wrap:wrap;align-items:flex-start}.salonsdialog .salonswrapper .salonchoice{width:calc(50% - 20px);margin:10px;background-color:rgba(0,0,0,.1);border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.salonsdialog .salonswrapper .salonchoice .norequest{margin:0 auto;width:100%}.salonsdialog .salonswrapper .salonchoice .norequest .image{border-radius:5px;width:100%;height:100px;background-position:center;background-repeat:no-repeat;background-size:cover;flex:0 0 auto;margin-right:10px}.menubuttonredesign{cursor:pointer;background-color:var(--button-color-main);color:#fff;width:60px;height:60px;min-width:40px;min-height:40px;vertical-align:middle;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:20001;padding:10px}.menubuttonredesign.disabled{pointer-events:none;opacity:.5}.menubuttonredesign .bubble{background-color:red;font-size:12px;border-radius:50%;position:absolute;top:3px;right:3px;display:flex;width:9px;height:9px;justify-content:center}.menuitemwrapper .menuitem3{color:#fff;padding:0;cursor:pointer;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;flex-direction:row;flex-wrap:wrap}.menuitemwrapper .menuitem3 .container{padding-left:40px;width:100%}.menuitemwrapper .menuitem3 .container .folder,.menuitemwrapper .menuitem3 .container .link{padding-left:30px}.menuitemwrapper .menuitem3 .folder,.menuitemwrapper .menuitem3 .link{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;width:100%;padding:10px 0px;position:relative;border-bottom:1px solid rgba(255,255,255,.5)}.menuitemwrapper .menuitem3 .folder .exclamation,.menuitemwrapper .menuitem3 .link .exclamation{display:none}.menuitemwrapper .menuitem3 .folder .icon,.menuitemwrapper .menuitem3 .link .icon{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;margin-right:5px;width:30px;min-width:30px;min-height:30px;position:relative}.menuitemwrapper .menuitem3 .folder .name,.menuitemwrapper .menuitem3 .link .name{display:inline-block}.menuitemwrapper .menuitem3.warning{color:red}.menuitemwrapper .menuitem3.warning .link .exclamation{display:block;color:#fff;position:absolute;top:9px;left:6px;font-size:1.25em}.menuitemwrapper:last-child .menuitem3 .folder,.menuitemwrapper:last-child .menuitem3 .link{border-bottom:none}section.infopan.mainmenuredesign{overflow-y:auto;bottom:0;background-color:var(--button-color-main);top:60px}section.infopan.mainmenuredesign .userwrapper{display:flex;align-items:center;justify-content:flex-end;padding-right:10px}section.infopan.mainmenuredesign .userwrapper .headerbutton{display:flex;justify-content:center;align-items:center;color:#fff;width:40px;height:40px}section.infopan.mainmenuredesign .userwrapper .headerbutton .aed::before{content:"AED"}section.infopan.mainmenuredesign .userwrapper .headerbutton .qar::before{content:"QR"}section.infopan.mainmenuredesign .userwrapper .headerbutton .kes::before{content:"KES"}section.infopan.mainmenuredesign .userwrapper .headerbutton .bubble{position:absolute;top:3px;right:3px;width:9px;height:9px;background-color:red;border-radius:50%}section.infopan.mainmenuredesign .userwrapper .usersection{display:flex;align-items:center}section.infopan.mainmenuredesign .userwrapper .usersection .userdata{color:#fff}section.infopan.mainmenuredesign .userwrapper .usersection .userdata .username{font-size:.9em;font-weight:bold}section.infopan.mainmenuredesign .userwrapper .usersection .userdata .usersalon{font-size:.7em}section.infopan.mainmenuredesign .userwrapper .usersection .userimage{width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:50%;border:1px solid rgba(0,0,0,.1);margin-left:5px}section.infopan.mainmenuredesign .userwrapper .usersection .exclamation{display:none}section.infopan.mainmenuredesign .userwrapper .usersection.warning .userdata{color:red}section.infopan.mainmenuredesign .bigitems{padding:10px;display:flex;flex-wrap:wrap}section.infopan.mainmenuredesign .bigitems .bigitem{width:90px;height:90px;margin:10px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 3px 6px rgba(0,0,0,.1607843137);position:relative;cursor:pointer}section.infopan.mainmenuredesign .bigitems .bigitem .icon{padding:10px;display:flex;justify-content:center;align-items:center;height:100%;color:#5f5f5f}section.infopan.mainmenuredesign .bigitems .bigitem .name{padding:5px;display:flex;justify-content:center;align-items:flex-start;height:40px;flex:0 0 auto;font-size:.75em;color:var(--button-color-main);text-align:center}section.infopan.mainmenuredesign .bigitems .bigitem .bubble{position:absolute;top:-8px;right:-8px;width:16px;height:16px;background-color:red;border-radius:50%}section.infopan.mainmenuredesign .menuitems{padding:0 10px}section.infopan.mainmenuredesign .menuitems.notifications .notifications-list .notification{background-color:rgba(255,255,255,.9);color:#000;margin-bottom:5px;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.25);cursor:pointer}section.infopan.mainmenuredesign .menuitems.notifications .notifications-list .notification .notification-body .notification-innerbody{padding:5px;font-size:.75em;position:relative}section.infopan.mainmenuredesign .menuitems.notifications .notifications-list .notification .notification-body .notification-innerbody .date{width:70px;position:absolute;top:5px;right:5px;text-align:right}section.infopan.mainmenuredesign .menuitems.notifications .notifications-list .notification .notification-body .notification-innerbody .subject{font-weight:bold;padding-right:75px}section.infopan.mainmenuredesign .menuitems.notifications .notifications-list .notification .notification-body .notification-innerbody .message{margin:5px 0}section.infopan.mainmenuredesign .menuitems.notifications .notifications-list .notification .notification-body .notification-innerbody .link{text-align:right}section.infopan.mainmenuredesign .menuitems.notifications .notifications-list .notification:hover{background-color:#fff}section.infopan.mainmenuredesign .menuitems.notifications .notifications-list .notifications-controls .notificationshistory{text-align:right}section.infopan.mainmenuredesign .menuitems.notifications .notifications-list .nonewnotifications{padding:10px;color:#fff}section.infopan.mainmenuredesign .menuitems.help .helpsectiontitle{padding:10px;border-bottom:2px solid #323232;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;cursor:pointer}section.infopan.mainmenuredesign .menuitems.help .helpsectiontitle i{flex:0 0 auto;margin-left:auto}section.infopan.mainmenuredesign .menuitems.help .helpsectiontitle.faqHelp{color:#f5f5f5}section.infopan.mainmenuredesign .menuitems.help .helpsectiontitle.faqHelp:hover{background-color:#5b5b5b}section.infopan.mainmenuredesign .menuitems.help .helpsectiontitle.chat,section.infopan.mainmenuredesign .menuitems.help .helpsectiontitle.support{width:calc(100% - 0px);padding:10px;color:#f5f5f5;border:none;position:relative}section.infopan.mainmenuredesign .menuitems.help .helpsectiontitle.chat.open,section.infopan.mainmenuredesign .menuitems.help .helpsectiontitle.support.open{box-shadow:0 2px 2px rgba(0,0,0,.5);margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.5);border-bottom-left-radius:0;border-bottom-right-radius:0}section.infopan.mainmenuredesign .menuitems.help .helpsectiontitle.chat:hover,section.infopan.mainmenuredesign .menuitems.help .helpsectiontitle.support:hover{background-color:#5b5b5b}section.infopan.mainmenuredesign .menuitems.help .helpsection .supportwrapper{background-color:rgba(255,255,255,.1);position:relative}section.infopan.mainmenuredesign .menuitems.help .helpsection .supportwrapper .loadingindicatorwrapper{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}section.infopan.mainmenuredesign .menuitems.help .helpsection .supportwrapper .statusmessage{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);font-weight:bold;padding:20px}section.infopan.mainmenuredesign .menuitems.help .helpsection .supportwrapper .statusmessage.failed{color:red}section.infopan.mainmenuredesign .menuitems.help .helpsection .supportwrapper .statusmessage.success{color:#7cfc00}section.infopan.mainmenuredesign .menuitems.help .helpsection .supportwrapper textarea{width:calc(100% - 20px);min-height:150px;max-height:150px;margin:10px;max-width:unset;min-width:unset;padding:10px;outline:none;background-color:var(--input-background-color);color:var(--input-text-color);border:1px solid gray;border-radius:4px}section.infopan.mainmenuredesign .menuitems.help .helpsection .supportwrapper input{width:calc(100% - 20px);margin:0 10px 10px 10px;max-width:unset;min-width:unset;padding:10px;outline:none;background-color:var(--input-background-color);color:var(--input-text-color);border:1px solid gray;border-radius:4px}section.infopan.mainmenuredesign .menuitems.help .helpsection .supportwrapper button{width:calc(100% - 20px);margin:0 10px 10px 10px}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper{background-color:rgba(255,255,255,.1)}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages{min-height:300px;max-height:600px;overflow:hidden;overflow-y:auto}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages .message{width:80%;margin:10px 5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages .message .info{font-size:12px}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages .message .text{padding:10px;word-break:break-word}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages .message.client{margin-left:auto}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages .message.client .text{text-align:right;background-color:#faebd7}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages .message.client .info{text-align:right;color:#faebd7}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages .message.server{margin-right:auto}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages .message.server .text{background-color:#b6efef}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages .message.server .info{color:#b6efef}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages .message.status{margin:5px;width:calc(100% - 10px)}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatmessages .message.status .text{background-color:#c60000;color:#fff;font-size:14px}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatcontrols{padding:5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatcontrols input{width:calc(100% - 10px);margin:0 10px 0 0;padding:10px;outline:none;background-color:var(--input-background-color);color:var(--input-text-color);border:1px solid gray;border-radius:4px}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatcontrols button{flex:0 0 auto}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatcontrols button.togglehistory.open{background-color:rgba(0,0,0,0)}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chatcontrols.fullbuttons button{width:calc(50% - 2.5px)}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chathistory{padding-bottom:5px}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chathistory .chathistory-item{margin:5px;background-color:#323232;color:#faebd7;cursor:pointer}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chathistory .chathistory-item:hover{background-color:#222}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chathistory .chathistory-item .date{font-size:11px;opacity:.75;padding:5px}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chathistory .chathistory-item .body{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chathistory .chathistory-item .body .firstmessage{width:100%;padding:5px}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chathistory .chathistory-item .body .status{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:5px;justify-content:center;align-items:center}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chathistory .chathistory-item .body .status .open{color:#7cfc00}section.infopan.mainmenuredesign .menuitems.help .helpsection .chatwrapper .chathistory .chathistory-item .body .status .closed{color:red}section.infopan.mainmenuredesign .menuitems.help .external{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap}section.infopan.mainmenuredesign .menuitems.help .external a{width:100%;padding:10px;color:#f5f5f5;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}section.infopan.mainmenuredesign .menuitems.help .external a i{flex:0 0 auto;margin-left:auto}section.infopan.mainmenuredesign .menuitems.help .external a:hover{background-color:#5b5b5b;box-shadow:none}section.infopan.mainmenuredesign .availablesalons,section.infopan.mainmenuredesign .salontitle{padding:20px 5px 5px 5px;color:rgba(255,255,255,.75);font-size:12px;margin-top:0px}section.infopan.mainmenuredesign .availablesalons .connected,section.infopan.mainmenuredesign .salontitle .connected{font-weight:bold}section.infopan.mainmenuredesign .availablesalons .notconnected,section.infopan.mainmenuredesign .salontitle .notconnected{color:red;font-weight:bold}section.infopan.mainmenuredesign .salontitle{display:flex;align-items:center;margin-top:1px;height:30px;cursor:pointer}section.infopan.mainmenuredesign .salontitle.connected{color:#7cfc00}section.infopan.mainmenuredesign .salonlist{position:relative}section.infopan.mainmenuredesign .salonlist .loadingindicatorwrapper{position:absolute;height:100%;z-index:1}section.infopan.mainmenuredesign .salonlist .salon{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:10px 10px 10px 20px;color:#fff;cursor:pointer}section.infopan.mainmenuredesign .salonlist .salon.selected{font-weight:bold}section.infopan.mainmenuredesign .salonlist .salon .check{margin-left:auto}section.newheaderredesign{position:fixed;top:0;left:0;right:0;height:60px;background-color:#fff;z-index:20000;box-shadow:0 5px 5px rgba(0,0,0,.05)}section.newheaderredesign .menuopener{width:60px;height:100%;background-color:var(--button-color-main);color:#fff}section.newheaderredesign .menuwrapper{height:100%;padding:20px;margin-left:60px;display:flex;align-items:center}section.newheaderredesign .menuwrapper .headerbutton{font-size:.9em;margin:0;cursor:pointer;position:relative}section.newheaderredesign .menuwrapper .headerbutton .aed::before{content:"AED";font-weight:bold}section.newheaderredesign .menuwrapper .headerbutton .qar::before{content:"QR"}section.newheaderredesign .menuwrapper .headerbutton .kes::before{content:"KES"}section.newheaderredesign .menuwrapper .headerbutton .bubble{position:absolute;top:0;right:0;width:9px;height:9px;background-color:red;border-radius:50%}section.newheaderredesign .menuwrapper .headerbutton:not(.icon){margin:0 10px;display:flex;align-items:center}section.newheaderredesign .menuwrapper .headerbutton:not(.icon) i{margin-right:6px}section.newheaderredesign .menuwrapper .headerbutton.notifications .content{box-shadow:0 5px 10px rgba(0,0,0,.25)}section.newheaderredesign .menuwrapper .headerbutton.notifications .content .dotcontent .notifications-list .notification{background-color:rgba(255,255,255,.9);color:#000;margin-bottom:5px;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.25);cursor:pointer}section.newheaderredesign .menuwrapper .headerbutton.notifications .content .dotcontent .notifications-list .notification .notification-body .notification-innerbody{padding:5px;font-size:.75em;position:relative}section.newheaderredesign .menuwrapper .headerbutton.notifications .content .dotcontent .notifications-list .notification .notification-body .notification-innerbody .date{width:70px;position:absolute;top:5px;right:5px;text-align:right}section.newheaderredesign .menuwrapper .headerbutton.notifications .content .dotcontent .notifications-list .notification .notification-body .notification-innerbody .subject{font-weight:bold;padding-right:75px}section.newheaderredesign .menuwrapper .headerbutton.notifications .content .dotcontent .notifications-list .notification .notification-body .notification-innerbody .message{margin:5px 0}section.newheaderredesign .menuwrapper .headerbutton.notifications .content .dotcontent .notifications-list .notification .notification-body .notification-innerbody .link{text-align:right}section.newheaderredesign .menuwrapper .headerbutton.notifications .content .dotcontent .notifications-list .notification:hover{background-color:#fff}section.newheaderredesign .menuwrapper .headerbutton.notifications .content .dotcontent .notifications-list .notifications-controls .notificationshistory{text-align:right}section.newheaderredesign .menuwrapper .headerbutton.notifications .content .dotcontent .notifications-list .nonewnotifications{padding:10px;color:#fff}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content{box-shadow:0 5px 10px rgba(0,0,0,.25)}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .menuitemwrapper .menuitem3 .folder,section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .menuitemwrapper .menuitem3 .link{border-bottom:none;padding:0 0 5px 0}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection{padding:10px 0}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper{background-color:rgba(255,255,255,.1);padding-bottom:5px}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages{min-height:150px;max-height:300px;overflow:hidden;overflow-y:auto}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages .message{width:80%;margin:10px 5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages .message .info{font-size:12px}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages .message .text{padding:10px;word-break:break-word}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages .message.client{margin-left:auto}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages .message.client .text{text-align:right;background-color:#faebd7}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages .message.client .info{text-align:right;color:#faebd7}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages .message.server{margin-right:auto}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages .message.server .text{background-color:#b6efef}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages .message.server .info{color:#b6efef}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages .message.status{margin:5px;width:calc(100% - 10px)}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatmessages .message.status .text{background-color:#c60000;color:#fff;font-size:14px}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatcontrols{padding:5px 5px 0 5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatcontrols input{width:100%;border:none;border-radius:3px;margin-right:2px;padding:5px;outline:none}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatcontrols button{flex:0 0 auto}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatcontrols button.togglehistory.open{background-color:rgba(0,0,0,0)}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chatcontrols.fullbuttons button{width:calc(50% - 2.5px)}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chathistory{padding-bottom:5px}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chathistory .chathistory-item{margin:5px;background-color:#323232;color:#faebd7;cursor:pointer}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chathistory .chathistory-item:hover{background-color:#222}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chathistory .chathistory-item .date{font-size:11px;opacity:.75;padding:5px}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chathistory .chathistory-item .body{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chathistory .chathistory-item .body .firstmessage{width:100%;padding:5px}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chathistory .chathistory-item .body .status{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:5px;justify-content:center;align-items:center}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chathistory .chathistory-item .body .status .open{color:#7cfc00}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .chatwrapper .chathistory .chathistory-item .body .status .closed{color:red}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .supportwrapper{background-color:rgba(255,255,255,.1);position:relative}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .supportwrapper .loadingindicatorwrapper{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .supportwrapper .statusmessage{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);font-weight:bold;padding:5px}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .supportwrapper .statusmessage.failed{color:red}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .supportwrapper .statusmessage.success{color:#7cfc00}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .supportwrapper textarea{width:calc(100% - 4px);min-height:150px;max-height:150px;margin:2px;max-width:unset;min-width:unset;padding:2px;outline:none}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .supportwrapper input{width:calc(100% - 4px);margin:0 2px 2px 2px;max-width:unset;min-width:unset;border:none;border-radius:3px;padding:5px;outline:none}section.newheaderredesign .menuwrapper .headerbutton.helpsection .content .dotcontent .helpsection .supportwrapper button{width:100%}section.newheaderredesign .menuwrapper .usersection{display:flex;align-items:center}section.newheaderredesign .menuwrapper .usersection .userdata .username{font-size:.9em;font-weight:bold}section.newheaderredesign .menuwrapper .usersection .userdata .usersalon{font-size:.7em}section.newheaderredesign .menuwrapper .usersection .content .dotcontent .menuitemwrapper .menuitem3 .folder,section.newheaderredesign .menuwrapper .usersection .content .dotcontent .menuitemwrapper .menuitem3 .link{border-bottom:none;padding:0 0 5px 0}section.newheaderredesign .menuwrapper .usersection .userimage{width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:50%;border:1px solid rgba(0,0,0,.1);margin-left:5px}section.newheaderredesign .menuwrapper .usersection .exclamation{display:none}section.newheaderredesign .menuwrapper .usersection.warning{color:red}section.newheaderredesign .menuwrapper .usersection.warning .exclamation{display:block;position:absolute;top:10px;right:16px;color:red;font-size:1.25em}@media only screen and (max-width: 1024px){section.newheaderredesign .menuwrapper{margin-left:40px}section.newheaderredesign .menuwrapper .headerbutton:not(.icon) span{display:none}.menubuttonredesign{width:40px}}@media only screen and (max-width: 768px){section.newheaderredesign .menuwrapper .headerbutton:not(.icon){margin:0 10px}section.newheaderredesign .menuwrapper .headerbutton:not(.icon) i,section.newheaderredesign .menuwrapper .headerbutton:not(.icon) .title{display:inline-block}section.newheaderredesign .menuwrapper .headerbutton:not(.icon) span{display:none}}@media only screen and (max-width: 640px){section.infopan.mainmenuredesign{top:0px !important;width:100%;max-width:initial;padding-left:40px;max-height:100%}section.infopan.mainmenuredesign .bigitems{padding:10px 10px 10px 0}section.infopan.mainmenuredesign .menuitems{padding:0 10px 0 0}.menubuttonredesign{height:40px !important}html.redesignedheader .saloniqdialog3.semifullscreen{top:40px;height:calc(100% - 40px)}}@media only screen and (max-height: 1024px){.menubuttonredesign{height:60px}section.newheaderredesign{height:60px}section.newheaderredesign .menuwrapper{padding:20px}section.infopan.mainmenuredesign{top:60px}section.infopan.mainmenuredesign .userwrapper{height:60px}}@media only screen and (max-height: 768px){html.redesignedheader .content-wrapper{padding-top:60px}.menubuttonredesign{height:60px}section.newheaderredesign{height:60px}section.newheaderredesign .menuwrapper{padding:10px}section.infopan.mainmenuredesign{top:60px}section.infopan.mainmenuredesign .userwrapper{height:60px}}html.printmode .menubuttonredesign{display:none}html.printmode section.newheaderredesign{display:none}html.printmode.redesignedheader .content-wrapper{padding-top:0}