.BarButtons{
   margin-bottom: 2px;
}

.BarButton{
   display: inline-block;
   margin: 2px 10px 2px 0px;
   padding: 4px 24px;
   text-decoration: none;
   background-color: #385996;
   border: 1px solid #1d2f50;
   color: #f0f0f0;
   border-radius: 4px;
}
.BarButton:hover {
   background-color: #1b3a75;
   color: #ffffff;
}
.BarButtonTitle{
   display: inline-block;
   margin: 2px 10px 2px 0px;
   padding: 4px 2px;
   font-family: arial, sans-serif;
   font-size:13pt;
   font-weight: bold;
   color: #264a8d;
   text-decoration: none;
   text-align: left;
}




.formArea {
   margin-top:14px;
}



.tableRow {
   padding: 7px 10px;
   display: flex;
}
.tableRow:nth-of-type(odd) {
    background-color:#eeeeee;
}
.tableRow:nth-of-type(even) {
    background-color:#e0e0e0;
}
.tableRowHead {
   margin-top:14px;
   padding: 8px 10px;
   color: white;
   background-color: #274783 !important;
}



.tableField {
   display: inline-block;
   font-family: arial, sans-serif;
   font-size:12pt;
   overflow: hidden;
   margin-right: 10px;
}
.tableFldHome01 {
   min-width:165px; 
   /* color: #4481e4; */
   font-weight: bold;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.tableFldHome01 a {
   color: #144c8d !important;
   text-decoration: none;
}
.tableFldHome01 a:hover {
   color: #0b3564 !important;
}

.tableFldHome02 {
   width:65px;
   min-width:50px;
   text-align:right;
}
.tableFldHome02 a {
   color: #144c8d !important;
   text-decoration: none;
}
.tableFldHome02 a:hover {
   color: #0b3564 !important;
}

.tableFldHome03 {
   width:250px;
}
.tableFldHome04 {
   width:600px;
}

.tableFldLog01 {
   width:160px;
}
.tableFldLog02 {
   width:130px;
}
.tableFldLog03 {
   width:500px;
}
.tableFldLog04 {
   width:120px;
}
.tableFldLog05 {
   width:150px;
}

.tableField a {
   text-decoration: none;
   color:#121212;
}
.tableField a:hover {
   color:#2059b7;
}

.tableButton {
   position:relative;
   width:140px;
   padding:5px;
   margin-top:8px;
   font-size:10pt;
   cursor:pointer;
   color: white;
   background-color: #144c8d;
   border:1px solid black;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;            
}
.tableButton:hover {
   background-color: #0b3564;
}

.editTitle {
   display: inline-block;
   width:100px; 
   color: #80270e;
   font-weight: bold;
   font-family: arial, sans-serif;
   font-size:12pt;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.editField {
   display: inline-block;
   width:700px;    
   font-family: arial, sans-serif;
   font-size:12pt;
   overflow: hidden;
   margin-left: 16px;
}

.editFieldDisabled {
   color:rgb(97, 97, 97);
}






/*===========================================================
'  ZenIsIt - URL Shortner
'
'  NAME:    style.css
'  VERSION: 0.5
'  DATE:    20/11/2023
'  AUTHOR:  Luca Maroglio
'  COPY:    Zenity (c) 2023
'===========================================================*/

body {
   /* background-color: rgb(245, 245, 245); */
   background-color: rgb(255, 172, 49);
   margin: 0;
   font-size: 16px;
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.pageTop {
   display: block;
   padding: 20px 20px 40px 20px;
   background-color: #0d3e77;
}
.pageTopAccount{
   float:right;
   text-align:right;
   color:white !important;
}
.pageTopAccount a{
   text-decoration: none;
   color:white;
}
.pageTopAccount a:hover{
   color:rgb(255, 183, 28);
}

.imgLogo {
   display: inline-block;
   width: 388px;
   height: 100px;
   cursor: pointer;
}

.pageHead {
   padding: 20px 20px 122px 20px;
   /* height: 200px; */
   color: rgb(255, 255, 255);
   background-color: rgb(255, 172, 49);
}
.pageHeadTitle {
   font-size: 33px;
   font-weight: bold;
   margin: 10px 0 10px 0;
}

.pageBody {
   font-size: 14px;
   padding: 14px 20px 100px 20px;
}
.pageBody b {
   display: block;
   font-weight: bold;
   margin:16px 0 6px 0;
}
.pageBody p {
   margin:1px 0;
}

.pageBottom {
   position: fixed;
   bottom: 0px;
   width: 100%;

   display: block;
   padding: 30px 20px 30px 20px;
   background-color: #0d3e77;

   color: rgb(255, 255, 255);
}
.pageBottomHigh {
   font-weight: bold;
   font-size:20px;
   color: rgb(255, 183, 28);
   padding-right: 4px;
}

.textLogo {
   position: relative;
   top:-28px;
   display: inline-block;
   font-size: 46px;
   font-weight: bold;
   color: rgb(255, 183, 28);
   text-shadow: -1px 0 #1e2249, 0 1px #1e2249, 1px 0 #1e2249, 0 -1px #1e2249;
   text-shadow:  -1px 0 #1e2249, 0 1px #1e2249, 1px 0 #1e2249, 0 -1px #1e2249, 0px 0px 3px #141414;
}

.fLink {
   width: 78.2%;
   height: 56px;
   margin-right:1%;
   padding: 4px 14px 0px 14px;
   font-size: 20px;
   background-color: #ffffff;
   border: 1px solid rgb(189, 189, 189);
   border-radius: 8px;
}
.fLogin {
   width: 38%;
   height: 56px;
   margin-right:1%;
   padding: 4px 14px 0px 14px;
   font-size: 20px;
   background-color: #ffffff;
   border: 1px solid rgb(189, 189, 189);
   border-radius: 8px;
}
.fButton {
   width: 20%;
   height: 56px;
   padding: 4px 14px 0px 14px;
   font-size: 20px;
   color: rgb(255, 255, 255);
   background-color: #144c8d;
   border: 1px solid rgb(16, 30, 46);
   border-radius: 8px;
   cursor: pointer;
}
.fButtonHover:hover {
   background-color: #0b3564;
}
.fButtonCopy {
   background-color:#177400;
}

.tResult {
   padding: 6px 0 6px 0;
   font-size: 18px;
   color: #e7e7e7;
   height:40px;
}

@media (max-width: 800px) {
   .pageTop {
      padding: 20px;
   }
   .pageHead {
      /* height: 280px; */
   }
   .imgLogo {
      width: 276px;
      height: 71px;
   }
   #fLink {
      width: 100%;
      margin-bottom:10px;
   }
   .fLogin {
      width: 100%;
      margin-bottom:10px;
   }
   #fButton {
      width: 100%;
   }
}

@media (max-width: 405px) {
   .pageHeadTitle {
      font-size: 24px;
   }
}