/* 
    Created on : 17 apr 2023, 12:08:35
    Author     : Norisys
    Description: Foglio di stile per la sezione pubblica del plugin
    Prefisso   : "norisys-archive-"
*/

.norisys-archive-content,
.norisys-archive-content table {
   font-size: 16px;
}
/* contenitore principale sezioni */
.norisys-archive-content .norisys-archive-sections {
   display: inline-block;
   vertical-align: top;
   width: 22%;
   font-size: 16px;
   padding: 19px 10px 10px 0;
}
.norisys-archive-content .norisys-archive-result {
   display: inline-block;
   vertical-align: top;
   width: 78%;
   padding: 1em;
   font-size: 16px;
   border: 2px solid;
   border-image-slice: 1;
   border-image-source: linear-gradient( to left, white, #ccc );
}
.norisys-archive-content .norisys-archive-sections .norisys-archive-section {
   margin-top: 2px;
}
.norisys-archive-content .norisys-archive-sections .norisys-archive-section a > div {
   border: 2px solid;
   border-image-slice: 1;
   border-image-source: linear-gradient( to left, #ccc, white );
   padding: 6px 8px;
   color: #333;
}
.norisys-archive-content .norisys-archive-sections .norisys-archive-section a > div > span.image {
   display: inline-block;
   vertical-align: -10px;
   margin-right: 6px;
   opacity: 0.5;
}
.norisys-archive-content .norisys-archive-sections .norisys-archive-section a > div > span.image img {
   height: 32px;
}
.norisys-archive-content .norisys-archive-sections .norisys-archive-section.selected a > div {
   border-image-source: linear-gradient( to left, #bbb, white );
   border-right-width: 6px;
   background: linear-gradient( to left, #eee, white );
   color: black;
}
.norisys-archive-content .norisys-archive-sections .norisys-archive-section.selected a:hover > div,
.norisys-archive-content .norisys-archive-sections .norisys-archive-section a:hover > div {
   border-image-source: linear-gradient( to left, #999, white );
   border-right-width: 6px;
   color: black;
}
.norisys-archive-content .norisys-archive-sections .norisys-archive-section.selected a > div > span,
.norisys-archive-content .norisys-archive-sections .norisys-archive-section a:hover > div > span {
   opacity: 1;
}
.norisys-archive-content .norisys-archive-sections h3 {
   margin-top: 0px;
}
.norisys-archive-content .norisys-archive-result h3.title {
   margin-top: 0px;
}
.norisys-archive-content .norisys-archive-result a.button,
.norisys-archive-content input[type=submit] {
   padding: 0.5em 1em;
   background: #f9f9f9;
   border: 1px solid grey;
   border-radius: 4px;
   color: #333;
}
.norisys-archive-content .norisys-archive-result a.button:hover,
.norisys-archive-content input[type=submit]:hover {
   background: #f0f0f0;
   border-color: black;
   border-color: var( --e-global-color-accent );
   color: black;
   color: var( --e-global-color-accent );
}
.norisys-archive-content .norisys-archive-result dl {
   margin-block-end: 0.9rem;
}
.norisys-archive-content .norisys-archive-result dl dt {
   font-size: 13px;
}
.norisys-archive-content .norisys-archive-result dl dd {
   border-bottom: 1px solid lightgrey;
}



.norisys-archive-login-message {
   border: 1px dashed grey;
   border-radius: 20px;
   padding: 1rem;
}
.norisys-archive-login-message form#loginform input[type=text],
.norisys-archive-login-message form#loginform input[type=password],
.norisys-archive-login-message form#loginform input[type=submit] {
   display: block;
   font-size: 20px;
   padding: 5px 10px;
   border-radius: 5px;
   border: 1px solid grey;
}
.norisys-archive-login-message form#loginform input[type=text],
.norisys-archive-login-message form#loginform input[type=password] {
   background: #fafafa;
}
.norisys-archive-login-message form#loginform input[type=text]:focus,
.norisys-archive-login-message form#loginform input[type=password]:focus {
   background: #f0f0ff;
}
.norisys-archive-login-message form#loginform input[type=submit]:hover {
   border: 1px solid black;
   background: #e0e0e0;
   cursor: pointer;
}
.norisys-archive-login-message form#loginform label {
   cursor: pointer;
}
.norisys-archive-categories a {
   border: 1px solid #aaa;
   background: #f0f0f0;
   border-radius: 20px;
   padding: 4px 10px;
   margin-right: 5px;
   text-decoration: none;
   color: #555;
}
.norisys-archive-categories {
   margin-bottom: 1em;
}
.norisys-archive-categories a:hover {
   border: 1px solid #777;
   background: #e0e0e0;
   color: black;
}
.norisys-archive-categories a.selected {
   border: 1px solid #009;
   background: #f0f0ff;
   color: #009;
}
.norisys-archive-categories a.selected:hover {
   border: 1px solid #006;
   background: #e0e0ff;
   color: #006;
}
.norisys-archive-files table {
   width: 100%;
}
.norisys-archive-files table tr td {
   margin: 0px;
   padding: 4px 10px;
   border: none;
   border-bottom: 1px solid #aaa;
   vertical-align: middle;
}
.norisys-archive-files table tr td img {
   height: 24px;
   width: auto;
   max-width: none;
   vertical-align: -4px;
}
.norisys-archive-files table tr td.actions {
   min-width: 90px;
   width: 90px;
   text-align: center;
}
.norisys-archive-files table tr td a {
   color: grey;
   text-decoration: underline;
   cursor: pointer;
}
.norisys-archive-files table tr td.actions a {  
   margin-left: 10px;
   display: inline-block;
}
.norisys-archive-files table tr td a img {
   opacity: 0.7;
}
.norisys-archive-files table tr td a:hover {
   color: black;
}
.norisys-archive-files table tr td a:hover img {
   opacity: 1;
}
.norisys-archive-files table tr td.icon {
   height: auto;
   width: 40px;
   max-width: none;
   text-align: center;
}
.norisys-archive-files table tr td a img {
   opacity: 0.7;
   display: inline-block;
}
.norisys-archive-files table tr td a:hover img {
   opacity: 1;
}
.norisys-archive-files table tr td.datetime {
   width: 90px;
   text-align: right;
   font-size: 13px;
   line-height: 14px;
}
.norisys-archive-files table tr.selected_folder {
   font-weight: bold;
}