/*===========================================================
'  HANDY DOCS
'
'  NAME:    Default Style
'  VERSION: 2.02
'  DATE:    25/03/2026
'  AUTHOR:  Luca Maroglio
'  COPY:    Zenity Sas (c) 2026
'===========================================================*/

body{
   background-color: #242424;
   color: #dbdbdb;
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   font-size: 11pt;
   font-style: normal;
   font-weight: normal;
   height: 100%;
   max-height: 100%;
   margin:0px;
}
body::-webkit-scrollbar {
   width: 16px;
}
body::-webkit-scrollbar-track {
   background: #1a1a1a;
}
body::-webkit-scrollbar-thumb {
   background-color: #7e0000;
   border-radius: 16px;
   border: 1px solid #5a5a5a;
}

a:link {color:#ffffff;}
a:visited {color:#ffffff;}
a:hover {color:#ffffff;}
a:active {color:#ffffff;}

.fileGroup {
   color: white;
   padding: 2px 0px 3px 0px;
   margin: 4px 0px 2px 0px;
   display: block;
   border-top: 1px solid transparent;
}
.fileGroup ~ .fileGroup {
   padding: 7px 0px 3px 0px;
   border-top: 1px solid #4b4b4b;
}

.fileName {
   display:block;
   color:#cdcdcd;
   text-decoration: none;
   font-weight:normal;
   font-family: courier;
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   font-size:11pt;
   margin-left: 14px;
   padding: 2px 0 3px 0;
}
.fileName:link { color:#cac9c9; }
.fileName:visited { color:#cac9c9; }
.fileName:active { color:#cac9c9; }

.fileName:hover {
   color:#ededed;
   background-color: #820303;

}

.textFile {
   margin-top: 7px;
   border: 1px solid #000000;
   padding: 6px;
   background-color: #e7e7e7;
   color: #484848;
   border-radius: 5px;
   font-family: courier;
   font-size: 11pt;
   font-weight: bold;
   height: calc( 100vh - 110px);
   overflow: auto;
}

.txtSearch {
   font-weight: bold;
   color: #b00c0c;
   background-color: #ffefac;
   padding-left:1px;
   padding-right:1px;
}

.textSearchBox {
   display: inline-block;
}

.textSearch {
   border:1px solid black;
   width:286px;
width:90%;
   padding:4px;
   font-size:12pt;
   background-color: white;
   color: #990000;
   font-weight: bold;
   border:1px solid #d1d1d1;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;            
   box-shadow:0px 2px 3px #d0d0d0;
   -moz-box-shadow:0px 2px 3px #d0d0d0;
   -webkit-box-shadow:0px 2px 3px #d0d0d0;
}
.textSearch:focus {
   border:1px solid #5a87cb;
}

.textField {
   border:1px solid black;
   width:320px;
   padding:4px;
   margin-top:8px;
   font-size:10pt;
   background-color: white;
   border:1px solid #dcdcdc;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;            
}
.textField:focus {
   border:1px solid #4481e4;
}

.btnClose {
   position:relative;
   top:7px;
   margin-left:5px;
   width:23px;
   height:23px;
}

.btnSubmit {
   position:relative;
   left: 180px;
   border:1px solid black;
   width:140px;
   padding:5px;
   margin-top:8px;
   font-size:10pt;
   color: #eaeaea;
   border:1px solid #680808;
   background-color: #820303;
   cursor:pointer;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;            
}
.btnSubmit:hover {
   color: white;
   background-color: #b00000;
}

#LoginSubmit{
   position:relative;
   left: 0px;
   padding:8px;
   width:300px;
   margin-bottom:16px;
}

.boxItem {
   display:inline-block;
   overflow: auto;
   padding:10px;
   width:320px;
   margin-top: 60px;
   background-color:#f3f3f3;
   border:0px;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;            
   box-shadow:0px 3px 3px #b1b1b1;
   -moz-box-shadow:0px 3px 3px #b1b1b1;
   -webkit-box-shadow:0px 3px 3px #b1b1b1;

   font-family: monaco;
   font-size:13.5px;
}

.loginTitle {
   display: inline-block;
   width:340px;
   height:20px;
   font-size:22pt;
   color: #4481e4;
   padding:8px 0px 18px 0px;
   text-align: center;
}
.loginLogo{
   width: 110px;
   height: 110px;
}


/* ---------------------------------------------------------------------------------------------------------------------------
   TOP MENU
--------------------------------------------------------------------------------------------------------------------------- */
.TopMenu {
   position:fixed;
   width: 100vw;
   height: 20px;
   padding:12px;
   color:#ffffff;
   background-color: #7e0000;
   border-bottom: 1px solid #5a5a5a;
}
.TopMenuLogo {
   float:left;
   position: relative;
   top:-11px;
   margin-right:8px;
}
.TopMenuTitle {
   display: inline-block;
   font-size: 14pt;
   font-weight: bold;
   margin: 0px;
   user-select: none;
}
.TopMenuVersion {
   display: inline-block;
   font-size: 10pt;
   font-weight: normal;
   margin-left:4px;
   user-select: none;
}

.TopMenuBtn {
   position: relative;
   top: 1px;
   font-size: 14pt;
   color: #f1f1f1;
   border:1px solid transparent;
   padding: 2px;;
}
.TopMenuBtn:hover {
   color: #ffffff;
   border:1px solid #adadad;
   cursor: pointer;
}
.TopMenuBtnBig {
   float: right;
   font-size: 16pt;
}
.TopMenuTools {
   float:right;
   position: relative;
   top:-3px;
   right: 30px;
}
.TopMenuSearch {
   width: 300px;
   font-size: 13pt;
}

/* ---------------------------------------------------------------------------------------------------------------------------
   AREA FILES
--------------------------------------------------------------------------------------------------------------------------- */
.AreaFiles {
   display: block;
   margin:0px;
   padding:54px 12px 12px 12px;
   /* overflow: auto; */
}

.AreaFilesTitle {
    font-weight: bold;
    font-size: 13pt;
    margin: 4px 0px 10px 0px;
}

.AreaFilesBtn {
   font-size: 14pt;
   color: #f1f1f1;
   border:1px solid transparent;
   margin-right: 5px;
}
.AreaFilesBtn:hover {
   color: #ffffff;
   border:1px solid #adadad;
   cursor: pointer;
}

.FileItem {
   padding: 1px;
   cursor: pointer;
   border: 1px solid transparent;
}
.FileItem:hover {
   background-color: #141414;
   color: #ffffff;
   border: 1px solid #5f5f5f;

   background-color: #c0c0c0;
   color: #000000;
   border: 1px solid #5f5f5f;

}


.SearchTitle {
   background-color: #a7a7a7;
   color: black;
   font-weight: bold;
   padding: 3px 3px;
   margin: 1px 0px 7px 0px;
}

.SearchTitleBtn {
   font-size: 14pt;
   color: #1e1e1e;
   border:1px solid transparent;
   margin-right: 5px;
}
.SearchTitleBtn:hover {
   color: #000000;
   cursor: pointer;
}