.bg-black {
    background: black;
}
.w-200 {
    width: 200px;
}
.w-300 {
    width: 300px;
}
/* p, a, li, h2, h3, h4, h5, dt, dd, td { */
    /* -webkit-font-smoothing: antialiased; */
    /* box-sizing: border-box; */
    /* font-family: "Helvetica Neue", "Helvetica" , sans-serif; */
    /* letter-spacing: 0.2px; */
    /* text-rendering: optimizeLegibility; */
    /* color:#000; */
/* } */
/* .main-logo { */
    /* background-image: url('/_shared/images/logos/main-logo.jpg'); */
    /* width:300px !important; */
    /* height:100px !important; */
/* } */

/* h1.napit { */
    /* font-family: 'cookie-regular', sans-serif; */
    /* font-size: 30px; */
    /* margin-bottom: 24px; */
    /* color:#009cde; */
/* } */
/* h4.napit { */
    /* color:#009cde; */
    /* font-size:20px; */
/* } */
/* h6 { */
    /* font-size:0.8rem; */
    /* color:#999; */
/* } */
/* p.signin { color:silver; font-size:14px; } */

/* a { */
    /* font-size: 16px; */
    /* color: black; */
/* } */
/* a.inline { */
    /* color:silver; */
/* } */
/* a.certificate-open                                          { color:#3f678d; } */
/* a.certificate-open:hover                                    { color:#23527c; } */
/* a.complete-home                                             { color:#ff6961; } */
/* a.complete-home:hover                                       { color:#7d1c1c; } */
/* a.link                                                      { color:#17a2b8; font-size:1.0em; padding-left:2px; cursor:pointer; text-decoration:none; } */
/* a.link:hover                                                { color:#0e6471; text-decoration:none; } */
/* a.signin                                                    { color:silver; font-size:14px; } */
/* i.signin                                                    { color:silver; font-size:14px; } */
/* .link                                                       { color:#17a2b8; font-size:1.0em; padding-left:2px; cursor:pointer; text-decoration:none; } */
/* .link:hover                                                 { color:#0e6471; text-decoration:none; } */
/* .box-shadow { */
    /* border: 1px solid #D2D5D7; */
    /* box-shadow: 0px 0px 10px #eee; */
/* } */
/* .bonding-result-round-pass                  { background-color:#ccffcc; border:1px solid green; border-radius:50%; text-align:center; text-align:middle; font-size:5em; color:green; line-height:100px; height:100px; width:100px; margin:auto; } */
/* .bonding-result-round-fail                  { background-color:#ffcccc; border:1px solid red; border-radius:50%; text-align:center; text-align:middle; font-size:5em; color:red; line-height:100px; height:100px; width:100px; margin:auto; } */
/* .export-container { */
    /* position:absolute; */
/* } */
/* .export-form{ */
 /* position: absolute; */
 /* top: 50%; */
 /* left: 50%; */
 /* transform: translate(-50%,-50%); */
/* } */
/* .module-content { */
    /* background-color:#e6e6e6; */
    /* padding:20px; */
/* } */
/* .module-header { */
    /* text-align:center; */
    /* text-align:middle; */
    /* height:100%; */
    /* display:flex; */
    /* align-items:center; */
    /* justify-content:center; */
/* } */
/* .module-text { */
    /* align-items:center; */
    /* justify-content:center; */
/* } */
/* .module-header h4 { */
    /* color:#333; */
    /* font-size:24px; */
    /* font-weight:600; */
/* } */
/* .module-header h6 { */
    /* color:#333; */
    /* font-size:18px; */
    /* font-weight:500; */
/* } */
/* .module-header a { */
    /* color:#06c; */
    /* font-size:20px; */
    /* font-weight:500; */
    /* line-height:1.381; */
/* } */
/* .module-header h6.pastel-red { */
    /* font-size:16px; */
    /* font-style:italic; */
    /* color:#fc504f !important; */
/* } */
/* .pointer { cursor:pointer;} */
/* .accordion .card-header .btn { white-space:normal !important; } */
/* div.icon { */
    /* background: #58b8bf; */
    /* border-radius: 40px; */
    /* height: 80px; */
    /* margin: 10px auto 10px auto; */
    /* width: 80px; */
/* } */
/* div.icon i { */
    /* -webkit-font-smoothing: antialiased; */
    /* color: white; */
    /* line-height: 80px; */
    /* font-weight: bold; */
/* } */
/* footer h4 { */
    /* font-size: 18px; */
    /* margin: 16px 0px 4px 0px; */
/* } */
/* footer p { */
    /* margin: 0px; */
/* } */
/* footer a { */
    /* color: #ccc; */
    /* font-size: 14px; */
/* } */
/* footer a:hover { */
    /* color: white; */
    /* font-weight: bold; */
    /* text-decoration: none; */
/* } */
/* footer hr { */
    /* color: #ccc; */
/* } */
/* h1 { */
    /* font-family: 'cookie-regular', sans-serif; */
    /* font-size: 30px; */
    /* margin-bottom: 24px; */
/* } */
/* h2 { */
    /* font-size: 22px; */
    /* font-weight: bold; */
    /* margin-bottom: 20px; */
