:root {
    --colore-nero: #312f38;
    --colore-grigio: #ccc;
    --colore-bianco: #fff;
    --colore-logo: #F34000;
}



/* generali */

joomla-alert {
    --jui-alert-min-width: 250px;
    --jui-alert-padding: 50px 25px;
    --jui-alert-margin: 50px auto 50px auto;
    --jui-alert-border: 4px solid;
    --jui-alert-border-radius: 0;
    --jui-alert-animation-duration: .5s;
    --jui-alert-animation-timing-function: ease-in-out;
    --jui-alert-button-color-dark: #000;
    --jui-alert-button-color-light: #fff;
    --jui-alert-success-color: #fff;
    --jui-alert-success-background-color: none;
    --jui-alert-success-border-color: var(--colore-logo);
    --jui-alert-success-link-color: #122212;
    --jui-alert-info-color: var(--colore-bianco);
    --jui-alert-info-background-color: none;
    --jui-alert-info-border-color:var(--colore-logo);
    --jui-alert-info-link-color: #062c33;
    --jui-alert-warning-color: var(--colore-bianco);
    --jui-alert-warning-background-color: none;
    --jui-alert-warning-border-color: var(--colore-logo);
    --jui-alert-warning-link-color: #573e1c;
    --jui-alert-danger-color: var(--colore-bianco);
    --jui-alert-danger-background-color: none;
    --jui-alert-danger-border-color: var(--colore-logo);
    --jui-alert-danger-link-color: #4c1d1b;
    -webkit-animation-duration: var(--jui-alert-animation-duration,.5s);
    animation-duration: var(--jui-alert-animation-duration,.5s);
    -webkit-animation-timing-function: var(--jui-alert-animation-timing-function,ease-in-out);
    animation-timing-function: var(--jui-alert-animation-timing-function,ease-in-out);
    border: var(--jui-alert-border,1px solid transparent);
    border-radius: var(--jui-alert-border-radius,0);
    display: block;
    margin: var(--jui-alert-margin,50px 100px);
    min-width: var(--jui-alert-min-width,250px);
    padding: var(--jui-alert-padding,100px 200px);
  text-align:center;
  font-size: 24px;
    font-weight: 500;
  max-width: 60%;
}

#g-utility a:hover {
    color: var(--colore-bianco);
}

ul.mod-login__options.list-unstyled {
    list-style: none;
}

span.icon-register {
    display: none;
}

button.btn.btn-primary.w-100 {
    max-width: 200px;
}


#g-container-main .g-content {
   margin: 0;
  padding: 0; 
}





span.fas.fa-lock.fa-2x.g-popupmodule-button-icon {
    border: solid 3px var(--colore-logo);
}

.g-popupmodule-button-wrapper {
  padding-bottom: 10px;
  width: fit-content;
}


.g-popupmodule-button-icon:hover {
   color: var(--colore-bianco);
border: solid 3px var(--colore-bianco);
    transition: all 0.2s;
}
  
  
.g-popupmodule-button-wrapper:hover {
border-bottom: solid 5px var(--colore-logo);
    transition: all 0.2s;
}

.immagine-home img {
    border-bottom: solid 5px var(--colore-bianco);
    transition: all 0.2s;
    padding-bottom: 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    
}


a.immagine-home img:hover {
    border-bottom: solid 5px var(--colore-logo);
    transition: all 0.2s;
     opacity: 1;
    filter: alpha(opacity=100);
}

.item-page .size-33 h3 {
text-transform: uppercase;
    }

.g-toplevel .g-menu-item-container img {
    border-bottom: solid 5px var(--colore-nero);
    transition: all 0.2s;
    padding-bottom: 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    
}

.g-toplevel .g-menu-item-container img:hover {
    border-bottom: solid 5px var(--colore-logo);
    transition: all 0.2s;
     opacity: 1;
    filter: alpha(opacity=100);
}


.mod_dropfiles_search .top.clearfix {
 display: none;
}


.mod_dropfiles_search .tags-info {
  display: none;
}


.mod_dropfiles_search .labletags {
 display: none !important;
}

.manuals .login .btn, .manuals .logout .btn {

    font-size: 1rem;
    line-height: 1.15;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    background: var(--colore-logo);
    color: var(--colore-bianco);
    border: none;
    border-radius: 0.25rem;
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 3rem;
    vertical-align: middle;
    text-shadow: none;
}


.manuals .login .btn:hover, .manuals .logout .btn:hover {
    background: var(--colore-nero);
    color: var(--colore-bianco);
}


button.plg_system_webauthn_login_button {
    border: none !important;
    background: none !important;
    margin-bottom: 50px !important;
}

