@import"https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&display=swap";*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0;background:#fff;font-family:"Source Sans Pro",sans-serif}body.login{background:#169ac9 url("../images/background.png") right bottom no-repeat}@media(max-width: 768px){body{background:#169ac9 url("../images/background.png") right bottom no-repeat;overflow:hidden}body::before{content:url("../images/email-logo-rem.png");padding:2rem;display:block}body::after{color:#fff;content:"Atlascopco REM ist not available on mobile. \aPlease change to a desktop browser.";display:block;white-space:pre-wrap;padding:2rem;position:absolute;top:6rem;left:0}body *{display:none}}section{color:#373c41;font-family:"Source Sans Pro",sans-serif}section .header{display:flex;justify-content:space-between;padding:1rem 0}section .header .group{display:flex}section a.button,section button{background:#373c41;border:2px solid #373c41;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:center;text-decoration:none}section a.button:hover,section button:hover{background:#2b2f33}section a.button.busy,section button.busy{background-image:url("../images/loader-button-black.gif");background-position:center center;background-repeat:no-repeat;color:transparent;pointer-events:none}section a.button.busy.danger,section button.busy.danger{background-image:url("../images/loader-button-red.gif")}section a.button.secondary,section button.secondary{background:#e6e6e6;border:2px solid #e6e6e6;color:#373c41}section a.button.secondary:hover,section button.secondary:hover{background:#d9d9d9;border:2px solid #d9d9d9}section a.button.disabled,section button.disabled{background:#f7f7f7;border:2px solid #f7f7f7;color:#7f8992;cursor:auto}section a.button.danger,section button.danger{background:#c00;border:2px solid #c00}section a.button.danger:hover,section button.danger:hover{background:#b30000}section input{background:#fff;border-radius:4px;border:2px solid #666f78;color:#373c41;font-family:"Source Sans Pro",sans-serif;font-size:14px;height:40px;padding:.5rem;width:100%}section input.search{margin:0 0 0 1rem;width:400px}a{color:#169ac9}h1{color:#373c41;font-size:1.5rem;font-weight:700;margin:0;padding:0}h2{color:#373c41;font-size:1.25rem;font-weight:700;margin:0;padding:0}hr{background:none;border:none;border-top:1px solid #169ac9;height:0;margin:2rem 0;padding:0}main{display:flex;min-height:100vh;align-items:stretch}article{background:#fff;flex:1 1 0;min-height:100%;padding:2rem;z-index:2}.delete{display:flex}.delete button{margin:0 2rem 0 0}.delete button:hover{border-color:#c00;background:#c00}.delete p{font-size:14px;margin:0}a.action{background:#373c41;border:2px solid #373c41;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:center;text-decoration:none}a.action:hover{background:#2b2f33}a.action.busy{background-image:url("../images/loader-button-black.gif");background-position:center center;background-repeat:no-repeat;color:transparent;pointer-events:none}a.action.busy.danger{background-image:url("../images/loader-button-red.gif")}a.action.secondary{background:#e6e6e6;border:2px solid #e6e6e6;color:#373c41}a.action.secondary:hover{background:#d9d9d9;border:2px solid #d9d9d9}a.action.disabled{background:#f7f7f7;border:2px solid #f7f7f7;color:#7f8992;cursor:auto}a.action.danger{background:#c00;border:2px solid #c00}a.action.danger:hover{background:#b30000}.actionbuttons{margin:1rem 0;text-align:right}.actionbuttons a{display:inline-block}aside{background:#169ac9;flex-basis:18rem;margin:0;min-height:100vh;overflow:auto;padding:0;width:18rem}aside nav{font-size:.9rem;margin:9rem 0 0 0;width:18rem;position:fixed}aside nav .group{margin:1rem 0}aside nav a{border-bottom:1px solid rgba(255,255,255,.25);display:block;padding:.5rem 1rem;text-decoration:none;color:#fff}aside nav a.active{background:#373c41 !important}aside nav a.home{border-top:1px solid rgba(255,255,255,.25);font-weight:600;padding:1rem}aside nav a.action:before{content:"›";margin:0 .5rem 0 0}aside nav a:hover{background:#373c41;color:#f2f2f2}aside nav span{color:#373c41;border-bottom:1px solid rgba(255,255,255,.25);display:block;font-weight:600;padding:.5rem 1rem}aside nav .foldout.active .label{background:#373c41}aside nav .foldout.active .label:after{transform:rotate(0deg)}aside nav .foldout.active .items{display:block}aside nav .foldout .label{border-bottom:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;padding:.5rem 1rem}aside nav .foldout .label:after{content:url("../images/foldout-chevron.png");display:inline-block;height:16px;width:16px;transition:all .25s ease-in-out;position:absolute;right:.5rem;transform:rotate(-90deg)}aside nav .foldout .label:hover{background:#373c41;color:#f2f2f2}aside nav .foldout .items{display:none}aside nav .foldout .items a{background:#1388b2}aside nav .foldout .items a:hover{background:#373c41;color:#f2f2f2}.pagination{display:flex;justify-content:center;margin:2rem 0}.pagination a,.pagination button{background:#373c41;border:2px solid #373c41;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:center;text-decoration:none;display:block;margin:0 .5rem;min-width:4rem;text-align:center}.pagination a:hover,.pagination button:hover{background:#2b2f33}.pagination a.busy,.pagination button.busy{background-image:url("../images/loader-button-black.gif");background-position:center center;background-repeat:no-repeat;color:transparent;pointer-events:none}.pagination a.busy.danger,.pagination button.busy.danger{background-image:url("../images/loader-button-red.gif")}.pagination a.secondary,.pagination button.secondary{background:#e6e6e6;border:2px solid #e6e6e6;color:#373c41}.pagination a.secondary:hover,.pagination button.secondary:hover{background:#d9d9d9;border:2px solid #d9d9d9}.pagination a.disabled,.pagination button.disabled{background:#f7f7f7;border:2px solid #f7f7f7;color:#7f8992;cursor:auto}.pagination a.danger,.pagination button.danger{background:#c00;border:2px solid #c00}.pagination a.danger:hover,.pagination button.danger:hover{background:#b30000}.pagination a.previous:before,.pagination button.previous:before{content:url("../images/foldout-chevron.png");display:inline-block;height:16px;width:16px;position:relative;top:3px;left:-6px;transition:all .25s ease-in-out;transform:rotate(90deg)}.pagination a.next:after,.pagination button.next:after{content:url("../images/foldout-chevron.png");display:inline-block;height:16px;width:16px;position:relative;top:3px;left:6px;transition:all .25s ease-in-out;transform:rotate(-90deg)}.pagination span.current{background:#373c41;border:2px solid #373c41;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:center;text-decoration:none;color:#373c41 !important;display:block;margin:0 .5rem;min-width:4rem;text-align:center}.pagination span.current:hover{background:#2b2f33}.pagination span.current.busy{background-image:url("../images/loader-button-black.gif");background-position:center center;background-repeat:no-repeat;color:transparent;pointer-events:none}.pagination span.current.busy.danger{background-image:url("../images/loader-button-red.gif")}.pagination span.current.secondary{background:#e6e6e6;border:2px solid #e6e6e6;color:#373c41}.pagination span.current.secondary:hover{background:#d9d9d9;border:2px solid #d9d9d9}.pagination span.current.disabled{background:#f7f7f7;border:2px solid #f7f7f7;color:#7f8992;cursor:auto}.pagination span.current.danger{background:#c00;border:2px solid #c00}.pagination span.current.danger:hover{background:#b30000}form{width:100%}form.import{width:50%}form.import .fileupload .upload{min-height:4rem}form.horizontal{display:flex;align-items:flex-start}form.horizontal .fields{display:flex;flex-wrap:wrap;flex:1 1 0}form.horizontal .group{flex-basis:25%;padding:0 2rem 2rem 0}form.compact .fields{flex:inherit}form.compact .group{flex-basis:auto}form .emaillist{background:#fff;border-radius:4px;border:2px solid #666f78;color:#373c41;font-family:"Source Sans Pro",sans-serif;font-size:14px;height:40px;padding:.5rem;width:100%;display:flex;flex-wrap:wrap;height:auto}form .emaillist .email{background:#eee;flex-basis:100%;border-radius:2px;padding:.5rem;margin:0 0 .5rem 0;position:relative}form .emaillist .email .delete{cursor:pointer;position:absolute;right:.5rem;top:.5rem}form .emaillist .editor{background:#fff;padding:.5rem;float:left;outline:none;min-height:34px}form label{display:block;font-weight:600;padding:0 0 .5rem 0}form input,form select,form option{background:#fff;border-radius:4px;border:2px solid #666f78;color:#373c41;font-family:"Source Sans Pro",sans-serif;font-size:14px;height:40px;padding:.5rem;width:100%}form button{background:#373c41;border:2px solid #373c41;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:center;text-decoration:none;margin:1.75rem 0 0 0}form button:hover{background:#2b2f33}form button.busy{background-image:url("../images/loader-button-black.gif");background-position:center center;background-repeat:no-repeat;color:transparent;pointer-events:none}form button.busy.danger{background-image:url("../images/loader-button-red.gif")}form button.secondary{background:#e6e6e6;border:2px solid #e6e6e6;color:#373c41}form button.secondary:hover{background:#d9d9d9;border:2px solid #d9d9d9}form button.disabled{background:#f7f7f7;border:2px solid #f7f7f7;color:#7f8992;cursor:auto}form button.danger{background:#c00;border:2px solid #c00}form button.danger:hover{background:#b30000}form button.disabled{background:#ccc;pointer-events:none}form .errorlist{color:#c00;margin:0;padding:1rem}.fileupload.profile{width:50%;height:50%}.fileupload .upload{background:#e6e7e8 url("../images/icon-plus.png") center center no-repeat;border-radius:6px;line-height:0;min-height:2rem;overflow:hidden;position:relative}.fileupload .upload.success{background:#169ac9 url("../images/checkmark.png") center center no-repeat;transition:all .5s ease-in-out}.fileupload input{bottom:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.fileupload .preview{display:flex;justify-content:center;align-items:center;height:100%}.fileupload .preview img{max-width:100%;height:auto}table{border-collapse:collapse;width:100%}table th{background:#169ac9;color:#fff;font-weight:400;text-align:left;padding:.5rem}table td{border-bottom:1px solid #169ac9;padding:.5rem}table td .actions{align-items:center;display:flex;justify-content:flex-end}table tr:hover td{background:#f1f2f4}table tr.scrapped td{color:#c00}table .noresult{display:none}table .searchresult{font-weight:700}table .action{background:#373c41;border-radius:4px;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:12px;min-width:4rem;padding:.25rem .5rem;text-decoration:none;text-align:center;white-space:nowrap;margin-left:.25rem}table .action:hover{background:#2b2f33}table .action.hidden{visibility:hidden}table .action.disabled{pointer-events:none;opacity:.5}table .action.danger{background:#c00;border:1px solid #c00}table .action.danger:hover{background:#b30000}.itemlist{margin:0 0 1rem 0}.itemlist button{background:#169ac9;border-radius:6px;border:none;color:#fff;cursor:pointer;padding:.25rem .5rem;margin:0 .5rem .5rem 0}.itemlist button:before{content:"x ";font-weight:700;font-size:14px}.filters{display:flex;flex-wrap:wrap;margin:0 0 2rem 0}.filters .header{flex-basis:100%;padding:.5rem 0}.filters .filter{flex:1 1 0}.filters .filter label{display:block;margin:0 0 .25rem 0}.filters .filter select{background:#fff;border-radius:4px;border:2px solid #666f78;color:#373c41;font-family:"Source Sans Pro",sans-serif;font-size:14px;height:40px;padding:.5rem;width:100%;width:90%;padding:.5rem}.certificates{display:flex;width:100%;flex-wrap:wrap}.certificates .certificate{flex-basis:25%;padding:0 2rem 2rem 0}.certificates .group{padding:0 0 1rem 0}.certificates .upload{height:300px}.certificates button{width:100%;margin:0}section.login{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center}section.login .container{align-items:center;display:flex;flex-direction:column;width:20rem}section.login .login-box{width:20rem}section.login img.logo{position:fixed;top:3.75rem;left:3.75rem;width:8.5rem}section.login label{display:block;width:100%}section.login input{background:#fff;border:none;border-radius:.5rem;color:#373c41;display:block;padding:.5rem;width:100%}section.login button{background:#373c41;border:2px solid #373c41;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:center;text-decoration:none;border-radius:.5rem;width:100%}section.login button:hover{background:#2b2f33}section.login button.busy{background-image:url("../images/loader-button-black.gif");background-position:center center;background-repeat:no-repeat;color:transparent;pointer-events:none}section.login button.busy.danger{background-image:url("../images/loader-button-red.gif")}section.login button.secondary{background:#e6e6e6;border:2px solid #e6e6e6;color:#373c41}section.login button.secondary:hover{background:#d9d9d9;border:2px solid #d9d9d9}section.login button.disabled{background:#f7f7f7;border:2px solid #f7f7f7;color:#7f8992;cursor:auto}section.login button.danger{background:#c00;border:2px solid #c00}section.login button.danger:hover{background:#b30000}section.login a{color:#373c41;text-decoration:none}section.login .errorlist{border-radius:4px;list-style:none;margin:0 -5rem;padding:0;background:#fcc;padding:1rem}section.header{border-bottom:1px solid #169ac9;padding:0 0 2rem 0;display:flex;justify-content:space-between}section.header .main{display:flex}section.header .main img{height:80px}section.header .main img.logo{margin:0 2rem 0 0}section.header .main .headline{border-left:1px solid #373c41;padding:0 0 0 1.5rem;margin:0 0 0 3rem}section.header .main .title{color:#169ac9;font-size:3rem;font-weight:300}section.header .profile{text-align:right}section.header .profile .user{display:inline-block;padding:0 0 .5rem 0}section.header .profile .role{font-weight:700;color:#373c41;border-left:2px solid #169ac9;margin:0 1rem 0 .5rem;padding:0 0 0 .5rem}section.header .profile .logout{background:#373c41;border:2px solid #373c41;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:center;text-decoration:none;display:inline;font-size:.875rem;padding:.25rem .5rem}section.header .profile .logout:hover{background:#2b2f33}section.header .profile .logout.busy{background-image:url("../images/loader-button-black.gif");background-position:center center;background-repeat:no-repeat;color:transparent;pointer-events:none}section.header .profile .logout.busy.danger{background-image:url("../images/loader-button-red.gif")}section.header .profile .logout.secondary{background:#e6e6e6;border:2px solid #e6e6e6;color:#373c41}section.header .profile .logout.secondary:hover{background:#d9d9d9;border:2px solid #d9d9d9}section.header .profile .logout.disabled{background:#f7f7f7;border:2px solid #f7f7f7;color:#7f8992;cursor:auto}section.header .profile .logout.danger{background:#c00;border:2px solid #c00}section.header .profile .logout.danger:hover{background:#b30000}section.header .profile a{align-items:center;display:flex;text-decoration:none}section.header .profile a:hover span{color:#1388b2}section.header .profile span{color:#169ac9;text-transform:uppercase;margin:0;font-weight:600}section.header .profile img{border-radius:100%;width:4rem;height:4rem}section.dashboard svg{fill:none}section.dashboard svg .circle-1{stroke:#739b27}section.dashboard svg .circle-2{stroke:#efc04b}section.dashboard svg .circle-3{stroke:#ee5252}section.dashboard svg .fill-0{fill:#739b27}section.dashboard svg .fill-1{fill:#efc04b}section.dashboard svg .fill-2{fill:#ee5252}section.dashboard .header .legend{display:flex;justify-content:space-between}section.dashboard .header .legend div{margin:0 0 0 2rem}section.dashboard .header svg{width:1rem;height:1rem;vertical-align:middle}section.dashboard .charts{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;flex-wrap:wrap;grid-gap:1.5rem;justify-content:space-between}section.dashboard .chart{flex-basis:49%;border-radius:6px;background:#e2f5fc}section.dashboard .chart.smaller canvas{max-width:400px;height:auto !important}section.dashboard .chart figcaption{margin:0 0 2rem 0;font-size:1.5rem}section.dashboard .chart figure{margin:0;padding:1rem;position:relative}section.dashboard .chart figure.loading{background:#e2f5fc url("../images/loader.gif") center center no-repeat}section.dashboard .chart figure select{background:#fff;border-radius:4px;border:2px solid #666f78;color:#373c41;font-family:"Source Sans Pro",sans-serif;font-size:14px;height:40px;padding:.5rem;width:100%;border:1px solid #ccc;position:absolute;right:1rem;top:1rem;width:auto}section.dashboard .chart .diagram{margin:0 5rem 0 0}section.dashboard .chart .legend .item{text-align:right;display:flex;margin:0 0 1rem 0}section.dashboard .chart .legend big{font-size:2rem;font-weight:700;display:block}section.dashboard .chart .legend svg{width:2rem;height:2rem;margin:.25rem 0 0 1rem}section.dashboard #totalCertificateAlerts .content{display:flex;justify-content:flex-start;align-items:center}section.dashboard #totalCertificateAlerts .ct-chart{width:150px;height:150px}section.dashboard #totalCertificateAlerts .ct-chart .total{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}section.dashboard #totalCertificateAlerts .ct-chart svg{width:100%;height:100%}section.dashboard #totalCertificateAlerts .labels{display:flex;margin-left:2rem}section.dashboard #totalCertificateAlerts .labels .group{text-align:center;margin:0 1rem}section.dashboard #totalCertificateAlerts .labels .group svg,section.dashboard #totalCertificateAlerts .labels .group .spacer{display:block;width:50px;height:50px;margin:0 auto}section.dashboard #totalCertificateAlerts .labels .group strong{display:block;font-size:30px;font-weight:500}section.dashboard #timelineOutdated .labels{display:flex;justify-content:flex-end}section.dashboard #timelineOutdated .labels span{margin:0 0 0 1rem}section.dashboard #timelineOutdated .labels label{margin:0 .5rem}section.dashboard #certificatesByRegion .content{display:flex;justify-content:flex-start;align-items:center}section.dashboard #certificatesByRegion .ct-chart{width:200px;height:200px;flex-basis:200px}section.dashboard #certificatesByRegion .ct-chart .total{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}section.dashboard #certificatesByRegion .ct-chart svg{width:100%;height:100%}section.dashboard #certificatesByRegion .labels{flex:1 1 0;margin:0 0 0 2rem}section.dashboard #certificatesByRegion table th{background:none;border-bottom:1px solid #9dddf4;text-align:center}section.dashboard #certificatesByRegion table th svg{width:30px}section.dashboard #certificatesByRegion table td{border-bottom:1px solid #9dddf4;text-align:center}section.dashboard #certificatesByRegion table td:first-child{text-align:right}section.campaigns .banners button{background:#373c41;border:2px solid #373c41;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:center;text-decoration:none;display:block;margin:0 0 .5rem 0;min-width:7rem}section.campaigns .banners button:hover{background:#2b2f33}section.campaigns .banners button.busy{background-image:url("../images/loader-button-black.gif");background-position:center center;background-repeat:no-repeat;color:transparent;pointer-events:none}section.campaigns .banners button.busy.danger{background-image:url("../images/loader-button-red.gif")}section.campaigns .banners button.secondary{background:#e6e6e6;border:2px solid #e6e6e6;color:#373c41}section.campaigns .banners button.secondary:hover{background:#d9d9d9;border:2px solid #d9d9d9}section.campaigns .banners button.disabled{background:#f7f7f7;border:2px solid #f7f7f7;color:#7f8992;cursor:auto}section.campaigns .banners button.danger{background:#c00;border:2px solid #c00}section.campaigns .banners button.danger:hover{background:#b30000}section.campaigns .banners .banner{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}section.campaigns .banners .banner .image{flex-basis:50%;margin:0 1.5rem 0 0}section.campaigns .banners .banner.inactive .image{opacity:.33}section.campaigns .banners .banner img{max-width:100%;height:auto}section.campaigns .banners .fileupload{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}section.campaigns .banners .fileupload .upload{flex-basis:100%;min-height:10rem}section.campaigns .banners .fileupload .preview{flex-basis:100%}section.campaigns .banners .fileupload .preview img{max-width:100%;height:auto}.modal{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .1s cubic-bezier(0.15, 0.77, 0.83, 0.48);z-index:10}.modal.active{opacity:1;pointer-events:all}.modal.active .modal-content{opacity:1;transform:scale(1)}.modal .modal-content{background:#fff;border-radius:6px;line-height:1.5;width:50vw;opacity:0;padding:3rem;position:relative;transform:scale(0.5);transition:all .1s cubic-bezier(0.15, 0.77, 0.83, 0.48)}.modal .modal-content input[type=email],.modal .modal-content select{background:#fff;border-radius:4px;border:2px solid #666f78;color:#373c41;font-family:"Source Sans Pro",sans-serif;font-size:14px;height:40px;padding:.5rem;width:100%}.modal .modal-content label{display:block;margin:0 0 .5rem 0;font-weight:bold}.modal .modal-close{color:#373c41;cursor:pointer;font-size:2rem;line-height:2rem;position:absolute;right:1rem;top:1rem}.modal .actions{margin:3rem 0 0 0;text-align:center}.modal button{background:#373c41;border:2px solid #373c41;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:center;text-decoration:none;margin:0 1rem 0 0;padding:.5rem 5rem}.modal button:hover{background:#2b2f33}.modal button.busy{background-image:url("../images/loader-button-black.gif");background-position:center center;background-repeat:no-repeat;color:transparent;pointer-events:none}.modal button.busy.danger{background-image:url("../images/loader-button-red.gif")}.modal button.secondary{background:#e6e6e6;border:2px solid #e6e6e6;color:#373c41}.modal button.secondary:hover{background:#d9d9d9;border:2px solid #d9d9d9}.modal button.disabled{background:#f7f7f7;border:2px solid #f7f7f7;color:#7f8992;cursor:auto}.modal button.danger{background:#c00;border:2px solid #c00}.modal button.danger:hover{background:#b30000}/*# sourceMappingURL=style.css.map */