/* } */
/* h3 { */
    /* color: #333; */
    /* font-size: 20px; */
    /* line-height:12px; */
/* } */
/* hr { */
    /* margin: 0px; */
/* } */
/* p { */
    /* font-size: 16px; */
    /* } */
/* .card-number { */
    /* color:#eb5b27; */
    /* font-size:24px; */
/* } */
/* .certificate-card-info { */
    /* color: #333; */
    /* font-size: 18px; */
    /* line-height:10px; */
/* } */
/* .badge-success { */
    /* background-color:#ccffcc; */
/* } */
/* .badge-success a { */
    /* color:green; */
/* } */
/* .badge-success a:hover { */
    /* color:#aaa; */
    /* text-decoration:none; */
/* } */

/* .badge-danger { */
      /* background-color:#ffcccc; */
/* } */
/* .badge-danger a { */
    /* color:red; */
/* } */
/* .badge-danger a:hover { */
    /* color:#fff; */
    /* text-decoration:none; */
/* } */
/* .settings                               { font-size:1.2em; } */
/*Fix chosen select boxes to look more like Bootstrap boxes*/

/* Make all inputs look like chosen-select*/
/* input { */
  /* background-color: #ffffff; */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); */
  /* background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); */
  /* background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); */
  /* background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); */
  /* background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); */
  /* background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); */
  /* background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); */
  /* -webkit-border-radius: 5px; */
  /* -moz-border-radius   : 5px; */
  /* border-radius        : 5px; */
  /* -moz-background-clip   : padding; */
  /* -webkit-background-clip: padding-box; */
  /* background-clip        : padding-box; */
  /* border: 1px solid #aaaaaa; */
  /* -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); */
  /* -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); */
  /* box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); */
  /* overflow: hidden; */
  /* white-space: nowrap; */
  /* position: relative; */
  /* line-height: 24px; */
  /* padding: 8px 0 2px 8px; */
  /* color: #757575; */
  /* text-decoration: none; */
  /* text-shadow: 0 1px 0 #fff; */
  /* font-size: 11px; */
  /* font-weight: bold; */
/* } */
 /*Fix chosen select boxes to look more like Bootstrap boxes*/
 /* .chosen-container-single .chosen-single { */
     /* height: calc(1.5em + .75rem + 2px); */
     /* border-radius: 3px; */
     /* border: 1px solid #CCCCCC;-    padding: 12px 0 0 8px; */
 /* } */
 /* .chosen-container-single .chosen-single span { */
     /* padding-top: 8px; */
 /* } */
 /* .chosen-container-single .chosen-single div b {-    margin-top: 6px;+    margin-top: 2px; */
 /* } */
/* .chosen-container-active .chosen-single, */
/* .chosen-container-active.chosen-with-drop .chosen-single { */
    /* border-color: #ccc; */
    /* border-color: rgba(82, 168, 236, .8); */
    /* outline: 0; */
    /* outline: thin dotted \9;-moz-box-shadow: 0 0 8px rgba(82, 168, 236, .6); */
    /* box-shadow: 0 0 8px rgba(82, 168, 236, .6) */
/* } */
/* .observationSelectionBox                    { box-shadow: 0 0 15px 5px #aaccee); margin: 5px 1px 3px 0px; -webkit-animation: glow 2s ease-in-out alternate; -moz-animation: glow 2s ease-in-out alternate; animation: glow 2s ease-in-out alternate; } */

/* .regulation-line                            { line-height:1.6; color:#eb5b27; } */
/* .regulation-line-strong                     { line-height:1.6; color:#eb5b27; font-weight:600; } */
/* .regulation-line-strong-black               { line-height:1.6; color:#333; font-weight:600; } */
/* .regulation-line-note                       { line-height:1.5; font-size:12px; font-style:italic; } */
/* .regulation-title                           { line-height:1.5; font-size:16px; color:#45a0dc; font-weight:600; } */
/* .regulation-sub-title                       { line-height:1.5; font-size:14px; color:#45a0dc; font-weight:600; } */
/* .regulation-main-title                      { font-size:18px; color:#eb5b27; font-weight:600; } */
/* .regulation-title-large                     { line-height:1.5; font-size:18px; color:#45a0dc; font-weight:600; } */
/* .regulation-paragraph                       { line-height:1.5; font-size:12px; } */
/* .copyText                                   { background-color:#ffe6e6; border:1px solid silver; border-radius:3px; color:#808080; font-size:16px; font-weight:600; text-align:center; margin:10px 0px 10px 0px; padding:20px;  } */

/* .client-hello { color:#284255; font-size:16px; } */
/* .client-portal-banner { */
    /* -webkit-font-smoothing: antialiased; */
    /* background-attachment: scroll; */
    /* background-clip: border-box; */
    /* background-color: #5cdb95; */
    /* background-origin: padding-box; */
    /* background-position: left center; */
    /* background-size: cover; */
    /* box-sizing: border-box; */
    /* font-size: 18px; */
    /* height: 100px; */
    /* width: 100%; */