button.btn.btn-secondary.input-password-toggle  {
    display: flex;
    align-items: center;
    padding: 0.74rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}


#btnsearchbelow, #mod_btnsearchbelow {
    background-color: var(--colore-logo);
    border-radius: 0;
}


#btnReset, #mod_btnReset {
    border-radius: 0;
}


.chk-tags-filtering ul li.tags-item {
    float: left;
    margin: 0 10px 10px 0;
    list-style: none !important;
    width: auto;
    display: inline-block;
    border-radius: 0;
    padding: 30px 10px;
    box-sizing: border-box;
    line-height: 1;
    font-size: 1em;
    text-align: center;
    background-color: #f3f6fa;
    position: relative;
    z-index: 1;
    border: solid 1px var(--colore-grigio);
}


#dropfiles-results tbody td.file_download a.dropfiles_downloadlink {
    background-color: var(--colore-logo);
    border-radius: 0;
}


#dropfiles-results tbody td.file_download > a {
    border-radius: 0;
}

.dropfiles-content .dropfilescategory:not(.backcategory) {
    border-radius: 0;
   aspect-ratio: 1 / 1;
  height: 100%;
   }

.dropfiles-content .dropfilescategory:not(.backcategory) {
    font-size: 24px;
    padding: 20px 5px;
      }

.dropfiles-content .dropfilescategory:not(.backcategory) > span {
    white-space: normal;
  }
    

.dropfiles-content .dropfiles-categories .categories-head > h2 {
    font-size: 3rem;
}


.dropfiles-content .downloadlink:not(.noLightbox), .dropfiles-content .openlink:not(.noLightbox) {
    border-radius: 0;
    aspect-ratio: 1 / 1;
        height: 90px;
    width: auto;
    float: left;
    }


.dropfiles-content i.dropfiles-download, .dropfiles-content i.dropfiles-add-to-cart {
    font-size: 60px;
    vertical-align: middle;
    text-align: center;
    margin-left: 0;
    margin-bottom: 2px;
}


.dropfiles-content i.dropfiles-preview {
    font-size: 60px;
    vertical-align: middle;
    text-align: center;
    margin-left: 0;
    margin-bottom: 2px;
}

.chk-tags-filtering ul li.tags-item.active {
    background: var(--colore-nero);
    }


.dropfiles-content.dropfiles-content-categorie .dropfiles-container-categorie .dropfiles_list .file {
    display: block;
    min-width: 250px;
    border-radius: 0;
    border: 1px solid var(--colore-grigio);
    width: calc(50% - 10px);

}

.dropfiles-content.dropfiles-content-categorie .dropfiles-container-categorie .dropfiles_list .file .filecontent {
    width: 100%;
}

.file-bottom {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

.file-scatola {
    float: left;
    padding: 20px 5px;
}

.titolo-pagina-list {
        font-size: 3rem;
  text-align: left;
    color: #b3b3b3;
    text-transform: uppercase;
  border-top: 1px solid #ccc;
}



/* filtri ricerca */


.bottoneresetta {
    display: none !important;
}

.box-search-filter .top.clearfix {
    display: none;
}

.box-search-filter .tags-info {
    display: none;
}

.box-search-filter label.labletags {
    display: none;
}

.box-search-filter .Control-Section.mediaMenuOption {
    display: none;
}

.box-search-filter .list-results table.table thead tr th:first-child {
    text-align: left;
}

.box-search-filter .list-results table.table thead tr th {
    text-align: center;
}


.box-search-filter td.file_title.title {
    width: 55%;
}

.box-search-filter td.file_desc.filehidden {
    width: 0;
}

.box-search-filter td.file_size {
    width: 10%;
    text-align: center;
}

.box-search-filter td.file_created {
    width: 10%;
    text-align: center;
}

.box-search-filter td.file-modified {
    width: 10%;
    text-align: center;
}


.box-search-filter td.file_download.viewer {
    width: 15%;
    text-align: center;
}





/* classi responsive */


@media screen and (max-width: 1020px) {
    .dropfiles_tabcontent {
    display: inherit;
}
    
   .chk-tags-filtering ul {
    margin: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
    float: left;
    width: 100%;
    border-radius: 0;
     padding: 10px !important;
    background-color: var(--colore-bianco);
    border: none;
    box-sizing: border-box;
} 
    
    .by-feature .feature {
    border-bottom: none;
}
    
}



@media screen and (max-width: 768px) {
.logo {
    padding: 10px 50px 0 50px;
}
    
    .mod-languages {
    padding-top: 0;
}
    }