.inim-component.download .inim-component-wrapper { padding-bottom: 10rem; }
.inim-component.download.underlayered .inim-component-wrapper::before { content: ""; background-color: rgb(var(--accent-light) / .25); width: 6rem; height: 6rem; display: inline-block; border-radius: 50%; position: absolute; top: 1rem; }
.inim-component.download .downloadable-contents { margin-top:3rem; display: flex; width: 100%; gap:4rem; flex-direction: column; }
.inim-component.download .download-filter { margin-right:auto; flex-wrap: wrap; max-width: 100%; flex: 1 1 auto; display:flex; flex-direction: column; gap:1.5rem; order:1; }
.inim-component.download .download-filter > .download-filter-row { display:flex; align-items: flex-end; gap:2rem; width: 100%; flex-wrap: wrap; }
.inim-component.download .download-filter > .download-filter-row:first-child .download-filter-select { display:flex; margin-left: auto; flex: 0 0 auto; width:100%; }
.inim-component.download .download-filter > .download-filter-row .inim-button { height:fit-content; }
.inim-component.download .download-filter .download-filter-text { position:relative; display:flex; gap:1.5rem; flex-wrap: wrap; flex: 0 0 auto; width:100%; }
.inim-component.download .download-filter .download-filter-text input { display:block; border:1px solid rgb(var(--gray-2)); border-radius:100px; color:rgb(var(--black)); background-color: rgb(var(--gray-background)); width:100%; padding:1rem; }
.inim-component.download .download-filter .download-filter-text i { position:absolute; right:2rem; bottom: 1.3rem; margin-top:-0.5rem; z-index:999; }
.inim-component.download .download-filter .download-filter-select { display: flex; gap:1.5rem; flex-wrap: wrap; flex: 0 0 auto; width:100%; }
.inim-component.download .download-filter .download-filter-select > * { flex:1 0 100%; }
.inim-component.download .download-filter .download-filter-select > .select2 { max-width: 14rem; }
.inim-component.download .download-filter .download-filter-buttons { flex: 0 0 auto; width:100%; display: flex; flex-direction: column; gap: .5rem; }
.inim-component.download .download-filter .download-filter-text .label-text, 
.inim-component.download .download-filter .download-filter-select .label-select { font-family:var(--font-headings); font-size:1rem; line-height:1rem; text-transform: uppercase; font-weight:bold; }
.inim-component.download .download-files { flex: 0 0 66%; display:flex; flex-direction: column; order:2; position:relative; padding-bottom: 7rem; }
.inim-component.download .download-files-head { padding:0 0 1.5rem 0; text-align: left; font-weight: bold; order: 1;display: flex; flex-direction: column; gap: 1.5rem; }
.inim-component.download .download-files-head .label-products { display: inline-block; }
.inim-component.download .download-files-head .label-files { display: inline-block; }
.inim-component.download .download-files-head .label-select { display: flex; align-items: center; position: relative; padding-left: 3rem;}
.inim-component.download .download-files-body { order: 2; }
.inim-component.download .download-files-body > div { width: 100%; border-bottom:1px solid rgb(var(--gray-2)); display:flex; padding:1rem 0 1rem 0; flex-wrap: wrap; gap:2rem; align-items: center; box-sizing: content-box; }
.inim-component.download .download-files-body > div .locked-document { cursor: auto; pointer-events: none; color:rgb(var(--black)); }
.inim-component.download .download-files-footer { order: 2; }
.inim-component.download .productname { flex:1 0 100%; display:flex; gap:1rem; align-items: flex-start; cursor: pointer; order:1; flex-direction: column;}
.inim-component.download .productdocs { flex:1 0 100%; gap:1rem; display: none; height:0; overflow: hidden; transition: all 0.75s; padding-left: 3rem; position: relative; }
.inim-component.download .openproduct .productdocs { height:auto; display: flex; overflow: visible; flex-direction: column; }
.inim-component.download .productdocs > .filelabel { background:#f8f8f8; padding:3px 1px; position:relative; order:1; }
.inim-component.download .productdocs > .filelabel .download-checkbox { left: -3rem; top: 45%; transform: translateY(-50%); }
.inim-component.download .productname .filelabel { flex:0 0 auto; }
.inim-component.download .productname .filelabel::before { content: "\e95c"; font-family: 'inim-icon'; font-size: 0.625rem; line-height: 1.25rem; height: 1.25rem; width: 1.25rem; display: inline; text-align: center; margin-right:.75rem; }
.inim-component.download .openproduct .productname .filelabel::before { content: "\e960"; }
.inim-component.download .filelabel .label-files { display: inline; font-weight: 600; font-size:0.875rem; }
.inim-component.download .filelabel .filecategory { font-family:var(--font-headings); font-weight: 700; color:rgb(var(--black)); font-size:1rem; line-height: 1.5rem; display:inline; }
.inim-component.download .productname .filecontent { flex:1 1 auto; line-height: 1rem; display:flex; gap:1rem; flex-direction: column; align-items: flex-end; padding-left: 1.7rem; }
.inim-component.download .productname .filecontent .filename { font-size:1rem; line-height:1rem; flex:1 0 auto; display:flex; }
/* .inim-component.download .filename span { display: flex; width: 90%; justify-content: flex-end; } */
.inim-component.download .filename .download-error { width: 90%; font-family:var(--font-headings); font-weight: 500; color:rgb(var(--red)); font-size:0.75rem; line-height: 1rem; font-style:italic; display:none; position:absolute; bottom:0; right:0; }
.inim-component.download .filename.show-error { position:relative; padding-bottom:3rem; }
.inim-component.download .filename.show-error .download-error { display: block; }
.inim-component.download .productdocs .filecontent { flex:1 1 auto; line-height: 1rem; display:flex; gap:1rem; flex-direction: column; order:2; }
.inim-component.download .productdocs .filename { font-size:1rem; line-height:1rem; flex:1 0 auto; display:flex; font-family:var(--font-headings); font-size:1rem; line-height: 1.5rem; }
.inim-component.download .productdocs .filename .filelabel { flex:1 0 90%; display: block; line-height: 1rem; }
.inim-component.download .productdocs .filename .filelabel a { font-family:var(--font-headings); font-weight: 700; color:rgb(var(--black)); font-size:1rem; line-height: 1.5rem; display:inline-flex; align-items: flex-start; cursor:pointer; }
.inim-component.download .productdocs .filename .filelabel span { font-family:var(--font-headings); line-height: 1.5rem;  }
.inim-component.download .productdocs .filename .filelabel i { font-size: 1rem; height: 1.5rem; width: 1.5rem; text-align: center; display: flex; align-items: center; justify-content: flex-end; }
.inim-component.download .productdocs .filename .filelabel .filemeta { font-family:var(--font-headings); font-weight: 600; color:rgb(var(--gray-0)); font-size:0.625rem; line-height: 1rem; }
.inim-component.download .productdocs .filename:not(.locked-document) { color:rgb(var(--accent)); }

.inim-component.download .download-action-box { display:inline-block; }
.inim-component.download .download-action-box label { text-align: left; display: inline-block; position: relative; padding-left: 1.5rem; margin-left:0.5rem; margin-bottom: 1rem; font-family:var(--font-headings); font-size:0.875rem; line-height:1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.inim-component.download .download-action-box a { cursor:pointer; }

.inim-component.download .download-checkbox { display: inline-block; position: absolute; left:0; }
.inim-component.download .download-checkbox input[type=checkbox] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.inim-component.download .download-checkbox label .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; border-radius: 0.25rem; border: 1px solid rgb(var(--gray-1)); }
.inim-component.download .download-checkbox label input[type=checkbox]:checked ~ .checkmark { background-color: rgb(var(--accent)); border-color: rgb(var(--accent)); }
.inim-component.download .download-checkbox label input[type=checkbox].input-error ~ .checkmark { border-color: rgb(var(--red)); }
.inim-component.download .download-checkbox label .checkmark::after { content: ""; position: absolute; display: none; left: 8px; top: 4px; width: 7px; height: 12px; border: solid rgb(var(--white)); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.inim-component.download .download-checkbox label input[type=checkbox]:checked ~ .checkmark::after { display:block; }

.inim-component.download .download-buttons-box { width:100%; padding: 1rem 0; background: rgb(var(--gray-background)); margin: 0; position: absolute; bottom: 0; border-top: 1px solid rgb(var(--gray-border)); }
.inim-component.download .download-buttons { width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; }
.inim-component.download .download-buttons .download-doc-number { display:none; margin-top:1rem; font-weight: bold; } 

@media (min-width: 992px) {
    .inim-component.download .inim-component-wrapper { position: relative; padding-bottom: 2rem; }
    .inim-component.download .download-files { padding-bottom: 0; width: 75%; }
    .inim-component.download .download-filter .download-filter-select > .select2 { max-width: 19rem; }
    .inim-component.download .download-filter > .download-filter-row:first-child .download-filter-select { width: 100%;}
    .inim-component.download .download-filter .download-filter-text { width: 100%; }
    .inim-component.download .download-filter .download-filter-select { width: 100%; }
    .inim-component.download .download-filter .download-filter-buttons { width: 100%;}
    .inim-component.download .productname { flex-direction:row; align-items: center;  }
    .inim-component.download .productname .filelabel { flex:0 0 36rem; }
    .inim-component.download .productname .filecontent { padding:0; }
    .inim-component.download .download-buttons-box { width:auto; position:absolute; top:0; bottom:auto; margin:0; background:transparent; right:-15rem; height:100%; border:0; }
    .inim-component.download .download-buttons { margin-top: 2rem; width: 100%; text-align: right; position:sticky; top: 5rem; }
}

@media (min-width: 1441px) {
    .inim-component.download .download-filter > .download-filter-row:first-child .download-filter-select { width: 49%;}
    .inim-component.download .download-filter .download-filter-text { width: 48%; }
    .inim-component.download .download-filter .download-filter-select { width: 77%; }
    .inim-component.download .download-filter .download-filter-buttons { width: 20%;}
}