/* } */
/* .client-helper                          { color:#284255; font-size:1.2em; cursor:pointer; } */
/* .client-badge                           { background-color:#284255; color:#fff;} */
/* a.client-certificate-open               { color:#284255; } */
/* a.client-certificate-open:hover         { color:#23527c; } */
/* .btn-client-refresh                     { background:#284255; color:#fff; } */
/* .btn-client-refresh:hover               { background-color:#5cdb95; color:#284255; }/*----- Certificate status colours-----*/ */
/* .client-summary                         { color:#5cdb95; font-size:1.2em;} */
/* .client-certificate-title               { font-size: 0.8em; } */
/* a.client-link                           { color:#5cdb95; font-size:1.0em; padding-left:2px; padding-top:0px; cursor:pointer; text-decoration:none; } */
/* .client-card-number                     { color:#284255; font-size:24px; } */
/* .complete-error-triangle                { color:#5cdb95; text-align:center; } */
/* .client-installation                    { color:#284255; font-size:1.0em; } */
/* .accordion-spacer                       { background-color:#fff; height:6px; border-top:2px solid #ccc; } */
/* .accordion-spacer-bottom                { background-color:#fff; border-top:2px solid #ccc; } */


/*Buy-credits*/
/* .price                                  { font-weight:600; font-size: 18px; display: inline-block; } */
/* .total                                  { font-weight:600; font-size:16px; } */
/* .pricingbox:hover                       { background-color:#3266cc; color:#fff; cursor:pointer; } */
/* .pricingbox.active                      { background-color:#3266cc; color:#fff; cursor:pointer; } */
/* .pricingbox                             { border:1px solid silver; padding:2px 2px 2px 2px; } */
/* .imagepricingbox:hover                       { background-color:#3266cc; color:#fff; cursor:pointer; } */
/* .imagepricingbox.active                      { background-color:#3266cc; color:#fff; cursor:pointer; } */
/* .imagepricingbox                             { border:1px solid silver; padding:2px 2px 2px 2px; } */

