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:220px;z-index:25}
#logo a{display:block;height:48px;margin:0;padding:0;position:relative}
#logo a::after{background:#ffffff url('/images/eticka-linka-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/eticka-linka-logo-white.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}
.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}
.submissionlist{list-style-type:none;margin:0;padding:0 16px 16px 16px}
.submissionlist li{border-bottom:1px solid #e0e0e0;list-style-type:none;padding:8px 0 0 0}
.submissionlist li a, .submissionlist li a:visited{background:#ffffff;display:block;padding:8px;text-decoration:none}
.submissionlist .submissionlist-regid{color:#9e9e9e;display:inline-block;width:5em}
.submissionlist .ethli-submission-state{float:right;margin:0 0 0 16px}
.submissionlist .submissionlist-dcnt{background-color:#eeeeee;border-radius:8px;display:inline-block;float:right;font-size:0.625em;height:24px;line-height:24px;margin:0 0 0 16px;text-align:center;width:48px}
.submissionlist .submissionlist-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{background:#fffde7;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{background:#fffde7;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}
.ccsection-login .ccsection-in{padding:16px}
#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}
.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}
.ethli-submission-state{background-color:$ color_grey_200;border-radius:8px;color:$ color_grey_600;display:inline-block;font-size:0.75em;font-weight:bold;height:24px;line-height:24px;margin:0;padding:0 12px;text-align:center}
.ethli-submission-state10{background-color:#ffa726;color:#ffffff}
.ethli-submission-state20, .ethli-submission-state21, .ethli-submission-state22{background-color:#26a69a;color:#ffffff}
.ethli-submission-state30{background-color:#66bb6a;color:#ffffff}
.ethli-submission-state04{background-color:#bdbdbd;color:#ffffff}
.ethli-links{font-size:0.875em;text-align:center}
#ethli-form-submission-access{display:block;overflow:hidden;padding:24px 0 0 0;width:100%}
#ethli-form-submission-access .form-in{display:block;margin:0 0 0 -24px;overflow:auto;padding:0}
#ethli-form-submission-access .form-in::after{clear:both;content:'';display:block;height:1px;overflow:hidden;width:1px}
#ethli-form-submission-access .xethli-form-submission-access-section{float:left;width:100%}
#ethli-form-submission-access .xethli-form-submission-access-section p{font-weight:bold}
#ethli-form-submission-access .xethli-form-submission-access-section-in{background:#eeeeee;border-radius:8px;margin:0 0 24px 24px;padding:16px;text-align:center}
.ethli-doctext{}
.ethli-doctext h3{color:#000000;margin:2em 0 0.5em 0;overflow:visible;padding:8px 0 0 0;text-transform:uppercase}
.ethli-doctext h5{color:#212121;margin:1em 0 0.2em 0;padding:0}
.ethli-doctext p{line-height:1.333em;margin:0.333em 0 1.25em 0;padding:0}
.ethli-doctext strong{color:#212121}
.ethli-doctext ul, .ethli-doctext ol{margin:0 0 1em 2em;padding:0}
#ethli-form-send-message, #ethli-form-submit-message, #ethli-form-submission-state{margin:24px 0 0 0}
#ethli-form-send-message .form-in, #ethli-form-submit-message .form-in, #ethli-form-submission-state .form-in{background:#eeeeee;border-radius:8px;margin:0;padding:16px}
#ethli-form-send-message h3, #ethli-form-submit-message h3, #ethli-form-submission-state h3{color:#212121;margin:0 0 1em 0;padding:0;text-transform:uppercase}
#ethli-form-send-message textarea{}
#ethli-form-send-message .form-text{}
#ethli-messages{border-bottom:1px solid #e0e0e0;padding:0 0 48px 0}
.ethli-messages-message{margin:40px 0 0 0;position:relative}
.ethli-messages-message:first-child{margin:0}
.ethli-messages-message-name{padding:2px 0}
.ethli-messages-message-time{bottom:-24px;font-size:0.75em;padding:4px 16px;position:absolute}
.ethli-messages-message-text{background-color:#eeeeee;border-radius:16px;padding:16px;position:relative}
.ethli-messages-message-in{padding:0 24px 0 0}
.ethli-messages-message-in .ethli-messages-message-text{border-top-left-radius:0}
.ethli-messages-message-in .ethli-messages-message-time{color:#9e9e9e;left:0}
.ethli-messages-message-out{padding:0 0 0 24px}
.ethli-messages-message-out .ethli-messages-message-name{text-align:right}
.ethli-messages-message-out .ethli-messages-message-text{background-color:#757575;border-top-right-radius:0;color:#ffffff}
.ethli-messages-message-out .ethli-messages-message-time{color:#9e9e9e;right:0}
.ethli-messages-message-files{background-color:#eeeeee;border-radius:8px;padding:8px 16px}
.ethli-messages-message-in .ethli-messages-message-files{margin:-6px 16px 0 9em}
.ethli-messages-message-out .ethli-messages-message-files{background-color:#757575;margin:-6px 9em 0 16px}
.ethli-messages-message-files-file{border:1px solid #bdbdbd;border-radius:6px;color:#757575;display:inline-block;font-size:0.875em;padding:4px 16px 1px 16px;text-decoration:none;transition:border 0.5s,color 0.5s,background-color 0.5s}
.ethli-messages-message-out .ethli-messages-message-files-file{color:#ffffff}
.ethli-messages-message-files-size{color:#9e9e9e;font-size:0.8571em;transition:color 0.5s}
.ethli-messages-message-out .ethli-messages-message-files-size{color:#bdbdbd}
.ethli-messages-message-files-name{font-weight:bold}
#ethli-messages-preview{margin:0;padding:0}
#ethli-messages-preview .ethli-messages-message-out{padding:0}
#ethli-messages-preview h4{margin:0;padding:16px 0 4px 0}
#ethli-messages-preview .ethli-messages-message-out .ethli-messages-message-files{border-top-right-radius:0;margin:0}
#ethli-submission-info{margin:0;padding:0;position:relative}
#ethli-submission-info strong{color:#9e9e9e;font-weight:normal;margin:0;padding:0}
#ethli-submission-info h2{color:#212121;margin:0;padding:4px 0 1em 0;text-transform:uppercase}
#ethli-submission-info .ethli-submission-stats{}
#ethli-submission-info .ethli-submission-stats strong{color:#212121}
#ethli-submission-info .ethli-submission-state{}
#ethli-submission-info .ethli-submission-date{color:#9e9e9e;display:block;font-size:0.9375em;padding:8px 0 0 0}
#ethli-submission-info .ethli-submission-due{color:#9e9e9e;display:block;font-size:0.9375em;padding:8px 0 0 0}
#ethli-submission-log{background-color:#f5f5f5;border-radius:4px;margin:24px 0;overflow:hidden;padding:0 16px}
#ethli-submission-log table{border:none;border-radius:4px;margin:0;padding:0}
#ethli-submission-log table tr{border:none}
#ethli-submission-log table tr td{border-bottom:1px solid #e0e0e0;padding:8px 16px 4px 16px}
#ethli-submission-log table tr td:first-child{padding:8px 16px 4px 0}
#ethli-submission-log table tr td:last-child{padding:8px 0 4px 16px}
#ethli-submission-log table tr:last-child td{border:none}
#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}
.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:#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}
.submissionlist li a:hover{background-color:#ffebee}
.submissionlist a:hover .ethli-submission-state{background-color:#ef9a9a;color:#ffffff}
.submissionlist a:hover .submissionlist-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}
.ethli-messages-message-files-file:hover{background-color:#ffa726;border:1px solid #ffa726;color:#ffffff;text-decoration:none}
.ethli-messages-message-files-file:hover .ethli-messages-message-files-size{color:#ffffff}
#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}
.ccsection-in, .ccsection .form-in{padding:24px}
#ethli-form-submission-access .xethli-form-submission-access-section{width:50%}
#ethli-form-submission-access .xethli-form-submission-access-section-in{min-height:10em}
#ethli-submission-info h2{padding:4px 6em 1em 0}
#ethli-submission-info .ethli-submission-stats{position:absolute;right:0;text-align:right;top:2px}
#nav .nav-show, #nav .nav-hide{right:16px}
}
@media only screen and (min-width:48em){
.contentwidth{min-width:712px;padding:0 16px}
#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}
.ccsection-in, .ccsection .form-in{padding:32px}
#nav .nav-show, #nav .nav-hide{right:24px}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{right:24px}
}