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(0,0,0,0.8);height:100%;min-height:100vh}
#page0{position:relative}
#header{background:#ffffff;border-top:4px solid #cc2828;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:128px;z-index:25}
#logo a{display:block;height:48px;margin:0;padding:0;position:relative}
#logo a::after{background:#ffffff url('/images/mps-logo.svg') 0 50% no-repeat;background-size:contain;content:'';display:block;height:48px;left:0;position:absolute;top:0;width:100%}
#xtoppage{height:68px}
#footer{background:#1e1a56;border-top:1px solid rgba(255,255,255,0.25);bottom:0;color:#ffffff;height:32px;position:absolute;width:100%}
*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a, a:visited{color:$color_remapv_blue;text-decoration:none}
.align-center{text-align:center}
hr{background:#eeeeee;border:none;color:#eeeeee;height:1px;margin:12px 0 6px 0;padding:0}
li{color:#ef5350;list-style-type:square}
li span{color:#757575}
.page-style-welcome #logo{margin:0 auto}
#logo a, #logo a:visited{color:#cc2828;text-decoration:none}
#footer .contentwidth{font-size:0.625em;line-height:32px;text-align:center}
#footer a, #footer a:visited{color:#7a74cc}
.ccsection{background:#ffffff;border-radius:4px;font-size:0.875em;margin:24px 0;overflow:hidden;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:$color_remapv_blue;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 .ccsection-table-in{width:auto}
.ccsection-in .ccsection-table{border:1px solid #e0e0e0;margin:16px 0}
.ccsection-table th, .ccsection-table td{padding:8px;text-align:left}
.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}
.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;padding-top:6px;vertical-align:text-top;width:auto}
.form-control{display:block;margin:0 0 2px 0;vertical-align:text-top}
.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:#2e2880;border:none;border-radius:4px;color:#ffffff;cursor:pointer;font-weight:bold;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-button-link, .form-button-xlink{background-color:#2e2880;border:none;border-radius:4px;color:#ffffff;cursor:pointer;display:inline-block;font-weight:bold;margin:2px 0;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}
.xconstruction{color:#757575;font-size:00.875em}
#mpsers-form-order-items-edit hr{background:#bdbdbd;border:none;color:#bdbdbd;height:1px;margin:12px 0 6px 0;padding:0}
#mpsers-form-order-items-edit strong{color:#2e2880;font-size:1.5em}
.ccsection-table .xtabdetail{}
.ccsection-table .xtabdetail:target{max-height:500px}
.ccsection-table .xtabdetail td{padding:0}
.ccsection-table .xtabdetail td .xtabdetail-content{max-height:0;overflow:hidden;padding:0;transition:max-height 0.6s}
.ccsection-table .xtabdetail:target td .xtabdetail-content{max-height:500px;transition:max-height 0.6s}
.ccsection-table .xtabdetail td .xtabdetail-content div{font-size:0.875em;padding:8px}
.ccsection-table td{position:relative}
.xinfo, .xinfo:visited{background:$color_remapv_blue;border-radius:50%;color:#ffffff;display:block;font-size:1.2em;font-weight:bold;height:24px;line-height:22px;position:absolute;right:8px;text-align:center;text-decoration:none;top:-29px;transition:background-color 0.6s;width:24px}
.xinfo-close, .xinfo-close:visited{background:grey;border:1px solid $color_remapv_blue;font-size:1.5em;height:22px;line-height:20px;opacity:0.5;right:8px;text-decoration:none;top:-29px;transition:background-color 0.6s;width:22px}
.ccsection-table .xtabdetail:target .xinfo-close{opacity:1}
.ccsection-table .xtabdetail .xinfo-open{opacity:1;transition:opacity 0.6s;visibility:visible}
.ccsection-table .xtabdetail:target .xinfo-open{opacity:0;visibility:hidden}
th.align-right, td.align-right{text-align:right}
.ccsection .form-button-link, .ccsection .form-button-xlink{background-color:#2e2880;color:#ffffff}
.xgreen{color:darkgreen}
.xred{color:darkred}
.ccsection-info{position:relative}
.ccsection-info:target{}
.ccsection-info .xinfo{top:-33px}
.ccsection-info .ccsection-info-in{max-height:0;overflow:hidden;transition:max-height 0.6s}
.ccsection-info:target .ccsection-info-in{max-height:1024px}
.ccsection-info:target .xinfo-close{opacity:1}
.ccsection-info .xinfo-open{opacity:1;transition:opacity 0.6s;visibility:visible}
.ccsection-info:target .xinfo-open{opacity:0;visibility:hidden}
.xinfosection .ccsection{margin:8px 0}
.xhistory, .xhistory:visited{color:#ffffff;font-size:0.75em;position:absolute;right:8px;text-decoration:none;top:2px}
.xnote .xnote-dt, .xnote:visited .xnote-dt{background:#bdbdbd;border-radius:50%;color:#ffffff;display:inline-block;font-weight:bold;height:24px;line-height:24px;text-align:center;width:24px}
.xnote .xnote-dd, .xnote:visited .xnote-dd{background:#eeeeee;border:2px solid #ff9100;border-radius:4px;bottom:8px;box-shadow:4px 4px 2px 0px rgba(0,0,0,0.5);color:#000000;display:block;min-width:24em;opacity:0;padding:8px 16px;position:absolute;right:8px;text-align:left;transition:opacity 0.3s;visibility:hidden}
.ccsection-info .ccsection-in{margin:0 0 16px 0;padding:0 16px}
.ccsection-info .ccsection-in h3{color:$color_remapv_blue;font-weight:normal;margin:0;padding:8px 0 0 0}
.ccsection-info .ccsection-in table{margin:8px 0}
.xtr-qs{display:block;padding:2px 8px;text-align:center}
.xtr-qs-0{background:#4db6ac;color:#ffffff}
.xtr-qs-4{background:#78909c;color:#ffffff}
.xtr-qs-10{background:#ffa726;color:#ffffff}
.xtr-qs-20{background:#66bb6a;color:#ffffff}
.xtr-qs-50{background:#1565c0;color:#ffffff}
#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:#e0e0e0 url('/images/sprites.svg') 0 0 no-repeat;border:1px solid #bdbdbd;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(30,26,86,0.8);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:#e0e0e0;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}
.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}
@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:#ff9100;text-decoration:underline;transition:color 0.3s}
#logo a:hover{color:#cc2828}
#footer a:hover{color:#cc2828}
.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:#cc2828;color:#ffffff;font-weight:bold}
.form-button-link:hover, .form-button-xlink:hover{background-color:#cc2828;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}
.xinfo:hover{background:#ff9100;color:#ffffff;text-decoration:none;transition:background-color 0.6s}
.xinfo-close:hover{background:#ff9100;transition:background-color 0.6s}
.xhistory:hover{text-decoration:none}
.xnote, .xnote:visited, .xnote:hover{position:relative;text-decoration:none}
.xnote:hover .xnote-dt{background:#ff9100;color:#ffffff}
.xnote:hover .xnote-dd{opacity:1;visibility:visible}
#nav .nav-show:hover, #nav .nav-hide:hover{background:#cc2828 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:#cc2828;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}
}