/*own added styles*/
/* .pointer                                { cursor:pointer; } */
/* .signin                                 { color:silver; font-size:14px; } */
/* .icon                                   { font-size:1.2em; } */
/* .subheading                             { color:#333; font-size:16px; margin-top:10px; margin-bottom:10px; line-height:1.1; font-weight:600; } */
/* i.feature                               { font-size:1.5em; color:green; } */
/* .type-shadow                            { box-shadow: 0px 0px 10px #0c1622; padding:4px; } */
/* .type-shadow-gasform                    { box-shadow: 0px 0px 10px #d6a842; padding:4px; } */
/* p.trademark                             { color:silver; font-size:12px; } */
/* .social                                 { font-size:1.8em; color:silver; } */
/* .social-center                          { font-size:1.8em; color:silver; text-align:center; } */
/* .new-installation                       { cursor:pointer; font-size:1.5em; color:green; margin-bottom:3px; } */
/* .note                                   { color:red; font-style:italic; font-weight:600; } */
/* .info                                   { color:#17a2b8; font-size:1.2em; cursor:pointer; } */
/* .certificate-info                       { color:#3f678d; cursor:pointer; } */
/* .certificate-info-complete              { color:#ff6961; cursor:pointer; } */
/* .certificate-info-disabled              { opacity:0.5; } */
/* .certificate-search                     { color:#999; } */
/* .careful                                { color:#17a2b8; font-size:1.1em; cursor:pointer; } */
/* .help-icon                              { color:#ff6961; font-size:1.1em; cursor:pointer; } */
/* .whats-this                             { color:#17a2b8; font-size:1.5em; cursor:pointer; margin-left:10px; } */
/* .whats-this-small                       { color:#17a2b8; font-size:0.8em; cursor:pointer; } */
/* .status-New                             { font-size:1.0em; color:#9fda8b; } */
/* .status-newtext                         { color:#009900; } */
/* .status-In-progress                     { font-size:1.0em; color:#e6cb00; } */
/* .status-For-review                      { font-size:1.0em; color:#8080ff; } */
/* .status-Isolated                        { font-size:1.0em; color:#cc00cc; } */
/* .status-Complete                        { font-size:1.0em; color:#ff6961; } */
/* .status-Issued                          { font-size:1.0em; color:#cc00cc; } */
/* .status-group                           { font-size:1.2em; } */
/* .btn-For-Review                         { background-color:#8080ff; color:white; } */
/* .btn-Issued                             { background-color:#cc00cc; color:white; } */
/* i.pdf-view                              { color:green; font-size:1.3em; text-align:center; cursor:pointer; } */
/* i.cover                                 { color:green; font-size:1.3em; text-align:center; cursor:pointer; } */
/* i.charts                                { color:#333; font-size:1.3em; text-align:center; cursor:pointer; } */
/* .notes-bell                             { color:gold; font-size:1.3em;  text-shadow:  0px 0px 2px #272634; cursor:pointer; } */
/* .mobile-new                             { color:#264966; font-size:2em;  text-shadow:  0px 0px 2px #264966; cursor:pointer; } */
/* .post-it                                { color:#FFF398; text-shadow:  0px 0px 2px #272634; cursor:pointer; }/*bell wiggle*/ */
/* .outcome-satisfactory                   { color:#9fda8b; text-shadow:  0px 0px 2px #272634; } */
/* .outcome-unsatisfactory                 { color:#f96c8b; text-shadow:  0px 0px 2px #272634; } */
/* .bin                                    { color:grey; font-size:1.5em; text-align:center; cursor:pointer; } */
/* .bin-home                               { color:grey; font-size:1.0em; text-align:center; cursor:pointer; } */
/* .bin-home-hidden                        { color:black; font-size:1.0em; text-align:center; cursor:pointer; } */
/* .form-icon                              { color:#808080; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); } */
/* .required                               { color:red; font-style:italic; font-size:12px; } */
/* .pat-note                               { color:red; font-style:italic; font-weight:600; font-size:14px; } */
/* .optional                               { color:#5d9b9b; font-style:italic; font-size:12px; font-weight:bold; } */
/* .customer-supply                        { color:green; font-style:italic; font-size:12px; } */
/* .logo-placeholder                       { border:1px solid silver; color:silver; height:80px; width:180px; text-alignment:center; } */
/* .logo                                   { height:80px; overflow:hidden; width:180px; } */
/* .signature                              { width:200px; height:80px; border:1px solid silver; } */
/* .logo-help                              { height:35px; width:200px; text-alignment:center; } */
/* .detail .admin                          { color:#3f678d; font-size:20px; } */
/* .detail-credits                         { color:grey; font-size:10px; font-weight:700; } */
/* .detail.disabled                        { opacity:0.5; } */
/* .disabled-help                          { color:#ff6961; cursor:pointer; } */
/* .pointer                                { cursor:pointer; } */
/* .detail .settings                       { color:#3f678d; font-size:16px; } */
/* .settings-note                          { color:#3f678d; } */
/* .engineer-disabled-card                 { color:#ff6961; font-size:1.5em; font-weight:600; } */
/* .engineer-disabled-home                 { color:#ff6961; font-weight:600; } */
/* .enrolment                              { color:#808080; font-size:18px; padding-left:4px; padding-top:2px; } */
/* .warning                                { color:#ff6961; font-size:1.1em; cursor:pointer; } */
/* .d-inline                               { display:inline; } */
/* .d-inline-block                         { display:inline-block; } */
/* .add-cert-subheader                     { font-style:italic; font-size:12px; font-weight:500; } */
/* .password-ok                            { font-family: FontAwesome; content: "\f00c"; color:green; } */
/* .password-fail                          { font-family: FontAwesome; content: "\f00d"; color:red; } */
/* .invoice-icon                           { content:url('/_shared/images/home-page/if_invoice_14962.png'); width:25px; height:30px;} */
/* .complete-tick                          { font-size:5em; color:#47AA4C; text-align:center; } */
/* .copy-certificate-seen                  { font-size:5em; color:#ffc107; text-align:center; } */
/* .certificateDetail                      { border:1px solid silver; color:#333; background:#f2f2f2; font-weight:600; padding:5px 10px 5px 10px; } */
/* .regulation-assistance18                { border:1px solid #99ccff; border-radius:50%; background-color:#45a0dc; color:white; cursor:pointer; font-size:10px; width:25px; height:25px; text-align:center; padding:4px 5px 4px 5px; } */
/* .add                                    { color:#339966; cursor:pointer; font-size:1.5em; } */
/* .home-line-height                       { line-height:20px; } */
/* .red                                    { color:red; } */
/* .grey                                   { color:#ccc; } */
/* .blue                                   { color:blue; } */
/* .pastel-blue                            { color:#a1d0df; } */
/* .gold                                   { color:#b39800; } */
/* .pastel-orange                          { color:#f6c899; } */
/* .green                                  { color:#008000; } */
/* .pastel-green                           { color:#78d6c2; } */
/* .pastel-red                             { color:#fc504f; } */
/* .pastel-purple                          { color:#966fd6; } */
/* .notify-warning                         { font-size:1em; color:#f09a40; cursor:pointer; } */
/* .notify-highlight                       { background-color:#ffcccc; padding:5px; } */
/* .bold                                   { font-weight:bold; } */
/* .finger-down                            { color:#5cdb95; font-size:1.1em; padding-top:5px; } */
/* .brown                                  { color:#d9b38c; } */
/* .add-both                               { border:1px solid silver; border-radius:3px; background-color:pink; padding:5px 5px 5px 5px; text-align:center; } */

/* mark { */
  /* background: orange; */
  /* color: black; */
/* } */
/* Use p styles but without the big line spacing*/
/* .titles */
/* {     -webkit-font-smoothing: antialiased; */
    /* box-sizing: border-box; */
    /* font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica" , sans-serif; */
    /* letter-spacing: 0.2px; */
    /* text-rendering: optimizeLegibility; */
    /* color:#333; */
    /* margin-bottom:0.5rem; */
/* } */

/*PDF options div container*/
/* .pdfOptions                             { background-color:#fff; border:1px solid #555; border-radius:5px; text-align:left; padding:5px; width:170px; position:relative; display:block; z-index:1; margin-left:-90px; } */
/* .pdfOptions a                           { font-size:0.8em; color:#669999; text-decoration:none; } */
/* .pdfOptions a:hover                     { color:#555; } */

