html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled),screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){a:hover{outline:0}}
html, body{background:#eeeeee;color:#757575;margin:0;min-height:100vh;padding:0}
body{background:#eeeeee url('/images/bg01.jpg') 50% 50% no-repeat;background-attachment:fixed;background-size:cover;font-size:1em}
.contentwidth{margin:0 auto;min-width:272px;padding:0 12px;position:relative}
.pagecontent .contentwidth{height:100%;padding:0 0 24px 0}
.pagecontent{background:rgba(32,32,32,0.67);height:100%;min-height:100vh}
#page0{position:relative}
#header{background:#ffffff;border-top:4px solid #ffa726;height:64px;left:0;margin:0;padding:0;position:fixed;top:0;width:100%;z-index:20}
#header-in{height:64px;margin:0;padding:0}
#header .contentwidth{height:64px}
#logo{display:block;font-size:1.5em;height:48px;line-height:48px;margin:0;overflow:hidden;padding:8px 0;width:144px;z-index:25}
#logo a{display:block;height:48px;margin:0;padding:0;position:relative}
#logo a::after{background:#ffffff url('/images/mp-logo.svg') 50% 50% no-repeat;background-size:contain;content:'';display:block;height:48px;left:0;position:absolute;top:0;width:100%}
#xtoppage{height:68px}
#footer{background:#ffffff;bottom:0;height:32px;position:absolute;width:100%}
*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a, a:visited{color:#ef5350;text-decoration:none}
.align-center{text-align:center}
hr{background:#eeeeee;border:none;color:#eeeeee;height:1px;margin:12px 0 6px 0;padding:0}
ul li{color:#ef5350;list-style-type:square}
ul li span{color:#757575}
.page-style-admin #header{background:#424242}
.page-style-acc #header{background:#424242}
.page-style-hr #header{background:#424242}
.page-style-welcome #logo{margin:0 auto}
#logo a, #logo a:visited{color:#ffa726;text-decoration:none}
.page-style-admin #logo a::after{background:#424242 url('/images/mp-logo.svg') 50% 50% no-repeat}
.page-style-acc #logo a::after{background:#424242 url('/images/mp-logo.svg') 50% 50% no-repeat}
.page-style-hr #logo a::after{background:#424242 url('/images/mp-logo.svg') 50% 50% no-repeat}
.page-style-admin #header::after{border-bottom:68px solid transparent;border-right:68px solid #d32f2f;content:'';display:block;height:0;position:absolute;right:0;top:-4px;width:0}
.page-style-acc #header::after{border-bottom:68px solid transparent;border-right:68px solid #388e3c;content:'';display:block;height:0;position:absolute;right:0;top:-4px;width:0}
.page-style-hr #header::after{border-bottom:68px solid transparent;border-right:68px solid #f57c00;content:'';display:block;height:0;position:absolute;right:0;top:-4px;width:0}
.page-style-admin #footer{background:#424242;color:#bdbdbd}
.page-style-acc #footer{background:#424242;color:#bdbdbd}
.page-style-hr #footer{background:#424242;color:#bdbdbd}
#footer .contentwidth{font-size:0.75em;line-height:32px;text-align:center}
#footer a, #footer a:visited{color:#000000}
.page-style-admin #footer a, #footer .page-style-admin a:visited{color:#ffa726}
.page-style-acc #footer a, #footer .page-style-acc a:visited{color:#ffa726}
.page-style-hr #footer a, #footer .page-style-hr a:visited{color:#ffa726}
.ccsection{background:#ffffff;border-radius:4px;margin:24px 0;padding:0}
.ccsection-error{background:#ef9a9a;color:#b71c1c}
.ccsection-in, .ccsection .form-in{overflow:visible;padding:16px}
.ccsection .align-center{padding:24px 16px}
.ccsection-in p{margin:0;padding:8px 0}
.ccsection-topheading h2{color:#d32f2f;font-weight:normal;margin:0;padding:8px 16px}
.ccsection-heading h3, .ccsection form h3{border-bottom:1px solid #eeeeee;color:#9e9e9e;font-size:1.125em;font-weight:normal;margin:0;padding:8px 16px}
.ccsection-table{border-collapse:collapse;font-size:0.875em;margin:0;padding:0;width:100%}
.ccsection-in .ccsection-table{border:1px solid #e0e0e0;margin:16px 0}
.ccsection-table th, .ccsection-table td{padding:8px;text-align:left}
.ccsection-table th.align-right, .ccsection-table td.align-right{padding:8px;text-align:right}
.ccsection-table th.align-center, .ccsection-table td.align-center{padding:8px;text-align:center}
.ccsection-table td.itext{padding:8px 24px 8px 8px}
.ccsection-table .nowrap{white-space:nowrap}
.ccsection-table td.itext:first-child{padding:8px 24px 8px 16px}
.ccsection-table th:first-child, .ccsection-table td:first-child{padding:8px 8px 8px 16px}
.ccsection-table td.itext:last-child{padding:8px 32px 8px 8px}
.ccsection-table th:last-child, .ccsection-table td:last-child{padding:8px 16px 8px 8px}
.ccsection-table .tr00{background:#ffffff;border-bottom:2px solid #e0e0e0}
.ccsection-table .tr01{background:#ffffff;border-top:1px solid #e0e0e0}
.ccsection-table .tr02{background:#fafafa;border-top:1px solid #e0e0e0}
.ccsection-table2{border:1px solid #e0e0e0}
.ccsection-table a.downloadlink, .ccsection-table a.downloadlink:visited{background:#b71c1c;border-radius:2px;color:#ffffff;display:inline-block;font-size:0.857em;font-weight:bold;height:18px;line-height:18px;padding:2px 16px 2px 28px;position:relative;text-align:center;text-decoration:none;transition:background-color 0.3s}
.ccsection-table a.downloadlink::before{background:url('/images/sprites.svg') 0 -110px no-repeat;background-size:22px 220px;content:'';height:22px;left:2px;position:absolute;top:0;width:22px}
.ccsection-login{margin:32px auto;max-width:320px}
.ccsection-pwdreset{margin:32px auto;max-width:640px}
.ccsection .pagenav{border:1px solid #e0e0e0;border-radius:4px;display:inline-block;margin:0;overflow:hidden}
.ccsection .pagenav span, .ccsection .pagenav a{border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;display:block;float:left;height:32px;line-height:32px;margin:0 0 -1px 0;padding:0;text-align:center;transition:background-color 0.3s;width:32px}
.ccsection .pagenav span:last-child, .ccsection .pagenav a:last-child{border-right:none}
.ccsection .pagenav span{background:#f5f5f5;color:#bdbdbd}
.ccsection .bcnav{margin:0;overflow:auto;padding:0 14px}
.ccsection .bcnav span, .ccsection .bcnav a{display:block;float:left;padding:8px 2px}
.ccsection .bcnav span::after, .ccsection .bcnav a::after{color:#bdbdbd;content:'\\';padding:8px 8px 8px 12px;text-decoration:none}
.ccsection .bcnav span:last-child::after, .ccsection .bcnav a:last-child::after{display:none}
.ccsection-in p.pwdreset-link{font-size:0.875em;margin:0;padding:0;text-align:center}
.ccsection-in p.pwdreset-link a, .ccsection-in p.pwdreset-link a:visited{color:#757575}
.ccsection-in p.pwdreset-result{text-align:center}
.mp-stats th{background-color:#eeeeee;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}
.mp-stats .tr00{border:none}
.mp-stats .mp-stats-totals td{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}
.mp-stats td{border-bottom:1px solid #f5f5f5}
.companylist{list-style-type:none;margin:0;padding:0 16px 16px 16px}
.companylist li{border-bottom:1px solid #e0e0e0;list-style-type:none;padding:8px 0 0 0}
.companylist li a, .companylist li a:visited{background:#ffffff;display:block;padding:8px;text-decoration:none}
.companylist .companylist-regid{color:#9e9e9e;display:inline-block;width:5em}
.companylist .companylist-dcnt{background-color:#eeeeee;border-radius:8px;display:inline-block;float:right;font-size:0.625em;height:24px;line-height:24px;text-align:center;width:48px}
.companylist .companylist-dcnt-new{background-color:#ffa726;color:#ffffff}
.filelist-container-wrapper{overflow:auto;_height:1%;_overflow:visible}
.filelist-container{float:left;width:50%}
.filelist-container-in{padding:0 16px}
.filelist-title{border-bottom:1px solid #eeeeee;color:#ef5350;font-weight:normal;margin:0;padding:8px 0;text-transform:uppercase}
.filelist-title-cnt{background-color:#eeeeee;border-radius:8px;color:#757575;display:inline-block;float:right;font-size:0.625em;font-weight:bold;height:24px;line-height:24px;text-align:center;width:48px}
.filelist{list-style-type:none;margin:0;padding:0}
.filelist li{border-bottom:1px solid #eeeeee;font-size:0.875em;list-style-type:none;margin:16px 0;padding:0 0 8px 0;position:relative}
.filelist li a{display:block;overflow:auto;padding:8px 4px;_height:1%;_overflow:visible}
.filelist-name{color:#ef5350;display:block;float:left}
.filelist-link-unread{background:#fff3e0;color:#d32f2f;font-weight:bold}
.filelist-link-unread .filelist-name{color:#d32f2f}
.filelist-date{color:#757575;display:block;float:right}
.filelist-info{color:#bdbdbd;display:block;overflow:hidden;padding:0 4px 4px 4px}
.filelist-info dfn{cursor:help;font-style:normal}
.filelist .form-button-mark{background-color:#eeeeee;border-radius:4px;bottom:12px;color:#757575;display:block;height:8px;line-height:0;margin:0;padding:8px 8px 10px 8px;position:absolute;right:0;text-align:center}
.ccsection-in .filelist-desc{color:#757575;margin:0;padding:0 4px 4px 4px}
.payslips{border:1px solid #bdbdbd;margin:-16px 0 40px 0;padding:0}
.payslips-heading{background-color:#bdbdbd;padding:0}
.payslips-heading h3{color:#ffffff;font-size:0.875em;margin:0;padding:8px 0;text-align:center}
.payslips-content{overflow:auto;padding:4px;_height:1%;_overflow:visible}
.payslips-content .payslips-none{font-size:0.85em;margin:0;padding:4px}
.payslips-payslip{float:left;width:50%}
.payslips-payslip-in{margin:4px;text-align:center}
.payslips-payslip-in a, .payslips-payslip-in a:visited{background-color:#e3f2fd;color:#757575;display:block;padding:4px;text-decoration:none}
.payslips-payslip .payslips-payslip-name{display:block;font-size:1.125em}
.payslips-payslip .payslips-payslip-issuedon{display:block;font-size:0.75em}
.payslips-payslip .payslips-payslip-downloaded{display:block;font-size:0.75em}
.seasonlist{list-style-type:none;margin:0;overflow:auto;padding:0 0 16px 0;_height:1%;_overflow:visible}
.seasonlist li{float:left;list-style-type:none;padding:8px 0 0 0;width:20%}
.seasonlist li a, .seasonlist li a:visited{background:#ffffff;border-bottom:1px solid #e0e0e0;display:block;margin:0 16px;padding:8px;text-decoration:none}
.seasonlist .seasonlist-dcnt{background-color:#eeeeee;border-radius:8px;display:inline-block;float:right;font-size:0.625em;height:24px;line-height:24px;text-align:center;width:48px}
.seasonlist .seasonlist-dcnt-new{background-color:#ffa726;color:#ffffff}
.form{font-size:0.875em;margin:0;padding:0;width:auto}
.form-in{background:#ffffff;margin:0;overflow:auto;padding:16px;_height:1%;_overflow:visible}
.form-row{padding:2px 0;position:relative;width:auto}
.form-label{display:block;width:auto}
.form-control{display:block;margin:0 0 2px 0}
.form-info{background:#eeeeee;border-radius:4px;color:#757575;margin:4px 0 12px 0;padding:12px}
.form-info-ok{color:#009900;font-weight:bold}
.form-info-error{color:#d32f2f;font-weight:bold}
.form-reqx .formt-text, .form-reqx form-textarea{border-left:2px solid #808080}
.form-req .form-label:before, .form-reqx .form-label:before{color:#cc0000;content:'*';font-size:1em;font-weight:bold;left:-8px;line-height:0;position:absolute;top:10px}
.form-reqx .form-label:before{color:#cc0000}
input{background:#ffffff;color:#424242;transition:background-color 0.3s}
textarea{background:#ffffff;border:1px solid #e0e0e0;color:#424242;margin:2px 0;padding:4px 8px;transition:background-color 0.3s;_margin:0}
textarea:focus{border:1px solid #616161}
select{background:#ffffff;border:1px solid #e0e0e0;border-radius:4px;color:#424242;padding:3px 8px}
.form-text, .form-file{background:#ffffff;border:1px solid #e0e0e0;border-radius:4px;margin:2px 0;padding:4px 8px;_margin:0}
.form-text:focus, .form-file:focus{border:1px solid #616161}
.form-text-right{text-align:right}
.form-checkbox{background:#ffffff;border:1px solid #e0e0e0;border-radius:4px;margin:0;padding:0 2px}
.form-button{background-color:#424242;border:none;border-radius:4px;color:#ffffff;cursor:pointer;margin:2px 0;padding:5px 16px;transition:background-color 0.2s}
.form-button:focus{background-color:#ffa726;color:#ffffff}
.form-admin .form-label{display:inline-block;width:10em}
.form-admin .form-control{display:inline-block;margin:0 0 2px 0}
#form-login{clear:both;margin:0;padding:8px 0 16px 0}
#form-login .form-row-login .form-control{margin:0 18px 0 0}
#form-login .form-row-password .form-control{margin:0 50px 0 0}
#form-login .form-row-password .form-text{padding:4px 40px 4px 8px}
#form-login .form-row-dologin .form-control{margin:4px 0 0 0}
#form-login input{width:100%}
#form-login .form-row-dologin .form-button{background-image:url('/images/sprites.svg');background-position:100% -120px;background-repeat:no-repeat;height:40px}
#form-pwdreset{clear:both;margin:0;padding:8px 0 16px 0}
#form-pwdreset .form-row-password1 .form-control{margin:0 50px 0 0}
#form-pwdreset .form-row-password1 .form-text{padding:4px 40px 4px 8px}
#form-pwdreset .form-row-password1 .js-password-strength{margin:0 -54px 0 0;overflow:hidden;padding:12px 0}
#form-pwdreset .form-row-password1 .js-password-strength_text{display:block;overflow:hidden;width:100%}
#form-pwdreset .form-row-password1 .js-password-strength_text::after{background:transparent;content:'';display:block;height:1px;width:100em}
#form-pwdreset .form-row-password2{padding:16px 0 0 0}
#form-pwdreset .form-row-password2 .form-control{margin:0 50px 0 0}
#form-pwdreset .form-row-password2 .form-text{padding:4px 40px 4px 8px}
#form-pwdreset .form-row-dosetpwd .form-control{margin:16px 0 0 0}
#form-pwdreset input{width:100%}
.form-user .form-label{display:inline-block;padding-top:2px;vertical-align:text-top;width:10em}
.form-user .form-control{display:inline-block;margin:0 0 2px 0;vertical-align:text-top}
#home-menu{text-align:center}
#home-menu a{display:inline-block;line-height:24px;margin:8px;padding:4px 32px 2px 32px;position:relative;text-decoration:none}
#home-menu a .menu-desc{background:#ef5350;border-radius:50%;color:#ffffff;font-size:0.75em;font-weight:bold;height:28px;line-height:28px;position:absolute;right:-8px;text-align:center;top:-8px;width:28px}
.home-notes td{vertical-align:top}
.home-notes .home-note{border-bottom:1px solid #e0e0e0;margin:0;padding:4px 0}
.home-note:last-child{border:none}
.home-note-info{color:#9e9e9e;display:block;font-size:0.875em}
.form-button-link, .form-button-xlink, .form-button-link:visited, .form-button-xlink:visited{background-color:#424242;border:none;border-radius:4px;color:#ffffff;cursor:pointer;display:inline-block;margin:2px 8px;padding:5px 16px;text-decoration:none;transition:background-color 0.3s}
.ccsection-table .form-button-link{display:block;text-align:center}
.form-button-green, .form-button-green:visited{background-color:#2e7d32;color:#ffffff}
.form-button-orange, .form-button-orange:visited{background-color:#ef6c00;color:#ffffff}
.form-button-red, .form-button-red:visited{background-color:#c62828;color:#ffffff}
.form-button-grey, .form-button-grey:visited{background-color:#eeeeee;color:#757575}
.form-label-simple, .form-control-simple{padding:0 16px 0 0}
#mpuser-form-userrights-edit{overflow:auto;padding:0 0 16px 0;_height:1%;_overflow:visible}
#mpuser-form-userrights-edit table{border-bottom:2px solid #e0e0e0;margin-bottom:16px}
#mpuser-form-userrights-edit .tr03 td{background-color:#e0e0e0}
#mpuser-form-userrights-edit table .xcontrol{text-align:center;width:5%}
#mpuser-form-userrights-edit table .xcontrol2{width:10%}
.mp-form-attendance{font-size:1.142857em;position:relative}
.mp-form-attendance .mp-form-attendance-title{background-color:#bdbdbd;color:#ffffff;font-size:0.875em;text-align:center}
.mp-form-attendance .mp-form-attendance-state{background-color:#f5f5f5;text-align:right}
.mp-form-attendance th{color:#bdbdbd;font-size:0.875em;text-align:center}
.mp-form-attendance td{vertical-align:top;width:14.285%}
.mp-form-attendance .xdate-anchor{background:red;height:0;left:0;position:absolute;top:-80px;width:0}
.mp-form-attendance .xdate-link-wrapper{padding:0;transition:padding 0.3s}
.mp-form-attendance .xdate-link, .mp-form-attendance .xdate-link:visited{background-color:#f5f5f5;color:#757575;font-size:1.125em;font-weight:bold;padding:24px 0;position:relative;text-align:center;text-decoration:none;transition:background-color 0.3s,color 0.3s}
.mp-form-attendance .xdate-link-off{border-bottom:none;border-left:1px solid #757575;border-right:1px solid #757575;border-top:1px solid #757575;display:none}
.mp-form-attendance .xdate-link-on{border:1px solid #ffffff;display:block}
.mp-form-attendance .xdate-anchor:target ~ .xdate-link-wrapper .xdate-link-off{display:block}
.mp-form-attendance .xdate-anchor:target ~ .xdate-link-wrapper .xdate-link-on{display:none}
.mp-form-attendance .xdate-link.xdate-events, .mp-form-attendance .xdate-link.xdate-events:visited{background-color:#bdbdbd}
.mp-form-attendance .xdate-freeday, .mp-form-attendance .xdate-freeday:visited{background-color:#e3f2fd}
.mp-form-attendance .xdate-freeday.xdate-events, .mp-form-attendance .xdate-freeday.xdate-events:visited{background-color:#90caf9}
.mp-form-attendance .xdate-workday, .mp-form-attendance .xdate-workday:visited{background-color:#fff3e0}
.mp-form-attendance .xdate-workday.xdate-events, .mp-form-attendance .xdate-workday.xdate-events:visited{background-color:#ffcc80}
.mp-form-attendance .xform-controls{background:#fafafa;border:1px solid #ffffff;height:20em;left:17px;max-height:0;overflow:hidden;position:absolute;right:17px;transition:max-height 0.3s,border 0.3s;z-index:4}
.mp-form-attendance .xform-controls-in{display:none;padding:16px}
.mp-form-attendance .xform-controls-row{padding:4px 0}
.mp-form-attendance .xform-controls-row-100{}
.mp-form-attendance .xform-controls-row-100 select{width:100%}
.mp-form-attendance .xdate-anchor:target ~ .xdate-link-wrapper{padding-bottom:20em}
.mp-form-attendance .xdate-anchor:target ~ .xdate-link-wrapper .xform-controls{border:1px solid #757575;display:block;max-height:20em;z-index:10}
.mp-form-attendance .xdate-anchor:target ~ .xdate-link-wrapper .xform-controls-in{display:block}
.mp-form-attendance .xdate-link .xdate-type-list, .mp-form-attendance .xdate-link:visited .xdate-type-list{background-color:#ffffff;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2);color:#757575;display:none;font-weight:normal;left:5%;padding:12px 16px;position:absolute;text-align:left;width:20em;z-index:20}
.mp-form-attendance .xdate-link .xdate-type-list-item{border-bottom:1px solid #f5f5f5;display:block;font-size:0.83333em;padding:4px 0}
.mp-form-attendance td:nth-child(7) .xdate-type-list, .mp-form-attendance td:nth-child(6) .xdate-type-list, .mp-form-attendance td:nth-child(5) .xdate-type-list{left:auto;right:5%}
.mp-form-attendance .xform-controls-x1, .mp-form-attendance .xform-controls-x2{float:left;min-height:1em;width:50%}
.mp-form-attendance .xform-controls .xdate-type-list{display:block;font-size:0.9375em;padding:0 48px 0 0}
.mp-form-attendance .xform-controls .xdate-type-list-item{border-bottom:1px solid #eeeeee;display:block;overflow:auto;padding:8px 0;position:relative;_height:1%;_overflow:visible}
.mp-form-attendance .xdate-type-list-item:last-child{border-bottom:none}
.mp-form-attendance .xdate-type-list-item .form-button{font-size:1.3333em;font-weight:bold;line-height:1em;padding:0 12px 6px 12px;position:absolute;right:0;top:4px}
.mp-form-attendance .xdate-type-list-item a, .mp-form-attendance .xdate-type-list-item a:visited{border-bottom:1px solid #e0e0e0;color:#757575;display:inline-block;margin:0 0 4px 0;text-decoration:none}
.mp-form-attendance .xdate-type-list-item-note{color:#bdbdbd;display:block;font-size:0.8em}
.mp-form-attendance .xform-controls-x2{font-size:0.875em}
.mp-attendance-log{border:1px solid #eeeeee;color:#bdbdbd;display:block;font-size:0.75em;margin:8px 0 24px 0;width:100%}
.mp-attendance-log-row{border-bottom:1px solid #eeeeee;display:block;padding:0}
.mp-attendance-log-row:last-child{border-bottom:none}
.mp-attendance-log-cell{display:inline-block;padding:4px 8px}
.mp-attendance-log-cell-dt, .mp-attendance-log-cell-state{width:12em}
.mp-form-attendance-calendars{font-size:1.142857em;position:relative}
.mp-form-attendance-calendars .mp-form-attendance-title{background-color:#bdbdbd;color:#ffffff;font-size:0.875em;text-align:center}
.mp-attendance-calendars .xcalendar-anchor{background:red;height:0;left:0;position:absolute;top:-80px;width:0}
.mp-attendance-calendars .xcalendar-link-wrapper{padding:0;transition:padding 0.3s}
.mp-attendance-calendars td{vertical-align:top;width:14.285%}
.xcalendar-links{position:relative}
.mp-attendance-calendars .xcalendar-link, .mp-attendance-calendars .xcalendar-link:visited{background-color:#f5f5f5;color:#757575;display:block;font-size:0.875em;font-weight:bold;line-height:0;padding:24px 0;text-align:center;text-decoration:none;transition:background-color 0.3s,color 0.3s}
.mp-attendance-calendars a.xcalendar-link, .mp-attendance-calendars a.xcalendar-link:visited{background-color:#e3f2fd}
.mp-attendance-calendars .xcalendar-infolink, .mp-attendance-calendars .xcalendar-infolink:visited{color:#757575;display:block;font-size:2em;font-weight:bold;height:32px;position:absolute;right:-4px;text-align:center;text-decoration:none;top:8px;width:32px}
.mp-attendance-calendars .xcalendar-infolink-show{display:block}
.mp-attendance-calendars .xcalendar-infolink-hide{display:none}
.xcalendar-anchor:target ~ .xcalendar-link-wrapper .xcalendar-infolink-show{display:none}
.xcalendar-anchor:target ~ .xcalendar-link-wrapper .xcalendar-infolink-hide{display:block}
.xcalendar-anchor ~ .xcalendar-link-wrapper{padding:0;transition:padding 0.3s}
.xcalendar-anchor:target ~ .xcalendar-link-wrapper{padding-bottom:20em}
.xcalendar-anchor ~ .xcalendar-link-wrapper .xform-controls{background:#fafafa;border:1px solid #ffffff;height:20em;left:17px;max-height:0;overflow:hidden;position:absolute;right:17px;transition:max-height 0.3s,border 0.3s;z-index:4}
.xcalendar-anchor:target ~ .xcalendar-link-wrapper .xform-controls{border:1px solid #757575;display:block;max-height:20em;z-index:10}
.xcalendar-anchor ~ .xcalendar-link-wrapper .xform-controls-in{display:none;padding:16px}
.xcalendar-anchor:target ~ .xcalendar-link-wrapper .xform-controls-in{display:block}
.mp-attendance-calendars .xform-controls-row{font-size:0.875em;padding:8px}
.form-button-small-emailto{display:inline-block;margin:0 8px;padding:1px 8px;vertical-align:middle}
.form-user-emailto-user{padding:0 0 4px 0}
.form-user-emailto-user-name{display:inline-block;margin:6px 0 0 0;vertical-align:middle}
.ccsection-in .emailto-sending-ok{background-color:#66bb6a;border-radius:4px;color:#ffffff;display:block;font-weight:bold;margin:32px 16px;padding:16px 16px 12px 16px;text-align:center}
.mp-iforms{}
.mp-iforms .form-row{border-bottom:1px solid #eeeeee;overflow:visible}
.mp-iforms .form-row::after{clear:both;content:'';display:block;height:0}
.mp-iforms .form-row:last-child{border-bottom:none}
.mp-iforms .form-label{display:block;float:left;padding-top:0.5em;vertical-align:top;width:14em}
.mp-iforms .form-control{display:block;margin-left:15em;width:auto}
.mp-iforms .form-control p{margin:0;padding:0.5em 0 0.2em 0}
.mp-iforms-note{background:#eeeeee;border-radius:50%;cursor:help;display:inline-block;font-weight:bold;height:20px;line-height:24px;padding:0;position:relative;text-align:center;width:20px;z-index:0}
.mp-iforms-note-text{background:#ffffff;border:1px solid #bdbdbd;border-radius:8px;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2);display:none;font-size:0.8571em;font-weight:normal;left:10px;line-height:normal;min-width:30em;padding:12px;position:absolute;text-align:left;top:10px;visibility:hidden;z-index:100}
.mp-iforms-view{}
.mp-iforms-view h2{}
.mp-iforms-view h2 strong{color:#000000}
.mp-iforms-view strong{color:#000000}
.mp-iforms-view .form-row{padding:1em 0}
.mp-iforms-view p.note{color:#9e9e9e;font-size:0.875em;font-style:italic;padding:0.1em 0 0.5em 0}
.mp-iforms-view h4{margin:0;padding:0;text-align:center}
.mp-iforms-xbox{border:1px solid #9e9e9e;border-radius:4px;display:inline-block;padding:2px 16px}
.mp-iforms-xbox-left{float:left}
.mp-iforms-container{overflow:auto}
.mp-iforms-container::after{clear:both;content:'';height:0;overflow:hidden;width:0}
.mp-iforms-xblock{display:block;padding:0 0 0 4em}
.mp-iforms .form-control p.line{margin:0;padding:0 0 0.2em 0}
.mp-iforms-download{overflow:auto;padding:8px 16px}
.mp-iforms-download a{float:right}
.mp-iforms strong.xnormal{color:inherit;font-weight:normal}
.mp-iforms-int-notes{font-size:0.9375em}
.mp-iforms-int-notes p.note{color:#9e9e9e;font-size:0.875em;font-style:italic;padding:0.1em 0 0.5em 0}
#mpiform-iform-intnotes .form-label{vertical-align:top}
.mp-iforms-int-notes .form-row{padding-bottom:1em}
.mp-iforms-int-note-time{color:#9e9e9e;font-size:0.875em;padding:0.1em 0 0.5em 0}
.mpiforms-link, .mpiforms-link:visited{background:#78909c;color:#ffffff;display:block;font-weight:bold;padding:2px 8px;text-align:center}
.mpiforms-link-open, .mpiforms-link-open:visited{background:#78909c}
.mpiforms-link-signed1, .mpiforms-link-signed1:visited{background:#ffa726}
.mpiforms-link-approved, .mpiforms-link-approved:visited{background:#26a69a}
.mpiforms-link-signed2, .mpiforms-link-signed2:visited{background:#66bb6a}
.mp-iforms-view-signatures{}
.mp-iforms-view-signatures pre{background:#f5f5f5;color:#616161;display:block;font-size:0.75em;margin:0;padding:16px}
.mp-iforms-view-signatures h3{color:#000000;font-weight:bold;margin:0.2em 0;padding:1em 0 0.5em 0}
.mp-iforms-view-signatures h5{color:#000000;font-weight:bold;margin:0;padding:0.75em 0 0 0}
.mp-iforms-info{background:#b0bec5;color:#ffffff;display:inline-block;font-size:0.85em;font-weight:bold;margin:2px 4px;padding:2px 6px 0px 6px;white-space:nowrap}
.mp-iforms-info-yes{background:#1b5e20}
.mp-iforms-info-no{background:#b71c1c}
.mp-iforms-saved{border-top:16px solid #ffffff;margin:0 2em;padding:0 2em;position:relative}
.mp-iforms-saved p{animation-duration:3s;animation-iteration-count:1;animation-name:xinfo;background:#66bb6a;color:#ffffff;font-weight:bold;left:0;opacity:0;padding:1em;position:absolute;right:0;text-align:center;top:-16px;z-index:10}
.form-row-recipients .form-label{display:block;font-size:1.125em;font-weight:bold;padding-bottom:0.5em;padding-top:1em}
.mp-msg-recipient{border:1px solid #bdbdbd;border-radius:8px;display:inline-block;margin:0 2em 1em 0;padding:0 8px;width:20%}
.mp-msg-recipient-text{display:inline-block;padding-right:1em;vertical-align:top}
.mp-msg-recipient-name{display:block}
.mp-msg-recipient-bcnum{color:#9e9e9e;display:block;font-size:0.875em}
.mp-msg-recipient input{display:inline-block;float:right;font-size:2em;font-weight:bold;line-height:0.5em;margin:0.125em 0 0 0;padding:0.125em 0.25em 0.4em 0.25em;vertical-align:top}
#nav{background:none;height:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:500}
#nav .nav-show, #nav .nav-hide{background:#9e9e9e url('/images/sprites.svg') 0 0 no-repeat;border:1px solid #757575;border-radius:4px;display:block;height:40px;overflow:hidden;position:absolute;right:12px;text-decoration:none;text-indent:-1000em;top:11px;width:40px;z-index:2}
.page-style-admin #nav .nav-show, .page-style-admin #nav .nav-hide{background:#9e9e9e url('/images/sprites.svg') 0 0 no-repeat;border:1px solid #bdbdbd}
.page-style-acc #nav .nav-show, .page-style-acc #nav .nav-hide{background:$ color_grey_700 url('/images/sprites.svg') 0 0 no-repeat;border:1px solid $ color_grey_600}
.page-style-hr #nav .nav-show, .page-style-hr #nav .nav-hide{background:$ color_grey_700 url('/images/sprites.svg') 0 0 no-repeat;border:1px solid $ color_grey_600}
#nav .nav-show, #nav:target .nav-hide{display:block}
#nav .nav-hide, #nav:target .nav-show{display:none}
#nav .js-nav-show-displayed, #nav:target .js-nav-show-displayed{display:block}
#nav .js-nav-show-hidden, #nav:target .js-nav-show-hidden{display:none}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{display:block;font-size:0.875em;left:0;margin:65px 0 0 0;max-height:0;overflow:hidden;padding:0;position:absolute;top:0;transition:max-height 0.5s ease-in;width:100%}
#nav:target .nav-menu, #nav .js-nav-menu-show{max-height:480px}
#nav .nav-menu ul{border-top:1px solid rgba(155,155,155,0.92);list-style-type:none;margin:0;padding:0}
#nav .nav-menu li{background-color:rgba(128,128,128,0.9);border-bottom:1px solid rgba(255,255,255,0.2);display:block;float:none;font-weight:normal;height:40px;line-height:40px;margin:0;padding:0;position:relative}
#nav .nav-menu a, #nav .nav-menu span{border:none;display:block;font-weight:bold;height:40px;line-height:40px;margin:0;padding:0 12px}
#nav .nav-menu span{background-color:transparent;color:#bdbdbd;text-transform:uppercase}
#nav .nav-menu a, #nav .nav-menu a:visited{background-color:transparent;color:#ffffff;text-decoration:none;text-transform:uppercase}
#nav .nav-submenu-list1{display:none}
#nav .nav-menu a:before{background:#ffffff;content:'';display:block;height:100%;left:0;opacity:0.33;overflow:hidden;position:absolute;top:0;transform:none;transition:width 0.5s,opacity 0.5s;visibility:hidden;width:0}
#nav .nav-menu span .menu-desc, #nav .nav-menu a .menu-desc{background:#ef5350;border-radius:50%;color:#ffffff;font-weight:bold;height:28px;line-height:28px;margin:0;padding:0;position:absolute;right:4px;text-align:center;top:6px;width:28px}
.js-password-strength{display:block;height:auto}
.js-password-strength_scale{background:#e5e5e5;display:block;height:8px;margin:0 0 0 -4px;overflow:auto;width:100%;_height:1%;_overflow:visible}
.js-password-strength_scale-unit{display:block;float:left;height:8px;overflow:hidden;position:relative;text-indent:-1000em;width:25%}
.js-password-strength_scale-unit::before{background:#ffffff;content:'';display:block;height:8px;left:0;position:absolute;top:0;width:4px}
.js-password-strength_text{display:block;width:100%}
.js-password-strength_level0 .js-password-strength_scale-level1, .js-password-strength_level0 .js-password-strength_scale-level2, .js-password-strength_level0 .js-password-strength_scale-level3, .js-password-strength_level0 .js-password-strength_scale-level4{background:#e5e5e5}
.js-password-strength_level1 .js-password-strength_scale-level1{background:#CC0000}
.js-password-strength_level1 .js-password-strength_scale-level2, .js-password-strength_level1 .js-password-strength_scale-level3, .js-password-strength_level1 .js-password-strength_scale-level4{background:#e5e5e5}
.js-password-strength_level2 .js-password-strength_scale-level1, .js-password-strength_level2 .js-password-strength_scale-level2{background:#ffaa00}
.js-password-strength_level2 .js-password-strength_scale-level3, .js-password-strength_level2 .js-password-strength_scale-level4{background:#e5e5e5}
.js-password-strength_level3 .js-password-strength_scale-level1, .js-password-strength_level3 .js-password-strength_scale-level2, .js-password-strength_level3 .js-password-strength_scale-level3{background:#88cc00}
.js-password-strength_level3 .js-password-strength_scale-level4{background:#e5e5e5}
.js-password-strength_level4 .js-password-strength_scale-level1, .js-password-strength_level4 .js-password-strength_scale-level2, .js-password-strength_level4 .js-password-strength_scale-level3, .js-password-strength_level4 .js-password-strength_scale-level4{background:#009900}
#xscripts, .xnoscript{display:inline;font-size:0;height:0;line-height:0;overflow:hidden;position:absolute;width:0}
@keyframes xinfo{0%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled),screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
a:hover{color:#ff1744;text-decoration:underline;transition:color 0.3s}
#logo a:hover{color:#ff9100}
#footer a:hover{color:#ffa726}
.page-style-admin #footer a:hover{color:#ffffff}
.page-style-acc #footer a:hover{color:#ffffff}
.page-style-hr #footer a:hover{color:#ffffff}
.ccsection-table a.downloadlink:hover{background:#d50000}
.ccsection .pagenav a:hover{background-color:#ffcdd2;color:#ff1744;text-decoration:none}
.ccsection .bcnav a:hover{text-decoration:none}
.ccsection-in p.pwdreset-link a:hover{color:#d50000}
.companylist li a:hover{background-color:#ffebee}
.companylist a:hover .companylist-dcnt{background-color:#ef9a9a;color:#ffffff}
.filelist li a:hover{background-color:#ffebee}
.payslips-payslip-in a:hover{background-color:#bbdefb;color:#757575;text-decoration:none}
.seasonlist li a:hover{background-color:#ffebee}
.seasonlist a:hover .seasonlist-dcnt{background-color:#ef9a9a;color:#ffffff}
.form-button:hover{background-color:#ffa726;color:#ffffff}
.form-button-link:hover, .form-button-xlink:hover{background-color:#757575;color:#ffffff;text-decoration:none}
.form-button-green:hover{background-color:#00e676;color:#ffffff}
.form-button-orange:hover{background-color:#ff9100;color:#ffffff}
.form-button-red:hover{background-color:#ff1744;color:#ffffff}
.form-button-grey:hover{background-color:#757575;color:#ffffff}
.mp-form-attendance .xdate-link:hover{background-color:#e0e0e0;text-decoration:none}
.mp-form-attendance .xdate-link.xdate-events:hover{background-color:#757575;color:#ffffff}
.mp-form-attendance .xdate-freeday:hover{background-color:#90caf9}
.mp-form-attendance .xdate-freeday.xdate-events:hover{background-color:#42a5f5;color:#ffffff}
.mp-form-attendance .xdate-workday:hover{background-color:#ffcc80}
.mp-form-attendance .xdate-workday.xdate-events:hover{background-color:#ffa726;color:#ffffff}
.mp-form-attendance .xdate-link-wrapper:hover .xform-controls{}
.mp-form-attendance .xform-controls:hover{}
.mp-form-attendance .xdate-link:hover .xdate-type-list{border:1px solid #e0e0e0;color:#757575;display:block}
.mp-form-attendance .xdate-type-list-item a:hover{border-bottom:1px solid #ff1744;color:#ff1744;text-decoration:none}
.mp-attendance-calendars a.xcalendar-link:hover{background-color:#bbdefb;text-decoration:none}
.mp-attendance-calendars .xcalendar-infolink:hover{color:#ff1744}
.mp-iforms-note:hover{z-index:100}
.mp-iforms-note:hover .mp-iforms-note-text{display:block;visibility:visible}
.mpiforms-link:hover{background:#b0bec5;color:#ffffff;text-decoration:none}
.mpiforms-link-open:hover{background:#b0bec5}
.mpiforms-link-signed1:hover{background:#ff9100}
.mpiforms-link-approved:hover{background:#1de9b6}
.mpiforms-link-signed2:hover{background:#00e676}
#nav .nav-show:hover, #nav .nav-hide:hover{background:#e0e0e0 url('/images/sprites.svg') 0 0 no-repeat;border:1px solid #bdbdbd}
.page-style-admin #nav .nav-show:hover, .page-style-admin #nav .nav-hide:hover{background:#ffa726 url('/images/sprites.svg') 0 0 no-repeat;border:1px solid #000000}
.page-style-acc #nav .nav-show:hover, .page-style-acc #nav .nav-hide:hover{background:#9e9e9e url('/images/sprites.svg') 0 0 no-repeat;border:1px solid #bdbdbd}
.page-style-hr #nav .nav-show:hover, .page-style-hr #nav .nav-hide:hover{background:#9e9e9e url('/images/sprites.svg') 0 0 no-repeat;border:1px solid #bdbdbd}
#nav .nav-show:hover ~ .nav-menu, #nav .nav-hide:hover ~ .nav-menu, #nav .nav-menu:hover{max-height:480px}
#nav .nav-menu a:hover{background-color:#ffa726;border:none;color:#ffffff;transition:background-color 0.3s}
#nav .nav-menu a:hover:before{opacity:0;visibility:visible;width:100%}
}
@media only screen and (min-width:30em){
.contentwidth{min-width:424px;padding:0 16px}
#nav .nav-show, #nav .nav-hide{right:16px}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{left:auto;right:0;width:24em}
#nav .nav-menu li{border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2)}
}
@media only screen and (min-width:40em){
.contentwidth{min-width:584px;padding:0 16px}
.payslips-payslip{float:left;width:33.333%}
#nav .nav-show, #nav .nav-hide{right:16px}
}
@media only screen and (min-width:48em){
.contentwidth{min-width:712px;padding:0 16px}
.payslips-payslip{float:left;width:25%}
#nav .nav-show, #nav .nav-hide{right:16px}
}
@media only screen and (min-width:60em){
.contentwidth{max-width:1152px;min-width:888;padding:0 24px}
.payslips-payslip{float:left;width:16.667%}
#nav .nav-show, #nav .nav-hide{right:24px}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{right:24px}
}