* { font-family: 'Roboto', sans-serif; color: #555555; line-height: 27px; font-size: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
p { margin: 0; }
.text-muted, .text-muted * { color: #A0A0A0; }
/* Links and buttons */
.btn { border-radius: 3px; }
.btn, .btn * { color: white; }
.btn > .webtool-icon:first-child,
h3 > .webtool-icon:first-child { margin-right: 10px; }
.btn > .webtool-icon:last-child,
h3 > .webtool-icon:last-child { margin-left: 10px; }
.btn.btn-xs > .webtool-icon { margin-top: -4px; }
.btn.btn-xs > .webtool-icon:first-child,
h4 > .webtool-icon:first-child { margin-right: 5px; }
.btn.btn-xs > .webtool-icon:last-child,
h4 > .webtool-icon:last-child { margin-left: 5px; }
 a > .webtool-icon:first-child { margin-right: 6px; }
 a > .webtool-icon:last-child { margin-left: 6px; }
.link-button > .webtool-icon:first-child { margin-right: 6px; }
.link-button > .webtool-icon:last-child { margin-left: 6px; }
 

 .btn > .webtool-icon:only-child,
 .btn.btn-xs > .webtool-icon:only-child,
 h3 > .webtool-icon:only-child,
 h4 > .webtool-icon:only-child { margin-left: 0; margin-right: 0; }
 p+a.btn  { margin-top: 10px; }
.btn.btn-lg { padding: 8px 18px 10px 18px; font-weight: 600; }

.btn, .btn * { font-size: 16px }
.btn.btn-lg, .btn.btn-lg * { font-size: 18px }
.btn.btn-sm, .btn.btn-sm * { font-size: 15px }
.btn.btn-xs, .btn.btn-xs * { font-size: 14px }
.btn+p.text-sm { margin-top: 10px; }
.form-group-lg .btn { height: 46px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); }
.form-group-lg .form-control { height: 46px!important; } 
.form-group .input-group .input-group-btn .btn { box-shadow: none; }

a:not(.btn), a:not(.btn) *,
a.btn.btn-link, a.btn.btn-link *,
button.btn.btn-link, button.btn.btn-link * {
    color: #555555;
}

a.text-muted:not(.btn), a.text-muted:not(.btn) *,
a.text-muted.btn.btn-link, a.text-muted.btn.btn-link *,
button.btn.btn-link.text-muted, button.btn.btn-link.text-muted * { color: #a0a0a0; }

a:not(.btn):active, a:not(.btn):active *,
a:not(.btn):hover, a:not(.btn):hover *,
a:not(.btn):focus, a:not(.btn):focus *,
.link-button:active, .link-button:active *,
.link-button:hover, .link-button:hover *,
.link-button:focus, .link-button:focus * { color: #555;}

.link-button {
    padding: 0;
    border: 0;
    margin: 0;
    text-decoration: underline;
}

a.call-to-action { line-height: 55px; margin-right: 40px; }
a.call-to-action, a.call-to-action * { font-size: 16px; }
a.call-to-action .webtool-icon.webtool-icon-arrow-right { width: 7px; margin-right: 10px; }

.btn:not(.btn-link) { font-weight: 600; }
.btn:not(.btn-link):not(.btn-licence-additional) { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
.btn-default { background-color: #f2f2f2; border-color: #f2f2f2; color: #555; }
.btn-default * { color: #555; }
.btn-default:active,.btn-default:hover,.btn-default:focus { background-color: #e1e1e1; border-color: #e1e1e1;}
.btn-default.disabled { color: #a0a0a0; }
.btn-default.disabled * { color: #a0a0a0; }

.badge, .badge * { font-size: 12px; line-height: 14px; font-weight: 100; }
.badge .webtool-icon { margin-top: -1px; }
.badge.badge-light { background: white; border: solid 1px #a09fa0; }
.badge.badge-light:hover { background: #a09fa0; border: solid 1px #a09fa0; }
.badge.badge-light:hover .webtool-icon.webtool-icon-cross { background-image:url("/content/images/icons/icon-cross-white.svg"); }
.badge.badge-light:hover, .badge.badge-light:hover *  { color: white; }
.badge.badge-remove:hover { background: white; border: solid 1px #cc2042; }
.badge.badge-remove:hover, badge.remove:hover * { text-decoration: line-through; color: #cc2042; }


.no-break { white-space: nowrap; }

nav ul.pagination li { margin: 0 1px; }
nav ul.pagination li a { background: #f2f2f2; text-align: center; min-width: 45px; height: 45px; line-height: 45px; color: #555; border: none; padding: 0; margin-left: 1px; margin-right: 1px; }
nav ul.pagination li.disabled-pagination:not(.active) { display: none; }
nav ul.pagination li.active a,
nav ul.pagination li a:active, nav ul.pagination li.active a:active,
nav ul.pagination li a:hover, nav ul.pagination li.active a:hover,
nav ul.pagination li a:focus, nav ul.pagination li.active a:focus { background: #dddddd; color: #555; }
nav ul.pagination .webtool-icon.webtool-icon-arrow-left, 
nav ul.pagination .webtool-icon.webtool-icon-arrow-right { width: 7px; }
nav ul.pagination .webtool-icon.webtool-icon-last-arrow-left, 
nav ul.pagination .webtool-icon.webtool-icon-last-arrow-right { width: 9px; }

table tbody .btn-default, table tbody .btn-default { background-color: #ffffff; border-color: #ffffff; color: #a0a0a0; }
table tbody .btn-default *, table tbody .btn-default * { color: #a0a0a0; }

.btn-primary { background-color: #555555; border-color: #555555; color: #ffffff;}
.btn-primary * { color: #ffffff; }
.btn-primary.disabled, .btn-primary[disabled] { background-color: #666666;border-color: #666666; }
.btn-primary:active,.btn-primary:hover,.btn-primary:focus { background-color: #444444; border-color: #444444; }


.btn.btn-primary-green { background-color: #00CA72;border-color: #00CA72;}
.btn.btn-primary-green.disabled, .btn.btn-primary-green[disabled] { background-color: #10DA82;border-color: #10DA82; }
.btn.btn-primary-green:active,.btn.btn-primary-green:hover,.btn.btn-primary-green:focus { background-color: #00BA62;border-color: #00BA62; }

.btn-danger { background-color: #cb0b42; border-color: #cb0b42; }
.btn-danger:active,.btn-danger:hover{ background-color: #aa0022; border-color: #aa0022; }

.btn-licence-option.btn-licence-additional { background-color: #ffffff; color: #FF8C00; border: 2px solid #FF8C00; opacity: 1;}
.btn-licence-option.btn-licence-disabled { background-color: #ffffff; color: #555; border: 2px solid #aaa; opacity: 0.7;}
.btn-warning { background-color: #FF8C00; border-color: #FF8C00;}
.btn-warning:active,.btn-warning:hover{ background-color: #dd7900; border-color: #dd7900; }

.rectangle { height: 30px; min-width: 30px; box-shadow: 0 0 0 2px rgba(0, 202, 114, 0.25); margin-left: 13px; border-radius: 2px; text-align: center; padding: 0 10px; display: inline-block; }
.large-rectangle { height: 36px; min-width: 56px; padding-top: 4px; margin-left: 19px; margin-top: 2px; text-align: center; display: inline-block; }
.copy-rectangle { height: 27px; min-width: 66px; background-color: #ffffff; color: #a0a0a0;  border-radius: 2px; font-size: 14px; padding: 0 5px; margin-right: 10px; text-align: center; display: inline-block; }
.currentCount, .currentCount * { display: inline-block; color: #00CA72; }

.btn-success { background-color: #00CA72; border-color: #00CA72; }
.btn-success:active,.btn-success:hover { background-color: #00a85f; border-color: #00a85f; }

.input-group .btn { box-shadow: none; }
form .form-group.has-feedback .webtool-icon.webtool-icon-search { cursor: pointer; pointer-events: all; }
.btn-standard-size { width: 170px; height: 35px; }

.btn-group .btn:not(:last-child) { margin-right: 2px; }

label, dt { font-weight: 600; }
label.heading-label { font-weight: 600; font-size: 20px; padding-top: 7px; }
.licence-information-container, .company-details-form-container { margin: auto; max-width: 520px; }
.licence-info-rectangle { border-radius: 3px; padding: 10px 30px 30px 30px; margin-top: 20px; min-height: 180px; }
.licence-info-rectangle .standard span { color: #A0A0A0; }
@media (min-width:1199px) {
    .licence-information-container, .company-details-form-container { width: 50%; }
    .company-details-form-container { padding-right: 30px; float: left; }
    .licence-information-container { margin-top: 116px; padding-left: 20px; float: right;}
}
.gray-well { background-color: #f2f2f2; }
.orange-well { background-color: rgba(255,140,0,0.1); }
.licence-info-rectangle .license-details-wrapper .webtool-icon { opacity: 0.4; }
.licence-info-rectangle .license-details-wrapper .price { text-align: center; }

.form-control { font-size: 16px; }

label { font-weight: 600; }
label sup { padding-left: 5px; color: #a0a0a0; font-size: 18px; top: 0; }
.no-asterisk label sup { display: none; }
.vertically-centre { top: 50%; transform: translateY(-50%); } /* The parent element must have "position: relative" */
.white-well { background-color: #FFFFFF; } /* Used for selected standards on SelectAvailableDocuments page */
.edit-license { padding: 1px 20px 20px 20px; }
.heading-small-margins { margin: 23px 0 19px 0; }
.custom-content-box { margin-bottom: 40px; }
.standardsToAdd-table-header { padding-left: 30px; }
.standardsToAdd-table-header span { color: #A0A0A0; font-size: 16px; }
.code-column-header { margin-right: 40px; }

.fixed-footer { position: fixed; bottom: 0; z-index: 10; left: 0; background-color: white; width: 100%; display: none; }
.fixed-footer .container { padding: 0 70px; background-color: white;  }


/* --- Common page content */
.action-col { width: 80px; }
.action-col.affix { top: 1px; right: 0; position: fixed; }
.action-col a {
    float: left;
    box-sizing: border-box;
    width: 80px;
    line-height: 80px;
    text-align: center;
    color: transparent;
    position: relative;
    transition: .2s;
}
.action-col a:not(:first-child) { margin-top: 2px; }
.action-col + .body-content { width: calc(100% - 80px); }
#mainContent, .body-content { background-color: white; }
.body-content { padding: 10px 40px 140px 40px;  }
.row.full-width { margin-left: -30px; margin-right: -30px; } /* allows a .row to the very edge of the .body-content wrapper */
.form-horizontal .chosen-container { min-width: 150px; }




.alert { border: none; padding: 30px 120px 50px 100px; margin-bottom: 40px; background-repeat: no-repeat; background-position: top 0 left 0; }
.alert h1 { margin-bottom: 5px; color: #555; }
.alert h2 { margin-top: 0; color: #555; }
.alert > .closeAlert { margin-top: -15px; margin-right: -90px; }
.alert.alert-success { background-color: #E5F9F0; background-image: url("/content/images/icons/icon-large-success.svg"); }
.alert.alert-danger { background-color: #fff3e5; background-image: url("/content/images/icons/icon-large-warning.svg"); }


/* Icons */
span.webtool-icon { display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; line-height: 19px; height: 19px; width: 29px;  }
span.webtool-icon-mini { background-size: 15px; }
span.webtool-icon-xs { background-size: 7px; width: 10px; height:7px; }
span.webtool-icon-large { height: 20px; width: 20px; opacity: 0.7 !important; background-size: 20px; }
input.form-control.webtool-icon { background-position: 10px 10px; background-repeat: no-repeat; padding-left: 40px;  }
.btn:not(.btn-link) span.webtool-icon { opacity: 0.5; }
.btn span.webtool-icon.webtool-icon-plus { opacity: 0.7; }
.btn>.webtool-icon:last-child { margin-left: 0; }
.btn>.webtool-icon:first-child { margin-right: 2px; }
.btn>.webtool-icon.webtool-icon-large:first-child { margin-right: 10px; }

.webtool-icon.webtool-icon-radio-checked { background-image:url("/content/images/icons/radio-checked.svg"); }
.webtool-icon.webtool-icon-radio-unchecked { background-image:url("/content/images/icons/radio-unchecked.svg"); }
.webtool-icon.webtool-icon-checkbox-checked { background-image:url("/content/images/icons/checkbox-checked.svg"); }
.webtool-icon.webtool-icon-checkbox-unchecked { background-image:url("/content/images/icons/checkbox-unchecked.svg"); }

.webtool-icon.webtool-icon-doc-assigned.assigned { background-image:url("/content/images/icons/doc-assigned-filled.svg"); }
.webtool-icon.webtool-icon-doc-assigned.assigned-to-me { background-image:url("/content/images/icons/doc-assigned-filled-self.svg"); }
.webtool-icon.webtool-icon-doc-assigned.unassigned { background-image:url("/content/images/icons/doc-assigned-outline.svg"); }
.webtool-icon.webtool-icon-doc-compare { background-image:url("/content/images/icons/doc-compare.svg"); }
.webtool-icon.webtool-icon-doc-note-overlay { background-image:url("/content/images/icons/doc-note-overlay.svg");width: 12px;height:11px}
.webtool-icon.webtool-icon-doc-pencil { background-image:url("/content/images/icons/doc-pencil.svg"); }
.webtool-icon.webtool-icon-doc-pencil-outline { background-image:url("/content/images/icons/icon-pencil-outline.svg"); }
.webtool-icon.webtool-icon-doc-status-filled.compliant { background-image:url("/content/images/icons/doc-status-filled-compliant.svg"); }
.webtool-icon.webtool-icon-doc-status-filled.partly-compliant { background-image:url("/content/images/icons/doc-status-filled-partly-compliant.svg"); }
.webtool-icon.webtool-icon-doc-status-filled.not-compliant { background-image:url("/content/images/icons/doc-status-filled-not-compliant.svg"); }
.webtool-icon.webtool-icon-doc-status-filled.not-applicable { background-image:url("/content/images/icons/doc-status-filled-not-applicable.svg"); }
.webtool-icon.webtool-icon-doc-status-outline { background-image:url("/content/images/icons/doc-status-outline.svg"); }
.webtool-icon.webtool-icon-doc-subprocess { background-image:url("/content/images/icons/doc-subprocess.svg"); }
.webtool-icon.webtool-icon-doc-subprocess.active { background-image:url("/content/images/icons/doc-subprocess-active.svg"); }

.webtool-icon.webtool-icon-arrow-up { background-image:url("/content/images/icons/icon-arrow-up.svg"); }
.webtool-icon.webtool-icon-arrow-down { background-image:url("/content/images/icons/icon-arrow-down.svg"); }
.webtool-icon.webtool-icon-arrow-right { background-image:url("/content/images/icons/icon-arrow-right.svg"); }
.webtool-icon.webtool-icon-arrow-left { background-image:url("/content/images/icons/icon-arrow-right.svg"); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
.webtool-icon.webtool-icon-last-arrow-right { background-image:url("/content/images/icons/icon-last-arrow-right.svg"); }
.webtool-icon.webtool-icon-last-arrow-left { background-image:url("/content/images/icons/icon-last-arrow-right.svg"); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
.webtool-icon.webtool-icon-big-arrow-left { background-image:url("/content/images/icons/icon-big-arrow-left.svg"); }
.disabled span.webtool-icon.webtool-icon-big-arrow-left,
.webtool-icon.webtool-icon-big-arrow-left-disabled { background-image:url("/content/images/icons/icon-big-arrow-left-disabled.svg"); }
.webtool-icon.webtool-icon-big-arrow-right { background-image:url("/content/images/icons/icon-big-arrow-right.svg"); }
.webtool-icon.webtool-icon-big-arrow-right-white { background-image:url("/content/images/icons/icon-big-arrow-right-white.svg"); }
.disabled span.webtool-icon.webtool-icon-big-arrow-right,
.webtool-icon.webtool-icon-big-arrow-right-disabled { background-image:url("/content/images/icons/icon-big-arrow-right-disabled.svg"); }

.webtool-icon.webtool-icon-checkmark { background-image:url("/content/images/icons/icon-checkmark.svg"); }
.webtool-icon.webtool-icon-doc-checkmark { background-image:url("/content/images/icons/icon-doc-checkmark.svg"); }
.webtool-icon.webtool-icon-doc-cross { background-image:url("/content/images/icons/icon-doc-cross.svg"); }
.webtool-icon.webtool-icon-doc-plus { background-image:url("/content/images/icons/icon-doc-plus.svg"); }
.webtool-icon.webtool-icon-edit-licence-checkmark { background-image:url("/content/images/icons/icon-edit-licence-checkmark.svg"); }
.webtool-icon.webtool-icon-compare { background-image:url("/content/images/icons/icon-compare.svg"); }
.webtool-icon.webtool-icon-cross { background-image:url("/content/images/icons/icon-cross.svg"); }
.webtool-icon.webtool-icon-cross-white { background-image:url("/content/images/icons/icon-cross-white.svg"); }
.webtool-icon.webtool-icon-cross-remove-copy { background-image:url("/content/images/icons/icon-cross-remove-copy.svg"); }
.webtool-icon.webtool-icon-edit { background-image:url("/content/images/icons/icon-edit.svg"); }
.webtool-icon.webtool-icon-delete { background-image:url("/content/images/icons/icon-delete.svg"); }
.webtool-icon.webtool-icon-delete-commentary { background-image:url("/content/images/icons/icon-delete-commentary.svg"); }
.webtool-icon.webtool-icon-download { background-image:url("/content/images/icons/icon-download.svg"); margin-top: -4px; }
.webtool-icon.webtool-icon-download-inverted { background-image:url("/content/images/icons/icon-download-inverted.svg"); margin-top: -4px; }
.webtool-icon.webtool-icon-duplicate { background-image:url("/content/images/icons/icon-duplicate.svg"); }
.webtool-icon.webtool-icon-footer-email { background-image:url("/content/images/icons/icon-footer-email.svg"); }
.webtool-icon.webtool-icon-footer-phone { background-image:url("/content/images/icons/icon-footer-phone.svg"); }
.webtool-icon.webtool-icon-help { background-image:url("/content/images/icons/icon-help.svg"); width: 17px; height: 17px; }
.webtool-icon.webtool-icon-hide { background-image:url("/content/images/icons/icon-hide.svg"); }
.disabled .webtool-icon.webtool-icon-hide,
.webtool-icon.webtool-icon-hide-disabled { background-image:url("/content/images/icons/icon-hide-disabled.svg"); }
.webtool-icon.webtool-icon-pencil-outline { background-image:url("/content/images/icons/icon-pencil-outline.svg"); }
.webtool-icon.webtool-icon-plus { background-image:url("/content/images/icons/icon-plus.svg"); margin-top: -5px;  }
.webtool-icon.webtool-icon-search { background-image:url("/content/images/icons/icon-search.svg"); }
.webtool-icon.webtool-icon-sidebar-search { background-image:url("/content/images/icons/icon-sidebar-search.svg"); background-size: 30px; }
.webtool-icon.webtool-icon-show { background-image:url("/content/images/icons/icon-show.svg"); }
.disabled .webtool-icon.webtool-icon-show,
.webtool-icon.webtool-icon-show-disabled { background-image:url("/content/images/icons/icon-show-disabled.svg"); }

/* Header/Sidebar Icons */
span.webtool-icon.webtool-icon-external-link { background-image:url("/content/images/icons/icon-external-link.svg"); width: 13px; height: 13px; margin-top: -2px; }
.active span.webtool-icon.webtool-icon-external-link, 
a:hover span.webtool-icon.webtool-icon-external-link,
a:active span.webtool-icon.webtool-icon-external-link,
a:focus span.webtool-icon.webtool-icon-external-link { background-image: url("/content/images/icons/icon-external-link-active.svg"); }

span.webtool-icon.webtool-icon-help { background-image:url("/content/images/icons/icon-help.svg"); width: 15px; height: 15px; margin-top: -3px; }
.active span.webtool-icon.webtool-icon-help, 
a:hover span.webtool-icon.webtool-icon-help,
a:active span.webtool-icon.webtool-icon-help,
a:focus span.webtool-icon.webtool-icon-help { background-image:url("/content/images/icons/icon-help-active.svg"); }

span.webtool-icon.webtool-icon-user { background-image:url("/content/images/icons/icon-user.svg"); width: 14px; height: 14px; margin-top: -3px; }
.active span.webtool-icon.webtool-icon-user, 
a:hover span.webtool-icon.webtool-icon-user,
a:active span.webtool-icon.webtool-icon-user,
a:focus span.webtool-icon.webtool-icon-user { background-image:url("/content/images/icons/icon-user-active.svg"); }

span.webtool-icon.webtool-icon-subprocess { background-image: url("/content/images/icons/icon-subprocess.svg"); }
.active span.webtool-icon.webtool-icon-subprocess,
a:hover span.webtool-icon.webtool-icon-subprocess,
a:active span.webtool-icon.webtool-icon-subprocess,
a:focus span.webtool-icon.webtool-icon-subprocess { background-image: url("/content/images/icons/icon-subprocess-active.svg"); }

span.webtool-icon.webtool-icon-home { background-image: url("/content/images/icons/icon-home.svg") ; }
.active span.webtool-icon.webtool-icon-home, 
a:hover span.webtool-icon.webtool-icon-home,
a:active span.webtool-icon.webtool-icon-home,
a:focus span.webtool-icon.webtool-icon-home { background-image: url("/content/images/icons/icon-home-active.svg"); }

span.webtool-icon.webtool-icon-standards { background-image: url("/content/images/icons/icon-standards.svg"); }
.active span.webtool-icon.webtool-icon-standards, 
a:hover span.webtool-icon.webtool-icon-standards,
a:active span.webtool-icon.webtool-icon-standards,
a:focus span.webtool-icon.webtool-icon-standards {  background-image: url("/content/images/icons/icon-standards-active.svg"); }

span.webtool-icon.webtool-icon-standards-licence-summary { background-image: url("/content/images/icons/icon-standards-licence-summary.svg"); }

span.webtool-icon.webtool-icon-users { background-image: url("/content/images/icons/icon-users.svg"); }
.active span.webtool-icon.webtool-icon-users, 
a:hover span.webtool-icon.webtool-icon-users,
a:active span.webtool-icon.webtool-icon-users,
a:focus span.webtool-icon.webtool-icon-users { background-image: url("/content/images/icons/icon-users-active.svg"); }

span.webtool-icon.webtool-icon-users-licence-summary { background-image: url("/content/images/icons/icon-users-licence-summary.svg"); }

span.webtool-icon.webtool-icon-licenses { background-image: url("/content/images/icons/icon-licenses.svg"); }
.active span.webtool-icon.webtool-icon-licenses,
a:hover span.webtool-icon.webtool-icon-licenses,
a:active span.webtool-icon.webtool-icon-licenses,
a:focus span.webtool-icon.webtool-icon-licenses { background-image: url("/content/images/icons/icon-licenses-active.svg"); }

/* Language selector flags */
span.webtool-icon.webtool-icon-flag-nl { background-image: url("/content/images/icons/gb.svg"); }
span.webtool-icon.webtool-icon-flag-gb { background-image: url("/content/images/icons/nl.svg"); }

/* Doctype Icons */
span.doctype-icon { display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; line-height: 18px; height: 18px; width: 18px;  }
span.doctype-icon.doctype-Standard { background-image: url("/content/images/icons/icon-doctype-standard.svg"); }
span.doctype-icon.doctype-Guidance { background-image: url("/content/images/icons/icon-doctype-guidance.svg");}

a:hover { text-decoration: none; }
.container { width: 1367px; max-width: 100%;}
.row.padded { padding: 26px; }
.row.padded-top { padding-top: 26px; }
.row.padded-right { padding-right: 26px; }
.row.padded-bottom { padding-bottom: 26px; }
.row.padded-left { padding-left: 26px; }
.text-sm { font-size: 16px; }

h1, .h1 { font-size: 30px; font-weight: 600; margin-bottom: 35px; }
h2, .h2 { font-size: 24px; font-weight: 600; margin-bottom: 20px; }
h3, .h3 { font-size: 22px; font-weight: 600; margin-bottom: 18px; }
h4, .h4 { font-size: 20px; font-weight: 600; margin-bottom: 16px; }

h2.document-copy { font-style: italic; }

/* Login page */
input[type=checkbox].remember-me-checkbox { margin-left: 0; }

.tooltip, .tooltip * { color: #fff !important; font-size: 16px; }

/* column layout */
.leftCol, .rightCol { width: 100%; float: left; }
@media (min-width:768px) {
    .leftCol { width: 254px; float: left; }
    .leftCol~.rightCol { width: calc(100% - 254px); float: left; }

    .leftCol.mini { width: 80px; }
    .leftCol.mini~.rightCol { width: calc(100% - 80px); float: left; }
    .leftCol.mini li a span.linkText { display: none; }

    .form-horizontal .form-group .control-label { width: 170px; text-align: right; float: left; }
    .form-horizontal .form-group .control-label+div { width: calc(100% - 170px); float: left; padding-left: 20px; }
    .form-horizontal .form-group div.no-label { width: 100%; padding-left: 190px; float: left; }
}

/* Top navigation */
.navbar {  color: white; min-height: 80px; border: none; margin-bottom: 0; }
.navbar .logo { min-height: 80px; text-align: center; }
.navbar .logo img { max-width: 66%; }
.navbar .logo a { line-height: 80px; }
.navbar .content { min-height: 80px; padding: 0 20px; border-left: 10px solid #fff; }
.navbar .languagePicker  { margin-left: 10px; color: black; display: inline-block; width: auto; }
.navbar .navbar-header a { line-height: 80px; text-transform: capitalize; margin: 0; }
.navbar .navbar-header .navbar-brand { min-height: 80px; padding-left: 25px; }
.navbar h1 { line-height: 50px; margin: 0; font-weight: 600; font-size: 22px; }
.navbar .navbar-links { float: right; }
.navbar .navbar-links ul { list-style: none; display: inline-block; margin-top: 18px; }
.navbar .navbar-links ul li { list-style: none; display: inline-block; }
.navbar .navbar-links ul.headerLinks li { padding-right: 25px; padding-left: 25px;  }
.navbar .navbar-links ul.headerLinks li a, .navbar .navbar-links ul.headerLinks li a span { font-size: 16px; }
.navbar .navbar-links ul.headerLinks li { border-right: solid 1px #c8c8c8;  }
.navbar .navbar-links ul.accountControl { padding-right: 20px; padding-left: 20px; }
.navbar .navbar-links ul.accountControl li:not(:last-child) { padding-right: 16px; }
.navbar #loginLink, .navbar #userProfileLink { font-weight: 600; }

/* Language picker */
select.languagePicker { display: none; }
.languagePickerInternal { position: absolute; z-index: 5; right: 0; top: 18px; }
.language-picker-container .chosen-container-single { margin-top: 8px; padding: 0; }
.languagePickerExternal .language-picker-container .chosen-container-single { margin-top: 18px; }
.language-picker-container .chosen-container-single .chosen-single, 
.language-picker-container .chosen-container-active.chosen-with-drop .chosen-single { background: none; padding: 0; border: none; }
.language-picker-container .chosen-container-single .chosen-single,
.language-picker-container .chosen-container-single .chosen-drop { border: none; background-image: none; box-shadow: none; background-color: transparent; background: none; padding: 0; }
.language-picker-container .chosen-container-single .chosen-drop { margin-top: -12px; }
.language-picker-container .chosen-container-single .chosen-single div { width: 16px; }
.language-picker-container .chosen-container-single .chosen-single div b, 
.language-picker-container .chosen-container-active.chosen-with-drop .chosen-single div { display: block; }
.language-picker-container .chosen-container ul.chosen-results { margin: -15px 4px -4px 0; }
.language-picker-container .chosen-container-single .chosen-single span { font-size: 14px; font-weight: 700; }
.languagePickerInternal .language-picker-container .chosen-container-single .chosen-single span { margin-left: -8px; }

.language-picker-container .chosen-container ul.chosen-results .active-result.highlighted { background-color: transparent; }
.language-picker-container .chosen-container ul.chosen-results .active-result { 
    font-size: 14px; font-weight: 700; border-bottom: none; background-size: 14px 9px; background-repeat: no-repeat; background-position: right 0 top 15px; padding-right: 22px; padding-left: 8px; float: left;
}
.languagePickerInternal .language-picker-container .chosen-container ul.chosen-results .active-result { text-align: left; padding-left: 4px; }
.language-picker-container .chosen-container-single .chosen-single span {
    background-size: 14px 9px; background-repeat: no-repeat; background-position: right 0 top 9px; padding-left: 4px; padding-right: 18px;
}

.language-picker-container .chosen-container ul.chosen-results .active-result[data-language=NL],
.language-picker-container .chosen-container-single .chosen-single span[data-language=NL] { background-image: url(/content/images/icons/nl.svg); }
.language-picker-container .chosen-container ul.chosen-results .active-result[data-language=EN],
.language-picker-container .chosen-container-single .chosen-single span[data-language=EN] { background-image: url(/content/images/icons/gb.svg); }

.subTitleBar { min-height: 60px; border-left: solid 10px white; padding: 0 35px; }
.subTitleBar .subTitleActions  { margin-top: 13px; line-height: 20px; margin-left: -10px; }
.subTitleBar .subTitleActions.pull-left li { font-weight: 600; margin-right: 15px; position: relative;}
.subTitleBar .subTitleActions.pull-left li a, 
.subTitleBar .subTitleActions.pull-left li a * { font-weight: 600;color: #ffffff; line-height: 35px; }
.subTitleBar .subTitleActions.pull-left li.active:after { background-image: url("images/icons/nav-arrow-top.svg"); content: " "; display: block; height: 9px; width: 22px; position: absolute; left: calc(50% - 11px); bottom: -13px; }

.subTitleBar .subTitleActions.pull-right li { font-weight: 600; margin-left: 15px;}
.subTitleBar .subTitleActions a.call-to-action, 
.subTitleBar .subTitleActions a.call-to-action * { color: #c8c8c8; font-weight: 500; line-height: 35px; } 
.subTitleBar .subTitleActions a.call-to-action .webtool-icon { margin-right: 2px; } 
.subTitleBar .subTitleActions a.call-to-action:hover, 
.subTitleBar .subTitleActions a.call-to-action:hover * { color: #ffffff; } 

.subTitleBar .docIdentifierRow .documentLink { white-space: nowrap; }
 .body-content .subTitleBar { margin-top: -10px; margin-right: -40px; margin-left: -40px; }

@media (max-width: 992px) {
    .navbar-header { text-align: center; display: block; }
     .navbar .content, .subTitleBar { border-left: none; text-align: center; }
     .navbar .navbar-brand, .navbar .languagePicker,  .navbar .navbar-links {display: inline-block; float: none; text-align: center; margin-top: 0; } 
} /* Border not needed on xs screens as it looks weird */ 

/* Sidebar Navigation */
.sidebar  { display: block; padding: 19px 0; } 
.sidebar ul { padding: 0 20px; }
.sidebar .webtool-icon { margin-left: -2px; margin-right: 20px; margin-top: -3px; color: #c8c8c8; }
.sidebar .webtool-icon.glyphicon { margin-left: 2px;margin-right: 16px; }
.sidebar li { list-style: none; }
.sidebar li a { display: block;  padding: 9px; font-size: 18px; font-weight: 600; position: relative; }
.sidebar li a .linkText { color: white; }
.sidebar li a.active, .sidebar li a:active, .sidebar li a:hover, .sidebar li a:focus { color: white; text-decoration: none; }
.sidebar li a.active:after { background-image: url("images/icons/nav-arrow-left.svg"); content: " "; display: block; height: 22px; width: 9px; position: absolute; right: -20px; top: calc(50% - 11px); }

/* Search Bar */
.search-bar { padding: 20px 80px; margin: 0 -35px; }
.search-bar .form-horizontal { background: white; padding: 20px; border-radius: 10px; }
.search-bar .form-group { margin-bottom: 0; }
.search-bar .input-group { width: 100%; max-width: none ; }
.search-bar .input-group input { max-width: none ; }

/* Flash Message boxes */
.alerts .alert { margin: 0 0 15px 0; }
.alerts .alert:first-child { margin: 15px 0 15px 0; }
.alert i { cursor: pointer; }
.alert i:hover { color: black; }

/* Title bar buttons on "Section requiring action" page */
.title-bar-tools { margin-top: 15px; }

/* Footer */
footer p, footer li, footer a, footer span { font-size: 16px; }
footer .container { padding: 50px 80px; }
footer .telephone { margin-bottom: 40px; }
footer a.telNum, footer a.email { font-size: 18px;margin: 10px 0 5px; line-height: 1.1; display: block; color: #555; font-size: 20px; font-weight: 600; }
footer a.telNum:hover, footer a.email:hover { text-decoration: none; }

footer .helpdesk { padding-left: 27px; }
footer .helpdesk .icon-wrapper {float: left; padding: 0 12px 12px 0; width: 50px; text-align: center; }
footer .signup { max-width: 300px; margin: 0 auto; }
footer .legal { max-width: 200px; margin: 0 auto; }
footer .legal ul { display: block;  margin: 0 auto; padding: 0; }
footer .legal li { list-style: none; display: block; padding-top: 17px; }
footer .legal li a { color: #333; text-decoration: underline; }
footer .legal li a:hover { color: #000; text-decoration: underline; }
footer .legal li.copyright { margin-top: 25px; }
footer .legal li.copyright a { text-decoration: none; }

@media (max-width: 992px) { footer .legal { max-width: 300px; }} /*makes the legal links line up with rest of footer on xs screens */

/* Title bar buttons on user and license management pages*/
.admin-pages-title-bar-tools { margin-bottom: 10px; }
.admin-pages-title-bar-tools a { margin: 0 10px 5px 0; }
.admin-pages-title-bar-tools .searchBar { width: 50%; max-width: 500px; min-width: 100px; }

/* Selecting standard for license page and selecting additional standards on view standards page*/
.docIdentifier {
    font-weight: 600;
    padding-right: 10px;
    margin: 8px;
    white-space:nowrap;

}
.includedStandards {
    font-size:16px;
    font-weight: 300;
    padding-right: 10px;
    color: #B0B0B0;
}

.controls {
    text-align: center;
    vertical-align: middle;
}

.select-documents-form .standard, .edit-documents-form .standard, .instanceList .standard { margin: 2px 0; }
.select-documents-form .standard, .edit-documents-form .standard { padding: 9px 0; }
.select-documents-form .controls, .edit-documents-form .controls {
    text-align: right;
    vertical-align: middle;
}
.select-documents-form .remainingStandards, .edit-documents-form .remainingStandards { clear:both; margin-top: 10px;}
.select-documents-form .selectedStandards .selectStandard, .edit-documents-form .selectedStandards .selectStandard, .instanceList button.selectStandard { display: none; }
.select-documents-form .selectedStandards .initiallyShown .removeStandard, .edit-documents-form .selectedStandards .initiallyShown .removeStandard { display: none; }
.select-documents-form.userCompanyIsAdmin .selectedStandards .initiallyShown .removeStandard,
.edit-documents-form.userCompanyIsAdmin .selectedStandards .initiallyShown .removeStandard { display: inline-block; }
.select-documents-form .standardsToAdd .removeStandard, .edit-documents-form .standardsToAdd .removeStandard { display: none; }
.docTitle{
    margin-right: 34px;
}
.btn {
    margin-right: 10px;
}

.instanceList { margin-bottom: 40px; } 
.instanceList .additionalStandard { border-bottom: 2px solid #f2f2f2; }

.edit-documents-form { display: none; }

.fixed-footer.padded-content { background-color: #f2f2f2; box-shadow: 0 -2px 0 0 rgba(0,0,0,0.1); padding-bottom: 25px; padding-top: 30px; }
.fixed-footer span.extra-text { margin-right: 30px; }
.edit-documents-submit-button-container { text-align: right; }

.limited-to-one-standard-message { display: none; }
.limited-to-one-standard-message.is-demo { display: block; }

/* Pagination */
.page-x-of-y { float: left; margin: 20px 20px 20px 0; padding: 7px 0; min-width: 100px; }
.pagination>.disabled>span, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { cursor: default; }

/* Basic styles */
.x-scrollable { overflow-x: auto;}
.clickable { cursor: pointer; }

/* Home Page */
.main-image { margin-bottom: 11px; }
.main-image img { width: 100%;}

.miniLoginForm{ padding: 40px; margin-top: 40px;  }
.miniLoginForm .input-group { width: 100%; }
.miniLoginForm .btn { margin-right: 20px; }
.miniLoginForm a { color: #555555; }

.trialRegisterForm { padding: 40px; border-bottom: solid 2px #CCC; margin-bottom: 40px;  }

table.licenses tr { background-color: #ffffff; background-color: rgba(255,255,255,0); }
table.licenses .license-details-wrapper { border: solid 3px white; border-radius: 4px; padding: 20px; background-color: #f2f2f2; }
table.licenses .licenseDetails.selected-licence { border: solid 1px #f2f2f2; }
/* This one pixel is to allow the highlight border to be 2px thick without the whole box changing size */

.hide-other .licenseOptions .other-licence-details { display: none; }
.licenseOptions .other-licence-details { display: block; }

table.licenses .licenseDetails.other-licence-details .license-details-wrapper { background-color: #ffffff; }
.licenseDetails.other-licence-details .numStandards span, .licenseDetails.other-licence-details .numUsers span { color: #a0a0a0; }

table.licenses { width: 100%; min-width: 1020px; text-align: center;table-layout: fixed; margin-top: 25px; margin-bottom: 25px;  }
table.licenses .licenseDetails { border: 0; padding: 0; }
table.licenses .licenseDetails .webtool-icon { vertical-align: bottom; margin-right: 15px; margin-bottom: 3px; }
table.licenses .licenseDetails .price { padding: 15px 15px 35px 15px; }
table.licenses .licenseDetails .price .value, .license-details-wrapper .price .value { font-weight: bold; font-size: 1.55em; display: block;line-height: 1em;}
table.licenses .licenseDetails .price .priceLabel { display: block; }
table.licenses .licenseDetails .numStandards, 
table.licenses .licenseDetails .numUsers { padding: 5px 10px; display: block;text-align: left; white-space: nowrap; }
table.licenses .licenseDetails .actions { padding-top: 37px;  }
table.licenses .licenseDetails .actions .btn { width: 100%; }

table.table { border-collapse: collapse; }
table.table *:not(.tooltip) { font-size: 16px; }
table.table>tbody>tr>td, 
table.table>tbody>tr>th, 
table.table>tfoot>tr>td, 
table.table>tfoot>tr>th, 
table.table>thead>tr>td, 
table.table>thead>tr>th { padding: 13px; }
table.table>thead>tr>th .glyphicon { font-size: 14px; color: #a0a0a0; }
table.table thead tr { background: none; border: none;padding: 13px;}
table.table>thead>tr>th { border: none; }
table.table.data-table tbody tr { background-color: #F2F2F2; border: 2px white solid; }
table.table.data-table thead th, 
table.table.data-table thead tr th a:not(.btn) { font-weight: normal; font-size: 16px; color: #A0A0A0; border: none; background: none; }
table.table.data-table thead tr th a:not(.btn):hover { text-decoration: underline }
table.table .subtle, table .subtle *, 
table.table .subtle a:not(.btn), table .subtle a:not(.btn) span { color: #a0a0a0; }
table.table .subtle a:not(.btn):hover, table .subtle a:not(.btn):hover span { color: #666666; text-decoration: underline; }
table.table .actions a:not(.btn) { display: block; text-decoration: underline; }

@media (min-width: 767px) { .table-responsive { overflow: visible; } } /* fix for wide responsive tables always having a scroll bar */

/* Admin controls page */
#admin-control-panel .admin-control-container { padding: 8px; }
#admin-control-panel .admin-control { border: solid 1px; border-radius: 10px;background-color: #e3e9ee; padding: 10px; }

table.table.companies td.companyDetails span.companyName { font-size: 18px; font-weight: 600; }
table.table.companies .comments { min-width: 150px; }

/* --- Common icon things */
.popover { min-width: 320px; max-width: 80%; }


span.icon-container.secondary-icon { position: relative;display: block; left: 9px; top: -37px; }
.numbered-paragraph-heading .utility-icon-container { width: 2em; }
span.icon-container span.webtool-icon, .interpretation-option-icon, .hide-interpretations-icon, .show-interpretations-button { cursor: pointer; }

.subprocess { float: left; margin: 4px 5px 4px 0 }
.view-diff-div + .subprocess-tags .subprocess:first-child { margin-left: 5px; }
#subprocessForm .input-group { width: 275px; }
#subprocessForm .chosen-container-single .chosen-search input[type=text] {
    background-image: url(/content/images/icons/icon-doc-plus.svg);
    padding-left: 40px;
    background-position: left 12px top 12px;
}

.interpretation-icon-container .popover, .interpretation-box .popover {
    max-width: 100%;
}
.utility-icons-container { display: table-cell; }

.large-popover { width: 602px; height: auto; }
.popover.dragged .arrow{ display: none; }


/* Create Copies Modal */
.modal .modal-dialog { margin-top: 100px; max-width: 655px; width: 100% }
.modal .modal-dialog .modal-content { border: none; }
.modal .modal-dialog .modal-content h4 { margin-top:0; font-size: 24px; margin-bottom: 24px; }
.modal .modal-dialog .modal-content #standardName { padding: 8px 14px; margin-left: 15px; border: solid 2px #d5d5d5; border-radius: 3px; }
.modal .modal-dialog .modal-content .call-to-action { line-height: 26px; }

.modal .modal-dialog .modal-content #makeCopyForm,
.modal .modal-dialog .modal-content .form-actions { margin-top: 28px; }
.modal .modal-dialog .modal-content #makeCopyForm .form-group label { margin-bottom: 11px;  }
.modal .modal-dialog .modal-content #makeCopyForm .form-control { max-width: 350px; height: 45px; font-size: 16px; }
.form-group .chosen-container-multi .chosen-choices,
.form-group .chosen-container-multi .chosen-choices * { font-family: 'Source Sans Pro', sans-serif; font-size: 16px;  }
.form-group .chosen-container-multi .chosen-choices { min-height: 45px; height: auto; background-image: none; padding: 0 10px; border-color: #a0a0a0!important; padding-top: 3px; }
.chosen-container-multi .chosen-choices li.search-field input[type="text"] { padding: 0; color: #999999; font-family: 'Source Sans Pro', sans-serif; }

.form-group .chosen-container-multi.chosen-with-drop .chosen-choices {border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.chosen-container-multi .chosen-choices li.search-choice { background-image: none; box-shadow: none; margin-right: 3px;border: none; font-size: 14px; padding: 3px 34px 3px 11px;  }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: 12px; right: 10px;  }
.chosen-container-multi .chosen-drop { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: 0 3px 0 rgba(0,0,0,.1) }
.chosen-container .chosen-results li.active-result, .chosen-container .chosen-results li.disabled-result { padding: 12px; min-height: 40px; border-bottom: 1px solid #a0a0a0; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; }
.chosen-container .chosen-results li.active-result.highlighted { background-image: none; background-color: #f2f2f2; color: #111 }
.chosen-container .chosen-results li.result-selected { display: none; }
.chosen-container.chosen-container-multi.full .chosen-choices { cursor: auto; }
.chosen-container.chosen-container-multi.full .chosen-choices .search-field { display: none; }
.chosen-container .chosen-results li.disabled-result { display: none; }

#instanceName, #groups_chosen .chosen-choices, #Group, #userEmailsToAdd_chosen .chosen-choices, #superUserEmail_chosen .chosen-choices, 
#userEmailsToAdd_chosen .chosen-results li.active-result, #userEmailsToAdd_chosen .chosen-results li.disabled-result  { padding-left: 40px; background-position: left 13px top 13px; background-repeat:no-repeat; }
#instanceName, #groups_chosen .chosen-choices, #Group { background-image: url("/content/images/icons/icon-company.svg") }
#userEmailsToAdd_chosen .chosen-choices, #superUserEmail_chosen .chosen-choices { background-image: url("/content/images/icons/icon-user-outline.svg"); }
#userEmailsToAdd_chosen .chosen-results li.active-result, #userEmailsToAdd_chosen .chosen-results li.disabled-result  { padding-left: 40px; background-image: url("/content/images/icons/icon-user-outline.svg"); background-position: left 13px top 10px; }

.modal .modal-lg.modal-dialog { margin-top: 70px }
.modal-content { border-radius: 0; box-shadow: 0 3px 0 #000000; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); }
.modal #makeCopyContent { padding: 30px; }

/* --- View standards page - showing document instances */
#viewStandardsPage .instanceList .standards-table-data.documentIdentifier *, #viewStandardsPage .instanceList .standards-table-data.documentTitle * { font-size: 18px; }
#viewStandardsPage .instanceList .standards-table-data { padding: 9px 0 7px 13px; }
#viewStandardsPage .instanceList .controls { padding-right: 7px; text-align: right; }
#viewStandardsPage .standards-table-data.documentTitle { width: 100%; }
#viewStandardsPage .standards-table-data.documentIdentifier { white-space: nowrap; }
.instanceList .standard.singleDocument .standards-table-data.documentIdentifier { border-bottom: 1px solid #ddd; font-weight: 600; }
.instanceList .standards-table-data.borderless { border-top: 0 !important;}
.instanceList table.groupNameCheckboxList { display: none; }
.view-standards-title { margin-bottom: 40px; }
.instanceList .singleDocument .controls .btn, .instanceList .groupMember .controls .btn { background-color: #ffffff; border-color: #ffffff; font-weight: 600; text-align: left; }
.instanceList .singleDocument .controls .btn .webtool-icon.webtool-icon-duplicate { background-image:url("/content/images/icons/icon-duplicate-inverted.svg"); }
.btn.launchMakeCopy { color: #00CA72; }
.btn.removeCopy { color: #D90041; }
.btn span.webtool-icon-mini { margin: 0 0 6px 0; }
.tooltip-button-wrapper { display: inline-block; }

a.underline { text-decoration: underline; }

/* Avoid the buttons running together in empty sections. */

div.section { clear: both; padding-bottom: 1px;padding-top: 3px; margin-bottom: 20px; }
#sectionContent > div.section:first-child { padding-top: 150px; margin-top: -150px; }
#sectionContent > div.section ~ div.section { padding-top: 110px; margin-top: -110px; }
hr.section-divider { margin: 4px 0 20px 0; border-width: 2px; }

/* Having the images not going over the side of the page*/
img { max-width: 100%; }

/* --- Lightbox: Override the image paths in lightbox.css, and must be loaded after lightbox.css */
body:after {
  content: url(/Content/images/lightbox/close.png) url(/Content/images/lightbox/loading.gif) url(/Content/images/lightbox/prev.png) url(/Content/images/lightbox/next.png);
  display: none;
}

.lb-cancel         { background: url(/Content/images/lightbox/loading.gif) no-repeat; }
.lb-nav a.lb-prev  { background: url(/Content/images/lightbox/prev.png) left 48% no-repeat; }
.lb-nav a.lb-next  { background: url(/Content/images/lightbox/next.png) right 48% no-repeat; }
.lb-data .lb-close { background: url(/Content/images/lightbox/close.png) top right no-repeat; }

/* --- Standards-display specific */
div.wordContent, div.prefixedWordContent { margin-top: 4px; }
.list li > div.sts-p table { text-indent: 0; }
/* Override poor choices in the CSS that has come from Word  */
div.wordContent *, div.prefixedWordContent * { font-family: inherit !important; line-height: inherit !important;  }
div.wordContent p, div.wordContent li, div.wordContent div, div.wordContent table { font-size: inherit !important; }
div.prefixedWordContent p, div.prefixedWordContent li, div.prefixedWordContent div, div.prefixedWordContent table { font-size: inherit !important; }

div.wordContent .fader { display: none; }

div.wordContentFade {
    max-height: 6em;
    overflow: hidden;
    background-image: linear-gradient(rgba(0,0,0,0) 0em, #fff 6em);
    position: relative;
}

div.wordContentFade .fader {
    min-height: 20px;
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
}

/* Admin pages CSS */
/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea, .input-group, .help-block, .field-validation-error { max-width: 500px; }
.help-block, .field-validation-error,
.help-block span, .field-validation-error span { font-size: 14px; }
.field-validation-error > * { color: red; font-weight: 600; }
input.filter { max-width: inherit; }
.input-validation-error { border: solid 1px red; }
.form-horizontal .form-group { margin-left: 0;margin-right: 0;}
.form-horizontal .control-label.text-left { text-align: left; }
.form-horizontal .control-label.heading-label { width: 100%; }
.form-horizontal .has-feedback .form-control-feedback.webtool-icon-search { right: 7px;top: 10px; }
input[type="text"], input[type="number"], input[type="email"], input[type="password"],
.chosen-container.chosen-container-multi .chosen-choices { border: 1px solid #a0a0a0; border-radius: 3px; min-height: 40px!important; background-color: #F8F8F8; box-shadow: inset 0 3px 0 0 rgba(0,0,0,0.1); }
input[type="text"].inverted, input[type="number"].inverted, input[type="email"].inverted, input[type="password"].inverted { background-color: #f2f2f2; }
input[type="text"].input-sm, input[type="number"].input-sm, input[type="email"].input-sm, input[type="password"].input-sm { padding-top: 0; padding-bottom: 0; height: 35px !important; }
input[type="text"].no-border { border: none; }
input[type="checkbox"] { margin-top: 7px; }

input.input-validation-error { background-color: #fff3e5; }

input.input-slim { width: 80px; float: left; padding: 6px 6px 6px 12px; }
input.input-slim-adjacent { width: calc(100% - 80px - 15px); float: left; max-width: calc(500px - 80px - 15px); }
input.input-slim-adjacent+input.input-slim,
input.input-slim+input.input-slim-adjacent,
input.input-margin { margin-left: 15px; }

input.input-half-width { width: calc(100% - 80px - 15px - 80px - 15px); float: left; }

.btn#address-lookup { float: right; }

.form-control { height: 40px!important; border: 1px solid #a0a0a0; border-radius: 3px; height: 40px!important; box-shadow: 0 3px 0 0 rgba(0,0,0,0.1); }
.form-control.input-sm { height: 35px!important; padding-top: 0; padding-bottom: 0;}
select.form-control::-ms-expand { display: none;}
select.form-control:not([multiple]) { background: #F8F8F8 url("/content/images/icons/icon-arrow-down.svg"); background-position: right 15px top 15px; background-repeat:no-repeat; padding-right: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select.form-control.flat { background-color:#f2f2f2; border:0; }
textarea.form-control { border: 1px solid #a0a0a0; border-radius: 3px; min-height: 100px; background-color: #F8F8F8; box-shadow: inset 0 3px 0 0 rgba(0,0,0,0.1);  }
.input-group .form-control:first-child { border-right: 0; }
.input-group .input-group-addon { border: solid 1px #a0a0a0; box-shadow: inset 0 3px 0 0 rgba(0,0,0,0.1); }


.form-control .btn.btn-link { padding: 0; }
.form-control .btn:last-child { margin-right: 0; }
.input-group input+.input-group-addon.inset { border-left: 0; }
.input-group .input-group-addon.inset .btn,
.input-group .input-group-addon.inset .btn * { line-height: 24px; }
.input-group input+.input-group-addon {  border-left: 0; }
.input-group .input-group-addon+input { border-left: 0; }

.form-horizontal .form-group .control-label input[type='radio'],
.form-horizontal .form-group .control-label input[type='checkbox'] { display: none; }
.form-horizontal .form-group .control-label input[type='radio'] + .webtool-icon.webtool-icon-radio { background-image:url("/content/images/icons/radio-unchecked.svg"); height: 21px; width: 21px; margin-right: 3px; margin-top: -4px;}
.form-horizontal .form-group .control-label input[type='checkbox'] + .webtool-icon.webtool-icon-checkbox { background-image:url("/content/images/icons/checkbox-unchecked.svg"); height: 21px; width: 21px; margin-right: 3px; margin-top: -4px; }
.form-horizontal .form-group .control-label input[type='radio']:checked + .webtool-icon.webtool-icon-radio { background-image: url("/content/images/icons/radio-checked.svg"); }
.form-horizontal .form-group .control-label input[type='checkbox']:checked + .webtool-icon.webtool-icon-checkbox { background-image: url("/content/images/icons/checkbox-checked.svg"); }
.form-horizontal .form-group .control-label input[type='radio']:active + .webtool-icon.webtool-icon-radio,
.form-horizontal .form-group .control-label input[type='checkbox']:active + .webtool-icon.webtool-icon-checkbox { opacity: 0.5; }
.form-horizontal .form-group .control-label input[type='radio'].disabled + .webtool-icon.webtool-icon-radio,
.form-horizontal .form-group .control-label input[type='checkbox'].disabled + .webtool-icon.webtool-icon-checkbox,
.form-horizontal .form-group .control-label input[type='radio'][disabled] + .webtool-icon.webtool-icon-radio,
.form-horizontal .form-group .control-label input[type='checkbox'][disabled] + .webtool-icon.webtool-icon-checkbox { opacity: 0.5; }
.form-horizontal .form-group .control-label.radio-button-label,
.form-horizontal .form-group .control-label.checkbox-button-label { width: auto; text-align: left; display: inline-block; margin-right: 13px; text-indent: -28px; margin-left: 28px;  }
.form-horizontal .form-group .control-label.radio-button-label:last-child,
.form-horizontal .form-group .control-label.checkbox-button-label:last-child { margin-right: 0;  }
.form-horizontal .form-group .control-label.radio-button-label sup,
.form-horizontal .form-group .control-label.checkbox-button-label sup { display: none; }
.form-horizontal .form-group .radio-group,
.form-horizontal .form-group .checkbox-group { min-height: 40px; }

.form-horizontal .filter { margin-bottom: 20px; font-size: 16px; }
.form-horizontal .filter+.filter { border-top: dashed 1px #ccc; }

.form-horizontal .checkbox-filter .checkbox-group { margin-left: 30px; border-left: solid 1px #ccc; max-height: 200px; overflow-y: auto; }
.form-horizontal .checkbox-filter .checkbox-group * { font-size: 16px; }

.form-horizontal .range-filter { padding-left: 20px; padding-right: 20px; padding-top: 7px; }
.form-horizontal .range-filter .nstSlider { height: 15px; background: #dae1e6; width: 100%; margin-top: 14px; }
.form-horizontal .range-filter .nstSlider .bar { height: 15px; background: #dae1e6; background: transparent; }
.form-horizontal .range-filter .nstSlider .grip { margin-top: -3px; background: #8a9499; width: 17px; height: 22px; border-radius: 0; background: none; background-image: url("/content/images/icons/icon-slider.svg"); }
.form-horizontal .range-filter .slider_label_container { padding-top: 7px; }
.form-horizontal .range-filter .slider_label_container .leftLabel { float: left; }
.form-horizontal .range-filter .slider_label_container .rightLabel { float: right; }

/* Restyle "Chosen" to match Bootstrap's theme */
.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single { 
    min-height: 45px; padding-top: 8px; border-radius: 3px; border: 1px solid #CCCCCC; 
    padding-right: 40px; background: #f8f8f8 url(/content/images/icons/icon-arrow-down.svg); background-position: right 15px top 18px; background-repeat: no-repeat; }
.chosen-container .chosen-drop { border-color: #ccc; background: #f8f8f8; }
.chosen-container-single .chosen-single div b,
.chosen-container-active.chosen-with-drop .chosen-single div { display: none; }
.chosen-container-multi.form-control { border: none;padding: 0; }
.chosen-container-multi.single-select .chosen-choices .search-choice { width: 100%; background: none; }
.chosen-container-single .chosen-search input[type=text] { 
    border: 1px solid #CCCCCC;  min-height: 40px; 
    padding-right: 40px; background-image: url(/content/images/icons/icon-search.svg); background-position: right 12px top 12px; background-repeat: no-repeat; }
.form-group .chosen-container-multi .chosen-choices .search-choice span { display: inline-block; padding-top: -2px; }
.form-group .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height: 25px; min-height: 37px !important; }
.form-group.alert { padding-left: 0;padding-right: 0;}
.chosen-container-active .chosen-choices, .chosen-container-active.chosen-with-drop .chosen-choices { 
    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) }
.chosen-container .chosen-results li.active-result, 
.chosen-container .chosen-results li.disabled-result { border: none; }

th i.glyphicon { font-size: 0.7em;}
th span.active.desc i.desc { display: inline-block;}
th .active.asc i.asc{ display: inline-block;}

/* Users */
.users .organisationAdmin .username { font-weight: 600; }
.users .user .note { color: #ccc }
input[type=checkbox].is-superuser-checkbox { margin-top: 0.8em; }

div.wordContent a.btn { text-decoration: none; }
div.wordContent a.btn.btn-primary { color: white; }
i .popover * { font-style: normal; }
.popover i { font-style: italic; }
.popover * { text-indent: 0; }

/*.termDef { color: #777; cursor: help; }*/

.termDef {border-bottom: 1px dotted #999; cursor: help; }
.termDef:hover { background: #eee; }
.popover h3.popover-title { margin: 0; }


.popover .termDefBody .Note, .popover .termDefBody .Notecontinued, .popover .termDefBody .Example, .popover .termDefBody .opmerking, .popover .termDefBody .opsommingstreepje { color: #666; }
.popover .termDefBody .viewTermSection { float: right;}
.popover .termDefBody { min-width: 200px; }

/* Comment popovers for NEN webtools */

#statusListComments .user:hover { cursor: pointer; font-weight: 600; }
#statusListComments .comment:hover { background-color: #F5F5F5; }
.comment-divider { margin: 10px 0; }

/* http://stackoverflow.com/a/26934329 */

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {    /* used to be tt-dropdown-menu in older versions */
  width: 422px;
  margin-top: 4px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.voordelen { font-weight: 600; margin-top: -10px; }
.voordelen ul { list-style: none; padding-left: 60px; }
.voordelen ul li { margin-bottom: 13px; font-size: 16px;  }
.voordelen ul li:before {
    content: "";
    background: url("/content/images/icons/icon-doc-checkmark.svg");
    width: 29px;
    height: 19px;
    display: block;
    position: absolute;
    left: 30px;
    margin-top: 5px;
    background-repeat: no-repeat;
    background-position: center;
}

/* -- Search Page -- */
span.searchHighlight { background-color: #fcfab3; }
.hitCount { background-color: #fcfab3; border-radius: 15px; min-width: 25px; line-height: 25px; display: inline-block; text-align: center; }
.hitCount:not(.hitCount-large),.hitCount:not(.hitCount-large) * { font-size: 14px!important; }
.hitCount.hitCount-large { padding: 5px 10px; border-radius: 20px; }

.docType { font-weight: 100; font-style: italic; text-align: right; color: #8C969A; }
.showSections { font-weight: 100; font-style: italic; }
.showSections i { margin-right: 15px; }

.table > tbody.docResult { border: solid 3px rgb(241,241,241)!important; }
.table > tbody.docResult > tr.docResult-header { background-color: rgb(241,241,241); }
.table > tbody.docResult > tr.docResult-header * { font-weight: 100; }
.table > tbody.docResult > tr.docResult-header a,
.table > tbody.docResult > tr.docResult-header a * { font-weight: 100; color: #0092CD; }
.table > tbody.docResult > tr.docResult-header a:hover,
.table > tbody.docResult > tr.docResult-header a:hover * { color: #006993; }
.table > tbody.docResult > tr.docResult-header .identifier { font-weight: 600; }
.table > tbody.docResult > tr > td { border-top: none; border-bottom: solid 1px rgb(241,241,241); }
.table > tbody.docResult > tr > td a, 
.table > tbody.docResult > tr > td a * { color: #555; }
.table > tbody.docResult > tr > td a:hover,
.table > tbody.docResult > tr > td a:hover * { color: #000; }
.table > tbody.docResult > tr > td.spacer { width: 20px; padding: 10px; border: none; }
tbody.spacer { padding: 10px; border: none; }

/* show hide logic. */
.docResult .sectionResult { display: none; }
.docResult .sectionResult.topResult { display: table-row; }

.docResult .collapse, .docResult .expand { display: none; }
.docResult.collapsed .expand { display: block; }
.docResult:not(.collapsed) .collapse { display: block; }

#searchPopoverDisplayed { width: 320px; }

div.autofiltered-form-loading div#autofiltered-form-target {
    opacity: 0.4;
}

div.autofiltered-form-spinner {
    height: 0;
    display: none;
    text-align: center;
}

div.autofiltered-form-spinner img {
    width: 128px;
    height: 128px;
}

div.autofiltered-form-loading div.autofiltered-form-spinner {
    display: block;
}

span#autofiltered-search-details-wrapper {
    display: none;
}

.toolbar {
    position: absolute; right: 0;
}

.toolbar-wrapper {
    position: relative;
}