/*----- Row counter-----*/
/* .rowCount                               { font-size:16px; color:grey; border:1px solid grey; padding:10px; border-radius:3px; } */
/* .btn span.i { */
    /* opacity: 0; */
/* } */
/* .btn.active span.i { */
    /* opacity: 1; */
/* } */

/*PDF options div container*/
/* .pdfOptions                                             { background-color:#fff; border:1px solid #555; border-radius:5px; text-align:left; padding:5px; width:250px; position:relative; z-index:1; margin-left:-90px; } */
/* .pdfOptions a                                           { font-size:0.8em; color:#669999; text-decoration:none; } */
/* .pdfOptions a:hover                                     { color:#555; } */
/* .permissions-set                                        { color: #f96c8b;} */
/*Permissions options div container*/
/* /*.permissionsOptions                                       { background-color:#fff; } */
/* *//*.permissionsOptions td label                            { font-size:0.8em; color:#669999; text-decoration:none; } */
/* .permissionsOptions a:hover                             { color:#555; } */
/* .permissionsOptions button                              { color:#808080; background-color:white; padding:0px; margin:0px; } */
/* .permissionsOptions button.electraform                  { color:silver; background-color:#0a1d2d; border:1px solid silver; padding:4px; margin:auto; width:100%; } */
/* .permissionsOptions button.electraform:hover            { color:#0a1d2d; background-color:silver; border:1px solid #0a1d2d; padding:4px; margin:auto; width:100%; } */
/* .permissionsOptionsDropDown                             { background-color:#fff; border:1px solid #555; border-radius:5px; width:250px !important; margin:auto; position:relative; z-index:1; } */
/* .permissionsOptionsDropdown a                           { font-size:0.8em; color:#669999; text-decoration:none; } */
/* .permissionsOptionsDropdown a:hover                     { color:#555; } */
/* .permissionsOptionsDropdown button                      { color:#808080; background-color:white; padding:0px; margin:0px; } */
/* */ */
/* .permissionsOptionsBox                                  { background-color:#fff; border:1px solid #555; border-radius:5px; width:35px; margin:auto; z-index:1; width:200px; } */
/* .permissionsOptionsBox td label                         { font-size:0.8em; color:#669999; text-decoration:none; } */
/* .permissionsOptionsBox a:hover                          { color:#555; } */
/* .permissionsOptionsBox button                           { color:#808080; background-color:white; padding:0px; margin:0px; } */
/* .permissionsOptionsBox button.electraform               { color:silver; background-color:#0a1d2d; border:1px solid silver; padding:4px; margin:auto; width:100%; } */
/* .permissionsOptionsBox button.electraform:hover         { color:#0a1d2d; background-color:silver; border:1px solid #0a1d2d; padding:4px; margin:auto; width:100%; } */
/* .permissionsOptionsBoxDropDown                          { background-color:#fff; border:1px solid #555; border-radius:5px; width:250px !important; margin:auto; position:relative; z-index:1; } */
/* .permissionsOptionsBoxDropdown a                        { font-size:0.8em; color:#669999; text-decoration:none; } */
/* .permissionsOptionsBoxDropdown a:hover                  { color:#555; } */
/* .permissionsOptionsBoxDropdown button                   { color:#808080; background-color:white; padding:0px; margin:0px; } */
/* .engineer-disabled                                      { background-color:pink; } */
/*Post certificate options*/
/* .certificateOptions                             { background-color:#fff; color:#b6b6b6; text-align:center; margin:auto; width:90px; position:relative; display:block; z-index:1; } */
/* .certificateOptions a                           { font-size:0.8em; color:#669999; text-decoration:none; cursor:pointer; } */
/* .certificateOptions a:hover                     { color:#555; } */
/* .certificateOptions button                      { color:#808080; background-color:white; padding:0px; margin:0px; } */
/* .optionSelected                                 { color:red; } */
/* .optionDeselected                               { color:grey; } */
/*----- Row counter-----*/
/* .rowCount                                       { font-size:16px; color:grey; border:1px solid grey; padding:10px; border-radius:3px; } */
/*-----Settings accordion -----*/
/* .settings-accordion                             { background-color:#eee; color:#333; cursor:pointer; padding:18px; width:100%; border:none; text-align:left; outline:none; font-size:15px; transition:0.4s; margin-bottom:4px; } */
/* .settings-accordion.active, .settings-accordion:hover           { background-color: #ccc; } */
/* .settings-panel                                 { padding:10px; display:none; background-color:white; } */
/* .color-select                                   { cursor:pointer; font-size:2em; height:25px; margin-right:10px; width:25px; } */

/* Bell wiggle*/
/* @keyframes wiggle { */
    /* 0% { transform: rotate(0deg); } */
    /* 25% { transform: rotate(10deg); } */
    /* 30% { transform: rotate(-10deg); } */
    /* 35% { transform: rotate(10deg); } */
    /* 40% { transform: rotate(-10deg); } */
    /* 45% { transform: rotate(10deg); } */
    /* 50% { transform: rotate(-10deg); } */
    /* 55% { transform: rotate(10deg); } */
    /* 60% { transform: rotate(-10deg); } */
    /* 65% { transform: rotate(10deg); } */
    /* 70% { transform: rotate(-10deg); } */
    /* 75% { transform: rotate(10deg); } */
    /* 80% { transform: rotate(-10deg); } */
    /* 85% { transform: rotate(10deg); } */
    /* 90% { transform: rotate(-10deg); } */
    /* 95% { transform: rotate(-10deg); } */
    /* 100% { transform: rotate(0deg); } */
/* } */

/* .notes-bell.wiggle { */
  /* display: inline-block; */
  /* animation: wiggle 2.5s infinite; */
/* } */

/* .notes-bell.wiggle:hover { */
  /* animation: none; */
/* } */
/* .mobile-new.wiggle { */
  /* display: inline-block; */
  /* animation: wiggle 2.5s infinite; */
/* } */

/* .mobile-new.wiggle:hover { */
  /* animation: none; */
/* } */


/*----- Search styles -----*/
/* .results tr[visible='false'], */
/* .no-result{ */
  /* display:none; */
/* } */

/* .results tr[visible='true']{ */
  /* display:table-row; */
/* } */

/* .counter{ */
  /* padding:8px; */
  /* color:#ccc; */
/* } */

/* #custom-search-input{ */
    /* padding: 0px; */
    /* border: solid 1px #E4E4E4; */
    /* border-radius: 5px; */
    /* background-color: #f2f2f2; */
/* } */

/* #custom-search-input input{ */
    /* border: 0; */
    /* box-shadow: none; */
    /* background-color: #f2f2f2; */
/* } */

/* #custom-search-input button{ */
    /* margin: 2px 0 0 0; */
    /* background: none; */
    /* box-shadow: none; */
    /* border: 0; */
    /* color: #666666; */
    /* padding: 0 8px 0 10px; */
    /* border-left: solid 1px #ccc; */
/* } */

/* #custom-search-input button:hover{ */
    /* border: 0; */
    /* box-shadow: none; */
    /* border-left: solid 1px #ccc; */
/* } */

/* #custom-search-input .glyphicon-search{ */
    /* font-size: 16px; */
/* } */


/* .banner { */
    /* -webkit-font-smoothing: antialiased; */
    /* background-attachment: scroll; */
    /* background-clip: border-box; */
    /* background-color: #0c1622; */
    /* background-origin: padding-box; */
    /* background-position: left center; */
    /* background-size: cover; */
    /* box-sizing: border-box; */
    /* font-size: 18px; */
    /* height: 135px; */
    /* width: 100%; */
/* } */

/* .banner-bottom { */
    /* background: #58b8bf; */
    /* box-sizing: border-box; */
    /* font-family: Lato, sans-serif; */
    /* font-size: 18px; */
    /* font-weight: normal; */
    /* line-height: 22px; */
    /* margin-bottom:15px; */
    /* padding: 10px; */
    /* text-align: center; */
    /* width: 100%; */
/* } */
/* .btn-banner { */
    /* background-color: #F57F51; */
    /* color: black; */
    /* font-size: 18px; */
    /* line-height: 45px; */
    /* margin: 4px 0px 4px 0px; */
    /* width: 100%; */
/* } */
/* .btn-banner:hover { */
    /* background-color: #E56F41; */
    /* color: black; */
/* } */
/* .btn-grey { */
    /* background-color: #333; */
    /* color: white; */
/* } */
/* .btn-grey:hover { */
    /* color: white; */
/* } */
/* .btn-grey:link,.btn-grey:visited { */
    /* color: white; */
/* } */
/* .cookie { */
    /* -webkit-font-smoothing: antialiased; */
    /* background: #ebebeb; */
    /* border-top: solid 1px #d5d5d5; */
    /* bottom: 0; */
    /* left: 0; */
    /* opacity: 0.9; */
    /* padding:20px 10px 0px 10px; */
    /* position: fixed; */
    /* z-index: 9999; */
/* } */
/* .cursor { */
    /* cursor: pointer; */
/* } */
/* .error { */
    /* color: red; */
/* } */
/* .fca { */
    /* margin-top: 20px; */
/* } */
/* .fca p { */
    /* color: #ccc; */
    /* font-size: 12px; */
    /* text-align: center; */
/* } */
/* .footer { */
    /* background: #5C6770; */
    /* color: white; */
    /* margin-top:15px; */
    /* padding-bottom:20px; */
    /* padding-top:20px; */
/* } */
/* .menu-up { */
    /* color: #58b8bf; */
    /* cursor: pointer; */
/* } */
/* .page-buttons { */
    /* margin-top: 15px; */
    /* text-align: right; */
/* } */
/* .total { */
    /* font-size: 30px; */
    /* font-weight: bold; */
/* } */

/* .home-table table { */
  /* width: 100%; */
  /* max-width: 100%; */
  /* margin-bottom: 10px; */
  /* border-collapse: collapse; */
/* } */

/* .home-table table tbody tr { */
    /* background-color:#f2f2f2; */
/* } */

/* .home-table table td { */
  /* color: #8d9097; */
  /* vertical-align: middle; */
/* } */

/* .home-table table td div.cell */
 /* { */
     /* background:#fff; */
  /* margin-bottom: 5px; */
  /* border: solid silver; */
  /* border-width: 0px 0px 1px 0px; */
/* } */

/* .home-table table td div.cell-inner */
 /* { */
/* padding-left:10px; padding-bottom:5px; */
/* } */
/* .home-table table td div.cell-inner-mobile */
 /* { */
/* padding-left:2px; */
/* } */
/* .font-size-20           { font-size:20px !important;} */
/* .font-size-10           { font-size:10px !important;} */
/* .font-size-11           { font-size:11px !important;} */
/* .font-size-12           { font-size:12px !important;} */
/* .font-size-13           { font-size:13px !important;} */
/* .font-size-14           { font-size:14px !important;} */
/* .font-size-15           { font-size:15px !important;} */
/* div.cell { */
    /* background:#fff; */
    /* border:1px solid #ddd; */
    /* padding:4px; */
/* } */

/* div.cell-inner { */
    /* padding-left:10px; padding-bottom:5px; */
/* } */
/* div.cell-inner-mobile { */
    /* padding-left:2px; */
/* } */

/* .permissions */
 /* { */
/* background-color:white !important; */
/* } */
/* .main-title { */
    /* font-size:24px; margin-bottom:2px; */
/* } */
/* .secondary-title { */
    /* font-size:18px; */
/* } */

/*Certificate open link*/
/* .home-text { font-size:12px; } */

/* @media (min-width: 576px) { .home-text {font-size: 12px; } */
/* } */

/* @media (min-width: 768px) { .home-text {font-size: 14px; } */
/* } */

/* @media (min-width: 992px) { .home-text {font-size: 16px; } */
/* } */

/* @media (min-width: 1200px) { .home-text {font-size: 18px; } */
/* } */

/*Certificate information button*/
/* .information-button { font-size:24px; } */

/* @media (min-width: 576px) { .information-button { font-size: 24px; cursor:pointer; } */
/* } */

/* @media (min-width: 768px) { .information-button { font-size: 24px; cursor:pointer; } */
/* } */

/* @media (min-width: 992px) { .information-button { font-size: 24px; cursor:pointer; } */
/* } */

/* @media (min-width: 1200px) { .information-button { font-size: 24px; cursor:pointer;} */
/* } */

/* .name */
/* { */
     /* font-size:11px; */
     /* font-weight:bold; */
     /* color:#333; */
/* } */

/* @media (min-width: 576px) { .name { font-size: 11px; } */
/* } */

/* @media (min-width: 768px) { .name { font-size: 12px; } */
/* } */

/* @media (min-width: 992px) { .name { font-size: 14px; } */
/* } */

/* @media (min-width: 1200px) { .name { font-size: 14px; } */
/* } */

/* .detail */
/* { */
     /* color:grey; font-size:14px; line-height:25px; */
/* } */

/* .amendment-label    { border:1px solid #99ccff; border-radius:50%; background-color:#99ccff; color:white; font-size:8px; width:10px; height:10px; text-align:center; padding:2px; cursor:pointer; } */

/* @media (min-width: 576px) { .amendment-label { font-size: 6px; width:8px; height:8px; padding:4px; } */
/* } */

/* @media (min-width: 768px) { .amendment-label { font-size: 8px; width:10px; height:10px; padding:4px; } */
/* } */

/* @media (min-width: 992px) { .amendment-label { font-size: 10px; width:12px; height:12px; padding:4px; } */
/* } */

/* @media (min-width: 1200px) { .amendment-label { font-size: 12px; width:16px; height:16px; padding:4px; } */
/* } */


/* .amendment2-label    { border:1px solid #000; border-radius:50%; background-color:#865847; color:white; font-size:8px; width:10px; height:10px; text-align:center; padding:2px; cursor:pointer; } */

/* @media (min-width: 576px) { .amendment2-label { font-size: 6px; width:8px; height:8px; padding:4px; } */
/* } */

/* @media (min-width: 768px) { .amendment2-label { font-size: 8px; width:10px; height:10px; padding:4px; } */
/* } */

/* @media (min-width: 992px) { .amendment2-label { font-size: 10px; width:12px; height:12px; padding:4px; } */
/* } */

/* @media (min-width: 1200px) { .amendment2-label { font-size: 12px; width:16px; height:16px; padding:4px; } */
/* } */

/* .customer-satisfaction-label    { border:1px solid red; border-radius:50%; background-color:white; color:red; font-size:8px; width:10px; height:10px; text-align:center; padding:4px; cursor:pointer; } */

/* @media (min-width: 576px) { .customer-satisfaction-label { font-size: 6px; width:8px; height:8px; padding:4px; } */
/* } */

/* @media (min-width: 768px) { .customer-satisfaction-label { font-size: 8px; width:10px; height:10px; padding:4px; } */
/* } */

/* @media (min-width: 992px) { .customer-satisfaction-label { font-size: 10px; width:12px; height:12px; padding:4px; } */
/* } */

/* @media (min-width: 1200px) { .customer-satisfaction-label { font-size: 12px; width:16px; height:16px; padding:4px; } */
/* } */

/* .summary    { color:#9fda8b; font-size:10px; cursor:pointer; } */

/* @media (min-width: 576px) { .summary { font-size: 14px; } */
/* } */

/* @media (min-width: 768px) { .summary { font-size: 15px; } */
/* } */

/* @media (min-width: 992px) { .summary { font-size: 16px; } */
/* } */

/* @media (min-width: 1200px) { .summary { font-size: 18px; } */
/* } */

/* .post-it-home   { font-size: 10px;} */

/* @media (min-width: 576px) { .post-it-home { font-size: 11px; } */
/* } */

/* @media (min-width: 768px) { .post-it-home { font-size: 14px; } */
/* } */

/* @media (min-width: 992px) { .post-it-home { font-size: 16px; } */
/* } */

/* @media (min-width: 1200px) { .post-it-home { font-size: 18px; } */
/* } */
/* .detail .admin-second { color:#3f678d; font-size:16px; } */

/* .pdf-row    { color:red; width:40px; text-align:center; cursor:pointer; } */

/* @media (min-width: 576px) { .pdf-row {  width:35px; } */
/* } */

/* @media (min-width: 768px) { .pdf-row {  width:40px; } */
/* } */

/* @media (min-width: 992px) { .pdf-row {  width:45px; } */
/* } */

/* @media (min-width: 1200px) { .pdf-row {  width:50px; } */
/* } */
/* .pdf-email  { color:red; width:40px; text-align:center; } */

/* @media (min-width: 576px) { .pdf-row {  width:35px; } */
/* } */

/* @media (min-width: 768px) { .pdf-row {  width:40px; } */
/* } */

/* @media (min-width: 992px) { .pdf-row {  width:45px; } */
/* } */

/* @media (min-width: 1200px) { .pdf-row {  width:50px; } */
/* } */

/* .custom { */
    /* width:40px !important; margin-bottom:3px; */
/* } */
/* .custom-copy { */
    /* width:40px !important; margin-bottom:3px; background-color:#fff; border-color:#cbb61a; color:#cbb61a; */
/* } */
/* .custom-copy:hover { */
    /* width:40px !important; margin-bottom:3px; background-color:#f2e79a; */
/* } */
/* .custom-template { */
    /* width:40px !important; margin-bottom:3px; background-color:#fff; border-color:#5d9b9b; color:#5d9b9b; */
/* } */
/* .custom-template:hover { */
    /* width:40px !important; margin-bottom:3px; background-color:#5d9b9b; */
/* } */

/* .pdf-box { */
    /* display:flex; align-items:center; justify-content:center; */
/* } */
/* .certificate-icon */
/* { */
    /* font-size:10px; */
    /* color:#d9d9d9; */
    /* margin-right:5px; */
/* } */
/* .bg-lightgrey { */
    /* background: #eaeaea; */
/* } */

/*prevent body scrolling when modals are active*/
/* .modal-open{ */
   /* overflow: hidden; */
   /* height: 100%; */
   /* width:100%; */
   /* position: fixed; */
 /* } */
 /* .border-separator-bottom               { border-bottom:1px solid silver; } */
 /* .border-separator-bottom-dashed        { border-bottom:1px dashed silver; } */
 /* .border-separator-left                 { border-left:1px solid silver; } */
 /* .border-separator-left-dashed          { border-left:1px dashed silver; } */
 /* .border-separator-right                { border-right:1px solid silver; } */
 /* .border-separator-right-black          { border-right:1px solid #000000; } */
 /* .border-separator-right-dashed         { border-right:1px dashed silver; } */
 /* .border-separator-top                  { border-top:1px solid silver; } */
 /* .border-separator-top-dashed           { border-top:1px dashed silver; } */
 /* .border-separator-bottom-black         { border-bottom:1px solid #000000; } */
 /* .border-separator-bottom-dashed-black  { border-bottom:1px dashed #000000; } */
 /* .border-separator-left-black           { border-left:1px solid #000000; } */
 /* .border-separator-left-dashed-black    { border-left:1px dashed #000000; } */
 /* .border-separator-right-black          { border-right:1px solid #000000; } */
 /* .border-separator-right-dashed-black   { border-right:1px dashed #000000; } */
 /* .border-separator-top-black            { border-top:1px solid #000000; } */
 /* .border-separator-top-dashed-black     { border-top:1px dashed #000000; } */
 /* .center                                { text-align:center; } */
 /* .help-well                             { background-color:#f2f2f2; border:1px solid silver; border-radius:3px; padding:10px; margin-top:5px; } */

/* does not exist in bootstrap 4 */
/* .opacity-25 { */
    /* opacity: 0.25 !important; */
/* } */

/* .checkbox-large { */
    /* transform:scale(1.5); */
/* } */

/* .bg-white { */
    /* background: white !important; */
/* } */

/*create border to only show on larger screens*/
 /* .custom-border-separator-right                     { border-right:1px solid silver; } */
 /* @media (max-width:767px) { */
     /* .custom-border-separator-right                 { border-right:0px solid silver !important; } */
 /* } */

/*hide border on large screens and show on mobile*/
 /* .custom-border-separator-bottom                    { border-bottom:0px solid silver; } */
 /* @media (max-width:576px) { */
    /* .custom-border-separator-bottom                 { border-bottom:1px solid silver !important; padding:10px; } */
 /* } */